KOK - MANAGER
Edit File: style.css.bak
@charset "UTF-8"; /*! Theme Name: Norebro Theme URI: https://norebro.clbthemes.com/ Author: Colabrio Author URI: https://clbthemes.com/ Description: Norebro is flexible and high performance multipurpose WordPress Theme for personal and corporate use. It comes with the most popular WordPress page builder Visual Composer. Create gorgeous pages and layouts fast and easy without coding. Version: 1.5.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: norebro Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-colors, custom-header, custom-menu, featured-images, full-width-template, post-formats, theme-options, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Modules # Shortcodes ## Accordion box ## Banner box ## Chart box ## Contact module ## Countdown box ## Counter box ## Dropcaps ## Google Maps ## Icon box ## Instagram feed ## List box ## Menu list ## Message box ## Parallax ## Pricing table ## Progress bars ## Slider ## Social bar ## Split Box ## Split Screen ## Subscibe ## Tab box ## Team members ## Testimonials ## Tooltips ## Video module # Widgets # Content ## Elements ## Theme elements ## Error pages ## Structure ### Header ### Subheader ### Footer ### Menus ### Sidebar ## Posts and pages ### Breadcrumbs ### Post ### Comments ### Paginator # Portfolio ## Portfolio grid ## Portfolio pages # Blog ## Cards ## Post ## Comments # WPML # Help classes # Woocommerce ## Notices ## Mini cart ## Single product ## Products ## Cart ## Checkout ## Paginator ## Wishlist ## Wishlist ## Fields --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #494949; font-family: "Rubik", sans-serif; line-height: 1.65; } .subtitle-font, p.subtitle { font-family: "Poppins", serif; } .font-titles { font-family: "Poppins", sans-serif; } .font-main, .font-main a { font-family: "Rubik", sans-serif; } .font-subtitles { font-family: "Poppins", serif; } /*-------------------------------------------------------------- ## Texts --------------------------------------------------------------*/ p { width: 100%; margin: 10px auto; display: block; } p.text-small { font-size: 0.9rem; } .has-regular-font-size { font-family: "Rubik", sans-serif; font-size: 1rem; } .has-extra-small-font-size { font-size: 0.8577em; } .has-small-font-size { font-size: 0.93em; } .has-large-font-size { font-size: 1.215em; } .has-larger-font-size { font-size: 1.43em; } .subtitle { color: #888; } p.subtitle { margin: 0; font-size: 0.95rem; font-weight: 400; font-family: "Poppins", serif; } p.subtitle.top { margin-top: 6px; } p.subtitle.small { font-size: 0.95rem; margin: 8px auto; } p.subtitle.text-small { font-size: 0.9rem; } p.subtitle.large { font-size: 18px; line-height: 1.4; } p.subtitle-under-divider { margin-top: 20px; } .text-wrap { margin: 6px 0; } .text-wrap *:first-child { margin-top: 0; } .text-split p { padding-left: 10px; padding-right: 10px; } .text-split p:first-child { padding-left: 0px; } .text-split p:last-child { padding-right: 0px; } .divider { background: #174EE2; width: 60px; height: 2px; display: inline-block; vertical-align: middle; } /*-------------------------------------------------------------- ## Headings --------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { color: #282828; clear: both; font-family: "Poppins", sans-serif; font-weight: 600; text-align: inherit; margin: 35px 0 20px; line-height: 1.2; position: relative; } h1.title, h2.title, h3.title, h4.title, .widget h4, h5.title, .widget h5, h6.title { margin: 0; } h1.with-divider:after, h2.with-divider:after, h3.with-divider:after, h4.with-divider:after, h5.with-divider:after, h6.with-divider:after { content: ''; background: #174EE2; width: 1.2em; height: 2px; position: absolute; top: -.6em; left: 0; } h1 { font-size: 60px; letter-spacing: -0.02em; } h1.title { line-height: 1.3; margin: 5px 0; } h2 { font-size: -webkit-calc(60px * 0.72); font-size: calc(60px * 0.72); letter-spacing: -0.02em; } h2.title { font-size: -webkit-calc(60px * 0.58); font-size: calc(60px * 0.58); margin: 15px 0; } h3 { font-size: -webkit-calc(60px * 0.58); font-size: calc(60px * 0.58); letter-spacing: -0.01em; } h4 { font-size: -webkit-calc(60px * 0.45); font-size: calc(60px * 0.45); } h4.title, .widget h4 { font-size: 18px; } h5 { font-size: 1rem; font-size: -webkit-calc(60px * 0.33); font-size: calc(60px * 0.33); } h5.title, .widget h5 { margin: 5px auto; font-size: 0.9rem; text-transform: none; } h5.title.uppercase, .widget h5.uppercase { text-transform: uppercase; } h6 { font-size: 1rem; } h6.title { margin: 5px auto; font-size: 0.75rem; } /*-------------------------------------------------------------- # Modules --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; display: block; font-size: 0.95rem; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- ## Aligments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- ## Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .clear, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ''; display: table; clear: both; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- ## Shapes --------------------------------------------------------------*/ .rounded, a.rounded { -webkit-border-radius: 50%; border-radius: 50%; } .flat, a.flat { background: transparent; border: none; color: #282828; } /*-------------------------------------------------------------- ## Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Shortcodes --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Accordion box --------------------------------------------------------------*/ .accordion-box div.title { background: #f6f6f6; color: #282828; width: 100%; padding: 16px 50px 15px 20px; position: relative; cursor: pointer; } .accordion-box div.title .icon { color: inherit; margin-right: 5px; display: inline-block; font-size: 20px; line-height: 0; vertical-align: -3px; } .accordion-box div.title h4 { color: inherit; margin: 0 0 -4px; font-size: 0.95rem; line-height: 1.4; font-weight: 600; display: inline-block; } .accordion-box div.title .control { margin-top: -10px; font-size: 18px; line-height: 1.4; position: absolute; top: 50%; right: 20px; -webkit-transition: color .15s ease-in-out; -o-transition: color .15s ease-in-out; transition: color .15s ease-in-out; } .accordion-box div.title:hover .control { color: #174EE2; } .accordion-box .item.active .control { color: #174EE2; } .accordion-box .content { height: 6px; min-height: 6px; overflow: hidden; -webkit-transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1); -o-transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1); transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1); } .accordion-box .content.open { height: auto; } .accordion-box .content .wrap { padding: 10px 20px; } .accordion-box.title-brand-bg-color .title { background: #174EE2; } .accordion-box.title-brand-color .title { color: #174EE2; } .accordion-box.active-brand-color .item.active .control, .accordion-box.active-brand-color .title:hover .control { color: #174EE2; } .accordion-box.outline .title { background: transparent; border: 1px solid #ebebeb; border-bottom-width: 0; border-left: none; border-right: none; padding-left: 0; padding-right: 0; } .accordion-box.outline .control { right: 0; } .accordion-box.outline .content { height: 0; min-height: 0; } .accordion-box.outline .content.open { height: auto; } .accordion-box.outline .content .wrap { padding: 10px 0; } .accordion-box.outline .item.active .title, .accordion-box.outline .item:last-child .title { border-bottom-width: 1px; } .accordion-box.outline.title-brand-border-color .title { border-color: #174EE2; } /*-------------------------------------------------------------- ## Banner box --------------------------------------------------------------*/ .banner-box { width: 100%; } .banner-box .image-wrap { margin-bottom: 20px; display: block; overflow: hidden; position: relative; } .banner-box .image-wrap img { min-width: 100%; float: left; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; } .banner-box .image-wrap .overlay { -webkit-box-shadow: 0 -150px 150px -70px rgba(40, 40, 40, 0.8) inset; box-shadow: 0 -150px 150px -70px rgba(40, 40, 40, 0.8) inset; padding: 30px; opacity: 0; -webkit-transform: translateY(15px) rotateX(0.25deg); transform: translateY(15px) rotateX(0.25deg); -webkit-transition: 0.3s cubic-bezier(0.2, 0, 0.2, 1.3); -o-transition: 0.3s cubic-bezier(0.2, 0, 0.2, 1.3); transition: 0.3s cubic-bezier(0.2, 0, 0.2, 1.3); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; vertical-align: bottom; } .banner-box .image-wrap .btn { position: relative; top: 100%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .banner-box h4 { margin: 5px 0; font-size: 18px; } .banner-box .subtitle { margin: 0; } .banner-box .content { border-bottom: 1px solid rgba(0, 0, 0, 0.15); padding-bottom: 15px; } .banner-box:hover .image-wrap img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .banner-box:hover .image-wrap .overlay { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .banner-box.boxed { background: #fff; } .banner-box.boxed .content { border: none; padding: 1px 30px 15px; } .banner-box.inner .overlay { background: rgba(68, 68, 68, 0.7); opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .banner-box.inner h4, .banner-box.inner .description { color: #fff; } .banner-box.inner .subtitle { color: rgba(255, 255, 255, 0.7); } .banner-box.inner .content { padding-bottom: 10px; border-color: transparent; -webkit-transition: border .3s ease-in-out; -o-transition: border .3s ease-in-out; transition: border .3s ease-in-out; } .banner-box.inner .btn { position: absolute; top: auto; bottom: 30px; -webkit-transform: none; -ms-transform: none; transform: none; } .banner-box.inner.text-center .btn { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .banner-box.inner.text-right .btn { left: auto; right: 30px; } .banner-box.inner.hover .overlay { opacity: 0; -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } .banner-box.inner.hover h4, .banner-box.inner.hover .description, .banner-box.inner.hover .subtitle, .banner-box.inner.hover .btn { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); opacity: 0; -webkit-transition: 0.3s cubic-bezier(0.2, 0, 0.2, 1.3); -o-transition: 0.3s cubic-bezier(0.2, 0, 0.2, 1.3); transition: 0.3s cubic-bezier(0.2, 0, 0.2, 1.3); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } .banner-box.inner.hover:hover h4, .banner-box.inner.hover:hover .description, .banner-box.inner.hover:hover .subtitle, .banner-box.inner.hover:hover .btn { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .banner-box.inner.hover:hover h4 { -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } .banner-box.inner.hover:hover .subtitle { -webkit-transition-delay: .17s; -o-transition-delay: .17s; transition-delay: .17s; } .banner-box.inner.hover:hover .description { -webkit-transition-delay: .25s; -o-transition-delay: .25s; transition-delay: .25s; } .banner-box.inner.hover:hover .btn { -webkit-transition-delay: .35s; -o-transition-delay: .35s; transition-delay: .35s; } .banner-box.inner.hover:hover .content { border-color: rgba(255, 255, 255, 0.2); -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .banner-box.inner.hover:hover .overlay { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .banner-box.overlay-title .overlay { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .banner-box.overlay-title h4 { color: #fff; } .banner-box.overlay-title .subtitle { color: rgba(255, 255, 255, 0.7); } .banner-box.overlay-title .title-wrap { width: 100%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); margin-top: -20px; padding: 30px 30px; position: absolute; left: 0; top: 0; z-index: 2; } .banner-box.overlay-title .content { padding: 0 30px; position: relative; border: none; } .banner-box.overlay-title .btn { margin-top: 10px; } .banner-box.overlay-title.hover .overlay { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } .banner-box.overlay-title.hover .title-wrap { -webkit-transform: none; -ms-transform: none; transform: none; position: relative; margin: 0; padding: 0 0 30px 0; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: top, -webkit-transform; transition-property: top, -webkit-transform; -o-transition-property: transform, top; transition-property: transform, top; transition-property: transform, top, -webkit-transform; } .banner-box.overlay-title.hover h4, .banner-box.overlay-title.hover .subtitle { color: #282828; -webkit-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out; } .banner-box.overlay-title.hover .description-wrap { position: relative; padding: 0; opacity: 0; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: max-height, opacity, margin, -webkit-transform; transition-property: max-height, opacity, margin, -webkit-transform; -o-transition-property: transform, max-height, opacity, margin; transition-property: transform, max-height, opacity, margin; transition-property: transform, max-height, opacity, margin, -webkit-transform; } .banner-box.overlay-title.hover .description { margin-top: 0; } .banner-box.overlay-title.hover:hover .overlay { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .banner-box.overlay-title.hover:hover .title-wrap { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); top: -20px; } .banner-box.overlay-title.hover:hover h4 { color: #fff; } .banner-box.overlay-title.hover:hover .subtitle { color: rgba(255, 255, 255, 0.7); } .banner-box.overlay-title.hover:hover .description-wrap { max-height: 200px; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } @media screen and (max-width: 768px) { .banner-box { margin-bottom: 25px; } .banner-box .image-wrap .overlay { padding: 25px; } } @media screen and (max-width: 1024px) and (min-width: 768px) { .banner-box.inner .image-wrap { height: 350px; } .banner-box.inner .image-wrap img { height: 100%; width: auto; max-width: none; } } /*-------------------------------------------------------------- ## Call to action --------------------------------------------------------------*/ .call-to-action { background: #282828; width: 100%; padding: 35px 40px; position: relative; } .call-to-action h3 { color: #fff; margin-bottom: 5px; font-size: 19.6px; } .call-to-action .subtitle { color: rgba(255, 255, 255, 0.6); font-size: 15px; } .call-to-action .btn { float: right; white-space: nowrap; } @media screen and (max-width: 786px) { .call-to-action .content-center .wrap { width: 100%; display: block; } .call-to-action .btn { float: none; margin-top: 15px; } } /*-------------------------------------------------------------- ## Chart box --------------------------------------------------------------*/ .chart-box { color: #282828; } .chart-box .pie { width: 130px; height: 130px; margin: 0 auto 20px; position: relative; } .chart-box .pie canvas { position: relative; z-index: 4; } .chart-box .pie-content { width: 128px; height: 128px; -webkit-border-radius: 50%; border-radius: 50%; line-height: 126px; font-weight: bold; font-size: 30px; text-align: center; position: absolute; top: 1px; left: 1px; z-index: 2; } .chart-box .pie-content h4, .chart-box .pie-content span { color: inherit; } .chart-box .pie-content span, .chart-box .pie-content span:before { line-height: inherit; } .chart-box .pie-content .icon, .chart-box .pie-content .icon-large { vertical-align: middle; font-size: 110%; } .chart-box .pie-content .icon-large { font-size: 46px; vertical-align: -10px; } .chart-box .percent-wrap { vertical-align: 0px; margin-bottom: 10px; display: inline-block; } .chart-box .percent-wrap h4 { display: inline; font-weight: 600; font-size: 28px; } .chart-box .content { text-align: center; } .chart-box .subtitle { font-size: 0.95rem; } .chart-box h3 { font-size: 1rem; } .chart-box.chart-right, .chart-box.chart-left { position: relative; } .chart-box.chart-right .pie, .chart-box.chart-left .pie { position: absolute; top: 50%; left: 0px; margin-top: -65px; } .chart-box.chart-right .content, .chart-box.chart-left .content { min-height: 140px; height: 140px; margin-left: 145px; text-align: left; display: table; } .chart-box.chart-right .content .wrap, .chart-box.chart-left .content .wrap { display: table-cell; vertical-align: middle; } .chart-box.chart-left { text-align: right; overflow: hidden; } .chart-box.chart-left .pie { left: auto; right: 0; } .chart-box.chart-left .content { margin-left: 0; margin-right: 145px; text-align: right; float: right; } /*-------------------------------------------------------------- ## Lients Logo --------------------------------------------------------------*/ .clients-logo { position: relative; } .clients-logo img { position: relative; z-index: 2; } .clients-logo .overlay { background: #f7f7f7; height: auto; opacity: 0; -webkit-transform: scale(0.96); -ms-transform: scale(0.96); transform: scale(0.96); -webkit-transition: 0.3s cubic-bezier(0.4, 0.7, 0.3, 1); -o-transition: 0.3s cubic-bezier(0.4, 0.7, 0.3, 1); transition: 0.3s cubic-bezier(0.4, 0.7, 0.3, 1); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; z-index: 1; } .clients-logo .overlay img { visibility: hidden; } .clients-logo .overlay h4, .clients-logo .overlay .description { padding: 30px 50px; } .clients-logo .overlay .description { padding-top: 10px; } .clients-logo:hover { z-index: 3; } .clients-logo:hover .overlay { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .clients-logo.default { overflow: hidden; } .clients-logo.default .second-image { width: 100%; position: absolute; top: 100%; left: 0; } .clients-logo.default .first-image, .clients-logo.default .second-image { -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.7, 0.3, 1); transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.7, 0.3, 1); -o-transition: transform 0.4s cubic-bezier(0.4, 0.7, 0.3, 1); transition: transform 0.4s cubic-bezier(0.4, 0.7, 0.3, 1); transition: transform 0.4s cubic-bezier(0.4, 0.7, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0.7, 0.3, 1); } .clients-logo.default:hover .first-image, .clients-logo.default:hover .second-image { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .clients-logo.shadow .overlay { -webkit-box-shadow: 0 5px 40px 10px rgba(0, 0, 0, 0.08); box-shadow: 0 5px 40px 10px rgba(0, 0, 0, 0.08); } /*-------------------------------------------------------------- ## Contact form --------------------------------------------------------------*/ .contact-form { overflow: hidden; } .contact-form form { text-align: inherit; } .contact-form form input[type="submit"] { margin-top: 14px; } .contact-form form label:last-of-type { padding-right: 0 !important; } .contact-form textarea { height: 130px; display: block; } .contact-form input:not([type="submit"]), .contact-form select, .contact-form textarea { border: 1px solid rgba(0, 0, 0, 0.15); padding: 12px 15px; } .contact-form input[type="submit"], .contact-form .btn { margin-top: 10px; } .contact-form.without-label-offset .wpcf7-form-control-wrap { overflow: hidden; } .contact-form.without-label-offset input, .contact-form.without-label-offset textarea, .contact-form.without-label-offset select { position: relative; z-index: 2; } .contact-form.without-label-offset .focus { width: 100%; height: 100%; border: 1px solid transparent; position: absolute; bottom: 0; left: 0; z-index: 1; -webkit-transition: border-color .15s ease-in-out; -o-transition: border-color .15s ease-in-out; transition: border-color .15s ease-in-out; } .contact-form.without-label-offset .focus.active { border-color: #174EE2; } .contact-form span.wpcf7-not-valid-tip { margin-top: 10px; color: #ed2525; } .contact-form label { width: 100%; position: relative; display: inline-block; } .contact-form label .wpcf7-form-control-wrap { position: relative; } .contact-form label .wpcf7-not-valid-tip { color: #ed2525; width: 30px; height: 25px; margin-top: 0px; text-align: center; position: absolute; top: -2px; right: 10px; font-size: 0px; z-index: 2; } .contact-form label .wpcf7-not-valid-tip:after { content: '\f128'; font-family: "Ionicons"; position: absolute; top: 0; right: 5px; font-size: 1rem; } .contact-form p > label { padding-right: 0px !important; } .contact-form .wpcf7-response-output { border: none; padding: 0; margin: 15px 0px; } .contact-form .wpcf7-response-output.wpcf7-validation-errors { color: #ed2525; } .contact-form .wpcf7-response-output.wpcf7-mail-sent-ok { color: #39b628; } @media screen and (max-width: 768px) { .contact-form .btn { width: 100%; } .contact-form .btn.btn-link { width: auto; } } .contact-form.flat input:not([type="submit"]), .contact-form.flat select, .contact-form.flat textarea { background-color: #f7f7f7; border-color: transparent; padding: 12px 15px; } .contact-form.flat input:not([type="submit"]):focus, .contact-form.flat select:focus, .contact-form.flat textarea:focus { border-color: #174EE2; } .contact-form.flat label { padding: 10px 0; } .contact-form.flat .input-group label { padding: 10px 10px 0 0; } .contact-form.flat .input-group label:first-of-type { padding-left: 0; } .contact-form.flat .input-group label:last-of-type { padding-right: 0px; } @media screen and (max-width: 768px) { .contact-form.flat .input-group label { padding-left: 0; padding-right: 0; } } .contact-form.classic input:not([type="submit"]), .contact-form.classic select, .contact-form.classic textarea { background: transparent; border-top: none; border-left: none; border-right: none; padding-left: 0; padding-right: 0; text-indent: 0; } .contact-form.classic input:not([type="submit"]).placeholder, .contact-form.classic input:not([type="submit"])::-webkit-input-placeholder, .contact-form.classic select.placeholder, .contact-form.classic select::-webkit-input-placeholder, .contact-form.classic textarea.placeholder, .contact-form.classic textarea::-webkit-input-placeholder { line-height: 16px; } .contact-form.classic input:not([type="submit"]).placeholder, .contact-form.classic input:not([type="submit"])::-moz-placeholder, .contact-form.classic select.placeholder, .contact-form.classic select::-moz-placeholder, .contact-form.classic textarea.placeholder, .contact-form.classic textarea::-moz-placeholder { line-height: 16px; } .contact-form.classic input:not([type="submit"]).placeholder, .contact-form.classic input:not([type="submit"]):-ms-input-placeholder, .contact-form.classic select.placeholder, .contact-form.classic select:-ms-input-placeholder, .contact-form.classic textarea.placeholder, .contact-form.classic textarea:-ms-input-placeholder { line-height: 16px; } .contact-form.classic input:not([type="submit"]).placeholder, .contact-form.classic input:not([type="submit"])::-ms-input-placeholder, .contact-form.classic select.placeholder, .contact-form.classic select::-ms-input-placeholder, .contact-form.classic textarea.placeholder, .contact-form.classic textarea::-ms-input-placeholder { line-height: 16px; } .contact-form.classic input:not([type="submit"]).placeholder, .contact-form.classic input:not([type="submit"])::placeholder, .contact-form.classic select.placeholder, .contact-form.classic select::placeholder, .contact-form.classic textarea.placeholder, .contact-form.classic textarea::placeholder { line-height: 16px; } @media screen and (max-width: 768px) { .contact-form.classic .input-group label { padding-left: 0; padding-right: 0; } } .contact-form.classic .input-group label:first-of-type { padding-left: 0; } .contact-form.classic .input-group label:last-of-type { padding-right: 0px; } .contact-form.classic .input-group label input { border-bottom-width: 1px; } .contact-form.classic .input-group label:last-of-type input:not([type="submit"]) { border-bottom-width: 1px; } .contact-form.classic .wpcf7-not-valid-tip { right: -5px; } .contact-form .norebro-contact-subscribe { display: table; width: 100%; } .contact-form .norebro-contact-subscribe br { display: none; } .contact-form .norebro-contact-subscribe > span { display: table-cell; padding: 0 10px; } .contact-form .norebro-contact-subscribe > span:first-child { padding-left: 0; } .contact-form .norebro-contact-subscribe .cell-min { width: 1px; white-space: nowrap; display: table-cell; } .contact-form .norebro-contact-subscribe .cell-min button { margin-top: 0; } /*-------------------------------------------------------------- ## Contact module --------------------------------------------------------------*/ .contact-module { position: relative; } .contact-module address { margin: 1px 0; } .contact-module a { font-size: 0.95rem; } .contact-module.list-box-icon-shape li { margin-left: 50px; } .contact-module li { padding-left: 36px; } .contact-module li .icon { width: 20px; height: 20px; line-height: 20px; vertical-align: 0; text-align: center; color: #49494a; top: 12px; left: 0px; font-size: 25px; } .contact-module li .icon-shape { background: #282828; width: 40px; height: 40px; -webkit-border-radius: 0; border-radius: 0; font-size: 20px; line-height: 40px; top: 4px; left: -15px; } .contact-module.list-box-border-items-offset li { padding-left: 0px; margin-left: 36px; } .contact-module.list-box-border-items-offset .icon { left: -36px; } .contact-module.list-box-border-items-offset li.contact-item-icon-filled { margin-left: 55px; } .contact-module.list-box-border-items-offset li.contact-item-icon-filled span.icon-shape { left: -55px; } .contact-module li.contact-item-icon-filled { margin-left: 36px; } .contact-module li.contact-item-icon-filled span.icon-shape { left: -36px; } .contact-module.icon-box .icon-box-shape { background: #282828; color: #fff; font-size: 45px; line-height: 90px; } .contact-module.icon-box h3 { margin-bottom: 8px; } .contact-module.icon-box address, .contact-module.icon-box p, .contact-module.icon-box a { line-height: 24px; } /*-------------------------------------------------------------- ## Countdown box --------------------------------------------------------------*/ .countdown-box { text-align: center; } .countdown-box .box-time { padding: 0 13px; display: inline-block; position: relative; } .countdown-box .box-time .box-count { min-width: 80px; height: 70px; display: inline-block; vertical-align: middle; display: inline-block; letter-spacing: -0.03em; font-weight: 600; font-size: 28px; line-height: 94px; font-family: "Poppins", sans-serif; text-align: center; color: #282828; } .countdown-box .box-time .box-label { display: block; text-align: center; margin-top: 0; } .countdown-classic .box-time { font-size: 45px; } .countdown-classic .box-time:after, .countdown-classic .box-time:before { content: '.'; color: #282828; display: block; width: 6px; height: 7px; border-left: none; border-right: none; -webkit-border-radius: 1px; border-radius: 1px; position: absolute; margin-top: -1.08em; top: 50%; left: -0.13em; font-size: 130%; } .countdown-classic .box-time:before { margin-top: -0.80em; } .countdown-classic .box-time:first-child:after, .countdown-classic .box-time:first-child:before { display: none; } .countdown-classic .box-time .box-count { min-width: 1em; height: 1em; line-height: 1; font-size: inherit; } .countdown-classic .box-time .box-label { display: none; } .countdown-boxed { text-align: center; } .countdown-boxed .box-time:after, .countdown-boxed .box-time:before { display: none; } .countdown-boxed .box-time .box-count { min-width: 80px; height: 80px; line-height: 83px; font-size: 28px; color: #fff; } .countdown-boxed .box-count { background: #454545; position: relative; -webkit-perspective: 300px; perspective: 300px; } .countdown-boxed .box-count .box-current, .countdown-boxed .box-count .box-next { background: #ffffff; position: absolute; outline: 1px solid transparent; top: 0px; left: 0; z-index: 1; } .countdown-boxed .box-count .box-current.box-top, .countdown-boxed .box-count .box-next.box-bottom { -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: none; -o-transition: none; transition: none; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 2; } .countdown-boxed .box-count .box-current.box-top { z-index: 3; } .countdown-boxed .box-count .box-next.box-bottom { -webkit-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .countdown-boxed .box-count .box-top { background: inherit; } .countdown-boxed .box-count .box-top:after { content: ''; background: rgba(0, 0, 0, 0.15); width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .countdown-boxed .box-count .box-bottom { background: inherit; } .countdown-boxed .box-count .box-top, .countdown-boxed .box-count .box-bottom { width: 100%; height: 50%; overflow: hidden; } .countdown-boxed .box-count .box-bottom { height: 50%; border-top: none; line-height: 3px; top: 50%; margin-top: 0px; } .countdown-boxed .box-count .number { position: relative; z-index: 4; } .countdown-boxed .box-time:after { margin-top: -32px; } .countdown-boxed .box-time .box-label { margin-top: 15px; } @media screen and (max-width: 768px) { .countdown-boxed .box-time:after { margin-top: -28px; } } .countdown-boxed .flip .box-current.box-top { -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } .countdown-boxed .flip .box-next.box-bottom { -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out; -webkit-transform: rotateX(0); transform: rotateX(0); } .countdown-boxed.rounded .box-count { -webkit-border-radius: 5px; border-radius: 5px; } .countdown-boxed.rounded .box-top { -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .countdown-boxed.rounded .box-bottom { -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } @media screen and (max-width: 768px) { .countdown-box .box-time .box-count, .countdown-boxed .box-time .box-count { min-width: 50px; height: 50px; line-height: 54px; font-size: 20px; } .countdown-box .box-time { padding: 0 5px; } .countdown-classic .box-time:after, .countdown-classic .box-time:before { width: 5px; height: 5px; } .countdown-classic .box-time .box-count { min-width: 10px; font-size: 30px; } } /*-------------------------------------------------------------- ## Counter box --------------------------------------------------------------*/ .counter-box { text-align: center; } .counter-box .counter-box-icon { font-size: 40px; vertical-align: middle; display: inline-block; line-height: 1; } .counter-box .counter-box-count { color: #282828; margin: 10px 0; padding: 0; line-height: 40px; letter-spacing: -0.05em; font-size: 42px; font-weight: 600; font-family: "Poppins", sans-serif; } .counter-box .counter-box-count img, .counter-box .counter-box-count .count { vertical-align: middle; } .counter-box p.subtitle { font-size: 0.95rem; } .counter-box h3.title { display: inline-block; font-size: 1rem; } /*-------------------------------------------------------------- ## Dropcaps --------------------------------------------------------------*/ .dropcap { background: transparent; width: 68px; height: 68px; margin-right: 20px; float: left; display: inline-block; text-align: center; font: 600 40px "Poppins", sans-serif; line-height: 75px; vertical-align: middle; position: relative; overflow: hidden; } .dropcap.outline { border: 1px solid #282828; } .dropcap.flat { color: #fff; } .dropcap.decorated { border: 2px solid #282828; border-bottom: none; border-right: none; } /*-------------------------------------------------------------- ## Google Maps --------------------------------------------------------------*/ .google-maps { width: 100%; height: 100%; min-height: 250px; position: absolute; top: 0; left: 0; overflow: hidden; } .google-maps .google-maps-wrap { width: 100%; height: 100%; min-height: 250px; } @media screen and (max-width: 768px) { .google-maps { position: relative; } } /*-------------------------------------------------------------- ## Heading --------------------------------------------------------------*/ .heading .title, .heading .subtitle { margin: 12px 0; } .heading *:first-child { margin-top: 0 !important; } .heading *:last-child { margin-bottom: 0 !important; } .heading:after { content: ''; display: table; clear: both; } /*-------------------------------------------------------------- ## Icon box --------------------------------------------------------------*/ .icon-box { text-align: center; display: block; text-decoration: none; } .icon-box .icon-wrap { margin: 0 0 5px; display: inline-block; text-align: center; line-height: 70px; vertical-align: middle; font-size: 50px; text-align: inherit; white-space: nowrap; } .icon-box .icon-wrap[class*="shape-"] { -webkit-box-sizing: content-box; box-sizing: content-box; width: 55px; height: 55px; margin-bottom: 25px; line-height: 55px; font-size: 34px; text-align: center; } .icon-box .icon-wrap[class*="shape-"] span { color: inherit; } .icon-box .icon-wrap[class*="shape-"] span, .icon-box .icon-wrap[class*="shape-"] span:before { vertical-align: 0; line-height: inherit; } .icon-box .icon-wrap.shape-border { border: 1px solid; } .icon-box .icon-wrap.shape-border-double { width: 60px; height: 60px; border: 3px double; line-height: 52px; } .icon-box .icon-wrap.shape-rounded { -webkit-border-radius: 5px; border-radius: 5px; } .icon-box h3 { font-size: 1rem; margin: 0; } .icon-box .description { display: block; margin-top: 10px; } .icon-box .btn { margin: 12px auto; } .icon-box.box-left, .icon-box.box-right { text-align: left; position: relative; } .icon-box.box-left .icon-wrap, .icon-box.box-right .icon-wrap { padding: 0; margin: 0; line-height: 55px; float: left; } .icon-box.box-left h3, .icon-box.box-right h3 { margin-top: 5px; clear: none; } .icon-box.box-left .content-wrap, .icon-box.box-right .content-wrap { padding: 0 0 0 65px; } .icon-box.box-left .content-center.with-full, .icon-box.box-right .content-center.with-full { height: 50px; min-height: 50px; } .icon-box.box-left .content-full, .icon-box.box-right .content-full { display: block; clear: both; } .icon-box.box-right { text-align: right; } .icon-box.box-right h3 { text-align: right; } .icon-box.box-right .icon-wrap { left: auto; right: 0; float: right; } .icon-box.box-right .content-wrap { padding: 0 75px 0 0; } /*-------------------------------------------------------------- ## Instagram feed --------------------------------------------------------------*/ #sb_instagram { padding-bottom: 0px !important; } #sb_instagram .sb_instagram_header, #sb_instagram .sbi_header_link, #sb_instagram .sbi_header_text, #sb_instagram .sbi_header_img, #sb_instagram #sbi_images { float: none; } #sb_instagram .sb_instagram_header .sbi_header_link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; width: 100%; padding-bottom: 20px; } #sb_instagram .sb_instagram_header .sbi_header_link:before { display: none; } #sb_instagram .sb_instagram_header .sbi_header_link .sbi_header_text { width: auto; } #sb_instagram .sb_instagram_header .sbi_header_link .sbi_header_text .sbi_no_bio { margin: 0 0px 0 15px !important; padding-top: 0 !important; } #sb_instagram .sb_instagram_header .sbi_header_link .sbi_header_img { margin: 0 !important; } #sb_instagram #sbi_images { width: auto !important; min-width: 100%; margin-right: -30px; margin-left: -30px; } @media screen and (max-width: 768px) { #sb_instagram #sbi_images { margin-left: -15px; margin-right: -15px; } } #sb_instagram #sbi_images .sbi_item { position: relative; overflow: hidden; } #sb_instagram #sbi_images .sbi_item .sbi_photo_wrap { overflow: hidden; } @media screen and (max-width: 768px) { #sb_instagram #sbi_images .sbi_item { width: 50% !important; padding: 5px 0 5px !important; } #sb_instagram #sbi_images .sbi_item:nth-child(2n+1) { padding-right: 5px !important; } #sb_instagram #sbi_images .sbi_item:nth-child(2n+2) { padding-left: 5px !important; } } #sb_instagram #sbi_images a { display: block; overflow: hidden; -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; opacity: 1 !important; padding-bottom: 100%; height: auto !important; } #sb_instagram #sbi_images a:before { display: none; } #sb_instagram #sbi_images a:after { content: ''; background: rgba(40, 40, 40, 0.3); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; } #sb_instagram #sbi_images a:hover:after { opacity: 1; } #sb_instagram.no-margins #sbi_images { margin-left: 0; margin-right: 0; } #sb_instagram #sbi_load { display: none; } /*-------------------------------------------------------------- ## List box --------------------------------------------------------------*/ .list-box, .widget_recent_comments, .widget_recent_entries, .widget_meta, .widget_archive, .widget_nav_menu, .widget_pages, .widget_categories, .widget_rss, .widget_product_categories { margin: 10px 0; list-style: none; } .list-box h4.title, .widget_recent_comments h4.title, .widget_recent_entries h4.title, .widget_meta h4.title, .widget_archive h4.title, .widget_nav_menu h4.title, .widget_pages h4.title, .widget_categories h4.title, .widget_rss h4.title, .widget_product_categories h4.title, .list-box .widget h4, .widget .list-box h4, .widget_recent_comments .widget h4, .widget .widget_recent_comments h4, .widget_recent_entries .widget h4, .widget .widget_recent_entries h4, .widget_meta .widget h4, .widget .widget_meta h4, .widget_archive .widget h4, .widget .widget_archive h4, .widget_nav_menu .widget h4, .widget .widget_nav_menu h4, .widget_pages .widget h4, .widget .widget_pages h4, .widget_categories .widget h4, .widget .widget_categories h4, .widget_rss .widget h4, .widget .widget_rss h4, .widget_product_categories .widget h4, .widget .widget_product_categories h4 { text-align: left; margin: 0; font-size: 0.95rem; font-weight: 600; } .list-box p, .widget_recent_comments p, .widget_recent_entries p, .widget_meta p, .widget_archive p, .widget_nav_menu p, .widget_pages p, .widget_categories p, .widget_rss p, .widget_product_categories p { font-size: 0.95rem; margin: 5px 0 0 0; } .list-box li, .widget_recent_comments li, .widget_recent_entries li, .widget_meta li, .widget_archive li, .widget_nav_menu li, .widget_pages li, .widget_categories li, .widget_rss li, .widget_product_categories li { padding: 11px 0 10px 30px; position: relative; } .list-box li:after, .widget_recent_comments li:after, .widget_recent_entries li:after, .widget_meta li:after, .widget_archive li:after, .widget_nav_menu li:after, .widget_pages li:after, .widget_categories li:after, .widget_rss li:after, .widget_product_categories li:after { content: ''; background: #174EE2; width: 4px; height: 4px; -webkit-border-radius: 10px; border-radius: 10px; position: absolute; top: 17px; left: 0; } .list-box li > *:first-child, .widget_recent_comments li > *:first-child, .widget_recent_entries li > *:first-child, .widget_meta li > *:first-child, .widget_archive li > *:first-child, .widget_nav_menu li > *:first-child, .widget_pages li > *:first-child, .widget_categories li > *:first-child, .widget_rss li > *:first-child, .widget_product_categories li > *:first-child { margin-top: 0; } .list-box li ul, .widget_recent_comments li ul, .widget_recent_entries li ul, .widget_meta li ul, .widget_archive li ul, .widget_nav_menu li ul, .widget_pages li ul, .widget_categories li ul, .widget_rss li ul, .widget_product_categories li ul { margin-left: -20px; margin-bottom: 0; } .list-box li ul li, .widget_recent_comments li ul li, .widget_recent_entries li ul li, .widget_meta li ul li, .widget_archive li ul li, .widget_nav_menu li ul li, .widget_pages li ul li, .widget_categories li ul li, .widget_rss li ul li, .widget_product_categories li ul li { padding-left: 35px; } .list-box li ul li:after, .widget_recent_comments li ul li:after, .widget_recent_entries li ul li:after, .widget_meta li ul li:after, .widget_archive li ul li:after, .widget_nav_menu li ul li:after, .widget_pages li ul li:after, .widget_categories li ul li:after, .widget_rss li ul li:after, .widget_product_categories li ul li:after { left: 18px; } .list-box li ul li:last-child, .widget_recent_comments li ul li:last-child, .widget_recent_entries li ul li:last-child, .widget_meta li ul li:last-child, .widget_archive li ul li:last-child, .widget_nav_menu li ul li:last-child, .widget_pages li ul li:last-child, .widget_categories li ul li:last-child, .widget_rss li ul li:last-child, .widget_product_categories li ul li:last-child { padding-bottom: 0; border-bottom: 0; } .list-box li ul li ul, .widget_recent_comments li ul li ul, .widget_recent_entries li ul li ul, .widget_meta li ul li ul, .widget_archive li ul li ul, .widget_nav_menu li ul li ul, .widget_pages li ul li ul, .widget_categories li ul li ul, .widget_rss li ul li ul, .widget_product_categories li ul li ul { margin-left: -35px; } .list-box li ul li ul li, .widget_recent_comments li ul li ul li, .widget_recent_entries li ul li ul li, .widget_meta li ul li ul li, .widget_archive li ul li ul li, .widget_nav_menu li ul li ul li, .widget_pages li ul li ul li, .widget_categories li ul li ul li, .widget_rss li ul li ul li, .widget_product_categories li ul li ul li { padding-left: 50px; } .list-box li ul li ul li:after, .widget_recent_comments li ul li ul li:after, .widget_recent_entries li ul li ul li:after, .widget_meta li ul li ul li:after, .widget_archive li ul li ul li:after, .widget_nav_menu li ul li ul li:after, .widget_pages li ul li ul li:after, .widget_categories li ul li ul li:after, .widget_rss li ul li ul li:after, .widget_product_categories li ul li ul li:after { left: 33px; } .list-box.style-line li:after, .style-line.widget_recent_comments li:after, .style-line.widget_recent_entries li:after, .style-line.widget_meta li:after, .style-line.widget_archive li:after, .style-line.widget_nav_menu li:after, .style-line.widget_pages li:after, .style-line.widget_categories li:after, .style-line.widget_rss li:after, .style-line.widget_product_categories li:after { width: 15px; height: 2px; -webkit-border-radius: 0; border-radius: 0; top: 22px; } .list-box.simple li, .simple.widget_recent_comments li, .simple.widget_recent_entries li, .simple.widget_meta li, .simple.widget_archive li, .simple.widget_nav_menu li, .simple.widget_pages li, .simple.widget_categories li, .simple.widget_rss li, .simple.widget_product_categories li { padding-left: 0; } .list-box.simple li:after, .simple.widget_recent_comments li:after, .simple.widget_recent_entries li:after, .simple.widget_meta li:after, .simple.widget_archive li:after, .simple.widget_nav_menu li:after, .simple.widget_pages li:after, .simple.widget_categories li:after, .simple.widget_rss li:after, .simple.widget_product_categories li:after { display: none; } .list-box.border li, .border.widget_recent_comments li, .border.widget_recent_entries li, .border.widget_meta li, .border.widget_archive li, .border.widget_nav_menu li, .border.widget_pages li, .border.widget_categories li, .border.widget_rss li, .border.widget_product_categories li { padding: 13px 0 12px 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .list-box.border li:first-child, .border.widget_recent_comments li:first-child, .border.widget_recent_entries li:first-child, .border.widget_meta li:first-child, .border.widget_archive li:first-child, .border.widget_nav_menu li:first-child, .border.widget_pages li:first-child, .border.widget_categories li:first-child, .border.widget_rss li:first-child, .border.widget_product_categories li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.15); } .list-box.offset li, .offset.widget_recent_comments li, .offset.widget_recent_entries li, .offset.widget_meta li, .offset.widget_archive li, .offset.widget_nav_menu li, .offset.widget_pages li, .offset.widget_categories li, .offset.widget_rss li, .offset.widget_product_categories li { padding-left: 0; margin-left: 30px; } .list-box.offset li:after, .offset.widget_recent_comments li:after, .offset.widget_recent_entries li:after, .offset.widget_meta li:after, .offset.widget_archive li:after, .offset.widget_nav_menu li:after, .offset.widget_pages li:after, .offset.widget_categories li:after, .offset.widget_rss li:after, .offset.widget_product_categories li:after, .list-box.offset li .icon, .offset.widget_recent_comments li .icon, .offset.widget_recent_entries li .icon, .offset.widget_meta li .icon, .offset.widget_archive li .icon, .offset.widget_nav_menu li .icon, .offset.widget_pages li .icon, .offset.widget_categories li .icon, .offset.widget_rss li .icon, .offset.widget_product_categories li .icon { left: -30px; } .list-box.with-icon li, .with-icon.widget_recent_comments li, .with-icon.widget_recent_entries li, .with-icon.widget_meta li, .with-icon.widget_archive li, .with-icon.widget_nav_menu li, .with-icon.widget_pages li, .with-icon.widget_categories li, .with-icon.widget_rss li, .with-icon.widget_product_categories li { padding: 10px 0 9px; } .list-box.with-icon li:after, .with-icon.widget_recent_comments li:after, .with-icon.widget_recent_entries li:after, .with-icon.widget_meta li:after, .with-icon.widget_archive li:after, .with-icon.widget_nav_menu li:after, .with-icon.widget_pages li:after, .with-icon.widget_categories li:after, .with-icon.widget_rss li:after, .with-icon.widget_product_categories li:after { display: none; } .list-box.with-icon li .wrap, .with-icon.widget_recent_comments li .wrap, .with-icon.widget_recent_entries li .wrap, .with-icon.widget_meta li .wrap, .with-icon.widget_archive li .wrap, .with-icon.widget_nav_menu li .wrap, .with-icon.widget_pages li .wrap, .with-icon.widget_categories li .wrap, .with-icon.widget_rss li .wrap, .with-icon.widget_product_categories li .wrap { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .list-box.with-icon li .wrap .col, .with-icon.widget_recent_comments li .wrap .col, .with-icon.widget_recent_entries li .wrap .col, .with-icon.widget_meta li .wrap .col, .with-icon.widget_archive li .wrap .col, .with-icon.widget_nav_menu li .wrap .col, .with-icon.widget_pages li .wrap .col, .with-icon.widget_categories li .wrap .col, .with-icon.widget_rss li .wrap .col, .with-icon.widget_product_categories li .wrap .col { vertical-align: middle; } .list-box.with-icon li .wrap .col.col-icon, .with-icon.widget_recent_comments li .wrap .col.col-icon, .with-icon.widget_recent_entries li .wrap .col.col-icon, .with-icon.widget_meta li .wrap .col.col-icon, .with-icon.widget_archive li .wrap .col.col-icon, .with-icon.widget_nav_menu li .wrap .col.col-icon, .with-icon.widget_pages li .wrap .col.col-icon, .with-icon.widget_categories li .wrap .col.col-icon, .with-icon.widget_rss li .wrap .col.col-icon, .with-icon.widget_product_categories li .wrap .col.col-icon { vertical-align: top; } .list-box.with-icon li .wrap .col-title, .with-icon.widget_recent_comments li .wrap .col-title, .with-icon.widget_recent_entries li .wrap .col-title, .with-icon.widget_meta li .wrap .col-title, .with-icon.widget_archive li .wrap .col-title, .with-icon.widget_nav_menu li .wrap .col-title, .with-icon.widget_pages li .wrap .col-title, .with-icon.widget_categories li .wrap .col-title, .with-icon.widget_rss li .wrap .col-title, .with-icon.widget_product_categories li .wrap .col-title { margin-left: 10px; } .list-box.with-icon li h4, .with-icon.widget_recent_comments li h4, .with-icon.widget_recent_entries li h4, .with-icon.widget_meta li h4, .with-icon.widget_archive li h4, .with-icon.widget_nav_menu li h4, .with-icon.widget_pages li h4, .with-icon.widget_categories li h4, .with-icon.widget_rss li h4, .with-icon.widget_product_categories li h4, .list-box.with-icon li .icon, .with-icon.widget_recent_comments li .icon, .with-icon.widget_recent_entries li .icon, .with-icon.widget_meta li .icon, .with-icon.widget_archive li .icon, .with-icon.widget_nav_menu li .icon, .with-icon.widget_pages li .icon, .with-icon.widget_categories li .icon, .with-icon.widget_rss li .icon, .with-icon.widget_product_categories li .icon, .list-box.with-icon li img, .with-icon.widget_recent_comments li img, .with-icon.widget_recent_entries li img, .with-icon.widget_meta li img, .with-icon.widget_archive li img, .with-icon.widget_nav_menu li img, .with-icon.widget_pages li img, .with-icon.widget_categories li img, .with-icon.widget_rss li img, .with-icon.widget_product_categories li img { display: inline-block; vertical-align: middle; margin-right: 10px; } .list-box.with-icon li .icon, .with-icon.widget_recent_comments li .icon, .with-icon.widget_recent_entries li .icon, .with-icon.widget_meta li .icon, .with-icon.widget_archive li .icon, .with-icon.widget_nav_menu li .icon, .with-icon.widget_pages li .icon, .with-icon.widget_categories li .icon, .with-icon.widget_rss li .icon, .with-icon.widget_product_categories li .icon, .list-box.with-icon li img, .with-icon.widget_recent_comments li img, .with-icon.widget_recent_entries li img, .with-icon.widget_meta li img, .with-icon.widget_archive li img, .with-icon.widget_nav_menu li img, .with-icon.widget_pages li img, .with-icon.widget_categories li img, .with-icon.widget_rss li img, .with-icon.widget_product_categories li img { vertical-align: top; font-size: 21px; line-height: 1; } .list-box.with-icon li .icon:before, .with-icon.widget_recent_comments li .icon:before, .with-icon.widget_recent_entries li .icon:before, .with-icon.widget_meta li .icon:before, .with-icon.widget_archive li .icon:before, .with-icon.widget_nav_menu li .icon:before, .with-icon.widget_pages li .icon:before, .with-icon.widget_categories li .icon:before, .with-icon.widget_rss li .icon:before, .with-icon.widget_product_categories li .icon:before, .list-box.with-icon li img:before, .with-icon.widget_recent_comments li img:before, .with-icon.widget_recent_entries li img:before, .with-icon.widget_meta li img:before, .with-icon.widget_archive li img:before, .with-icon.widget_nav_menu li img:before, .with-icon.widget_pages li img:before, .with-icon.widget_categories li img:before, .with-icon.widget_rss li img:before, .with-icon.widget_product_categories li img:before { line-height: inherit; vertical-align: middle; display: block; } .list-box.with-icon.border li, .with-icon.border.widget_recent_comments li, .with-icon.border.widget_recent_entries li, .with-icon.border.widget_meta li, .with-icon.border.widget_archive li, .with-icon.border.widget_nav_menu li, .with-icon.border.widget_pages li, .with-icon.border.widget_categories li, .with-icon.border.widget_rss li, .with-icon.border.widget_product_categories li { padding: 11px 0 12px 0; } .list-box.with-icon.offset li, .with-icon.offset.widget_recent_comments li, .with-icon.offset.widget_recent_entries li, .with-icon.offset.widget_meta li, .with-icon.offset.widget_archive li, .with-icon.offset.widget_nav_menu li, .with-icon.offset.widget_pages li, .with-icon.offset.widget_categories li, .with-icon.offset.widget_rss li, .with-icon.offset.widget_product_categories li { border-width: 0px; padding: 0; } .list-box.with-icon.offset li .col, .with-icon.offset.widget_recent_comments li .col, .with-icon.offset.widget_recent_entries li .col, .with-icon.offset.widget_meta li .col, .with-icon.offset.widget_archive li .col, .with-icon.offset.widget_nav_menu li .col, .with-icon.offset.widget_pages li .col, .with-icon.offset.widget_categories li .col, .with-icon.offset.widget_rss li .col, .with-icon.offset.widget_product_categories li .col { padding: 12px 0 11px; } .list-box.with-icon.offset li .col-title, .with-icon.offset.widget_recent_comments li .col-title, .with-icon.offset.widget_recent_entries li .col-title, .with-icon.offset.widget_meta li .col-title, .with-icon.offset.widget_archive li .col-title, .with-icon.offset.widget_nav_menu li .col-title, .with-icon.offset.widget_pages li .col-title, .with-icon.offset.widget_categories li .col-title, .with-icon.offset.widget_rss li .col-title, .with-icon.offset.widget_product_categories li .col-title { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .list-box.with-icon.offset li:first-child .col-title, .with-icon.offset.widget_recent_comments li:first-child .col-title, .with-icon.offset.widget_recent_entries li:first-child .col-title, .with-icon.offset.widget_meta li:first-child .col-title, .with-icon.offset.widget_archive li:first-child .col-title, .with-icon.offset.widget_nav_menu li:first-child .col-title, .with-icon.offset.widget_pages li:first-child .col-title, .with-icon.offset.widget_categories li:first-child .col-title, .with-icon.offset.widget_rss li:first-child .col-title, .with-icon.offset.widget_product_categories li:first-child .col-title { border-top: 1px solid rgba(0, 0, 0, 0.15); } .list-box.icon-fill li, .icon-fill.widget_recent_comments li, .icon-fill.widget_recent_entries li, .icon-fill.widget_meta li, .icon-fill.widget_archive li, .icon-fill.widget_nav_menu li, .icon-fill.widget_pages li, .icon-fill.widget_categories li, .icon-fill.widget_rss li, .icon-fill.widget_product_categories li { padding: 5px 0 5px; margin-left: 0; } .list-box.icon-fill li .icon, .icon-fill.widget_recent_comments li .icon, .icon-fill.widget_recent_entries li .icon, .icon-fill.widget_meta li .icon, .icon-fill.widget_archive li .icon, .icon-fill.widget_nav_menu li .icon, .icon-fill.widget_pages li .icon, .icon-fill.widget_categories li .icon, .icon-fill.widget_rss li .icon, .icon-fill.widget_product_categories li .icon { background: #174EE2; width: 30px; height: 30px; margin-right: 15px; line-height: 30px; font-size: 18px; text-align: center; color: #fff; top: 7px; } .list-box.icon-fill li .icon:before, .icon-fill.widget_recent_comments li .icon:before, .icon-fill.widget_recent_entries li .icon:before, .icon-fill.widget_meta li .icon:before, .icon-fill.widget_archive li .icon:before, .icon-fill.widget_nav_menu li .icon:before, .icon-fill.widget_pages li .icon:before, .icon-fill.widget_categories li .icon:before, .icon-fill.widget_rss li .icon:before, .icon-fill.widget_product_categories li .icon:before { vertical-align: middle; } .list-box.icon-fill.border li, .icon-fill.border.widget_recent_comments li, .icon-fill.border.widget_recent_entries li, .icon-fill.border.widget_meta li, .icon-fill.border.widget_archive li, .icon-fill.border.widget_nav_menu li, .icon-fill.border.widget_pages li, .icon-fill.border.widget_categories li, .icon-fill.border.widget_rss li, .icon-fill.border.widget_product_categories li { padding: 6px 0 8px 0; } .list-box.icon-fill.offset li, .icon-fill.offset.widget_recent_comments li, .icon-fill.offset.widget_recent_entries li, .icon-fill.offset.widget_meta li, .icon-fill.offset.widget_archive li, .icon-fill.offset.widget_nav_menu li, .icon-fill.offset.widget_pages li, .icon-fill.offset.widget_categories li, .icon-fill.offset.widget_rss li, .icon-fill.offset.widget_product_categories li { padding: 0; } .list-box.icon-fill.offset li .col, .icon-fill.offset.widget_recent_comments li .col, .icon-fill.offset.widget_recent_entries li .col, .icon-fill.offset.widget_meta li .col, .icon-fill.offset.widget_archive li .col, .icon-fill.offset.widget_nav_menu li .col, .icon-fill.offset.widget_pages li .col, .icon-fill.offset.widget_categories li .col, .icon-fill.offset.widget_rss li .col, .icon-fill.offset.widget_product_categories li .col { padding: 8px 0 7px; } /*-------------------------------------------------------------- ## Menu list --------------------------------------------------------------*/ .menu-list h4 { font-size: 1rem; } .menu-list table { margin: 0; } .menu-list table td, .menu-list table th { padding: 0; border: none; } .menu-list table tr .title { width: 1%; white-space: nowrap; } .menu-list table tr .title del { color: #888888; } .menu-list table tr .title ins { text-decoration: none; } .menu-list table tr .line { padding: 0 10px; } .menu-list table tr .line:after { content: ''; width: 100%; height: 1px; border-bottom: 1px dotted #ccc; display: block; margin-top: 10px; } .menu-list .content { margin: 5px 0 0; } .menu-list .content p { margin: 0; } .menu-list .content .new { color: #ffffff; margin-left: 10px; font-size: 0.75rem; font-weight: 600; padding: 3px 8px 2px; display: inline-block; float: right; } @media screen and (max-width: 768px) { .menu-list table tr .title { width: auto; white-space: normal; } } /*-------------------------------------------------------------- ## Message box --------------------------------------------------------------*/ .message-box { background: #f3f3f3; margin: 0; padding: 22px 45px 20px 20px; border: none; font-size: 0.95rem; text-align: left; position: relative; color: #282828; } .message-box.wauto { width: auto; display: inline-block; margin: 0 auto; } .message-box.without-close { padding-right: 20px; } .message-box.closed { display: none; } .message-box a { color: #282828; font-weight: 500; margin: 0 6px; } .message-box a:hover { color: #282828; opacity: .8; text-decoration: underline; } .message-box .close { color: inherit; position: absolute; top: 20px; right: 20px; cursor: pointer; font-size: 28px; line-height: 14px; margin-top: -2px; } .message-box .close:hover { opacity: .8; } .message-box.primary { background: rgba(23, 78, 226, 0.1); } .message-box.success { background: rgba(58, 188, 131, 0.15); } .message-box.warning { background: rgba(254, 157, 93, 0.2); } .message-box.error { background: rgba(254, 93, 93, 0.15); } /*-------------------------------------------------------------- ## One page --------------------------------------------------------------*/ .norebro-onepage { width: 100%; min-height: 200px; height: 100vh; overflow: hidden; position: relative; } .norebro-onepage .onepage-section { background-position: center; -webkit-background-size: cover; background-size: cover; height: 100vh; } .norebro-onepage .onepage-nav div { position: absolute; bottom: 40px; right: 40px; z-index: 3; } .norebro-onepage .onepage-nav .up { bottom: 100px; } .norebro-onepage.horizontal .onepage-stage { width: 100000px; height: 100%; overflow: hidden; position: relative; } .norebro-onepage.horizontal .onepage-stage .onepage-section { float: left; } .norebro-onepage.horizontal .onepage-nav div { bottom: 40px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .norebro-onepage.horizontal .onepage-nav .up { right: 100px; } @media screen and (max-width: 768px) { .norebro-onepage.disable-on-mobile { height: auto; } .norebro-onepage.disable-on-mobile .onepage-section { width: 100%; height: auto; overflow: hidden; padding: 0; } .norebro-onepage.disable-on-mobile .onepage-nav, .norebro-onepage.disable-on-mobile .onepage-dots { display: none; } .norebro-onepage .onepage-nav div { bottom: 25px; right: 25px; } .norebro-onepage .onepage-nav .up { bottom: 80px; } .norebro-onepage .onepage-dots { right: 20px; } .norebro-onepage.horizontal .onepage-nav .up { right: 80px; } .norebro-onepage.horizontal .onepage-nav .down { right: 25px; } } /*-------------------------------------------------------------- ## Parallax --------------------------------------------------------------*/ .parallax { position: relative; height: 100%; min-height: 100px; overflow: hidden; } .parallax:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; } .parallax .parallax-content { position: relative; z-index: 3; padding-left: 25px; padding-right: 25px; } @media screen and (max-width: 768px) { .parallax .parallax-content { padding-left: 25px; padding-right: 25px; } } .parallax-bg { background-position: center center; width: 100%; height: 1000%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; will-change: transform; } .parallax-bg.horizontal { width: 1000%; height: 100%; } /*-------------------------------------------------------------- ## Pricing table --------------------------------------------------------------*/ .pricing-table { background: #f9f9f9; width: 100%; padding: 30px; text-align: center; position: relative; display: inline-block; } .pricing-table h3.title { margin: 10px 0 0 0; font-size: 20px; text-align: center; } .pricing-table > p.subtitle { margin-top: 5px; font-size: 0.95rem; } .pricing-table .price { margin: 15px 0 0; padding: 20px 0; border-top: 1px solid rgba(0, 0, 0, 0.07); } .pricing-table .price h2 { display: inline-block; font-size: 50px; line-height: 50px; margin: 0; position: relative; } .pricing-table .price h2 .icon { position: absolute; left: -22px; top: 5px; line-height: 25px; font-size: 25px; } .pricing-table .price p.subtitle { margin-top: 20px; } .pricing-table .time-interval { background: #ebebeb; border: none; margin: 10px 0 0; } .pricing-table > .list-box, .pricing-table > .widget_recent_comments, .pricing-table > .widget_recent_entries, .pricing-table > .widget_meta, .pricing-table > .widget_archive, .pricing-table > .widget_nav_menu, .pricing-table > .widget_pages, .pricing-table > .widget_categories, .pricing-table > .widget_rss, .pricing-table > .widget_product_categories { margin: 0 0; } .pricing-table .list-box + .btn, .pricing-table .widget_recent_comments + .btn, .pricing-table .widget_recent_entries + .btn, .pricing-table .widget_meta + .btn, .pricing-table .widget_archive + .btn, .pricing-table .widget_nav_menu + .btn, .pricing-table .widget_pages + .btn, .pricing-table .widget_categories + .btn, .pricing-table .widget_rss + .btn, .pricing-table .widget_product_categories + .btn { margin-top: 30px; } .pricing-table .btn { min-width: 140px; } .pricing-table .list-box li, .pricing-table .widget_recent_comments li, .pricing-table .widget_recent_entries li, .pricing-table .widget_meta li, .pricing-table .widget_archive li, .pricing-table .widget_nav_menu li, .pricing-table .widget_pages li, .pricing-table .widget_categories li, .pricing-table .widget_rss li, .pricing-table .widget_product_categories li { padding: 6px 0; } .pricing-table .list-box li, .pricing-table .widget_recent_comments li, .pricing-table .widget_recent_entries li, .pricing-table .widget_meta li, .pricing-table .widget_archive li, .pricing-table .widget_nav_menu li, .pricing-table .widget_pages li, .pricing-table .widget_categories li, .pricing-table .widget_rss li, .pricing-table .widget_product_categories li, .pricing-table .list-box li:first-child, .pricing-table .widget_recent_comments li:first-child, .pricing-table .widget_recent_entries li:first-child, .pricing-table .widget_meta li:first-child, .pricing-table .widget_archive li:first-child, .pricing-table .widget_nav_menu li:first-child, .pricing-table .widget_pages li:first-child, .pricing-table .widget_categories li:first-child, .pricing-table .widget_rss li:first-child, .pricing-table .widget_product_categories li:first-child { border-color: rgba(0, 0, 0, 0.07); } .pricing-table .list-box li .icon, .pricing-table .widget_recent_comments li .icon, .pricing-table .widget_recent_entries li .icon, .pricing-table .widget_meta li .icon, .pricing-table .widget_archive li .icon, .pricing-table .widget_nav_menu li .icon, .pricing-table .widget_pages li .icon, .pricing-table .widget_categories li .icon, .pricing-table .widget_rss li .icon, .pricing-table .widget_product_categories li .icon { font-size: 22px; vertical-align: -3px; } .pricing-table .list-box li .icon + .title, .pricing-table .widget_recent_comments li .icon + .title, .pricing-table .widget_recent_entries li .icon + .title, .pricing-table .widget_meta li .icon + .title, .pricing-table .widget_archive li .icon + .title, .pricing-table .widget_nav_menu li .icon + .title, .pricing-table .widget_pages li .icon + .title, .pricing-table .widget_categories li .icon + .title, .pricing-table .widget_rss li .icon + .title, .pricing-table .widget_product_categories li .icon + .title { margin-left: 5px; } .pricing-table .list-box li.disabled .title, .pricing-table .widget_recent_comments li.disabled .title, .pricing-table .widget_recent_entries li.disabled .title, .pricing-table .widget_meta li.disabled .title, .pricing-table .widget_archive li.disabled .title, .pricing-table .widget_nav_menu li.disabled .title, .pricing-table .widget_pages li.disabled .title, .pricing-table .widget_categories li.disabled .title, .pricing-table .widget_rss li.disabled .title, .pricing-table .widget_product_categories li.disabled .title { color: rgba(40, 40, 40, 0.5); } .pricing-table.features { background: transparent; } .pricing-table.features h3 { text-align: left; margin: 0; font-size: 1rem; } .pricing-table.features .list-box, .pricing-table.features .widget_recent_comments, .pricing-table.features .widget_recent_entries, .pricing-table.features .widget_meta, .pricing-table.features .widget_archive, .pricing-table.features .widget_nav_menu, .pricing-table.features .widget_pages, .pricing-table.features .widget_categories, .pricing-table.features .widget_rss, .pricing-table.features .widget_product_categories { margin-top: 15px; } /*-------------------------------------------------------------- ## Process --------------------------------------------------------------*/ .process { position: relative; padding: 1px 0; } .process .number { color: #ebebeb; font: bold 100px "Poppins", sans-serif; position: absolute; line-height: 1; top: 0; left: 0; } .process h3 { font-size: 24px; margin: 30px 0 45px; } .process .description { margin: 0; } .process.boxed { background: #fff; padding: 40px; margin-top: 50px; } .process.boxed .number { top: -45px; left: 35px; } .process.boxed h3 { margin: 20px 0 10px; } /*-------------------------------------------------------------- ## Progress bars --------------------------------------------------------------*/ .progress-bar { width: 100%; } .progress-bar h4 { margin: 0; font-size: 0.95rem; } .progress-bar .line-wrap { background: #f3f3f3; width: 100%; height: 8px; margin-top: 10px; } .progress-bar .line { display: block; width: 0px; height: 8px; -webkit-transition: width 1.6s cubic-bezier(0.2, 0.35, 0.25, 1); -o-transition: width 1.6s cubic-bezier(0.2, 0.35, 0.25, 1); transition: width 1.6s cubic-bezier(0.2, 0.35, 0.25, 1); position: relative; } .progress-bar .line-percent { content: '20'; background: #282828; color: #fff; padding: 0px 8px; height: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.75rem; font-weight: 600; position: absolute; bottom: 100%; right: 0; -webkit-transform: translateX(50%) translateY(-10px); -ms-transform: translateX(50%) translateY(-10px); transform: translateX(50%) translateY(-10px); } .progress-bar .line-percent:after { content: ''; background: inherit; width: 8px; height: 8px; position: absolute; bottom: -4px; right: 50%; -webkit-transform: translateX(50%) rotate(45deg); -ms-transform: translateX(50%) rotate(45deg); transform: translateX(50%) rotate(45deg); } .progress-bar.inner .line-wrap { height: 14px; } .progress-bar.inner .line { height: 6px; top: 4px; left: 4px; } .progress-bar.inner .line-percent { margin-bottom: 4px; } .progress-bar.split .line-wrap { background: transparent; position: relative; } .progress-bar.split .line-split { background: #ebebeb; width: -webkit-calc(100% / 8 - 2px); width: calc(100% / 8 - 2px); height: 8px; float: left; margin-right: 2px; position: relative; overflow: hidden; } .progress-bar.split .line-split .line { position: absolute; top: 0; left: 0; } .progress-bar.pattern .line { background-image: url("/assets/images/progress-bar-pattern.png"); -webkit-animation: progress-bar-line-strip-anim 1s linear infinite; animation: progress-bar-line-strip-anim 1s linear infinite; } @-webkit-keyframes progress-bar-line-strip-anim { 0% { background-position: 0 0; } 100% { background-position: -21px 0; } } @keyframes progress-bar-line-strip-anim { 0% { background-position: 0 0; } 100% { background-position: -21px 0; } } /*-------------------------------------------------------------- ## Row --------------------------------------------------------------*/ .vc_row { position: relative; } .vc_row .vc-bg-lines div { background: rgba(0, 0, 0, 0.05); width: 1px; height: 100%; position: absolute; left: -webkit-calc(100% / 8); left: calc(100% / 8); } .vc_row .vc-bg-lines.light div { background: rgba(255, 255, 255, 0.08); } .vc_row .vc-bg-lines div:nth-child(2) { left: -webkit-calc(100% / 8 * 2); left: calc(100% / 8 * 2); } .vc_row .vc-bg-lines div:nth-child(3) { left: -webkit-calc(100% / 8 * 3); left: calc(100% / 8 * 3); } .vc_row .vc-bg-lines div:nth-child(4) { left: -webkit-calc(100% / 8 * 4); left: calc(100% / 8 * 4); } .vc_row .vc-bg-lines div:nth-child(5) { left: -webkit-calc(100% / 8 * 5); left: calc(100% / 8 * 5); } .vc_row .vc-bg-lines div:nth-child(6) { left: -webkit-calc(100% / 8 * 6); left: calc(100% / 8 * 6); } .vc_row .vc-bg-lines div:nth-child(7) { left: -webkit-calc(100% / 8 * 7); left: calc(100% / 8 * 7); } .vc_row .vc-bg-side-text { color: rgba(40, 40, 40, 0.15); position: absolute; font-size: 100px; line-height: 100%; font-weight: 600; font-family: "Poppins", sans-serif; top: 40px; text-align: left; -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotate(-90deg) translateX(-100%) translateY(-50%); -ms-transform: rotate(-90deg) translateX(-100%) translateY(-50%); transform: rotate(-90deg) translateX(-100%) translateY(-50%); } .vc_row .vc-bg-side-text.right { left: auto; -webkit-transform: translateX(100%) rotate(-90deg) translateX(-100%) translateY(-50%); -ms-transform: translateX(100%) rotate(-90deg) translateX(-100%) translateY(-50%); transform: translateX(100%) rotate(-90deg) translateX(-100%) translateY(-50%); } @media screen and (max-width: 768px) { .vc_row .vc-bg-lines, .vc_row .vc-bg-side-text { display: none; } } .page-container .vc-bg-side-text { left: -webkit-calc( (100% - 1326px) / 4); left: calc( (100% - 1326px) / 4); } .page-container .vc-bg-side-text.right { left: auto; right: -webkit-calc( (100% - 1326px) / 4); right: calc( (100% - 1326px) / 4); } .page-container.full .vc-bg-side-text { left: -webkit-calc( 14% / 4); left: calc( 14% / 4); } .page-container.full .vc-bg-side-text.right { left: auto; right: -webkit-calc( 14% / 4); right: calc( 14% / 4); } /*-------------------------------------------------------------- ## Slider --------------------------------------------------------------*/ .slider { width: auto; margin: 0 auto; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .slider:after { content: ''; display: table; clear: both; } .slider .slider-wrap .wpb_content_element { margin: 0; } .slider .owl-stage-outer { position: relative; overflow: hidden; -webkit-transition: height .3s ease-in-out; -o-transition: height .3s ease-in-out; transition: height .3s ease-in-out; } .slider .owl-stage { position: absolute; } .slider .owl-item { float: left; } .slider .owl-nav div { margin-top: -30px; top: 50%; z-index: 4; } .slider .owl-nav div.disabled { opacity: 0; cursor: default; } .slider .owl-prev { left: 0px; } .slider .owl-nav .owl-next { right: 0px; } .slider .owl-dots { width: 100%; text-align: center; margin-top: 0; } .slider .owl-dots.slider-vertical-numbers, .slider .owl-dots.slider-vertical-dots { width: auto; } .slider .owl-dot { width: 14px; height: 14px; margin: 0 5px; -webkit-border-radius: 50px; border-radius: 50px; border: 1px solid transparent; display: inline-block; position: relative; cursor: pointer; opacity: 1; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: opacity, border-color; -o-transition-property: opacity, border-color; transition-property: opacity, border-color; color: #282828; } .slider .owl-dot:after { background: currentColor; content: ''; width: 4px; height: 4px; -webkit-border-radius: 50px; border-radius: 50px; margin: -2px 0 0 -2px; position: absolute; top: 50%; left: 50%; } .slider .owl-dot:hover { opacity: .6; } .slider .owl-dot:hover, .slider .owl-dot.active { border-color: currentColor; } .slider .owl-dot.brand { color: #174EE2; } .slider.with-dots .owl-nav div { margin-top: -70px; } .slider.with-dots .owl-dots { margin-top: 40px; } .slider.without-nav .slider-nav { display: none; } @media screen and (max-width: 768px) { .slider { padding: 0; width: auto; margin: 0; } .slider .owl-nav .owl-prev { left: 20px !important; } .slider .owl-nav .owl-next { right: 20px !important; } .slider.with-dots .owl-dots { margin-top: 20px; } } .slider-wrap { position: relative; } .slider.norebro-slider { padding: 0 80px; } .slider.norebro-slider.full-height { height: 100%; } .slider.norebro-slider.full-height.with-dots { height: -webkit-calc(100% - 120px); height: calc(100% - 120px); } .slider.norebro-slider.full-height .owl-stage-outer, .slider.norebro-slider.full-height .owl-stage, .slider.norebro-slider.full-height .owl-item, .slider.norebro-slider.full-height .portfolio-item-wrap { height: 100%; } .slider.norebro-slider.without-nav { padding: 0; } .slider.norebro-slider.without-nav .owl-nav, .slider.norebro-slider.without-nav .slider-nav { display: none; } @media screen and (min-width: 769px) { .slider.norebro-slider.nav-offset { padding: 0; width: auto; margin: 0 -15px; } .slider.norebro-slider.nav-offset .owl-prev { left: -80px; } .slider.norebro-slider.nav-offset .owl-nav .owl-next { right: -80px; } .slider.norebro-slider.nav-inset { padding: 0; width: auto; margin: 0 -15px; } .slider.norebro-slider.nav-inset .owl-prev { left: 50px; } .slider.norebro-slider.nav-inset .owl-nav .owl-next { right: 50px; } .slider.norebro-slider.slider-offset { width: auto; padding: 0; margin: 0 -70%; position: static; } .slider.norebro-slider.slider-offset .owl-nav div { left: 50%; } .slider.norebro-slider.slider-offset.slider-opacity .owl-item { opacity: .5; -webkit-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out; } .slider.norebro-slider.slider-offset.slider-opacity .owl-item.offset-active { opacity: 1; } } @media screen and (max-width: 768px) { .slider.norebro-slider { padding: 0; } .slider.norebro-slider.slider-offset { margin: 0 !important; } .slider.norebro-slider.slider-offset .owl-item { padding: 0 0px !important; } .slider.norebro-slider .slider-nav { display: none; } } .slider-nav > div { background: rgba(30, 30, 30, 0.7); color: #fff; width: 50px; height: 50px; border: none; -webkit-border-radius: 50px; border-radius: 50px; text-align: center; font-size: 25px; line-height: 54px; position: absolute; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; cursor: pointer; } .slider-nav > div span { font-size: 28px; } .slider-nav > div:hover { opacity: .8; } .slider-vertical-numbers, .slider-vertical-dots { width: auto; height: 100%; position: absolute; top: 0; right: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; list-style: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 2; counter-reset: onepage; } .slider-vertical-numbers li, .slider-vertical-numbers > div, .slider-vertical-numbers > .owl-dot, .slider-vertical-dots li, .slider-vertical-dots > div, .slider-vertical-dots > .owl-dot { background: transparent; width: auto; height: auto; padding: 3px 0; color: #fff; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 18px; position: relative; cursor: pointer; -webkit-transform: scale(0.69) rotate(0.25deg); -ms-transform: scale(0.69) rotate(0.25deg); transform: scale(0.69) rotate(0.25deg); opacity: .8; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: opacity, color, -webkit-transform; transition-property: opacity, color, -webkit-transform; -o-transition-property: transform, opacity, color; transition-property: transform, opacity, color; transition-property: transform, opacity, color, -webkit-transform; counter-increment: onepage; } .slider-vertical-numbers li:after, .slider-vertical-numbers > div:after, .slider-vertical-numbers > .owl-dot:after, .slider-vertical-dots li:after, .slider-vertical-dots > div:after, .slider-vertical-dots > .owl-dot:after { background: transparent; content: counter(onepage, decimal-leading-zero); position: static; } .slider-vertical-numbers li:before, .slider-vertical-numbers > div:before, .slider-vertical-numbers > .owl-dot:before, .slider-vertical-dots li:before, .slider-vertical-dots > div:before, .slider-vertical-dots > .owl-dot:before { content: ''; background: currentColor; width: 90%; height: 1px; position: absolute; bottom: 4px; left: 5%; display: none; opacity: 0; } .slider-vertical-numbers li.active, .slider-vertical-numbers li:hover, .slider-vertical-numbers > div.active, .slider-vertical-numbers > div:hover, .slider-vertical-numbers > .owl-dot.active, .slider-vertical-numbers > .owl-dot:hover, .slider-vertical-dots li.active, .slider-vertical-dots li:hover, .slider-vertical-dots > div.active, .slider-vertical-dots > div:hover, .slider-vertical-dots > .owl-dot.active, .slider-vertical-dots > .owl-dot:hover { background: none; width: auto; height: auto; border-color: transparent; cursor: pointer; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .slider-vertical-numbers li.active:before, .slider-vertical-numbers li:hover:before, .slider-vertical-numbers > div.active:before, .slider-vertical-numbers > div:hover:before, .slider-vertical-numbers > .owl-dot.active:before, .slider-vertical-numbers > .owl-dot:hover:before, .slider-vertical-dots li.active:before, .slider-vertical-dots li:hover:before, .slider-vertical-dots > div.active:before, .slider-vertical-dots > div:hover:before, .slider-vertical-dots > .owl-dot.active:before, .slider-vertical-dots > .owl-dot:hover:before { display: block; opacity: 1; } @media screen and (max-width: 768px) { .slider-vertical-numbers li:hover, .slider-vertical-numbers > div:hover, .slider-vertical-numbers > .owl-dot:hover, .slider-vertical-dots li:hover, .slider-vertical-dots > div:hover, .slider-vertical-dots > .owl-dot:hover { -webkit-transform: scale(0.69) rotate(0.25deg); -ms-transform: scale(0.69) rotate(0.25deg); transform: scale(0.69) rotate(0.25deg); } .slider-vertical-numbers li:hover:before, .slider-vertical-numbers > div:hover:before, .slider-vertical-numbers > .owl-dot:hover:before, .slider-vertical-dots li:hover:before, .slider-vertical-dots > div:hover:before, .slider-vertical-dots > .owl-dot:hover:before { opacity: 0; } .slider-vertical-numbers li.active:hover, .slider-vertical-numbers > div.active:hover, .slider-vertical-numbers > .owl-dot.active:hover, .slider-vertical-dots li.active:hover, .slider-vertical-dots > div.active:hover, .slider-vertical-dots > .owl-dot.active:hover { -webkit-transform: none; -ms-transform: none; transform: none; } .slider-vertical-numbers li.active:hover:before, .slider-vertical-numbers > div.active:hover:before, .slider-vertical-numbers > .owl-dot.active:hover:before, .slider-vertical-dots li.active:hover:before, .slider-vertical-dots > div.active:hover:before, .slider-vertical-dots > .owl-dot.active:hover:before { opacity: 1; } } .slider-vertical-dots li, .slider-vertical-dots > div, .slider-vertical-dots > .owl-dot { color: #fff; background: transparent; width: 14px; height: 14px; margin: 5px 0; display: block; -webkit-border-radius: 50px; border-radius: 50px; border: 1px solid transparent; position: relative; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transition-property: color, border-color; -o-transition-property: color, border-color; transition-property: color, border-color; } .slider-vertical-dots li:after, .slider-vertical-dots > div:after, .slider-vertical-dots > .owl-dot:after { content: ''; background: currentColor; content: ''; width: 4px; height: 4px; -webkit-border-radius: 50px; border-radius: 50px; margin: -2px 0 0 -2px; position: absolute; top: 50%; left: 50%; } .slider-vertical-dots li:before, .slider-vertical-dots > div:before, .slider-vertical-dots > .owl-dot:before { content: none; } .slider-vertical-dots li:hover, .slider-vertical-dots li.active, .slider-vertical-dots > div:hover, .slider-vertical-dots > div.active, .slider-vertical-dots > .owl-dot:hover, .slider-vertical-dots > .owl-dot.active { border-color: currentColor; width: 14px; height: 14px; -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s; } /*-------------------------------------------------------------- ## Social bar --------------------------------------------------------------*/ .socialbar { cursor: default; } .socialbar a { background: #282828; color: #fff; width: 50px; height: 50px; margin: 0px 3px 5px; border: 1px solid #282828; -webkit-border-radius: 50px; border-radius: 50px; text-align: center; text-decoration: none; vertical-align: middle; line-height: 50px; font-size: 22px; display: inline-block; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; cursor: pointer; -webkit-transition-property: background-color, border-color, color; -o-transition-property: background-color, border-color, color; transition-property: background-color, border-color, color; } .socialbar a span { position: relative; z-index: 2; } .socialbar a:hover { background: transparent; color: #282828; } .socialbar.squared a { -webkit-border-radius: 0; border-radius: 0; } .socialbar.outline a { background: transparent; border: 1px solid #282828; color: #282828; } .socialbar.outline a:hover { background: #282828; color: #ffffff; } .socialbar.outline a.social-footer { border-color: #474a4e; color: #afafb0; } .socialbar.outline a.social-footer:hover { background: #474a4e; color: #ffffff; } .socialbar.flat a { background: transparent; color: #282828; border-color: transparent; } .socialbar.flat a:hover { background: #282828; color: #ffffff; } .socialbar.flat.outline-hover a:hover { background: transparent; border-color: #282828; color: #282828; } .socialbar.inline { display: block; } .socialbar.inline a { background: none; width: auto; height: auto; border: none; margin: 0 15px; -webkit-box-shadow: none; box-shadow: none; color: #282828; line-height: 2.4; font-size: 0.9rem; font-weight: 600; font-family: "Poppins", sans-serif; } .socialbar.inline a .icon { font-size: 20px; margin-right: 5px; vertical-align: -2px; } .socialbar.small a { width: 40px; height: 40px; line-height: 40px; font-size: 1rem; } .socialbar.small.inline a { width: auto; height: auto; margin: 0 10px; line-height: 2.4; font-size: 0.9rem; } .socialbar.small.inline a .icon { font-size: 1rem; vertical-align: -1px; } .socialbar a:first-child { margin-left: 0; } .socialbar a:last-child { margin-right: 0; } .socialbar.default a.white { background: #fff; border-color: #fff; } .socialbar.default a.white:hover { background: transparent; color: #fff; border-color: #fff; } .socialbar.default.outline a.white { background: transparent; color: #fff; } .socialbar.default.outline a.white:hover { background: #fff; color: #ffffff; } .socialbar.default.flat a.white { background: transparent; color: #fff; border-color: transparent; } .socialbar.default.flat a.white:hover { background: #fff; color: #ffffff; } .socialbar.default.inline a.white { background: transparent; border-color: transparent; color: #fff; } .socialbar.default.inline a.white:hover { color: #fff; } .socialbar.default a.facebook { background: #217CEF; border-color: #217CEF; } .socialbar.default a.facebook:hover { background: transparent; color: #217CEF; border-color: #217CEF; } .socialbar.default.outline a.facebook { background: transparent; color: #217CEF; } .socialbar.default.outline a.facebook:hover { background: #217CEF; color: #ffffff; } .socialbar.default.flat a.facebook { background: transparent; color: #217CEF; border-color: transparent; } .socialbar.default.flat a.facebook:hover { background: #217CEF; color: #ffffff; } .socialbar.default.inline a.facebook { background: transparent; border-color: transparent; color: #217CEF; } .socialbar.default.inline a.facebook:hover { color: #217CEF; } .socialbar.default a.twitter { background: #2AA3EF; border-color: #2AA3EF; } .socialbar.default a.twitter:hover { background: transparent; color: #2AA3EF; border-color: #2AA3EF; } .socialbar.default.outline a.twitter { background: transparent; color: #2AA3EF; } .socialbar.default.outline a.twitter:hover { background: #2AA3EF; color: #ffffff; } .socialbar.default.flat a.twitter { background: transparent; color: #2AA3EF; border-color: transparent; } .socialbar.default.flat a.twitter:hover { background: #2AA3EF; color: #ffffff; } .socialbar.default.inline a.twitter { background: transparent; border-color: transparent; color: #2AA3EF; } .socialbar.default.inline a.twitter:hover { color: #2AA3EF; } .socialbar.default a.pinterest { background: #e8323f; border-color: #e8323f; } .socialbar.default a.pinterest:hover { background: transparent; color: #e8323f; border-color: #e8323f; } .socialbar.default.outline a.pinterest { background: transparent; color: #e8323f; } .socialbar.default.outline a.pinterest:hover { background: #e8323f; color: #ffffff; } .socialbar.default.flat a.pinterest { background: transparent; color: #e8323f; border-color: transparent; } .socialbar.default.flat a.pinterest:hover { background: #e8323f; color: #ffffff; } .socialbar.default.inline a.pinterest { background: transparent; border-color: transparent; color: #e8323f; } .socialbar.default.inline a.pinterest:hover { color: #e8323f; } .socialbar.default a.linkedin { background: #4477ab; border-color: #4477ab; } .socialbar.default a.linkedin:hover { background: transparent; color: #4477ab; border-color: #4477ab; } .socialbar.default.outline a.linkedin { background: transparent; color: #4477ab; } .socialbar.default.outline a.linkedin:hover { background: #4477ab; color: #ffffff; } .socialbar.default.flat a.linkedin { background: transparent; color: #4477ab; border-color: transparent; } .socialbar.default.flat a.linkedin:hover { background: #4477ab; color: #ffffff; } .socialbar.default.inline a.linkedin { background: transparent; border-color: transparent; color: #4477ab; } .socialbar.default.inline a.linkedin:hover { color: #4477ab; } .socialbar.default a.dribbble { background: #fd629e; border-color: #fd629e; } .socialbar.default a.dribbble:hover { background: transparent; color: #fd629e; border-color: #fd629e; } .socialbar.default.outline a.dribbble { background: transparent; color: #fd629e; } .socialbar.default.outline a.dribbble:hover { background: #fd629e; color: #ffffff; } .socialbar.default.flat a.dribbble { background: transparent; color: #fd629e; border-color: transparent; } .socialbar.default.flat a.dribbble:hover { background: #fd629e; color: #ffffff; } .socialbar.default.inline a.dribbble { background: transparent; border-color: transparent; color: #fd629e; } .socialbar.default.inline a.dribbble:hover { color: #fd629e; } .socialbar.default a.github { background: #24292E; border-color: #24292E; } .socialbar.default a.github:hover { background: transparent; color: #24292E; border-color: #24292E; } .socialbar.default.outline a.github { background: transparent; color: #24292E; } .socialbar.default.outline a.github:hover { background: #24292E; color: #ffffff; } .socialbar.default.flat a.github { background: transparent; color: #24292E; border-color: transparent; } .socialbar.default.flat a.github:hover { background: #24292E; color: #ffffff; } .socialbar.default.inline a.github { background: transparent; border-color: transparent; color: #24292E; } .socialbar.default.inline a.github:hover { color: #24292E; } .socialbar.default a.instagram { background: #383838; border-color: #383838; } .socialbar.default a.instagram:hover { background: transparent; color: #383838; border-color: #383838; } .socialbar.default.outline a.instagram { background: transparent; color: #383838; } .socialbar.default.outline a.instagram:hover { background: #383838; color: #ffffff; } .socialbar.default.flat a.instagram { background: transparent; color: #383838; border-color: transparent; } .socialbar.default.flat a.instagram:hover { background: #383838; color: #ffffff; } .socialbar.default.inline a.instagram { background: transparent; border-color: transparent; color: #383838; } .socialbar.default.inline a.instagram:hover { color: #383838; } .socialbar.default a.dropbox { background: #187fe7; border-color: #187fe7; } .socialbar.default a.dropbox:hover { background: transparent; color: #187fe7; border-color: #187fe7; } .socialbar.default.outline a.dropbox { background: transparent; color: #187fe7; } .socialbar.default.outline a.dropbox:hover { background: #187fe7; color: #ffffff; } .socialbar.default.flat a.dropbox { background: transparent; color: #187fe7; border-color: transparent; } .socialbar.default.flat a.dropbox:hover { background: #187fe7; color: #ffffff; } .socialbar.default.inline a.dropbox { background: transparent; border-color: transparent; color: #187fe7; } .socialbar.default.inline a.dropbox:hover { color: #187fe7; } .socialbar.default a.vk { background: #6083ab; border-color: #6083ab; } .socialbar.default a.vk:hover { background: transparent; color: #6083ab; border-color: #6083ab; } .socialbar.default.outline a.vk { background: transparent; color: #6083ab; } .socialbar.default.outline a.vk:hover { background: #6083ab; color: #ffffff; } .socialbar.default.flat a.vk { background: transparent; color: #6083ab; border-color: transparent; } .socialbar.default.flat a.vk:hover { background: #6083ab; color: #ffffff; } .socialbar.default.inline a.vk { background: transparent; border-color: transparent; color: #6083ab; } .socialbar.default.inline a.vk:hover { color: #6083ab; } .socialbar.default a.youtube { background: #f00; border-color: #f00; } .socialbar.default a.youtube:hover { background: transparent; color: #f00; border-color: #f00; } .socialbar.default.outline a.youtube { background: transparent; color: #f00; } .socialbar.default.outline a.youtube:hover { background: #f00; color: #ffffff; } .socialbar.default.flat a.youtube { background: transparent; color: #f00; border-color: transparent; } .socialbar.default.flat a.youtube:hover { background: #f00; color: #ffffff; } .socialbar.default.inline a.youtube { background: transparent; border-color: transparent; color: #f00; } .socialbar.default.inline a.youtube:hover { color: #f00; } .socialbar.default a.vimeo { background: #1ab8ea; border-color: #1ab8ea; } .socialbar.default a.vimeo:hover { background: transparent; color: #1ab8ea; border-color: #1ab8ea; } .socialbar.default.outline a.vimeo { background: transparent; color: #1ab8ea; } .socialbar.default.outline a.vimeo:hover { background: #1ab8ea; color: #ffffff; } .socialbar.default.flat a.vimeo { background: transparent; color: #1ab8ea; border-color: transparent; } .socialbar.default.flat a.vimeo:hover { background: #1ab8ea; color: #ffffff; } .socialbar.default.inline a.vimeo { background: transparent; border-color: transparent; color: #1ab8ea; } .socialbar.default.inline a.vimeo:hover { color: #1ab8ea; } .socialbar.default a.behance { background: #0056ff; border-color: #0056ff; } .socialbar.default a.behance:hover { background: transparent; color: #0056ff; border-color: #0056ff; } .socialbar.default.outline a.behance { background: transparent; color: #0056ff; } .socialbar.default.outline a.behance:hover { background: #0056ff; color: #ffffff; } .socialbar.default.flat a.behance { background: transparent; color: #0056ff; border-color: transparent; } .socialbar.default.flat a.behance:hover { background: #0056ff; color: #ffffff; } .socialbar.default.inline a.behance { background: transparent; border-color: transparent; color: #0056ff; } .socialbar.default.inline a.behance:hover { color: #0056ff; } .socialbar.default a.tumblr { background: #2a445f; border-color: #2a445f; } .socialbar.default a.tumblr:hover { background: transparent; color: #2a445f; border-color: #2a445f; } .socialbar.default.outline a.tumblr { background: transparent; color: #2a445f; } .socialbar.default.outline a.tumblr:hover { background: #2a445f; color: #ffffff; } .socialbar.default.flat a.tumblr { background: transparent; color: #2a445f; border-color: transparent; } .socialbar.default.flat a.tumblr:hover { background: #2a445f; color: #ffffff; } .socialbar.default.inline a.tumblr { background: transparent; border-color: transparent; color: #2a445f; } .socialbar.default.inline a.tumblr:hover { color: #2a445f; } .socialbar.default a.flickr { background: #0063db; border-color: #0063db; } .socialbar.default a.flickr:hover { background: transparent; color: #0063db; border-color: #0063db; } .socialbar.default.outline a.flickr { background: transparent; color: #0063db; } .socialbar.default.outline a.flickr:hover { background: #0063db; color: #ffffff; } .socialbar.default.flat a.flickr { background: transparent; color: #0063db; border-color: transparent; } .socialbar.default.flat a.flickr:hover { background: #0063db; color: #ffffff; } .socialbar.default.inline a.flickr { background: transparent; border-color: transparent; color: #0063db; } .socialbar.default.inline a.flickr:hover { color: #0063db; } .socialbar.default a.reddit { background: #ff4501; border-color: #ff4501; } .socialbar.default a.reddit:hover { background: transparent; color: #ff4501; border-color: #ff4501; } .socialbar.default.outline a.reddit { background: transparent; color: #ff4501; } .socialbar.default.outline a.reddit:hover { background: #ff4501; color: #ffffff; } .socialbar.default.flat a.reddit { background: transparent; color: #ff4501; border-color: transparent; } .socialbar.default.flat a.reddit:hover { background: #ff4501; color: #ffffff; } .socialbar.default.inline a.reddit { background: transparent; border-color: transparent; color: #ff4501; } .socialbar.default.inline a.reddit:hover { color: #ff4501; } .socialbar.default a.snapchat { background: #e0e410; border-color: #e0e410; } .socialbar.default a.snapchat:hover { background: transparent; color: #e0e410; border-color: #e0e410; } .socialbar.default.outline a.snapchat { background: transparent; color: #e0e410; } .socialbar.default.outline a.snapchat:hover { background: #e0e410; color: #ffffff; } .socialbar.default.flat a.snapchat { background: transparent; color: #e0e410; border-color: transparent; } .socialbar.default.flat a.snapchat:hover { background: #e0e410; color: #ffffff; } .socialbar.default.inline a.snapchat { background: transparent; border-color: transparent; color: #e0e410; } .socialbar.default.inline a.snapchat:hover { color: #e0e410; } .socialbar.default a.whatsapp { background: #0ec143; border-color: #0ec143; } .socialbar.default a.whatsapp:hover { background: transparent; color: #0ec143; border-color: #0ec143; } .socialbar.default.outline a.whatsapp { background: transparent; color: #0ec143; } .socialbar.default.outline a.whatsapp:hover { background: #0ec143; color: #ffffff; } .socialbar.default.flat a.whatsapp { background: transparent; color: #0ec143; border-color: transparent; } .socialbar.default.flat a.whatsapp:hover { background: #0ec143; color: #ffffff; } .socialbar.default.inline a.whatsapp { background: transparent; border-color: transparent; color: #0ec143; } .socialbar.default.inline a.whatsapp:hover { color: #0ec143; } .socialbar.default a.quora { background: #a82401; border-color: #a82401; } .socialbar.default a.quora:hover { background: transparent; color: #a82401; border-color: #a82401; } .socialbar.default.outline a.quora { background: transparent; color: #a82401; } .socialbar.default.outline a.quora:hover { background: #a82401; color: #ffffff; } .socialbar.default.flat a.quora { background: transparent; color: #a82401; border-color: transparent; } .socialbar.default.flat a.quora:hover { background: #a82401; color: #ffffff; } .socialbar.default.inline a.quora { background: transparent; border-color: transparent; color: #a82401; } .socialbar.default.inline a.quora:hover { color: #a82401; } .socialbar.default a.vine { background: #00be8e; border-color: #00be8e; } .socialbar.default a.vine:hover { background: transparent; color: #00be8e; border-color: #00be8e; } .socialbar.default.outline a.vine { background: transparent; color: #00be8e; } .socialbar.default.outline a.vine:hover { background: #00be8e; color: #ffffff; } .socialbar.default.flat a.vine { background: transparent; color: #00be8e; border-color: transparent; } .socialbar.default.flat a.vine:hover { background: #00be8e; color: #ffffff; } .socialbar.default.inline a.vine { background: transparent; border-color: transparent; color: #00be8e; } .socialbar.default.inline a.vine:hover { color: #00be8e; } .socialbar.default a.digg { background: #1c5891; border-color: #1c5891; } .socialbar.default a.digg:hover { background: transparent; color: #1c5891; border-color: #1c5891; } .socialbar.default.outline a.digg { background: transparent; color: #1c5891; } .socialbar.default.outline a.digg:hover { background: #1c5891; color: #ffffff; } .socialbar.default.flat a.digg { background: transparent; color: #1c5891; border-color: transparent; } .socialbar.default.flat a.digg:hover { background: #1c5891; color: #ffffff; } .socialbar.default.inline a.digg { background: transparent; border-color: transparent; color: #1c5891; } .socialbar.default.inline a.digg:hover { color: #1c5891; } .socialbar.default a.foursquare { background: #FD4577; border-color: #FD4577; } .socialbar.default a.foursquare:hover { background: transparent; color: #FD4577; border-color: #FD4577; } .socialbar.default.outline a.foursquare { background: transparent; color: #FD4577; } .socialbar.default.outline a.foursquare:hover { background: #FD4577; color: #ffffff; } .socialbar.default.flat a.foursquare { background: transparent; color: #FD4577; border-color: transparent; } .socialbar.default.flat a.foursquare:hover { background: #FD4577; color: #ffffff; } .socialbar.default.inline a.foursquare { background: transparent; border-color: transparent; color: #FD4577; } .socialbar.default.inline a.foursquare:hover { color: #FD4577; } .socialbar.default a.tiktok { background: #323131; border-color: #323131; } .socialbar.default a.tiktok:hover { background: transparent; color: #323131; border-color: #323131; } .socialbar.default.outline a.tiktok { background: transparent; color: #323131; } .socialbar.default.outline a.tiktok:hover { background: #323131; color: #ffffff; } .socialbar.default.flat a.tiktok { background: transparent; color: #323131; border-color: transparent; } .socialbar.default.flat a.tiktok:hover { background: #323131; color: #ffffff; } .socialbar.default.inline a.tiktok { background: transparent; border-color: transparent; color: #323131; } .socialbar.default.inline a.tiktok:hover { color: #323131; } .socialbar.default a.twitch { background: #9147ff; border-color: #9147ff; } .socialbar.default a.twitch:hover { background: transparent; color: #9147ff; border-color: #9147ff; } .socialbar.default.outline a.twitch { background: transparent; color: #9147ff; } .socialbar.default.outline a.twitch:hover { background: #9147ff; color: #ffffff; } .socialbar.default.flat a.twitch { background: transparent; color: #9147ff; border-color: transparent; } .socialbar.default.flat a.twitch:hover { background: #9147ff; color: #ffffff; } .socialbar.default.inline a.twitch { background: transparent; border-color: transparent; color: #9147ff; } .socialbar.default.inline a.twitch:hover { color: #9147ff; } .socialbar.default a.mixer { background: #0270d9; border-color: #0270d9; } .socialbar.default a.mixer:hover { background: transparent; color: #0270d9; border-color: #0270d9; } .socialbar.default.outline a.mixer { background: transparent; color: #0270d9; } .socialbar.default.outline a.mixer:hover { background: #0270d9; color: #ffffff; } .socialbar.default.flat a.mixer { background: transparent; color: #0270d9; border-color: transparent; } .socialbar.default.flat a.mixer:hover { background: #0270d9; color: #ffffff; } .socialbar.default.inline a.mixer { background: transparent; border-color: transparent; color: #0270d9; } .socialbar.default.inline a.mixer:hover { color: #0270d9; } .socialbar.default a.telegram { background: #0088cc; border-color: #0088cc; } .socialbar.default a.telegram:hover { background: transparent; color: #0088cc; border-color: #0088cc; } .socialbar.default.outline a.telegram { background: transparent; color: #0088cc; } .socialbar.default.outline a.telegram:hover { background: #0088cc; color: #ffffff; } .socialbar.default.flat a.telegram { background: transparent; color: #0088cc; border-color: transparent; } .socialbar.default.flat a.telegram:hover { background: #0088cc; color: #ffffff; } .socialbar.default.inline a.telegram { background: transparent; border-color: transparent; color: #0088cc; } .socialbar.default.inline a.telegram:hover { color: #0088cc; } .socialbar.default a.soundcloud { background: #FD561F; border-color: #FD561F; } .socialbar.default a.soundcloud:hover { background: transparent; color: #FD561F; border-color: #FD561F; } .socialbar.default.outline a.soundcloud { background: transparent; color: #FD561F; } .socialbar.default.outline a.soundcloud:hover { background: #FD561F; color: #ffffff; } .socialbar.default.flat a.soundcloud { background: transparent; color: #FD561F; border-color: transparent; } .socialbar.default.flat a.soundcloud:hover { background: #FD561F; color: #ffffff; } .socialbar.default.inline a.soundcloud { background: transparent; border-color: transparent; color: #FD561F; } .socialbar.default.inline a.soundcloud:hover { color: #FD561F; } .socialbar.default a.spotify { background: #1ED760; border-color: #1ED760; } .socialbar.default a.spotify:hover { background: transparent; color: #1ED760; border-color: #1ED760; } .socialbar.default.outline a.spotify { background: transparent; color: #1ED760; } .socialbar.default.outline a.spotify:hover { background: #1ED760; color: #ffffff; } .socialbar.default.flat a.spotify { background: transparent; color: #1ED760; border-color: transparent; } .socialbar.default.flat a.spotify:hover { background: #1ED760; color: #ffffff; } .socialbar.default.inline a.spotify { background: transparent; border-color: transparent; color: #1ED760; } .socialbar.default.inline a.spotify:hover { color: #1ED760; } .socialbar.default a.teamspeak { background: #1c82cc; border-color: #1c82cc; } .socialbar.default a.teamspeak:hover { background: transparent; color: #1c82cc; border-color: #1c82cc; } .socialbar.default.outline a.teamspeak { background: transparent; color: #1c82cc; } .socialbar.default.outline a.teamspeak:hover { background: #1c82cc; color: #ffffff; } .socialbar.default.flat a.teamspeak { background: transparent; color: #1c82cc; border-color: transparent; } .socialbar.default.flat a.teamspeak:hover { background: #1c82cc; color: #ffffff; } .socialbar.default.inline a.teamspeak { background: transparent; border-color: transparent; color: #1c82cc; } .socialbar.default.inline a.teamspeak:hover { color: #1c82cc; } .socialbar.default a.discord { background: #7289da; border-color: #7289da; } .socialbar.default a.discord:hover { background: transparent; color: #7289da; border-color: #7289da; } .socialbar.default.outline a.discord { background: transparent; color: #7289da; } .socialbar.default.outline a.discord:hover { background: #7289da; color: #ffffff; } .socialbar.default.flat a.discord { background: transparent; color: #7289da; border-color: transparent; } .socialbar.default.flat a.discord:hover { background: #7289da; color: #ffffff; } .socialbar.default.inline a.discord { background: transparent; border-color: transparent; color: #7289da; } .socialbar.default.inline a.discord:hover { color: #7289da; } .socialbar.default a.kaggle { background: #32C0FD; border-color: #32C0FD; } .socialbar.default a.kaggle:hover { background: transparent; color: #32C0FD; border-color: #32C0FD; } .socialbar.default.outline a.kaggle { background: transparent; color: #32C0FD; } .socialbar.default.outline a.kaggle:hover { background: #32C0FD; color: #ffffff; } .socialbar.default.flat a.kaggle { background: transparent; color: #32C0FD; border-color: transparent; } .socialbar.default.flat a.kaggle:hover { background: #32C0FD; color: #ffffff; } .socialbar.default.inline a.kaggle { background: transparent; border-color: transparent; color: #32C0FD; } .socialbar.default.inline a.kaggle:hover { color: #32C0FD; } .socialbar.default a.medium { background: #03a87c; border-color: #03a87c; } .socialbar.default a.medium:hover { background: transparent; color: #03a87c; border-color: #03a87c; } .socialbar.default.outline a.medium { background: transparent; color: #03a87c; } .socialbar.default.outline a.medium:hover { background: #03a87c; color: #ffffff; } .socialbar.default.flat a.medium { background: transparent; color: #03a87c; border-color: transparent; } .socialbar.default.flat a.medium:hover { background: #03a87c; color: #ffffff; } .socialbar.default.inline a.medium { background: transparent; border-color: transparent; color: #03a87c; } .socialbar.default.inline a.medium:hover { color: #03a87c; } .socialbar.default a.xing { background: #0C6567; border-color: #0C6567; } .socialbar.default a.xing:hover { background: transparent; color: #0C6567; border-color: #0C6567; } .socialbar.default.outline a.xing { background: transparent; color: #0C6567; } .socialbar.default.outline a.xing:hover { background: #0C6567; color: #ffffff; } .socialbar.default.flat a.xing { background: transparent; color: #0C6567; border-color: transparent; } .socialbar.default.flat a.xing:hover { background: #0C6567; color: #ffffff; } .socialbar.default.inline a.xing { background: transparent; border-color: transparent; color: #0C6567; } .socialbar.default.inline a.xing:hover { color: #0C6567; } .socialbar.hover-default a.white:hover { background: transparent; color: #fff; border-color: #fff; } .socialbar.hover-default.outline a.white:hover { background: #fff; color: #ffffff; } .socialbar.hover-default.flat a.white:hover { background: #fff; color: #ffffff; } .socialbar.hover-default.inline a.white:hover { color: #fff; } .socialbar.hover-default.inline a.white:before { background-color: #fff; } .socialbar.hover-default a.facebook:hover { background: transparent; color: #217CEF; border-color: #217CEF; } .socialbar.hover-default.outline a.facebook:hover { background: #217CEF; color: #ffffff; } .socialbar.hover-default.flat a.facebook:hover { background: #217CEF; color: #ffffff; } .socialbar.hover-default.inline a.facebook:hover { color: #217CEF; } .socialbar.hover-default.inline a.facebook:before { background-color: #217CEF; } .socialbar.hover-default a.twitter:hover { background: transparent; color: #2AA3EF; border-color: #2AA3EF; } .socialbar.hover-default.outline a.twitter:hover { background: #2AA3EF; color: #ffffff; } .socialbar.hover-default.flat a.twitter:hover { background: #2AA3EF; color: #ffffff; } .socialbar.hover-default.inline a.twitter:hover { color: #2AA3EF; } .socialbar.hover-default.inline a.twitter:before { background-color: #2AA3EF; } .socialbar.hover-default a.pinterest:hover { background: transparent; color: #e8323f; border-color: #e8323f; } .socialbar.hover-default.outline a.pinterest:hover { background: #e8323f; color: #ffffff; } .socialbar.hover-default.flat a.pinterest:hover { background: #e8323f; color: #ffffff; } .socialbar.hover-default.inline a.pinterest:hover { color: #e8323f; } .socialbar.hover-default.inline a.pinterest:before { background-color: #e8323f; } .socialbar.hover-default a.linkedin:hover { background: transparent; color: #4477ab; border-color: #4477ab; } .socialbar.hover-default.outline a.linkedin:hover { background: #4477ab; color: #ffffff; } .socialbar.hover-default.flat a.linkedin:hover { background: #4477ab; color: #ffffff; } .socialbar.hover-default.inline a.linkedin:hover { color: #4477ab; } .socialbar.hover-default.inline a.linkedin:before { background-color: #4477ab; } .socialbar.hover-default a.dribbble:hover { background: transparent; color: #fd629e; border-color: #fd629e; } .socialbar.hover-default.outline a.dribbble:hover { background: #fd629e; color: #ffffff; } .socialbar.hover-default.flat a.dribbble:hover { background: #fd629e; color: #ffffff; } .socialbar.hover-default.inline a.dribbble:hover { color: #fd629e; } .socialbar.hover-default.inline a.dribbble:before { background-color: #fd629e; } .socialbar.hover-default a.github:hover { background: transparent; color: #24292E; border-color: #24292E; } .socialbar.hover-default.outline a.github:hover { background: #24292E; color: #ffffff; } .socialbar.hover-default.flat a.github:hover { background: #24292E; color: #ffffff; } .socialbar.hover-default.inline a.github:hover { color: #24292E; } .socialbar.hover-default.inline a.github:before { background-color: #24292E; } .socialbar.hover-default a.instagram:hover { background: transparent; color: #383838; border-color: #383838; } .socialbar.hover-default.outline a.instagram:hover { background: #383838; color: #ffffff; } .socialbar.hover-default.flat a.instagram:hover { background: #383838; color: #ffffff; } .socialbar.hover-default.inline a.instagram:hover { color: #383838; } .socialbar.hover-default.inline a.instagram:before { background-color: #383838; } .socialbar.hover-default a.dropbox:hover { background: transparent; color: #187fe7; border-color: #187fe7; } .socialbar.hover-default.outline a.dropbox:hover { background: #187fe7; color: #ffffff; } .socialbar.hover-default.flat a.dropbox:hover { background: #187fe7; color: #ffffff; } .socialbar.hover-default.inline a.dropbox:hover { color: #187fe7; } .socialbar.hover-default.inline a.dropbox:before { background-color: #187fe7; } .socialbar.hover-default a.vk:hover { background: transparent; color: #6083ab; border-color: #6083ab; } .socialbar.hover-default.outline a.vk:hover { background: #6083ab; color: #ffffff; } .socialbar.hover-default.flat a.vk:hover { background: #6083ab; color: #ffffff; } .socialbar.hover-default.inline a.vk:hover { color: #6083ab; } .socialbar.hover-default.inline a.vk:before { background-color: #6083ab; } .socialbar.hover-default a.youtube:hover { background: transparent; color: #f00; border-color: #f00; } .socialbar.hover-default.outline a.youtube:hover { background: #f00; color: #ffffff; } .socialbar.hover-default.flat a.youtube:hover { background: #f00; color: #ffffff; } .socialbar.hover-default.inline a.youtube:hover { color: #f00; } .socialbar.hover-default.inline a.youtube:before { background-color: #f00; } .socialbar.hover-default a.vimeo:hover { background: transparent; color: #1ab8ea; border-color: #1ab8ea; } .socialbar.hover-default.outline a.vimeo:hover { background: #1ab8ea; color: #ffffff; } .socialbar.hover-default.flat a.vimeo:hover { background: #1ab8ea; color: #ffffff; } .socialbar.hover-default.inline a.vimeo:hover { color: #1ab8ea; } .socialbar.hover-default.inline a.vimeo:before { background-color: #1ab8ea; } .socialbar.hover-default a.behance:hover { background: transparent; color: #0056ff; border-color: #0056ff; } .socialbar.hover-default.outline a.behance:hover { background: #0056ff; color: #ffffff; } .socialbar.hover-default.flat a.behance:hover { background: #0056ff; color: #ffffff; } .socialbar.hover-default.inline a.behance:hover { color: #0056ff; } .socialbar.hover-default.inline a.behance:before { background-color: #0056ff; } .socialbar.hover-default a.tumblr:hover { background: transparent; color: #2a445f; border-color: #2a445f; } .socialbar.hover-default.outline a.tumblr:hover { background: #2a445f; color: #ffffff; } .socialbar.hover-default.flat a.tumblr:hover { background: #2a445f; color: #ffffff; } .socialbar.hover-default.inline a.tumblr:hover { color: #2a445f; } .socialbar.hover-default.inline a.tumblr:before { background-color: #2a445f; } .socialbar.hover-default a.flickr:hover { background: transparent; color: #0063db; border-color: #0063db; } .socialbar.hover-default.outline a.flickr:hover { background: #0063db; color: #ffffff; } .socialbar.hover-default.flat a.flickr:hover { background: #0063db; color: #ffffff; } .socialbar.hover-default.inline a.flickr:hover { color: #0063db; } .socialbar.hover-default.inline a.flickr:before { background-color: #0063db; } .socialbar.hover-default a.reddit:hover { background: transparent; color: #ff4501; border-color: #ff4501; } .socialbar.hover-default.outline a.reddit:hover { background: #ff4501; color: #ffffff; } .socialbar.hover-default.flat a.reddit:hover { background: #ff4501; color: #ffffff; } .socialbar.hover-default.inline a.reddit:hover { color: #ff4501; } .socialbar.hover-default.inline a.reddit:before { background-color: #ff4501; } .socialbar.hover-default a.snapchat:hover { background: transparent; color: #e0e410; border-color: #e0e410; } .socialbar.hover-default.outline a.snapchat:hover { background: #e0e410; color: #ffffff; } .socialbar.hover-default.flat a.snapchat:hover { background: #e0e410; color: #ffffff; } .socialbar.hover-default.inline a.snapchat:hover { color: #e0e410; } .socialbar.hover-default.inline a.snapchat:before { background-color: #e0e410; } .socialbar.hover-default a.whatsapp:hover { background: transparent; color: #0ec143; border-color: #0ec143; } .socialbar.hover-default.outline a.whatsapp:hover { background: #0ec143; color: #ffffff; } .socialbar.hover-default.flat a.whatsapp:hover { background: #0ec143; color: #ffffff; } .socialbar.hover-default.inline a.whatsapp:hover { color: #0ec143; } .socialbar.hover-default.inline a.whatsapp:before { background-color: #0ec143; } .socialbar.hover-default a.quora:hover { background: transparent; color: #a82401; border-color: #a82401; } .socialbar.hover-default.outline a.quora:hover { background: #a82401; color: #ffffff; } .socialbar.hover-default.flat a.quora:hover { background: #a82401; color: #ffffff; } .socialbar.hover-default.inline a.quora:hover { color: #a82401; } .socialbar.hover-default.inline a.quora:before { background-color: #a82401; } .socialbar.hover-default a.vine:hover { background: transparent; color: #00be8e; border-color: #00be8e; } .socialbar.hover-default.outline a.vine:hover { background: #00be8e; color: #ffffff; } .socialbar.hover-default.flat a.vine:hover { background: #00be8e; color: #ffffff; } .socialbar.hover-default.inline a.vine:hover { color: #00be8e; } .socialbar.hover-default.inline a.vine:before { background-color: #00be8e; } .socialbar.hover-default a.digg:hover { background: transparent; color: #1c5891; border-color: #1c5891; } .socialbar.hover-default.outline a.digg:hover { background: #1c5891; color: #ffffff; } .socialbar.hover-default.flat a.digg:hover { background: #1c5891; color: #ffffff; } .socialbar.hover-default.inline a.digg:hover { color: #1c5891; } .socialbar.hover-default.inline a.digg:before { background-color: #1c5891; } .socialbar.hover-default a.foursquare:hover { background: transparent; color: #FD4577; border-color: #FD4577; } .socialbar.hover-default.outline a.foursquare:hover { background: #FD4577; color: #ffffff; } .socialbar.hover-default.flat a.foursquare:hover { background: #FD4577; color: #ffffff; } .socialbar.hover-default.inline a.foursquare:hover { color: #FD4577; } .socialbar.hover-default.inline a.foursquare:before { background-color: #FD4577; } .socialbar.hover-default a.tiktok:hover { background: transparent; color: #323131; border-color: #323131; } .socialbar.hover-default.outline a.tiktok:hover { background: #323131; color: #ffffff; } .socialbar.hover-default.flat a.tiktok:hover { background: #323131; color: #ffffff; } .socialbar.hover-default.inline a.tiktok:hover { color: #323131; } .socialbar.hover-default.inline a.tiktok:before { background-color: #323131; } .socialbar.hover-default a.twitch:hover { background: transparent; color: #9147ff; border-color: #9147ff; } .socialbar.hover-default.outline a.twitch:hover { background: #9147ff; color: #ffffff; } .socialbar.hover-default.flat a.twitch:hover { background: #9147ff; color: #ffffff; } .socialbar.hover-default.inline a.twitch:hover { color: #9147ff; } .socialbar.hover-default.inline a.twitch:before { background-color: #9147ff; } .socialbar.hover-default a.mixer:hover { background: transparent; color: #0270d9; border-color: #0270d9; } .socialbar.hover-default.outline a.mixer:hover { background: #0270d9; color: #ffffff; } .socialbar.hover-default.flat a.mixer:hover { background: #0270d9; color: #ffffff; } .socialbar.hover-default.inline a.mixer:hover { color: #0270d9; } .socialbar.hover-default.inline a.mixer:before { background-color: #0270d9; } .socialbar.hover-default a.telegram:hover { background: transparent; color: #0088cc; border-color: #0088cc; } .socialbar.hover-default.outline a.telegram:hover { background: #0088cc; color: #ffffff; } .socialbar.hover-default.flat a.telegram:hover { background: #0088cc; color: #ffffff; } .socialbar.hover-default.inline a.telegram:hover { color: #0088cc; } .socialbar.hover-default.inline a.telegram:before { background-color: #0088cc; } .socialbar.hover-default a.soundcloud:hover { background: transparent; color: #FD561F; border-color: #FD561F; } .socialbar.hover-default.outline a.soundcloud:hover { background: #FD561F; color: #ffffff; } .socialbar.hover-default.flat a.soundcloud:hover { background: #FD561F; color: #ffffff; } .socialbar.hover-default.inline a.soundcloud:hover { color: #FD561F; } .socialbar.hover-default.inline a.soundcloud:before { background-color: #FD561F; } .socialbar.hover-default a.spotify:hover { background: transparent; color: #1ED760; border-color: #1ED760; } .socialbar.hover-default.outline a.spotify:hover { background: #1ED760; color: #ffffff; } .socialbar.hover-default.flat a.spotify:hover { background: #1ED760; color: #ffffff; } .socialbar.hover-default.inline a.spotify:hover { color: #1ED760; } .socialbar.hover-default.inline a.spotify:before { background-color: #1ED760; } .socialbar.hover-default a.teamspeak:hover { background: transparent; color: #1c82cc; border-color: #1c82cc; } .socialbar.hover-default.outline a.teamspeak:hover { background: #1c82cc; color: #ffffff; } .socialbar.hover-default.flat a.teamspeak:hover { background: #1c82cc; color: #ffffff; } .socialbar.hover-default.inline a.teamspeak:hover { color: #1c82cc; } .socialbar.hover-default.inline a.teamspeak:before { background-color: #1c82cc; } .socialbar.hover-default a.discord:hover { background: transparent; color: #7289da; border-color: #7289da; } .socialbar.hover-default.outline a.discord:hover { background: #7289da; color: #ffffff; } .socialbar.hover-default.flat a.discord:hover { background: #7289da; color: #ffffff; } .socialbar.hover-default.inline a.discord:hover { color: #7289da; } .socialbar.hover-default.inline a.discord:before { background-color: #7289da; } .socialbar.hover-default a.kaggle:hover { background: transparent; color: #32C0FD; border-color: #32C0FD; } .socialbar.hover-default.outline a.kaggle:hover { background: #32C0FD; color: #ffffff; } .socialbar.hover-default.flat a.kaggle:hover { background: #32C0FD; color: #ffffff; } .socialbar.hover-default.inline a.kaggle:hover { color: #32C0FD; } .socialbar.hover-default.inline a.kaggle:before { background-color: #32C0FD; } .socialbar.hover-default a.medium:hover { background: transparent; color: #03a87c; border-color: #03a87c; } .socialbar.hover-default.outline a.medium:hover { background: #03a87c; color: #ffffff; } .socialbar.hover-default.flat a.medium:hover { background: #03a87c; color: #ffffff; } .socialbar.hover-default.inline a.medium:hover { color: #03a87c; } .socialbar.hover-default.inline a.medium:before { background-color: #03a87c; } .socialbar.hover-default a.xing:hover { background: transparent; color: #0C6567; border-color: #0C6567; } .socialbar.hover-default.outline a.xing:hover { background: #0C6567; color: #ffffff; } .socialbar.hover-default.flat a.xing:hover { background: #0C6567; color: #ffffff; } .socialbar.hover-default.inline a.xing:hover { color: #0C6567; } .socialbar.hover-default.inline a.xing:before { background-color: #0C6567; } .socialbar.brand a { background: #174EE2; border-color: #174EE2; } .socialbar.brand a:hover { background: transparent; color: #174EE2; } .socialbar.brand.outline a { background: transparent; color: #174EE2; } .socialbar.brand.outline a:hover { background: #174EE2; color: #ffffff; } .socialbar.brand.flat a { background: transparent; color: #174EE2; border-color: transparent; } .socialbar.brand.flat a:hover { background: #174EE2; color: #ffffff; } .socialbar.brand.inline a { background: transparent; border-color: transparent; color: #282828; } .socialbar.brand.inline a:hover { color: #174EE2; } .socialbar.boxed { margin: 0; overflow: hidden; } .socialbar.boxed.social-column-1 a { width: 100%; } .socialbar.boxed.social-column-2 a { width: 50%; } .socialbar.boxed.social-column-3 a { width: 33.333%; } .socialbar.boxed.social-column-4 a { width: 25%; } .socialbar.boxed.social-column-5 a { width: 20%; } .socialbar.boxed.social-column-6 a { width: 16.666%; } .socialbar.boxed.social-column-7 a { width: 14.285%; } .socialbar.boxed.social-column-8 a { width: 12.5%; } .socialbar.boxed.social-column-9 a { width: 11.11%; } .socialbar.boxed.social-column-10 a { width: 10%; } .socialbar.boxed a { height: 100px; float: left; margin: 0; border: none; -webkit-border-radius: 0; border-radius: 0; line-height: 100px; vertical-align: middle; position: relative; overflow: hidden; } .socialbar.boxed a i { width: 100%; text-align: center; position: absolute; opacity: 0; top: 60%; left: 0; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: opacity, top; -o-transition-property: opacity, top; transition-property: opacity, top; } .socialbar.boxed a .social-text { font-family: "Poppins", sans-serif; font-size: 15px; font-weight: 600; position: relative; top: 0; opacity: 1; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: opacity, top; -o-transition-property: opacity, top; transition-property: opacity, top; } .socialbar.boxed a:hover i { opacity: 1; top: 40%; } .socialbar.boxed a:hover .social-text { opacity: 0; top: -30px; } .socialbar.boxed a.default a.white { background: #fff; border-color: #fff; } .socialbar.boxed a.default a.white:hover { background: #fff; color: #ffffff; } .socialbar.boxed a.default a.facebook { background: #217CEF; border-color: #217CEF; } .socialbar.boxed a.default a.facebook:hover { background: #217CEF; color: #ffffff; } .socialbar.boxed a.default a.twitter { background: #2AA3EF; border-color: #2AA3EF; } .socialbar.boxed a.default a.twitter:hover { background: #2AA3EF; color: #ffffff; } .socialbar.boxed a.default a.pinterest { background: #e8323f; border-color: #e8323f; } .socialbar.boxed a.default a.pinterest:hover { background: #e8323f; color: #ffffff; } .socialbar.boxed a.default a.linkedin { background: #4477ab; border-color: #4477ab; } .socialbar.boxed a.default a.linkedin:hover { background: #4477ab; color: #ffffff; } .socialbar.boxed a.default a.dribbble { background: #fd629e; border-color: #fd629e; } .socialbar.boxed a.default a.dribbble:hover { background: #fd629e; color: #ffffff; } .socialbar.boxed a.default a.github { background: #24292E; border-color: #24292E; } .socialbar.boxed a.default a.github:hover { background: #24292E; color: #ffffff; } .socialbar.boxed a.default a.instagram { background: #383838; border-color: #383838; } .socialbar.boxed a.default a.instagram:hover { background: #383838; color: #ffffff; } .socialbar.boxed a.default a.dropbox { background: #187fe7; border-color: #187fe7; } .socialbar.boxed a.default a.dropbox:hover { background: #187fe7; color: #ffffff; } .socialbar.boxed a.default a.vk { background: #6083ab; border-color: #6083ab; } .socialbar.boxed a.default a.vk:hover { background: #6083ab; color: #ffffff; } .socialbar.boxed a.default a.youtube { background: #f00; border-color: #f00; } .socialbar.boxed a.default a.youtube:hover { background: #f00; color: #ffffff; } .socialbar.boxed a.default a.vimeo { background: #1ab8ea; border-color: #1ab8ea; } .socialbar.boxed a.default a.vimeo:hover { background: #1ab8ea; color: #ffffff; } .socialbar.boxed a.default a.behance { background: #0056ff; border-color: #0056ff; } .socialbar.boxed a.default a.behance:hover { background: #0056ff; color: #ffffff; } .socialbar.boxed a.default a.tumblr { background: #2a445f; border-color: #2a445f; } .socialbar.boxed a.default a.tumblr:hover { background: #2a445f; color: #ffffff; } .socialbar.boxed a.default a.flickr { background: #0063db; border-color: #0063db; } .socialbar.boxed a.default a.flickr:hover { background: #0063db; color: #ffffff; } .socialbar.boxed a.default a.reddit { background: #ff4501; border-color: #ff4501; } .socialbar.boxed a.default a.reddit:hover { background: #ff4501; color: #ffffff; } .socialbar.boxed a.default a.snapchat { background: #e0e410; border-color: #e0e410; } .socialbar.boxed a.default a.snapchat:hover { background: #e0e410; color: #ffffff; } .socialbar.boxed a.default a.whatsapp { background: #0ec143; border-color: #0ec143; } .socialbar.boxed a.default a.whatsapp:hover { background: #0ec143; color: #ffffff; } .socialbar.boxed a.default a.quora { background: #a82401; border-color: #a82401; } .socialbar.boxed a.default a.quora:hover { background: #a82401; color: #ffffff; } .socialbar.boxed a.default a.vine { background: #00be8e; border-color: #00be8e; } .socialbar.boxed a.default a.vine:hover { background: #00be8e; color: #ffffff; } .socialbar.boxed a.default a.digg { background: #1c5891; border-color: #1c5891; } .socialbar.boxed a.default a.digg:hover { background: #1c5891; color: #ffffff; } .socialbar.boxed a.default a.foursquare { background: #FD4577; border-color: #FD4577; } .socialbar.boxed a.default a.foursquare:hover { background: #FD4577; color: #ffffff; } .socialbar.boxed a.default a.tiktok { background: #323131; border-color: #323131; } .socialbar.boxed a.default a.tiktok:hover { background: #323131; color: #ffffff; } .socialbar.boxed a.default a.twitch { background: #9147ff; border-color: #9147ff; } .socialbar.boxed a.default a.twitch:hover { background: #9147ff; color: #ffffff; } .socialbar.boxed a.default a.mixer { background: #0270d9; border-color: #0270d9; } .socialbar.boxed a.default a.mixer:hover { background: #0270d9; color: #ffffff; } .socialbar.boxed a.default a.telegram { background: #0088cc; border-color: #0088cc; } .socialbar.boxed a.default a.telegram:hover { background: #0088cc; color: #ffffff; } .socialbar.boxed a.default a.soundcloud { background: #FD561F; border-color: #FD561F; } .socialbar.boxed a.default a.soundcloud:hover { background: #FD561F; color: #ffffff; } .socialbar.boxed a.default a.spotify { background: #1ED760; border-color: #1ED760; } .socialbar.boxed a.default a.spotify:hover { background: #1ED760; color: #ffffff; } .socialbar.boxed a.default a.teamspeak { background: #1c82cc; border-color: #1c82cc; } .socialbar.boxed a.default a.teamspeak:hover { background: #1c82cc; color: #ffffff; } .socialbar.boxed a.default a.discord { background: #7289da; border-color: #7289da; } .socialbar.boxed a.default a.discord:hover { background: #7289da; color: #ffffff; } .socialbar.boxed a.default a.kaggle { background: #32C0FD; border-color: #32C0FD; } .socialbar.boxed a.default a.kaggle:hover { background: #32C0FD; color: #ffffff; } .socialbar.boxed a.default a.medium { background: #03a87c; border-color: #03a87c; } .socialbar.boxed a.default a.medium:hover { background: #03a87c; color: #ffffff; } .socialbar.boxed a.default a.xing { background: #0C6567; border-color: #0C6567; } .socialbar.boxed a.default a.xing:hover { background: #0C6567; color: #ffffff; } @media screen and (max-width: 768px) { .socialbar.boxed { clear: both; } .socialbar.boxed a { height: 60px; line-height: 60px; clear: none; } .socialbar.boxed a .social-text { display: none; } .socialbar.boxed a .icon { opacity: 1; position: static; } } @-webkit-keyframes toTopFromBottom { 59% { -webkit-transform: translateY(-90%); transform: translateY(-90%); } 60% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 61% { opacity: 1; } } @keyframes toTopFromBottom { 59% { -webkit-transform: translateY(-90%); transform: translateY(-90%); } 60% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 61% { opacity: 1; } } /*-------------------------------------------------------------- ## Split Box --------------------------------------------------------------*/ .split-box { width: 100%; display: table; } .split-box .split-box-wrap { min-height: 60px; float: none; display: table-cell; padding: 6% 7%; vertical-align: middle; overflow: hidden; } .split-box .split-box-wrap:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; } .split-box .split-box-wrap .content { position: relative; z-index: 3; } .split-box h2 { margin-top: 0px; margin-bottom: 0px; font-size: 50px; letter-spacing: -0.05em; } .split-box .divider-solid { margin-top: 14px; margin-bottom: 13px; } .split-box .split-box-subtitle { font-size: 18px; line-height: 26px; } .split-box .split-box-space { width: 100%; display: inline-block; margin: 10px 0; } .split-box .split-box-blocks .split-box-wrap-blocks { border-top: 1px dotted #ebebeb; overflow: hidden; } .split-box .split-box-blocks .split-box-wrap-blocks:first-child { border-top: none; } .split-box .split-box-blocks .split-box-wrap-blocks:first-child .split-box-block { padding-top: 0; } .split-box .split-box-blocks .split-box-wrap-blocks:last-child .split-box-block { padding-bottom: 0; } .split-box .split-box-blocks .split-box-block { width: 50%; padding: 9% 8%; border-left: 1px dotted #ebebeb; float: left; } .split-box .split-box-blocks .split-box-block:first-child { border-left: none; padding-left: 0; } .split-box .split-box-blocks .split-box-block:last-child { padding-right: 0; } @media screen and (max-width: 768px) { .split-box .split-box-wrap { padding: 25px !important; display: block; } .split-box-hidden-left .split-box-wrap:first-child, .split-box-hidden-right .split-box-wrap:last-child { display: none; } .split-box .split-box-wrap > .content { height: 100%; } } /*-------------------------------------------------------------- ## Split Screen --------------------------------------------------------------*/ .norebro-splitscreen { width: 100%; min-height: 500px; position: relative; z-index: 10; overflow: hidden; } .norebro-splitscreen .ms-section { position: relative; height: 100%; } .norebro-splitscreen .ms-section.ms-table { display: table; width: 100%; } .norebro-splitscreen .ms-left, .norebro-splitscreen .ms-right { width: 50%; height: 100%; position: absolute; left: 0px; top: 0px; } .norebro-splitscreen .ms-right { left: 50%; } .norebro-splitscreen .ms-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: auto !important; } .norebro-splitscreen .ms-easing { -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .norebro-splitscreen.no-transition .ms-easing { -webkit-transition: none; -o-transition: none; transition: none; } .norebro-splitscreen .splitscreen-dots { margin-right: 40px; top: 0; right: 50%; } .norebro-splitscreen .splitscreen-dots li { color: #282828; } .norebro-splitscreen .splitscreen-dots li:before { background: #282828; } .norebro-splitscreen .splitscreen-dots li a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .norebro-splitscreen .splitscreen-nav div { bottom: 40px; right: 40px; z-index: 20; } .norebro-splitscreen .splitscreen-nav .move-up { bottom: 100px; } #multiscroll-nav { display: none; } @media screen and (max-width: 1000px) and (max-height: 450px) { .norebro-splitscreen { height: auto !important; overflow: visible; -webkit-transform: none; -ms-transform: none; transform: none; } .norebro-splitscreen .ms-section { padding: 0px !important; } .norebro-splitscreen .ms-left, .norebro-splitscreen .ms-right { width: 100%; height: auto; position: static; } .ms-left, .ms-right { width: 100%; position: static; } .ms-section { min-height: 100px; } } @media screen and (max-width: 768px) { .norebro-splitscreen { height: auto !important; overflow: visible; -webkit-transform: none; -ms-transform: none; transform: none; } .norebro-splitscreen .ms-section { padding: 0px !important; } .norebro-splitscreen .ms-left, .norebro-splitscreen .ms-right { width: 100%; height: auto; position: static; } .ms-left, .ms-right { width: 100%; position: static; } .ms-section { min-height: 100px; } } /*-------------------------------------------------------------- ## Subscibe --------------------------------------------------------------*/ .subscribe { width: 100%; margin: 0; padding: 0; } .subscribe table { width: 420px; display: inline-table; margin: 0; } .subscribe table td, .subscribe table th { padding: 0; border: none; } @media screen and (max-width: 768px) { .subscribe table { width: 100%; } } .subscribe.fullwidth table { width: 100%; } .subscribe input[type="text"] { width: 100%; background: none; height: 46px; border-right-width: 0; } .subscribe input[type="submit"] { height: 46px; margin: 0; position: relative; z-index: 2; } .subscribe .btn-wrap { width: 1%; } .subscribe.outline input[type="text"], .subscribe.flat input[type="text"] { width: -webkit-calc(100% + 40px); width: calc(100% + 40px); border-right-width: 0px; -webkit-border-radius: 50px 0 0 50px; border-radius: 50px 0 0 50px; padding-right: 50px; } .subscribe.flat .btn:hover, .subscribe.flat .btn-outline, .subscribe.flat .btn-flat:hover { background: #fff; } @media screen and (max-width: 768px) { .subscribe td, .subscribe tr { display: block; } .subscribe .input[type="text"] { width: 100%; } .subscribe .btn-wrap { width: 100%; margin-top: 15px; } .subscribe .btn { width: 100%; } .subscribe.outline input[type="text"], .subscribe.flat input[type="text"] { width: 100%; -webkit-border-radius: 50px; border-radius: 50px; border-right-width: 1px; } } .subscribe.squared input[type="text"], .subscribe.squared input[type="submit"] { -webkit-border-radius: 0; border-radius: 0; } /*-------------------------------------------------------------- ## Tab box --------------------------------------------------------------*/ .tab-box { width: 100%; } .tab-box .buttons-wrap { width: 100%; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .tab-box .buttons { width: 100%; white-space: nowrap; overflow: auto; position: relative; margin-bottom: -1px; } .tab-box .buttons:after { content: ''; display: table; clear: both; } .tab-box .buttons .line { width: 0px; height: 2px; position: absolute; bottom: 0px; left: 0; -webkit-transition: 0.3s cubic-bezier(0.2, 0.35, 0.25, 1); -o-transition: 0.3s cubic-bezier(0.2, 0.35, 0.25, 1); transition: 0.3s cubic-bezier(0.2, 0.35, 0.25, 1); -webkit-transition-property: width, -webkit-transform; transition-property: width, -webkit-transform; -o-transition-property: width, transform; transition-property: width, transform; transition-property: width, transform, -webkit-transform; } .tab-box .button { width: auto; margin: 0 30px 0 0; padding: 18px 0; font-size: 0.9rem; font-weight: 600; display: inline-block; clear: none; cursor: pointer; -webkit-transition: color .15s ease-in-out; -o-transition: color .15s ease-in-out; transition: color .15s ease-in-out; } .tab-box .button.active, .tab-box .button:hover { color: #282828; } .tab-box .items { position: relative; -webkit-transition: height 0.3s cubic-bezier(0.2, 0.35, 0.25, 1); -o-transition: height 0.3s cubic-bezier(0.2, 0.35, 0.25, 1); transition: height 0.3s cubic-bezier(0.2, 0.35, 0.25, 1); } .tab-box .item { width: 100%; opacity: 0; overflow: hidden; -webkit-transition: 0.2s cubic-bezier(0.2, 0.35, 0.25, 1); -o-transition: 0.2s cubic-bezier(0.2, 0.35, 0.25, 1); transition: 0.2s cubic-bezier(0.2, 0.35, 0.25, 1); -webkit-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; transition-property: opacity, visibility; position: absolute; top: 10px; left: 0; font-size: 15px; font-weight: 300; } .tab-box .item.active { opacity: 1; overflow: visible; z-index: 2; } .tab-box .item p { color: inherit; } .tab-box.filled { background: #282828; padding: 2px 25px 30px; } .tab-box.filled .buttons-wrap { border-color: rgba(255, 255, 255, 0.3); } .tab-box.filled .buttons-wrap .line { background: #fff; } .tab-box.filled .button { color: rgba(255, 255, 255, 0.5); } .tab-box.filled .button.active, .tab-box.filled .button:hover { color: #fff; } .tab-box.filled .item { color: #fff; } .tab-box.vertical .buttons-wrap { float: left; width: 160px; max-width: 35%; margin-top: 15px; border-bottom: none; border-right: 1px solid rgba(0, 0, 0, 0.15); } .tab-box.vertical .buttons { overflow: visible; white-space: normal; margin: 0; padding-right: 5px; right: -1px; } .tab-box.vertical .buttons .line { width: 2px; top: 0; left: auto; right: 0; } .tab-box.vertical .button { width: 100%; float: left; } .tab-box.vertical .items { width: -webkit-calc(100% - 180px); width: calc(100% - 180px); min-width: 60%; float: right; } .tab-box.vertical .item { top: 0; } .tab-box.vertical.filled { padding: 5px 20px 25px; } .tab-box.vertical.filled .buttons-wrap { border-color: rgba(255, 255, 255, 0.3); } .tab-box.tabs-center .buttons { text-align: center; } .tab-box.tabs-right .buttons { text-align: right; } /*-------------------------------------------------------------- ## Team members --------------------------------------------------------------*/ .team-member { width: 100%; } .team-member h3 { font-size: 1rem; margin-top: 20px; } .team-member p.subtitle { font-size: 0.75rem; margin-top: 5px; font-weight: 400; } .team-member .socialbar { float: left; } .team-member .team-member-link { float: right; height: 30px; line-height: 30px; padding: 0px 15px; border: 1px solid #fff; -webkit-border-radius: 15px; border-radius: 15px; color: #fff; } .team-member .team-member-link i { font-size: 26px; } .team-member .team-member-link:hover { background: #fff; color: #282828; } .team-member .description { margin-top: 15px; } .team-member .socialbar > a, .team-member .socialbar.default > a { width: 30px; height: 30px; line-height: 29px; margin-right: 5px; -webkit-transition-property: background, -webkit-box-shadow; transition-property: background, -webkit-box-shadow; -o-transition-property: box-shadow, background; transition-property: box-shadow, background; transition-property: box-shadow, background, -webkit-box-shadow; } .team-member .socialbar > a:hover, .team-member .socialbar.default > a:hover { color: #fff; border-color: #fff; } .team-member .image-wrap { position: relative; overflow: hidden; } .team-member .image-wrap img { width: 100%; display: block; } .team-member .image-wrap .overlay { -webkit-box-shadow: 0 -190px 145px -145px rgba(40, 40, 40, 0.8) inset; box-shadow: 0 -190px 145px -145px rgba(40, 40, 40, 0.8) inset; opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } .team-member .image-wrap .overlay .content-center .wrap { vertical-align: bottom; padding: 30px; -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; -o-transition: transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; } .team-member:hover .overlay { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .team-member.inner .overlay { background: rgba(40, 40, 40, 0.9); -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none; } .team-member.inner .description { color: #fff; margin-bottom: 20px; } .team-member.inner .content-center .wrap { -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } .team-member.inner:hover .content-center .wrap { -webkit-transform: none; -ms-transform: none; transform: none; } .team-member.cover { padding: 0; overflow: hidden; } .team-member.cover.column-2 .image-wrap, .team-member.cover.column-2 .cover-content { width: 33.333%; float: left; } .team-member.cover.column-3 .image-wrap, .team-member.cover.column-3 .cover-content { width: 25%; float: left; } .team-member.cover.column-4 .image-wrap, .team-member.cover.column-4 .cover-content { width: 20%; float: left; } .team-member.cover.column-5 .image-wrap, .team-member.cover.column-5 .cover-content { width: 16.66%; float: left; } .team-member.cover img { width: 100%; } .team-member.cover .cover-content { background: #282828; padding: 0; overflow: hidden; -webkit-transition: width 0.4s cubic-bezier(0.54, 0.47, 0.38, 1); -o-transition: width 0.4s cubic-bezier(0.54, 0.47, 0.38, 1); transition: width 0.4s cubic-bezier(0.54, 0.47, 0.38, 1); } .team-member.cover h3, .team-member.cover .description { color: #fff; } .team-member.cover .description { margin-bottom: 20px; } .team-member.cover .wrap { padding: 30px; position: relative; } @media screen and (max-width: 768px) { .team-member.cover.column-2 .image-wrap, .team-member.cover.column-2 .cover-content, .team-member.cover.column-3 .image-wrap, .team-member.cover.column-3 .cover-content, .team-member.cover.column-4 .image-wrap, .team-member.cover.column-4 .cover-content, .team-member.cover.column-5 .image-wrap, .team-member.cover.column-5 .cover-content, .team-member.cover.column-6 .image-wrap, .team-member.cover.column-6 .cover-content { width: 100%; float: left; } } /*-------------------------------------------------------------- ## Testimonials --------------------------------------------------------------*/ .testimonials { text-align: center; } .testimonials .avatar { -webkit-background-clip: border-box; background-clip: border-box; width: 92px; height: 92px; margin: 15px auto 20px; border: 6px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; } .testimonials .avatar img { width: 100%; min-width: 80px; min-height: 100%; } .testimonials blockquote { margin: 10px 0; font-size: 1rem; line-height: 1.8; border-top: none; padding: 0; } .testimonials blockquote:after { display: none; } .testimonials p.subtitle { margin-top: 4px; } .testimonials h4 { font-size: 1rem; } /*-------------------------------------------------------------- ## Tooltips --------------------------------------------------------------*/ .tooltip { display: inline-block; position: relative; cursor: help; text-decoration: underline; } .tooltip .tooltip-text { background: #282828; color: #fff; padding: 6px 13px; font-size: 0.9rem; line-height: 1.4; position: relative; bottom: 10px; display: inline-block; cursor: default; -webkit-transition-property: margin left top bottom right opacity visibility; -o-transition-property: margin left top bottom right opacity visibility; transition-property: margin left top bottom right opacity visibility; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .tooltip .tooltip-text:after { content: ''; background: inherit; width: 8px; height: 8px; position: absolute; bottom: -4px; left: 50%; margin-left: -4px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .tooltip .tooltip-top, .tooltip .tooltip-bottom, .tooltip .tooltip-left, .tooltip .tooltip-right, .tooltip .tooltip-right { width: 500px; height: auto; opacity: 0; visibility: hidden; position: absolute; bottom: 100%; left: 0; z-index: 4; -webkit-transition-property: margin left right top bottom opacity visibility; -o-transition-property: margin left right top bottom opacity visibility; transition-property: margin left right top bottom opacity visibility; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .tooltip .tooltip-bottom { top: 100%; bottom: auto; } .tooltip .tooltip-bottom .tooltip-text { top: 10px; } .tooltip .tooltip-bottom .tooltip-text:after { top: -4px; bottom: auto; } .tooltip .tooltip-left, .tooltip .tooltip-right { margin-right: 8px; text-align: right; vertical-align: middle; bottom: auto; left: auto; top: 0; right: 100%; } .tooltip .tooltip-left .tooltip-text, .tooltip .tooltip-right .tooltip-text { top: -2px; left: 0; } .tooltip .tooltip-left .tooltip-text:after, .tooltip .tooltip-right .tooltip-text:after { left: auto; top: 10px; right: -4px; margin: 0; } .tooltip .tooltip-right { margin-left: 8px; text-align: left; right: auto; left: 100%; } .tooltip .tooltip-right .tooltip-text { right: auto; left: 14px; } .tooltip .tooltip-right .tooltip-text:after { right: auto; left: -4px; } .tooltip:hover .tooltip-top, .tooltip:hover .tooltip-bottom, .tooltip:hover .tooltip-left, .tooltip:hover .tooltip-right, .tooltip:hover .tooltip-right { opacity: 1; visibility: visible; } .tooltip:hover .tooltip-top:hover, .tooltip:hover .tooltip-bottom:hover, .tooltip:hover .tooltip-left:hover, .tooltip:hover .tooltip-right:hover, .tooltip:hover .tooltip-right:hover { opacity: 0; visibility: hidden; } .tooltip:hover .tooltip-top .tooltip-text { bottom: 4px; } .tooltip:hover .tooltip-top:hover .tooltip-text { bottom: 10px; } .tooltip:hover .tooltip-bottom .tooltip-text { top: 4px; } .tooltip:hover .tooltip-bottom:hover .tooltip-text { top: 10px; } .tooltip:hover .tooltip-left .tooltip-text, .tooltip:hover .tooltip-right .tooltip-text { right: 4px; } .tooltip:hover .tooltip-left:hover .tooltip-text, .tooltip:hover .tooltip-right:hover .tooltip-text { right: 10px; } .tooltip:hover .tooltip-right .tooltip-text { left: 4px; } .tooltip:hover .tooltip-right:hover .tooltip-text { left: 10px; } /*-------------------------------------------------------------- ## Timeline --------------------------------------------------------------*/ .timeline { text-align: left; } .timeline h3 { font-size: 1rem; } .timeline .subtitle { margin-top: 5px; font-size: 0.95rem; font-weight: 500; } .timeline .description { margin-top: 5px; font-weight: 300; } .timeline .content { position: relative; } .timeline .content .wrap { margin: 0 0 40px 60px; position: relative; -webkit-transition: 1s cubic-bezier(0.4, 0.7, 0.3, 1); -o-transition: 1s cubic-bezier(0.4, 0.7, 0.3, 1); transition: 1s cubic-bezier(0.4, 0.7, 0.3, 1); } .timeline .content .wrap.hidden { display: block; visibility: visible; opacity: 0; -webkit-transform: translateX(100px) scale(0.9); -ms-transform: translateX(100px) scale(0.9); transform: translateX(100px) scale(0.9); } .timeline .content:after { content: ''; width: 20px; height: 20px; border: 7px solid #282828; -webkit-border-radius: 50px; border-radius: 50px; position: absolute; top: 0; left: 1px; } .timeline .content:before { content: ''; background: rgba(0, 0, 0, 0.1); height: -webkit-calc(100% + 30px); height: calc(100% + 30px); width: 2px; position: absolute; top: 15px; left: 10px; } .timeline .content:last-of-type { padding-bottom: 0; } .timeline .content:last-of-type:before { display: none; } .timeline .content.boxed .wrap { background: #282828; padding: 25px; margin-left: 35px; } .timeline .content.boxed h3, .timeline .content.boxed .description { color: #fff; } .timeline .content.boxed:after, .timeline .content.boxed:before { top: 20px; } .timeline .content.boxed:before { height: -webkit-calc(100% + 40px); height: calc(100% + 40px); } .timeline .content.boxed .subtitle { color: rgba(255, 255, 255, 0.5); } .timeline .content.boxed .description { margin-bottom: 0; } .timeline .triangle { position: absolute; background: inherit; width: 10px; height: 10px; top: 25px; left: -5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .timeline.right { text-align: right; } .timeline.right .content .wrap { margin-left: 0; margin-right: 60px; } .timeline.right .content .wrap.hidden { -webkit-transform: translateX(-100px) scale(0.9); -ms-transform: translateX(-100px) scale(0.9); transform: translateX(-100px) scale(0.9); } .timeline.right .content:after { left: auto; right: 1px; } .timeline.right .content:before { left: auto; right: 10px; } .timeline.right .content.boxed { text-align: left; } .timeline.right .content.boxed .wrap { margin-right: 35px; } .timeline.right .triangle { left: auto; right: -5px; } @media screen and (max-width: 768px) { .timeline .content .wrap { margin: 0 0 40px 40px; } .timeline .content:after { left: -10px; } .timeline .content:before { left: -1px; } .timeline.right .content .wrap { margin-right: 30px; } .timeline.right .content:after { right: -10px; } .timeline.right .content:before { right: -1px; } } /*-------------------------------------------------------------- ## Video module --------------------------------------------------------------*/ .video-module { width: auto; display: inline-block; cursor: pointer; position: relative; } .video-module h4 { margin: 0; font-size: 0.95rem; } .video-module .btn-play { background: #282828; color: #fff; width: 60px; height: 60px; border: 1px solid #282828; -webkit-border-radius: 50px; border-radius: 50px; text-align: center; line-height: 60px; font-size: 27px; cursor: pointer; display: inline-block; -webkit-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out; -webkit-transition-property: color, background, border-color; -o-transition-property: color, background, border-color; transition-property: color, background, border-color; } .video-module .btn-play.btn-brand { background: #174EE2; border-color: #174EE2; } .video-module .btn-play.outline { background: transparent; color: #282828; } .video-module .btn-play.outline.btn-brand { color: #174EE2; } .video-module .btn-play.shadow { -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05); } .video-module .btn-play .icon { margin-left: 5px; } .video-module.preview { width: 100%; } .video-module.preview img { float: left; -webkit-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } .video-module.preview .btn-play { position: relative; margin-top: 30px; } .video-module.preview .btn-play.outline { color: #fff; border-color: #fff; } .video-module.preview .btn-play + h4 { margin-bottom: -35px; } .video-module.preview h4 { color: #fff; margin-top: 15px; opacity: 0; -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); -webkit-transition: .14s ease-in-out; -o-transition: .14s ease-in-out; transition: .14s ease-in-out; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } .video-module.preview:hover img { opacity: .8; } .video-module.preview:hover h4 { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .video-module.boxed { min-width: 60px; min-height: 50px; padding: 15px 0; position: relative; } .video-module.boxed .btn-play { position: absolute; top: 50%; left: 0; margin-top: -30px; z-index: 5; } .video-module.boxed .btn-play.outline { background: #fff; } .video-module.boxed .content-center { width: -webkit-calc(100%); width: calc(100%); height: 50px; margin-left: 30px; text-align: center; } .video-module.boxed .content { background: #f0f0f0; display: inline-block; padding: 15px 25px 15px 30px; -webkit-border-radius: 0 50px 50px 0; border-radius: 0 50px 50px 0; } .video-module.boxed.outline .btn-play.outline { background: transparent; } .video-module.boxed.outline:hover .btn-play { background: transparent; } .video-module.boxed.outline .content { background: transparent; border: 1px solid #282828; border-left-width: 0px; } .video-module.boxed:hover .btn-play { background: #fff; color: #282828; } .video-module.boxed:hover .btn-play.btn-brand { color: #174EE2; } .video-module.boxed:hover .btn-play.outline { background: #282828; color: #fff; } .video-module.boxed:hover .btn-play.outline.btn-brand { background: #174EE2; } .video-module.with-anim .btn-play:after, .video-module.with-anim .btn-play:before { content: ''; border: 1px solid; border-color: inherit; width: 150%; height: 150%; -webkit-border-radius: 50px; border-radius: 50px; position: absolute; left: -25%; top: -25%; opacity: 1; -webkit-animation: 1s videomodule-anim linear infinite; animation: 1s videomodule-anim linear infinite; } .video-module.with-anim .btn-play:before { -webkit-animation-delay: .5s; animation-delay: .5s; } .video-module.btn-brand-color-hover:hover .btn-play .icon { color: #174EE2 !important; } @media screen and (max-width: 768px) { .video-module.preview .btn-play { margin-top: 0px; } } @-webkit-keyframes videomodule-anim { 0% { -webkit-transform: scale(0.68); transform: scale(0.68); } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } @keyframes videomodule-anim { 0% { -webkit-transform: scale(0.68); transform: scale(0.68); } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } .video-module-popup { background: rgba(40, 40, 40, 0.9); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999999999; opacity: 0; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .video-module-popup .video { width: 70%; height: 77%; margin: 0 auto; position: relative; top: 10%; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; } .video-module-popup .video iframe { margin: 0; width: 100%; height: 100%; } .video-module-popup .close { color: #fff; width: 90px; height: 90px; line-height: 90px; font-size: 50px; text-align: center; position: absolute; top: 0; right: 0; cursor: pointer; } .video-module-popup.open { opacity: 1; } .video-module-popup.open .video { -webkit-transform: none; -ms-transform: none; transform: none; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0; padding: 50px 0 0; list-style: none; max-width: 400px; /* Make sure select elements fit in widgets. */ } .widget select { max-width: 100%; } .widget ul { margin-left: 0; } .widget h3 { font-size: 1rem; } .widget h4, .widget h5 { line-height: 1.6; } h3.widget-title { text-align: inherit; font-size: 1rem; margin: 0 0 30px; } @media screen and (max-width: 991px) { .widget { padding: 15px 0; } .widget-title { margin-bottom: 20px; } } section.widget:first-child .widget-title { margin-top: 5px; } .widget { line-height: 1.6; } .widget, .widget p, .widget .subtitle { color: #8b8b92; } .site-footer .widget, .site-footer .widget p, .site-footer .widget .subtitle { color: rgba(255, 255, 255, 0.4); } .site-footer .widget a { color: #bcbcbc; } .site-footer .widget .widget-title { color: #fff; } .site-footer .widget a:hover, .site-footer .widget h3 a, .site-footer .widget h4 a { color: #bcbcbc; } .site-footer .widget ul li, .site-footer .widget ul li:first-child { border-color: rgba(255, 255, 255, 0.15); } /*-------------------------------------------------------------- ## Recent comments widget --------------------------------------------------------------*/ .widget_recent_comments { font-size: 0.95rem; } .widget_recent_comments h3.title { margin-bottom: 25px; } .widget_recent_comments ul { list-style: none; } .widget_recent_comments li { padding-left: 0; padding: 5px 0; } .widget_recent_comments li:after { display: none; } .widget_recent_comments > ul > li:first-child { padding-top: 0; } .widget_recent_comments .children { margin-top: 5px; } .widget_recent_comments a { margin-right: 5px; } .widget_recent_comments a:hover { text-decoration: underline; } .widget_recent_comments ul { font-size: 0px; } .widget_recent_comments ul span, .widget_recent_comments ul a { font-size: 0.95rem; } .widget_recent_comments ul .comment-author-link { padding-right: 12px; } .widget_recent_comments ul .comment-author-link a { margin: 0; } .widget_recent_comments ul li > a { position: relative; } .widget_recent_comments ul li > a:after { content: ''; background: currentColor; width: 3px; height: 3px; -webkit-border-radius: 5px; border-radius: 5px; display: block; position: absolute; top: 7px; left: -8px; } /*-------------------------------------------------------------- ## Recent entries widget --------------------------------------------------------------*/ .widget_recent_entries { font-size: 0.95rem; } .widget_recent_entries h3.title { margin-bottom: 25px; } .widget_recent_entries ul { list-style: none; } .widget_recent_entries li { padding-left: 0; padding: 5px 0; } .widget_recent_entries li:after { display: none; } .widget_recent_entries > ul > li:first-child { padding-top: 0; } .widget_recent_entries .children { margin-top: 5px; } .widget_recent_entries a { margin-right: 5px; } .widget_recent_entries a:hover { text-decoration: underline; } .widget_recent_entries ul a { min-width: 100%; font-size: 0.95rem; display: inline-block; } /*-------------------------------------------------------------- ## Search widget --------------------------------------------------------------*/ .widget_search form { position: relative; font-size: 15px; } .widget_search form input { border-bottom-color: rgba(0, 0, 0, 0.25); } .widget_search form button { background: transparent; border-color: transparent; color: rgba(0, 0, 0, 0.8); font-size: 19px; padding: 0 0; width: 30px; height: 100%; text-align: right; position: absolute; top: 0; right: 0; } .widget_search form button:hover { opacity: .8; } .site-footer .widget_search input.placeholder, .site-footer .widget_search input::-webkit-input-placeholder { color: currentColor; } .site-footer .widget_search input.placeholder, .site-footer .widget_search input::-moz-placeholder { color: currentColor; } .site-footer .widget_search input.placeholder, .site-footer .widget_search input:-ms-input-placeholder { color: currentColor; } .site-footer .widget_search input.placeholder, .site-footer .widget_search input::-ms-input-placeholder { color: currentColor; } .site-footer .widget_search input.placeholder, .site-footer .widget_search input::placeholder { color: currentColor; } .site-footer .widget_search button { color: currentColor; } /*-------------------------------------------------------------- ## Tag cloud widget --------------------------------------------------------------*/ .widget_tag_cloud .tagcloud, .widget_product_tag_cloud .tagcloud { font-size: 0px; margin-left: -4px; margin-right: -4px; } .widget_tag_cloud .tagcloud:after, .widget_product_tag_cloud .tagcloud:after { content: ''; display: table; clear: both; } .widget_tag_cloud .tagcloud a, .widget_product_tag_cloud .tagcloud a { background: transparent; color: #282828; border: 1px solid #282828; -webkit-border-radius: 15px; border-radius: 15px; padding: 0px 14px; line-height: 1; height: 30px; margin-top: 5px; margin-right: 5px; font-size: 0.75rem !important; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; } .widget_tag_cloud .tagcloud a:hover, .widget_product_tag_cloud .tagcloud a:hover { background: transparent; color: #174EE2; border-color: #174EE2; } .site-footer .widget_tag_cloud .tagcloud a, .site-footer .widget_product_tag_cloud .tagcloud a { border-color: rgba(255, 255, 255, 0.5); color: #bcbcbc; } .site-footer .widget_tag_cloud .tagcloud a:hover, .site-footer .widget_product_tag_cloud .tagcloud a:hover { border-color: #bcbcbc; color: #bcbcbc; } /*-------------------------------------------------------------- ## Meta widget --------------------------------------------------------------*/ .widget_meta { font-size: 0.95rem; } .widget_meta h3.title { margin-bottom: 25px; } .widget_meta ul { list-style: none; } .widget_meta li { padding-left: 0; padding: 5px 0; } .widget_meta li:after { display: none; } .widget_meta > ul > li:first-child { padding-top: 0; } .widget_meta .children { margin-top: 5px; } .widget_meta a { margin-right: 5px; } .widget_meta a:hover { text-decoration: underline; } .widget_meta ul li.cat-item { padding-bottom: 14px; padding-top: 14px; } .widget_meta ul li.cat-item:first-child { padding-top: 0; } /*-------------------------------------------------------------- ## Archive widget --------------------------------------------------------------*/ .widget_archive { font-size: 0.95rem; } .widget_archive h3.title { margin-bottom: 25px; } .widget_archive ul { list-style: none; } .widget_archive li { padding-left: 0; padding: 5px 0; } .widget_archive li:after { display: none; } .widget_archive > ul > li:first-child { padding-top: 0; } .widget_archive .children { margin-top: 5px; } .widget_archive a { margin-right: 5px; } .widget_archive a:hover { text-decoration: underline; } /*-------------------------------------------------------------- ## Text widget --------------------------------------------------------------*/ .widget_text { line-height: 1.6; font-size: 0.95rem; } .widget_text h3.widget-title { margin-bottom: 20px; } .site-footer .widget_text, .site-footer .widget_text p { color: rgba(255, 255, 255, 0.6); } /*-------------------------------------------------------------- ## Calendar widget --------------------------------------------------------------*/ .widget_calendar table { position: relative; text-align: center; } .widget_calendar table td, .widget_calendar table th { border: none; padding: 0; } .widget_calendar caption { background: #174EE2; color: #ffffff; width: 100%; height: 46px; font-family: "Poppins", sans-serif; font-weight: 600; line-height: 48px; text-align: center; vertical-align: middle; } .widget_calendar tfoot { width: 100%; height: 46px; line-height: 46px; padding: 0 20px; vertical-align: middle; color: #ffffff; position: absolute; top: 0; left: 0; } .widget_calendar tfoot tr, .widget_calendar tfoot #prev, .widget_calendar tfoot #next { display: block; font-weight: bold; font-size: 0px; } .widget_calendar tfoot tr a, .widget_calendar tfoot #prev a, .widget_calendar tfoot #next a { color: #ffffff; } .widget_calendar tfoot tr a:hover, .widget_calendar tfoot #prev a:hover, .widget_calendar tfoot #next a:hover { opacity: .6; } .widget_calendar tfoot tr { width: 100%; } .widget_calendar tfoot td { display: none; } .widget_calendar tfoot #prev { float: left; } .widget_calendar tfoot #next { float: right; } .widget_calendar tfoot #prev a:after, .widget_calendar tfoot #next a:after { content: '\f3d2'; font-family: "Ionicons"; font-size: 22px; } .widget_calendar tfoot #next a:after { content: '\f3d3'; } .widget_calendar thead { line-height: 44px; } .widget_calendar thead tr th { color: #1f2023; font-size: 0.9rem; } .widget_calendar tbody { line-height: 44px; } .widget_calendar tbody tr td { color: #5a5a5a; border: 1px solid #ddd; text-align: center; font-size: 0.95rem; } .widget_calendar tbody tr td#today { border-color: #174EE2; border-collapse: separate; border-width: 1px; display: block; margin: -1px; position: relative; } .widget_calendar tbody tr td a { display: block; width: 100%; height: 100%; font-weight: bold; } .widget_calendar tbody tr td a:hover { background: rgba(0, 0, 0, 0.2); } .site-footer .widget_calendar thead tr th { color: rgba(255, 255, 255, 0.6); } .site-footer .widget_calendar tbody tr td { border-color: #555; color: white; } /*-------------------------------------------------------------- ## Nav widget --------------------------------------------------------------*/ .widget_nav_menu, .widget_pages { font-size: 0.95rem; } .widget_nav_menu h3.title, .widget_pages h3.title { margin-bottom: 25px; } .widget_nav_menu ul, .widget_pages ul { list-style: none; } .widget_nav_menu li, .widget_pages li { padding-left: 0; padding: 5px 0; } .widget_nav_menu li:after, .widget_pages li:after { display: none; } .widget_nav_menu > ul > li:first-child, .widget_pages > ul > li:first-child { padding-top: 0; } .widget_nav_menu .children, .widget_pages .children { margin-top: 5px; } .widget_nav_menu a, .widget_pages a { margin-right: 5px; } .widget_nav_menu a:hover, .widget_pages a:hover { text-decoration: underline; } .widget_nav_menu ul, .widget_nav_menu .menu, .widget_pages ul, .widget_pages .menu { list-style: none; } .widget_nav_menu .menu-item, .widget_pages .menu-item { font-size: 0.95rem; } .widget_nav_menu .menu-item a, .widget_pages .menu-item a { display: block; } .widget_nav_menu .menu-item a:hover, .widget_pages .menu-item a:hover { color: #174EE2; text-decoration: underline; } .widget_nav_menu .menu ul, .widget_pages .menu ul { margin-top: 10px; } .widget_nav_menu .current-menu-item a, .widget_pages .current-menu-item a { color: #174EE2; } .widget_nav_menu div.test, .widget_pages div.test { display: none; list-style: none; } .widget_pages .children { margin-top: 10px; } /*-------------------------------------------------------------- ## Sidebar menu widget --------------------------------------------------------------*/ .widget-sidebar-menu-left { list-style: none; } .widget-sidebar-menu-left .menu-item { font-size: 0.95rem; } .widget-sidebar-menu-left .menu-item a { display: block; } .widget-sidebar-menu-left .menu-item a:hover { color: #174EE2; text-decoration: underline; } .widget-sidebar-menu-left ul.sub-menu { display: none; list-style: none; } /*-------------------------------------------------------------- ## Categories widget --------------------------------------------------------------*/ .widget_categories { font-size: 0.95rem; } .widget_categories h3.title { margin-bottom: 25px; } .widget_categories ul { list-style: none; } .widget_categories li { padding-left: 0; padding: 5px 0; } .widget_categories li:after { display: none; } .widget_categories > ul > li:first-child { padding-top: 0; } .widget_categories .children { margin-top: 5px; } .widget_categories a { margin-right: 5px; } .widget_categories a:hover { text-decoration: underline; } /*-------------------------------------------------------------- ## RSS widget --------------------------------------------------------------*/ .widget_rss { font-size: 0.95rem; } .widget_rss h3.title { margin-bottom: 25px; } .widget_rss ul { list-style: none; } .widget_rss li { padding-left: 0; padding: 5px 0; } .widget_rss li:after { display: none; } .widget_rss > ul > li:first-child { padding-top: 0; } .widget_rss .children { margin-top: 5px; } .widget_rss a { margin-right: 5px; } .widget_rss a:hover { text-decoration: underline; } .widget_rss ul { list-style: none; } .widget_rss ul a { color: #174EE2; } .widget_rss .rss-date { color: rgba(0, 0, 0, 0.5); font-size: 0.9rem; } .widget_rss .rssSummary { margin-top: 5px; } .widget_rss cite { margin-top: 5px; display: inline-block; } .site-footer .widget_rss .rss-date { color: rgba(255, 255, 255, 0.5); } /*-------------------------------------------------------------- ## Gallery widget --------------------------------------------------------------*/ .widget_media_gallery .slider .owl-dots { position: absolute; bottom: 0; } /*-------------------------------------------------------------- ## Norebro logo widget --------------------------------------------------------------*/ .widget_norebro_widget_logo a { margin: 0; display: inline-block; } .widget_norebro_widget_logo h3 { font-size: 30px; font-weight: 600; line-height: 30px; color: #434343; } .site-footer .widget_norebro_widget_logo .theme-logo a { color: rgba(255, 255, 255, 0.2); } .site-footer .widget_norebro_widget_logo .theme-logo a:hover { color: rgba(255, 255, 255, 0.6); } /*-------------------------------------------------------------- ## Norebro recent posts widget --------------------------------------------------------------*/ .widget_norebro_widget_recent_posts ul.recent-posts-list { list-style: none; margin: 0; } .widget_norebro_widget_recent_posts ul.recent-posts-list li { min-height: 20px; margin-bottom: 15px; position: relative; overflow: hidden; } .widget_norebro_widget_recent_posts ul.recent-posts-list li:last-child { margin-bottom: 0px; } .widget_norebro_widget_recent_posts ul.recent-posts-list img { width: 70px; position: absolute; top: 0; left: 0; } .widget_norebro_widget_recent_posts ul.recent-posts-list h4 { font-size: 0.95rem; font-weight: 500; } .widget_norebro_widget_recent_posts ul.recent-posts-list h4 a:hover { color: #174EE2; text-decoration: underline; } .widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap { float: left; padding-left: 85px; margin-top: -5px; } .widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap .date, .widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap .categories, .widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap span a { font-size: 0.95rem; } .widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap span a:hover { text-decoration: underline; } .widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap .comments + .author, .widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap .date + .categories { position: relative; margin-left: 11px; } .widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap .comments + .author:after, .widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap .date + .categories:after { content: '•'; font-size: 15px; line-height: 0; position: absolute; left: -10px; top: 8px; color: #282828; } .widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap.no-thumb { padding-left: 0px; } .site-footer .widget_norebro_widget_recent_posts ul.recent-posts-list h4 a:hover { color: #fff; } /*-------------------------------------------------------------- ## Norebro about author widget --------------------------------------------------------------*/ .widget_norebro_widget_about_author img { width: 80px; height: 80px; float: left; display: inline-block; margin-right: 15px; } .widget_norebro_widget_about_author .info { width: 100%; float: left; position: relative; margin-left: -100px; padding: 32px 0 0 105px; } .widget_norebro_widget_about_author .info .info-wrap { width: 100%; min-height: 65px; } .widget_norebro_widget_about_author .info h4 { width: 100%; text-align: inherit; display: block; float: left; margin-top: -5px; } .widget_norebro_widget_about_author .info h4.line-brand:after { width: 2em; top: -1em; } .widget_norebro_widget_about_author .info .site { font-size: 0.9rem; } .widget_norebro_widget_about_author .info .socialbar { position: absolute; top: 0; right: 0; } .widget_norebro_widget_about_author .info .socialbar a.social { width: 26px; height: 26px; margin-left: 2px; font-size: 0.95rem; line-height: 26px; } .widget_norebro_widget_about_author .content { font-size: 15px; } /*-------------------------------------------------------------- ## Norebro login widget --------------------------------------------------------------*/ .widget_norebro_widget_login { font-size: 0.95rem; overflow: hidden; } .widget_norebro_widget_login .login-wrap { overflow: hidden; position: relative; -webkit-transition: height .25s ease-in-out; -o-transition: height .25s ease-in-out; transition: height .25s ease-in-out; } .widget_norebro_widget_login form { overflow: hidden; } .widget_norebro_widget_login .login-form { position: relative; left: 0; opacity: 1; -webkit-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; z-index: 2; } .widget_norebro_widget_login .login-form.hidden { display: block; opacity: 0; position: absolute; z-index: 1; } .widget_norebro_widget_login .reg-form { width: 100%; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; z-index: 1; } .widget_norebro_widget_login .reg-form.visible { opacity: 1; z-index: 2; } .widget_norebro_widget_login .reg-success { color: #0a6; } .widget_norebro_widget_login .login-error, .widget_norebro_widget_login .reg-error { color: #c22; } .widget_norebro_widget_login .login-submit { float: left; margin-top: 2px; } .widget_norebro_widget_login .login-submit.with-registration { width: 48%; } .widget_norebro_widget_login .login-submit button { margin-top: 0; } .widget_norebro_widget_login .btn .text-loading { display: none; } .widget_norebro_widget_login .btn.loading { background: transparent; color: #282828; opacity: .6; cursor: default; } .widget_norebro_widget_login .btn.loading .text-loading { display: block; } .widget_norebro_widget_login .btn.loading .text { display: none; } .widget_norebro_widget_login .login-registration { width: 48%; margin-top: 2px; float: right; } .widget_norebro_widget_login .login-registration a { width: 100%; } .widget_norebro_widget_login .login-registration a:hover { color: #fff; text-decoration: none; } .widget_norebro_widget_login .login-remember { float: left; } .widget_norebro_widget_login .login-remember label { cursor: pointer; } .widget_norebro_widget_login .login-lost-password { float: right; } .widget_norebro_widget_login .login-remember, .widget_norebro_widget_login .login-lost-password { width: auto; } .widget_norebro_widget_login .reg-submit { margin-top: 12px; } .widget_norebro_widget_login .reg-submit button { margin-top: 0; } .widget_norebro_widget_login .back-to-login { margin-top: 20px; } .widget_norebro_widget_login .logged-in { width: 100%; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; -webkit-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .widget_norebro_widget_login .logged-in.visible { position: relative; opacity: 1; z-index: 2; } .widget_norebro_widget_login a { color: #174EE2; } .widget_norebro_widget_login a:hover { text-decoration: underline; } /*-------------------------------------------------------------- ## Norebro subscribe widget --------------------------------------------------------------*/ .site-footer .widget_norebro_widget_subscribe input { border-color: rgba(255, 255, 255, 0.15); color: #bcbcbc; } .site-footer .widget_norebro_widget_subscribe input::-webkit-input-placeholder { color: currentColor; } .site-footer .widget_norebro_widget_subscribe input::-moz-placeholder { color: currentColor; } .site-footer .widget_norebro_widget_subscribe input:-ms-input-placeholder { color: currentColor; } .site-footer .widget_norebro_widget_subscribe input::-ms-input-placeholder { color: currentColor; } .site-footer .widget_norebro_widget_subscribe input::placeholder { color: currentColor; } .site-footer .widget_norebro_widget_subscribe input:focus { border-color: rgba(255, 255, 255, 0.5); } .site-footer .widget_norebro_widget_subscribe button.btn { background: transparent; border-color: rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 0.5); } .site-footer .widget_norebro_widget_subscribe button.btn:hover { background: rgba(255, 255, 255, 0.15); border-color: transparent; color: #fff; } /*-------------------------------------------------------------- ## Norebro contact widget --------------------------------------------------------------*/ .widget_norebro_widget_contact address { display: inline; } .widget_norebro_widget_contact ul.list-box, .widget_norebro_widget_contact ul.widget_recent_comments, .widget_norebro_widget_contact ul.widget_recent_entries, .widget_norebro_widget_contact ul.widget_meta, .widget_norebro_widget_contact ul.widget_archive, .widget_norebro_widget_contact ul.widget_nav_menu, .widget_norebro_widget_contact ul.widget_pages, .widget_norebro_widget_contact ul.widget_categories, .widget_norebro_widget_contact ul.widget_rss, .widget_norebro_widget_contact ul.widget_product_categories { margin: 0; } .widget_norebro_widget_contact li { padding: 5px 0; } .widget_norebro_widget_contact li:after { display: none; } .widget_norebro_widget_contact li:first-child { padding-top: 0; } /*-------------------------------------------------------------- ## Norebro socialbar widget --------------------------------------------------------------*/ .widget_norebro_widget_socialbar_subscribe .socialbar, .widget_norebro_widget_socialbar .socialbar { margin-top: -10px; } .widget_norebro_widget_socialbar_subscribe .socialbar a, .widget_norebro_widget_socialbar .socialbar a { background: transparent; color: #282828; margin-top: 10px; } .widget_norebro_widget_socialbar_subscribe .socialbar a:hover, .widget_norebro_widget_socialbar .socialbar a:hover { background: #282828; color: #fff; } .widget div.star-rating, .widget span.star-rating { margin-top: 5px; } .widget div.star-rating:before, .widget div.star-rating span:before, .widget span.star-rating:before, .widget span.star-rating span:before { font-size: 0.75rem; letter-spacing: 4px; color: #174EE2; } /*-------------------------------------------------------------- ## Product search widget --------------------------------------------------------------*/ .widget_product_search form { position: relative; } .widget_product_search form button { background: none; width: 46px; height: 100%; border: none; padding: 15px 30px 10px; font-size: 18px; text-align: center; position: absolute; top: 0; right: 0; outline: none; color: rgba(0, 0, 0, 0.6); } /*-------------------------------------------------------------- ## Product tag cloud widget --------------------------------------------------------------*/ .site-footer .widgets .widget.widget_product_tag_cloud a { background: rgba(255, 255, 255, 0.15); } .site-footer .widgets .widget.widget_product_tag_cloud a:hover { opacity: .7; text-decoration: none; } /*-------------------------------------------------------------- ## Product categories widget --------------------------------------------------------------*/ .widget_product_categories { font-size: 0.95rem; } .widget_product_categories h3.title { margin-bottom: 25px; } .widget_product_categories ul { list-style: none; } .widget_product_categories li { padding-left: 0; padding: 5px 0; } .widget_product_categories li:after { display: none; } .widget_product_categories > ul > li:first-child { padding-top: 0; } .widget_product_categories .children { margin-top: 5px; } .widget_product_categories a { margin-right: 5px; } .widget_product_categories a:hover { text-decoration: underline; } .site-footer .widget_product_categories ul.product-categories li { border-color: rgba(255, 255, 255, 0.15); } /*-------------------------------------------------------------- ## Products widgets --------------------------------------------------------------*/ .widget_products .image, .widget_top_rated_products .image, .widget.widget_recently_viewed_products .image { float: left; margin-top: 5px; } .widget_products .image img, .widget_top_rated_products .image img, .widget.widget_recently_viewed_products .image img { width: 70px; } .widget_products .content, .widget_top_rated_products .content, .widget.widget_recently_viewed_products .content { padding-left: 95px; margin-bottom: 30px; } .widget_products li:last-child .content, .widget_top_rated_products li:last-child .content, .widget.widget_recently_viewed_products li:last-child .content { margin-bottom: 0; } .widget_products h4, .widget_top_rated_products h4, .widget.widget_recently_viewed_products h4 { display: inline-block; margin: 0; padding: 0; font-size: 13.7px; } .widget_products h4 a, .widget_top_rated_products h4 a, .widget.widget_recently_viewed_products h4 a { display: inline-block; } .widget_products span.price, .widget_top_rated_products span.price, .widget.widget_recently_viewed_products span.price { font-size: 0.95rem; } .widget_products div.star-rating, .widget_top_rated_products div.star-rating, .widget.widget_recently_viewed_products div.star-rating { width: 100%; } /*-------------------------------------------------------------- ## Top rated products widget --------------------------------------------------------------*/ .widget_top_rated_products li .star-rating { width: 100%; margin: 5px 0; } .widget_top_rated_products li .star-rating:before, .widget_top_rated_products li .star-rating span:before { font-size: 0.75rem; letter-spacing: .3em; top: 3px; } /*-------------------------------------------------------------- ## Recently viewed products widget --------------------------------------------------------------*/ .site-footer .widget.widget_recently_viewed_products a:hover { color: inherit; } .site-footer .widget.widget_recently_viewed_products .category, .site-footer .widget.widget_recently_viewed_products .category a { color: inherit; } /*-------------------------------------------------------------- ## Recent reviews widget --------------------------------------------------------------*/ .widget_recent_reviews li { margin-bottom: 15px; } .widget_recent_reviews li:last-child { margin-bottom: 0; } .widget_recent_reviews img { max-width: 70px; margin-right: 25px; display: block; float: left; } .widget_recent_reviews li > a { width: 100%; display: block; font: 900 13.7px "Poppins", sans-serif; line-height: 1.4; } .widget_recent_reviews .reviewer { padding-left: 95px; font-size: 0.9rem; display: block; } /*-------------------------------------------------------------- ## Shopping cart widget --------------------------------------------------------------*/ div.widget_shopping_cart_content { line-height: 1.4; } div.widget_shopping_cart_content li { overflow: hidden; margin-bottom: 10px; position: relative; } div.widget_shopping_cart_content li a { font-size: 0.95rem; font-weight: 600; } div.widget_shopping_cart_content img { width: 70px; float: left; margin-right: 15px; } div.widget_shopping_cart_content a.remove { margin-top: -10px; position: absolute; top: 50%; right: 0; font-size: 17px; font-weight: 400; } div.widget_shopping_cart_content a.remove:hover { color: #f22; } div.widget_shopping_cart_content .quantity { display: block; margin-top: 5px; color: #888; } div.widget_shopping_cart_content .total { border-top: 1px solid rgba(0, 0, 0, 0.15); border-bottom: 1px solid rgba(0, 0, 0, 0.15); padding: 12px 0 10px; font-size: 0.95rem; } div.widget_shopping_cart_content .total strong { font-weight: 400; } div.widget_shopping_cart_content .total .amount { float: right; font-weight: 500; } div.widget_shopping_cart_content .buttons { margin: 20px 0 5px; overflow: hidden; } div.widget_shopping_cart_content .buttons .button { width: 48%; float: left; font-size: 0.75rem; } div.widget_shopping_cart_content .buttons .button:hover { text-decoration: none; } div.widget_shopping_cart_content .buttons .button:first-child { background: transparent; color: #282828; } div.widget_shopping_cart_content .buttons .button:first-child:hover { color: #fff; background: #282828; } div.widget_shopping_cart_content .buttons .checkout { margin-left: 4%; } div.widget_shopping_cart_content .wcppec-cart-widget-button { margin-top: 15px; float: left; } div.widget_shopping_cart_content .variation-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } div.widget_shopping_cart_content .variation-item dd[class^=variation-] { margin: 0 0 0 10px; } /*-------------------------------------------------------------- ## Price filter widget --------------------------------------------------------------*/ .widget_price_filter .price_slider { background-color: #e3e3e3; height: 5px; margin-top: 38px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; } .widget_price_filter .ui-slider-range { background: #174EE2; height: 5px; position: absolute; } .widget_price_filter .ui-slider-handle { background: #ffffff; width: 27px; height: 27px; margin-left: -0px; -webkit-border-radius: 50px; border-radius: 50px; outline: none; -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15); position: absolute; top: -11px; z-index: 5; cursor: ew-resize; } .widget_price_filter .ui-slider-handle:after { content: ''; background-color: #174EE2; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 10px; left: 10px; } .widget_price_filter .ui-slider-handle:last-child { margin-left: -22px; } .widget_price_filter .price_slider_amount { margin-top: 30px; } .widget_price_filter .button { background: none; border: none; color: #1f2023; float: right; padding: 0; font-weight: 500; font-size: 0.9rem; text-transform: none; } .widget_price_filter .button:hover { text-decoration: underline; } .widget_price_filter .price_label { float: left; font-size: 0.95rem; line-height: 1em; color: #888888; } .widget_price_filter .price_label .from, .widget_price_filter .price_label .to { color: #5a5a5a; } /*-------------------------------------------------------------- ## Woo layered nav widget --------------------------------------------------------------*/ .widget_layered_nav ul { overflow: hidden; } .widget_layered_nav li { margin-top: 10px; margin-bottom: 15px; } .widget_layered_nav li:first-child { margin-top: 0; padding-top: 0; } .widget_layered_nav a { color: #282828; font-size: 15px; font-weight: 500; } /*-------------------------------------------------------------- ## Woo rating filter --------------------------------------------------------------*/ .widget_rating_filter .widget-title { margin-bottom: 20px; } .widget_rating_filter a:hover { text-decoration: none; } .widget_rating_filter li .star-rating { width: auto; margin-right: 10px; vertical-align: -2px; } .widget_rating_filter li .star-rating:after { content: '•'; color: #888; font-size: 1rem; position: absolute; line-height: 0; top: 10px; right: -8px; } .widget_rating_filter li .star-rating:before, .widget_rating_filter li .star-rating span:before { font-size: 0.9rem; top: 1px; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Elements --------------------------------------------------------------*/ html { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-word-wrap: break-word; word-wrap: break-word; } div { outline: none; } body { background: #fff; height: 100%; font-family: "Rubik", sans-serif; font-size: 1rem; font-weight: 400; overflow-x: hidden; } body.archive { width: 100%; } @media screen and (max-width: 768px) { body, html { width: 100%; overflow-x: hidden; } } blockquote, q { margin: 25px 0; padding: 0 30px; font-size: 15px; line-height: 30px; quotes: "" ""; position: relative; border-color: rgba(0, 0, 0, 0.15) !important; } blockquote p, q p { margin: 0; font-style: normal; font-weight: 400; position: relative; } blockquote cite, blockquote h4, q cite, q h4 { position: relative; text-align: left; margin: 15px 0 0 0; text-align: left; font-weight: 600; font-size: 11.6px; font-style: normal; line-height: 1.6; text-transform: uppercase; } hr { background-color: #ebebeb; width: 100%; border: 0; height: 1px; margin: 5px auto; display: block; } mark { color: #fff; padding: 0 2px; } address { font-size: 0.95rem; font-style: normal; } pre { background: rgba(0, 0, 0, 0.05); padding: 15px; } img { height: auto; max-width: 100%; } a { color: #282828; text-decoration: none; cursor: pointer; -webkit-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out; -webkit-transition-property: color, opacity, background, border-color, -webkit-transform; transition-property: color, opacity, background, border-color, -webkit-transform; -o-transition-property: color, opacity, background, transform, border-color; transition-property: color, opacity, background, transform, border-color; transition-property: color, opacity, background, transform, border-color, -webkit-transform; } a:hover { color: #174EE2; } a.hover-underline { text-decoration: none; display: inline-block; position: relative; } a.hover-underline:before { content: ''; background: currentColor; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; opacity: 0; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: opacity, background, -webkit-transform; transition-property: opacity, background, -webkit-transform; -o-transition-property: transform, opacity, background; transition-property: transform, opacity, background; transition-property: transform, opacity, background, -webkit-transform; } a.hover-underline:hover { text-decoration: none; } a.hover-underline:hover:before { opacity: 1; -webkit-transform: translateY(1px) rotate(0.01deg); -ms-transform: translateY(1px) rotate(0.01deg); transform: translateY(1px) rotate(0.01deg); } a.hover-underline.underline-brand:before { background: #174EE2; } p a { color: #174EE2; } p a:hover { text-decoration: underline; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ### Lists --------------------------------------------------------------*/ ul, ol { margin: 0 0 1.5em 3em; } ul li, ol li { padding: 3px 0; list-style-position: inside; } ul { list-style: disc; margin: 0; padding: 0; } ul.unstyled { list-style: none; } ul.inline li { display: inline-block; } ul.list-square li { padding-left: 20px; list-style: none; } ul.list-square li:after { content: '\25A0'; float: left; margin-left: -20px; margin-top: -1px; font-size: 50%; vertical-align: middle; } ol { list-style: decimal; margin-left: 0; padding-left: 0px; } li > ul, li > ol { margin-bottom: 0; margin-left: 20px; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } /*-------------------------------------------------------------- ### Tables --------------------------------------------------------------*/ table, .wp-block-table { margin: 15px 0; width: 100%; } table td, table th, .wp-block-table td, .wp-block-table th { border: none; border-top: 1px solid rgba(0, 0, 0, 0.15); border-bottom: 1px solid rgba(0, 0, 0, 0.15); text-align: inherit; padding: 10px 10px 10px 0; } /*-------------------------------------------------------------- ### Buttons --------------------------------------------------------------*/ input[type="submit"], button, .btn, a.btn input.btn, a.button, span.button, div.button, .wp-block-button__link { background: #282828; color: #fff; padding: 15px 25px 14px; border: 1px solid #282828; -webkit-border-radius: 50px; border-radius: 50px; font: 600 0.9rem "Poppins", sans-serif; text-decoration: none; vertical-align: middle; outline: none; display: inline-block; text-align: center; -webkit-transition-property: background, color, border-color; -o-transition-property: background, color, border-color; transition-property: background, color, border-color; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } @media screen and (max-width: 768px) { input[type="submit"], button, .btn, a.btn input.btn, a.button, span.button, div.button, .wp-block-button__link { padding-left: 20px; padding-right: 20px; } } input[type="submit"]:hover, button:hover, .btn:hover, a.btn input.btn:hover, a.button:hover, span.button:hover, div.button:hover, .wp-block-button__link:hover { background: transparent; color: #282828; -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s; } input[type="submit"] .icon, button .icon, .btn .icon, a.btn input.btn .icon, a.button .icon, span.button .icon, div.button .icon, .wp-block-button__link .icon { margin-right: 5px; max-height: 10px; display: inline-block; font-size: 140%; line-height: 60%; vertical-align: -4px; text-decoration: none; position: relative; top: -2px; } input[type="submit"] .text + .icon, button .text + .icon, .btn .text + .icon, a.btn input.btn .text + .icon, a.button .text + .icon, span.button .text + .icon, div.button .text + .icon, .wp-block-button__link .text + .icon { margin: 0 0 0 5px; } input[type="submit"].btn-white, button.btn-white, .btn.btn-white, a.btn input.btn.btn-white, a.button.btn-white, span.button.btn-white, div.button.btn-white, .wp-block-button__link.btn-white { background: #fff; border-color: #fff; color: #282828; } input[type="submit"].btn-white:hover, button.btn-white:hover, .btn.btn-white:hover, a.btn input.btn.btn-white:hover, a.button.btn-white:hover, span.button.btn-white:hover, div.button.btn-white:hover, .wp-block-button__link.btn-white:hover { background: transparent; color: #fff; } input[type="submit"].text-on-hover, button.text-on-hover, .btn.text-on-hover, a.btn input.btn.text-on-hover, a.button.text-on-hover, span.button.text-on-hover, div.button.text-on-hover, .wp-block-button__link.text-on-hover { overflow: hidden; position: relative; } input[type="submit"].text-on-hover .icon, input[type="submit"].text-on-hover .text, button.text-on-hover .icon, button.text-on-hover .text, .btn.text-on-hover .icon, .btn.text-on-hover .text, a.btn input.btn.text-on-hover .icon, a.btn input.btn.text-on-hover .text, a.button.text-on-hover .icon, a.button.text-on-hover .text, span.button.text-on-hover .icon, span.button.text-on-hover .text, div.button.text-on-hover .icon, div.button.text-on-hover .text, .wp-block-button__link.text-on-hover .icon, .wp-block-button__link.text-on-hover .text { -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } input[type="submit"].text-on-hover .icon, button.text-on-hover .icon, .btn.text-on-hover .icon, a.btn input.btn.text-on-hover .icon, a.button.text-on-hover .icon, span.button.text-on-hover .icon, div.button.text-on-hover .icon, .wp-block-button__link.text-on-hover .icon { width: 100%; text-align: center; height: 20px; position: absolute; margin-top: -2px; top: auto; left: 0; display: inline-block; max-height: 15px; } input[type="submit"].text-on-hover .text, button.text-on-hover .text, .btn.text-on-hover .text, a.btn input.btn.text-on-hover .text, a.button.text-on-hover .text, span.button.text-on-hover .text, div.button.text-on-hover .text, .wp-block-button__link.text-on-hover .text { display: inline-block; -webkit-transform: translateY(-120%); -ms-transform: translateY(-120%); transform: translateY(-120%); opacity: 0; } input[type="submit"].text-on-hover:hover .icon, button.text-on-hover:hover .icon, .btn.text-on-hover:hover .icon, a.btn input.btn.text-on-hover:hover .icon, a.button.text-on-hover:hover .icon, span.button.text-on-hover:hover .icon, div.button.text-on-hover:hover .icon, .wp-block-button__link.text-on-hover:hover .icon { -webkit-transform: translateY(120%); -ms-transform: translateY(120%); transform: translateY(120%); opacity: 0; } input[type="submit"].text-on-hover:hover .text, button.text-on-hover:hover .text, .btn.text-on-hover:hover .text, a.btn input.btn.text-on-hover:hover .text, a.button.text-on-hover:hover .text, span.button.text-on-hover:hover .text, div.button.text-on-hover:hover .text, .wp-block-button__link.text-on-hover:hover .text { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .wp-block-button__link:hover { background: transparent !important; } p a.btn:hover { text-decoration: none; } .btn-wrap .btn-small { min-width: 40px; } .btn-brand { background: #174EE2; border-color: #174EE2; color: #fff; } .btn-brand:hover { background: transparent; color: #174EE2; } button[disabled], input[type="submit"][disabled] { opacity: .8; cursor: default; } button[disabled]:hover, input[type="submit"][disabled]:hover { background: #282828; color: #fff; } button[disabled].btn-white:hover, input[type="submit"][disabled].btn-white:hover { background: #fff; color: #282828; } button[disabled].btn-brand:hover, input[type="submit"][disabled].btn-brand:hover { background: #174EE2; color: #fff; } .btn-outline, input[type="submit"].btn-outline, a.btn-outline, .is-style-outline .wp-block-button__link { background: transparent; color: #282828; } .btn-outline:hover, input[type="submit"].btn-outline:hover, a.btn-outline:hover, .is-style-outline .wp-block-button__link:hover { background: #282828; color: #fff; } .btn-outline.btn-white, input[type="submit"].btn-outline.btn-white, a.btn-outline.btn-white, .is-style-outline .wp-block-button__link.btn-white { background: transparent; border-color: #fff; color: #fff; } .btn-outline.btn-white:hover, input[type="submit"].btn-outline.btn-white:hover, a.btn-outline.btn-white:hover, .is-style-outline .wp-block-button__link.btn-white:hover { background: #fff; color: #282828; } .btn-outline.disabled:hover, input[type="submit"].btn-outline.disabled:hover, a.btn-outline.disabled:hover, .is-style-outline .wp-block-button__link.disabled:hover { background: transparent; color: #282828; border-color: #282828; cursor: default; } .btn-outline.btn-brand, input[type="submit"].btn-outline.btn-brand, a.btn-outline.btn-brand, .is-style-outline .wp-block-button__link.btn-brand { background: transparent; border-color: #174EE2; color: #174EE2; } .btn-outline.btn-brand:hover, input[type="submit"].btn-outline.btn-brand:hover, a.btn-outline.btn-brand:hover, .is-style-outline .wp-block-button__link.btn-brand:hover { background: #174EE2; border-color: #174EE2; color: #fff; } .btn-outline.btn-brand.disabled:hover, input[type="submit"].btn-outline.btn-brand.disabled:hover, a.btn-outline.btn-brand.disabled:hover, .is-style-outline .wp-block-button__link.btn-brand.disabled:hover { background: transparent; border-color: #174EE2; color: #174EE2; } .is-style-outline .wp-block-button__link:hover { background: #282828 !important; color: #fff !important; } .is-style-outline .wp-block-button__link { border: 1px solid #282828; } .is-style-outline .wp-block-button__link.has-blue-dark-color { color: #174EE2; border-color: #174EE2; } .is-style-outline .wp-block-button__link.has-dark-strong-color { color: #24262B; border-color: #24262B; } .is-style-outline .wp-block-button__link.has-dark-light-color { color: #32353C; border-color: #32353C; } .is-style-outline .wp-block-button__link.has-grey-strong-color { color: #6A707E; border-color: #6A707E; } .is-style-outline .wp-block-button__link.has-grey-light-color { color: #949597; border-color: #949597; } .btn-squared, input[type="submit"].btn-squared, a.btn-squared { padding-left: 25px; padding-right: 25px; -webkit-border-radius: 0px; border-radius: 0px; } .btn-flat, input[type="submit"].btn-flat, a.btn-flat { background: transparent; border: none; color: #282828; } .btn-flat:hover, input[type="submit"].btn-flat:hover, a.btn-flat:hover { background: #282828; color: #fff; } .btn-link, a.btn-link { background: transparent; color: #282828; margin-top: 6px; padding: 4px 0; border: none; text-decoration: underline; font-weight: 600; position: relative; display: inline-block; text-decoration: none; } .btn-link .icon-arrow, a.btn-link .icon-arrow { display: none; } .btn-link:hover, a.btn-link:hover { background: transparent; text-decoration: underline; } .btn-link.btn-brand, a.btn-link.btn-brand { color: #174EE2; } .btn-link.btn-brand:hover, a.btn-link.btn-brand:hover { background: transparent; } .btn-small, a.btn-small { padding: 14px 18px 12px; line-height: 12px; font-size: 0.75rem; } .btn-large, a.btn-large { padding: 19px 30px 17px; line-height: 15px; font-size: 0.95rem; } .btn-huge, a.btn-huge { padding: 20px 30px; line-height: 15px; font-size: 15px; } .btn-full-width, a.btn-full-width { width: 100%; } /*-------------------------------------------------------------- ### Fields --------------------------------------------------------------*/ input, select, textarea { font-family: "Rubik", sans-serif; } input, select, textarea { -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: color, background, border-color, opacity; -o-transition-property: color, background, border-color, opacity; transition-property: color, background, border-color, opacity; } input:not([type="submit"]), textarea, select { background: none; color: #555555; width: 100%; padding: 12px 0; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.25); -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; position: relative; } input:not([type="submit"]).outline, input:not([type="submit"]).flat, textarea.outline, textarea.flat, select.outline, select.flat { border: 1px solid rgba(0, 0, 0, 0.25); padding-left: 25px; padding-right: 25px; -webkit-border-radius: 50px; border-radius: 50px; } input:not([type="submit"]).flat, textarea.flat, select.flat { background: #fff; border: none; } input:not([type="submit"]).squared, textarea.squared, select.squared { -webkit-border-radius: 0px; border-radius: 0px; padding-left: 15px; padding-right: 15px; } input:not([type="submit"]):focus, textarea:focus, select:focus { border-color: #174EE2; -webkit-box-shadow: 0 0 0 #174EE2; box-shadow: 0 0 0 #174EE2; outline: none; } select { height: 47px; padding: 0; } select:after { content: '23'; display: block; position: absolute; top: 0; left: 0; background: #000; } input[type="checkbox"] { width: auto; padding: auto; border: auto; } input.placeholder, input::-webkit-input-placeholder, textarea.placeholder, textarea::-webkit-input-placeholder { color: #555555; } input.placeholder, input::-moz-placeholder, textarea.placeholder, textarea::-moz-placeholder { color: #555555; } input.placeholder, input:-ms-input-placeholder, textarea.placeholder, textarea:-ms-input-placeholder { color: #555555; } input.placeholder, input::-ms-input-placeholder, textarea.placeholder, textarea::-ms-input-placeholder { color: #555555; } input.placeholder, input::placeholder, textarea.placeholder, textarea::placeholder { color: #555555; } input.flat { border: none; padding: 13px 15px; } input.classic { border: none; padding: 13px 15px; border-top: none; border-left: none; border-right: none; padding-left: 0; padding-right: 0; } input.classic.placeholder, input.classic::-webkit-input-placeholder { line-height: 16px; } input.classic.placeholder, input.classic::-moz-placeholder { line-height: 16px; } input.classic.placeholder, input.classic:-ms-input-placeholder { line-height: 16px; } input.classic.placeholder, input.classic::-ms-input-placeholder { line-height: 16px; } input.classic.placeholder, input.classic::placeholder { line-height: 16px; } textarea { width: 100%; min-height: 100%; max-height: 100%; resize: none; } .input-group:after { content: ''; clear: both; display: table; } .input-group > br { display: none; } .input-group label { float: left; } .input-group label.col-6 { width: 50%; } .input-group label.col-4 { width: 33.33334%; } .input-group label.col-3 { width: 25%; } .input-group label.col-2 { width: 16.6665%; } .input-group label.col-fifth { width: 20%; } .input-group label[class^="col-"] button.btn { margin-top: 0; } @media screen and (max-width: 768px) { .input-group label input { border-right-width: 1px; } .input-group label.col-6, .input-group label.col-4, .input-group label.col-3, .input-group label.col-2, .input-group label.col-fifth { width: 100%; padding-right: 0 !important; padding-left: 0 !important; } } .input-group label.offset input, .input-group label.offset:last-of-type input:not([type="submit"]) { border-width: 1px; } select { position: relative; } select option { color: #343436; } select:before { content: ''; background: #ffffff; width: 30px; height: 30px; position: absolute; top: 0; right: 0; } select:after { content: ''; } .radio { width: 20px; height: 20px; display: inline-block; position: relative; } .radio input { width: 100%; height: 100%; margin: 0px; padding: 0px; opacity: 0; position: absolute; top: 0; left: 0; z-index: 2; cursor: pointer; } .radio input:checked { cursor: default; } .radio input:checked + .input:after { background: #174EE2; } .radio .input { background: #d5d4d4; width: 20px; height: 20px; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 0; left: 0; z-index: 1; } .radio .input:after { content: ''; background: #ffffff; width: 10px; height: 10px; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 5px; left: 5px; -webkit-transition: background .1s ease-in-out; -o-transition: background .1s ease-in-out; transition: background .1s ease-in-out; } .radio:hover .input:after { background: #eee; } .radio:hover input:checked + .input:after { background: #174EE2; } .alignfull { max-width: none; position: relative; } /*-------------------------------------------------------------- ### Forms --------------------------------------------------------------*/ form { text-align: center; } form button.btn { margin-top: 14px; } form button.btn.btn-link { margin-top: 20px; margin-bottom: 20px; padding-left: 0; padding-right: 0; } form .btn-load { width: 0px; height: 20px; display: inline-block; -webkit-transition: .21s ease-in-out; -o-transition: .21s ease-in-out; transition: .21s ease-in-out; -webkit-transition-property: width, margin; -o-transition-property: width, margin; transition-property: width, margin; overflow: hidden; margin-top: -8px; margin-bottom: -5px; } form .btn-load input { display: none; } form .btn-load:before { content: ''; background: url("assets/images/form_load.png") no-repeat center; display: block; width: 20px; height: 20px; margin: 0; visibility: visible; opacity: 1; -webkit-animation: rotate 1s infinite linear; animation: rotate 1s infinite linear; } form .error-check { height: 0; margin-top: 0px; opacity: 0; visibility: hidden; -webkit-transition-property: opacity, visibility, margin, height; -o-transition-property: opacity, visibility, margin, height; transition-property: opacity, visibility, margin, height; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } form .error-check.active { visibility: visible; margin-top: 20px; opacity: 1; height: auto; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } form.without-label-offset .input-group label input, form.without-label-offset .input-group label select, .contact-form.without-label-offset .input-group label input, .contact-form.without-label-offset .input-group label select { border-right-width: 0px; } form.without-label-offset .input-group label .focus, .contact-form.without-label-offset .input-group label .focus { width: -webkit-calc(100% + 1px); width: calc(100% + 1px); } form.without-label-offset .input-group label:last-of-type input, form.without-label-offset .input-group label:last-of-type select, .contact-form.without-label-offset .input-group label:last-of-type input, .contact-form.without-label-offset .input-group label:last-of-type select { border-right-width: 1px; } form.without-label-offset .input-group label:last-of-type .focus, .contact-form.without-label-offset .input-group label:last-of-type .focus { width: -webkit-calc(100%); width: calc(100%); } form.without-label-offset .input-group label input, form.without-label-offset .input-group label select, .contact-form.without-label-offset .input-group label input, .contact-form.without-label-offset .input-group label select { border-top-width: 1px; } form.without-label-offset .input-group + .input-group label input, form.without-label-offset .input-group + .input-group label select, .contact-form.without-label-offset .input-group + .input-group label input, .contact-form.without-label-offset .input-group + .input-group label select { border-top-width: 0px; } form.without-label-offset .input-group + .input-group label .focus, .contact-form.without-label-offset .input-group + .input-group label .focus { height: -webkit-calc(100% + 1px); height: calc(100% + 1px); } form.without-label-offset p, .contact-form.without-label-offset p { margin: 0; } form.without-label-offset p label input, form.without-label-offset p label select, form.without-label-offset p label textarea, .contact-form.without-label-offset p label input, .contact-form.without-label-offset p label select, .contact-form.without-label-offset p label textarea { border-top-width: 0px; } form.without-label-offset p label .focus, .contact-form.without-label-offset p label .focus { height: -webkit-calc(100% + 1px); height: calc(100% + 1px); } form.without-label-offset p label:first-of-type input, form.without-label-offset p label:first-of-type select, form.without-label-offset p label:first-of-type textarea, .contact-form.without-label-offset p label:first-of-type input, .contact-form.without-label-offset p label:first-of-type select, .contact-form.without-label-offset p label:first-of-type textarea { border-top-width: 1px; } form.without-label-offset p label:first-of-type .focus, .contact-form.without-label-offset p label:first-of-type .focus { height: 100%; } form.without-label-offset .input-group + p label input, form.without-label-offset .input-group + p label select, form.without-label-offset .input-group + p label textarea, .contact-form.without-label-offset .input-group + p label input, .contact-form.without-label-offset .input-group + p label select, .contact-form.without-label-offset .input-group + p label textarea { border-top-width: 0px; } form.without-label-offset .input-group + p label .focus, .contact-form.without-label-offset .input-group + p label .focus { height: -webkit-calc(100% + 1px); height: calc(100% + 1px); } form.without-label-offset p + .input-group label input, form.without-label-offset p + .input-group label select, form.without-label-offset p + .input-group label textarea, .contact-form.without-label-offset p + .input-group label input, .contact-form.without-label-offset p + .input-group label select, .contact-form.without-label-offset p + .input-group label textarea { border-top-width: 1px; } form.without-label-offset p + .input-group label .focus, .contact-form.without-label-offset p + .input-group label .focus { height: 100%; } @media screen and (max-width: 768px) { form.without-label-offset .input-group label input, form.without-label-offset .input-group label select, .contact-form.without-label-offset .input-group label input, .contact-form.without-label-offset .input-group label select { border-right-width: 1px; border-top-width: 1px; } form.without-label-offset .input-group label:last-child input, form.without-label-offset .input-group label:last-child select, .contact-form.without-label-offset .input-group label:last-child input, .contact-form.without-label-offset .input-group label:last-child select { border-top-width: 0px; } } /*-------------------------------------------------------------- ### Cover block --------------------------------------------------------------*/ .wp-block-cover { font-family: "Poppins", sans-serif; } .wp-block-cover-text { font-size: 32px !important; } /*-------------------------------------------------------------- ### Gutenberg widgets --------------------------------------------------------------*/ .wp-block-latest-posts, .wp-block-archives-list, .wp-block-categories-list { list-style-type: none; } /*-------------------------------------------------------------- ### Preset colors --------------------------------------------------------------*/ .has-blue-dark-background-color { background: #174EE2; } .has-blue-dark-background-color.wp-block-button__link { border-color: #174EE2; } .has-dark-strong-background-color { background: #24262B; } .has-dark-strong-background-color.wp-block-button__link { border-color: #24262B; } .has-dark-light-background-color { background: #32353C; } .has-dark-light-background-color.wp-block-button__link { border-color: #32353C; } .has-grey-strong-background-color { background: #6A707E; } .has-grey-strong-background-color.wp-block-button__link { border-color: #6A707E; } .has-grey-light-background-color { background: #949597; } .has-grey-light-background-color.wp-block-button__link { border-color: #949597; } .has-blue-dark-color { color: #174EE2; } .has-dark-strong-color { color: #24262B; } .has-dark-light-color { color: #32353C; } .has-grey-strong-color { color: #6A707E; } .has-grey-light-color { color: #949597; } /*-------------------------------------------------------------- ## Theme elements --------------------------------------------------------------*/ /*-------------------------------------------------------------- ### Select --------------------------------------------------------------*/ .select { display: inline-block; position: relative; cursor: pointer; z-index: 20; } .select select { display: none; } .select .select-title { display: block; padding: 0 10px; font-weight: 600; position: relative; z-index: 2; } .select .select-title:hover { text-decoration: none; } .select i.icon { width: auto; height: auto; padding: 0; margin-left: 5px; font-size: 17px; vertical-align: -2px; display: inline-block; line-height: 16px; position: relative; top: 1px; -webkit-transform-origin: 45% 45%; -ms-transform-origin: 45% 45%; transform-origin: 45% 45%; -webkit-transition: -webkit-transform .15s ease-in-out; transition: -webkit-transform .15s ease-in-out; -o-transition: transform .15s ease-in-out; transition: transform .15s ease-in-out; transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out; } .select .select-menu { background: #ffffff; position: absolute; min-width: 160px; max-height: 304px; overflow-y: auto; left: 5px; top: 0px; opacity: 0; visibility: hidden; list-style: none; text-align: left; -webkit-transition-property: width, opacity, visibility, top; -o-transition-property: width, opacity, visibility, top; transition-property: width, opacity, visibility, top; -webkit-transition-duration: 0s, .1s, .1s; -o-transition-duration: 0s, .1s, .1s; transition-duration: 0s, .1s, .1s; -webkit-transition-delay: .2s, 0s, 0s; -o-transition-delay: .2s, 0s, 0s; transition-delay: .2s, 0s, 0s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-box-shadow: 0 5px 29px rgba(0, 0, 0, 0.12); box-shadow: 0 5px 29px rgba(0, 0, 0, 0.12); } .select .select-menu::-webkit-scrollbar { background: rgba(0, 0, 0, 0.1); width: 8px; -webkit-border-radius: 4px; border-radius: 4px; } .select .select-menu::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.2); -webkit-border-radius: 4px; border-radius: 4px; } .select .select-menu::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.3); } .select .select-menu li { line-height: 1; padding: 0; } .select .select-menu .icon { width: 20px; display: inline-block; text-align: center; margin-right: 4px; } .select .select-menu a { width: 100%; height: 38px; line-height: 38px; padding: 0 15px; vertical-align: middle; color: #282828; white-space: nowrap; display: inline-block; } .select .select-menu a:hover { background: #f3f3f3; cursor: pointer; text-decoration: none; } .select.active .select-title .icon { -webkit-transform: rotateZ(-180deg); -ms-transform: rotate(-180deg); transform: rotateZ(-180deg); } .select.active .select-menu { top: 30px; opacity: 1; visibility: visible; -webkit-transition-delay: 0s, 0s, 0s; -o-transition-delay: 0s, 0s, 0s; transition-delay: 0s, 0s, 0s; } /*-------------------------------------------------------------- ### Scroll top button --------------------------------------------------------------*/ .scroll-top { color: #888; height: 50px; width: 50px; line-height: 45px; border: 1px solid #888; -webkit-border-radius: 100%; border-radius: 100%; text-align: center; position: fixed; right: 40px; bottom: 100px; z-index: 1000; display: none; -webkit-transition: none; -o-transition: none; transition: none; } .scroll-top img { width: 11px; vertical-align: middle; } .scroll-top:hover { opacity: .7; } /*-------------------------------------------------------------- ### Categories --------------------------------------------------------------*/ div.category > a, div.category > span, a.category { background: none; color: rgba(0, 0, 0, 0.4); border: none; margin: 0; padding: 0; font-size: 0.95rem; font-weight: 400; font-style: normal; text-transform: none; display: inline-block; } div.category > a:hover, div.category > span:hover, a.category:hover { opacity: .7; } div.category > span:hover { opacity: 1; } div.category { color: rgba(0, 0, 0, 0.4); display: inline-block; } /*-------------------------------------------------------------- ### Tags --------------------------------------------------------------*/ div.tag, span.tag, a.tag, .tag-wrap a, a[class^="tag-link-"], .time-interval { background: transparent; color: #282828; border: 1px solid #282828; -webkit-border-radius: 15px; border-radius: 15px; padding: 0px 14px; line-height: 1; height: 30px; margin-top: 5px; margin-right: 5px; font-size: 0.75rem !important; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; } a.tag:hover, .tag-wrap a:hover, a[class^="tag-link-"]:hover { border-color: #174EE2; color: #174EE2; } /*-------------------------------------------------------------- ### Hamburger --------------------------------------------------------------*/ .hamburger { width: 20px; height: 14px; border: 2px solid currentColor; border-left: none; border-right: none; display: inline-block; position: relative; cursor: pointer; } .hamburger:after { content: ''; width: 20px; height: 0px; border: inherit; border-top: none; position: absolute; top: 4px; left: 0; cursor: pointer; } /*-------------------------------------------------------------- ### Preloader --------------------------------------------------------------*/ .preloader { background-color: #fff; height: 100vh; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 999999; position: fixed; top: 0; left: 0; -webkit-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; -webkit-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; transition-property: opacity, visibility; } .preloader.mobile-preloader { visibility: hidden; opacity: 0; } .preloader.page-preloader { visibility: visible; opacity: 1; } @media screen and (max-width: 768px) { .preloader.page-preloader { visibility: hidden; opacity: 0; } .preloader.mobile-preloader { visibility: visible; opacity: 1; } } .preloader .loader { width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-animation: typing 1s linear infinite alternate; animation: typing 1s linear infinite alternate; } .preloader .loader .la-ball-scale-pulse { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 3px; top: 3px; } .preloader.closed { opacity: 0; visibility: hidden; } [data-isotope-grid] { -webkit-transition: height .3s ease-in-out; -o-transition: height .3s ease-in-out; transition: height .3s ease-in-out; } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-beat, .la-ball-beat > div { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .la-ball-beat { display: block; font-size: 0; color: #fff; } .la-ball-beat.la-dark { color: #282828; } .la-ball-beat > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-beat { width: 54px; height: 18px; } .la-ball-beat > div { width: 10px; height: 10px; margin: 4px; -webkit-border-radius: 100%; border-radius: 100%; -webkit-animation: ball-beat .7s -.15s infinite linear; animation: ball-beat .7s -.15s infinite linear; } .la-ball-beat > div:nth-child(2n-1) { -webkit-animation-delay: -.5s; animation-delay: -.5s; } .la-ball-beat.la-sm { width: 26px; height: 8px; } .la-ball-beat.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-beat.la-2x { width: 108px; height: 36px; } .la-ball-beat.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-beat.la-3x { width: 162px; height: 54px; } .la-ball-beat.la-3x > div { width: 30px; height: 30px; margin: 12px; } /* * Animation */ @-webkit-keyframes ball-beat { 50% { opacity: .2; -webkit-transform: scale(0.75); transform: scale(0.75); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes ball-beat { 50% { opacity: .2; -webkit-transform: scale(0.75); transform: scale(0.75); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-fall, .la-ball-fall > div { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .la-ball-fall { display: block; font-size: 0; color: #fff; } .la-ball-fall.la-dark { color: #282828; } .la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-fall { width: 54px; height: 18px; } .la-ball-fall > div { width: 10px; height: 10px; margin: 4px; -webkit-border-radius: 100%; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; animation-delay: 0ms; } .la-ball-fall.la-sm { width: 26px; height: 8px; } .la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-fall.la-2x { width: 108px; height: 36px; } .la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-fall.la-3x { width: 162px; height: 54px; } .la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; } /* * Animation */ @-webkit-keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); } } @keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); } } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-scale-pulse, .la-ball-scale-pulse > div { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .la-ball-scale-pulse { display: block; font-size: 0; color: #fff; } .la-ball-scale-pulse.la-dark { color: #282828; } .la-ball-scale-pulse > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-scale-pulse { width: 32px; height: 32px; } .la-ball-scale-pulse > div { position: absolute; top: 0; left: 0; width: 32px; height: 32px; -webkit-border-radius: 100%; border-radius: 100%; opacity: .5; -webkit-animation: ball-scale-pulse 2s infinite ease-in-out; animation: ball-scale-pulse 2s infinite ease-in-out; } .la-ball-scale-pulse > div:last-child { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .la-ball-scale-pulse.la-sm { width: 16px; height: 16px; } .la-ball-scale-pulse.la-sm > div { width: 16px; height: 16px; } .la-ball-scale-pulse.la-2x { width: 64px; height: 64px; } .la-ball-scale-pulse.la-2x > div { width: 64px; height: 64px; } .la-ball-scale-pulse.la-3x { width: 96px; height: 96px; } .la-ball-scale-pulse.la-3x > div { width: 96px; height: 96px; } /* * Animation */ @-webkit-keyframes ball-scale-pulse { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes ball-scale-pulse { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-scale-ripple, .la-ball-scale-ripple > div { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .la-ball-scale-ripple { display: block; font-size: 0; color: #fff; } .la-ball-scale-ripple.la-dark { color: #282828; } .la-ball-scale-ripple > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-scale-ripple { width: 32px; height: 32px; } .la-ball-scale-ripple > div { width: 32px; height: 32px; background: transparent; border-width: 2px; -webkit-border-radius: 100%; border-radius: 100%; opacity: 0; -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); } .la-ball-scale-ripple.la-sm { width: 16px; height: 16px; } .la-ball-scale-ripple.la-sm > div { width: 16px; height: 16px; border-width: 1px; } .la-ball-scale-ripple.la-2x { width: 64px; height: 64px; } .la-ball-scale-ripple.la-2x > div { width: 64px; height: 64px; border-width: 4px; } .la-ball-scale-ripple.la-3x { width: 96px; height: 96px; } .la-ball-scale-ripple.la-3x > div { width: 96px; height: 96px; border-width: 6px; } /* * Animation */ @-webkit-keyframes ball-scale-ripple { 0% { opacity: 1; -webkit-transform: scale(0.1); transform: scale(0.1); } 70% { opacity: .65; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; } } @keyframes ball-scale-ripple { 0% { opacity: 1; -webkit-transform: scale(0.1); transform: scale(0.1); } 70% { opacity: .65; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; } } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-line-scale, .la-line-scale > div { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .la-line-scale { display: block; font-size: 0; color: #fff; } .la-line-scale.la-dark { color: #282828; } .la-line-scale > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-line-scale { width: 40px; height: 32px; } .la-line-scale > div { width: 4px; height: 32px; margin: 2px; margin-top: 0; margin-bottom: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-animation: line-scale 1.2s infinite ease; animation: line-scale 1.2s infinite ease; } .la-line-scale > div:nth-child(1) { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; } .la-line-scale > div:nth-child(2) { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .la-line-scale > div:nth-child(3) { -webkit-animation-delay: -1s; animation-delay: -1s; } .la-line-scale > div:nth-child(4) { -webkit-animation-delay: -.9s; animation-delay: -.9s; } .la-line-scale > div:nth-child(5) { -webkit-animation-delay: -.8s; animation-delay: -.8s; } .la-line-scale.la-sm { width: 20px; height: 16px; } .la-line-scale.la-sm > div { width: 2px; height: 16px; margin: 1px; margin-top: 0; margin-bottom: 0; } .la-line-scale.la-2x { width: 80px; height: 64px; } .la-line-scale.la-2x > div { width: 8px; height: 64px; margin: 4px; margin-top: 0; margin-bottom: 0; } .la-line-scale.la-3x { width: 120px; height: 96px; } .la-line-scale.la-3x > div { width: 12px; height: 96px; margin: 6px; margin-top: 0; margin-bottom: 0; } /* * Animation */ @-webkit-keyframes line-scale { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes line-scale { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-line-scale, .la-line-scale > div { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .la-line-scale { display: block; font-size: 0; color: #fff; } .la-line-scale.la-dark { color: #282828; } .la-line-scale > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-line-scale { width: 40px; height: 32px; } .la-line-scale > div { width: 4px; height: 32px; margin: 2px; margin-top: 0; margin-bottom: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-animation: line-scale 1.2s infinite ease; animation: line-scale 1.2s infinite ease; } .la-line-scale > div:nth-child(1) { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; } .la-line-scale > div:nth-child(2) { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .la-line-scale > div:nth-child(3) { -webkit-animation-delay: -1s; animation-delay: -1s; } .la-line-scale > div:nth-child(4) { -webkit-animation-delay: -.9s; animation-delay: -.9s; } .la-line-scale > div:nth-child(5) { -webkit-animation-delay: -.8s; animation-delay: -.8s; } .la-line-scale.la-sm { width: 20px; height: 16px; } .la-line-scale.la-sm > div { width: 2px; height: 16px; margin: 1px; margin-top: 0; margin-bottom: 0; } .la-line-scale.la-2x { width: 80px; height: 64px; } .la-line-scale.la-2x > div { width: 8px; height: 64px; margin: 4px; margin-top: 0; margin-bottom: 0; } .la-line-scale.la-3x { width: 120px; height: 96px; } .la-line-scale.la-3x > div { width: 12px; height: 96px; margin: 6px; margin-top: 0; margin-bottom: 0; } /* * Animation */ @-webkit-keyframes line-scale { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes line-scale { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-line-spin-clockwise-fade, .la-line-spin-clockwise-fade > div { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .la-line-spin-clockwise-fade { display: block; font-size: 0; color: #fff; } .la-line-spin-clockwise-fade.la-dark { color: #282828; } .la-line-spin-clockwise-fade > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-line-spin-clockwise-fade { width: 32px; height: 32px; } .la-line-spin-clockwise-fade > div { position: absolute; width: 2px; height: 10px; margin: 2px; margin-top: -5px; margin-left: -1px; -webkit-border-radius: 0; border-radius: 0; -webkit-animation: line-spin-clockwise-fade 1s infinite ease-in-out; animation: line-spin-clockwise-fade 1s infinite ease-in-out; } .la-line-spin-clockwise-fade > div:nth-child(1) { top: 15%; left: 50%; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-delay: -.875s; animation-delay: -.875s; } .la-line-spin-clockwise-fade > div:nth-child(2) { top: 25.2512626585%; left: 74.7487373415%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation-delay: -.75s; animation-delay: -.75s; } .la-line-spin-clockwise-fade > div:nth-child(3) { top: 50%; left: 85%; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-delay: -.625s; animation-delay: -.625s; } .la-line-spin-clockwise-fade > div:nth-child(4) { top: 74.7487373415%; left: 74.7487373415%; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-animation-delay: -.5s; animation-delay: -.5s; } .la-line-spin-clockwise-fade > div:nth-child(5) { top: 84.9999999974%; left: 50.0000000004%; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -.375s; animation-delay: -.375s; } .la-line-spin-clockwise-fade > div:nth-child(6) { top: 74.7487369862%; left: 25.2512627193%; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); -webkit-animation-delay: -.25s; animation-delay: -.25s; } .la-line-spin-clockwise-fade > div:nth-child(7) { top: 49.9999806189%; left: 15.0000039834%; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-delay: -.125s; animation-delay: -.125s; } .la-line-spin-clockwise-fade > div:nth-child(8) { top: 25.2506949798%; left: 25.2513989292%; -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg); -webkit-animation-delay: 0s; animation-delay: 0s; } .la-line-spin-clockwise-fade.la-sm { width: 16px; height: 16px; } .la-line-spin-clockwise-fade.la-sm > div { width: 1px; height: 4px; margin-top: -2px; margin-left: 0; } .la-line-spin-clockwise-fade.la-2x { width: 64px; height: 64px; } .la-line-spin-clockwise-fade.la-2x > div { width: 4px; height: 20px; margin-top: -10px; margin-left: -2px; } .la-line-spin-clockwise-fade.la-3x { width: 96px; height: 96px; } .la-line-spin-clockwise-fade.la-3x > div { width: 6px; height: 30px; margin-top: -15px; margin-left: -3px; } /* * Animation */ @-webkit-keyframes line-spin-clockwise-fade { 50% { opacity: .2; } 100% { opacity: 1; } } @keyframes line-spin-clockwise-fade { 50% { opacity: .2; } 100% { opacity: 1; } } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-clip-rotate, .la-ball-clip-rotate > div { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .la-ball-clip-rotate { display: block; font-size: 0; color: #fff; } .la-ball-clip-rotate.la-dark { color: #282828; } .la-ball-clip-rotate > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-clip-rotate { width: 32px; height: 32px; } .la-ball-clip-rotate > div { width: 32px; height: 32px; background: transparent; border-width: 2px; border-bottom-color: transparent; -webkit-border-radius: 100%; border-radius: 100%; -webkit-animation: ball-clip-rotate .75s linear infinite; animation: ball-clip-rotate .75s linear infinite; } .la-ball-clip-rotate.la-sm { width: 16px; height: 16px; } .la-ball-clip-rotate.la-sm > div { width: 16px; height: 16px; border-width: 1px; } .la-ball-clip-rotate.la-2x { width: 64px; height: 64px; } .la-ball-clip-rotate.la-2x > div { width: 64px; height: 64px; border-width: 4px; } .la-ball-clip-rotate.la-3x { width: 96px; height: 96px; } .la-ball-clip-rotate.la-3x > div { width: 96px; height: 96px; border-width: 6px; } /* * Animation */ @-webkit-keyframes ball-clip-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ball-clip-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-square-loader, .la-square-loader > div { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .la-square-loader { display: block; font-size: 0; color: #fff; } .la-square-loader.la-dark { color: #282828; } .la-square-loader > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-square-loader { width: 32px; height: 32px; } .la-square-loader > div { width: 100%; height: 100%; background: transparent; border-width: 2px; -webkit-border-radius: 0; border-radius: 0; -webkit-animation: square-loader 2s infinite ease; animation: square-loader 2s infinite ease; } .la-square-loader > div:after { display: inline-block; width: 100%; vertical-align: top; content: ""; background-color: currentColor; -webkit-animation: square-loader-inner 2s infinite ease-in; animation: square-loader-inner 2s infinite ease-in; } .la-square-loader.la-sm { width: 16px; height: 16px; } .la-square-loader.la-sm > div { border-width: 1px; } .la-square-loader.la-2x { width: 64px; height: 64px; } .la-square-loader.la-2x > div { border-width: 4px; } .la-square-loader.la-3x { width: 96px; height: 96px; } .la-square-loader.la-3x > div { border-width: 6px; } /* * Animations */ @-webkit-keyframes square-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 75% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes square-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 75% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes square-loader-inner { 0% { height: 0; } 25% { height: 0; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0; } } @keyframes square-loader-inner { 0% { height: 0; } 25% { height: 0; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0; } } /*-------------------------------------------------------------- ## Pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .byline, .updated:not(.published) { display: none; } .site-content { background: #fff; overflow: hidden; } /*-------------------------------------------------------------- ## Error page --------------------------------------------------------------*/ .page-error { max-width: 800px; padding: 80px 0 80px; margin: 0 auto; text-align: center; } .page-error .icon-shape { background: #f3f3f3; width: 110px; height: 110px; line-height: 115px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; vertical-align: top; font-size: 40px; display: inline-block; } .page-error .icon-shape i { color: #282828; vertical-align: 0; } .page-error .page-error-content { width: 100%; text-align: center; padding: 20px 25px 0; position: relative; } .page-error h1.title { color: rgba(0, 0, 0, 0.05); width: 100%; text-align: center; font-size: 220px; letter-spacing: -0.05em; position: absolute; top: -110px; left: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .page-error h3, .page-error p, .page-error a.btn { position: relative; z-index: 2; } .page-error h3 { margin-top: 4px; font-size: 18px; } .page-error a, .page-error a:visited { margin-top: 25px; } .page-error form.search { margin: 100px auto 0; max-width: 500px; padding: 0 15px; position: relative; z-index: 2; } .page-error form.search button { background: transparent; border: none; padding: 5px; margin: 0; color: #343436; position: absolute; top: 8px; right: 15px; font-size: 1rem; } .page-error form.search button:hover { opacity: .8; } .page-error a.btn { margin-top: 60px; } @media screen and (max-width: 768px) { .page-error { padding: 30px 0 80px; } } .error-404 .page-error { padding-top: 120px; } .no-result { text-align: center; overflow: hidden; padding-bottom: 20px; } .no-result h1 { font-size: 18px; font-weight: 600; margin: 20px 0 8px; } .no-result p { margin-top: 0; color: #616161; } .no-result form.search { margin-top: 25px; } /*-------------------------------------------------------------- ## Authorization page --------------------------------------------------------------*/ .page-auth { background: #444 url("./images/bg-full.jpg"); -webkit-background-size: cover; background-size: cover; background-position: center center; width: 100%; height: 100%; position: relative; } .page-auth:before { content: ''; background: rgba(52, 52, 54, 0.75); width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .page-auth .page-auth-wrap { text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .page-auth .page-auth-wrap form { background: #ffffff; width: 460px; margin: 0 auto; padding: 60px; } .page-auth .page-auth-wrap form input { margin-bottom: 15px; } .page-auth .page-auth-wrap form button.btn { margin-top: 0px; } .post-password-form { margin: 90px 0; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery-caption { font-weight: 600; } .custom-gallery { background: #111; width: 100%; height: 100%; text-align: center; position: fixed; top: 0; left: 0; visibility: hidden; opacity: 0; -webkit-transition-property: visibility, opacity; -o-transition-property: visibility, opacity; transition-property: visibility, opacity; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; z-index: 999999; } .custom-gallery.open { visibility: visible; opacity: 1; } .custom-gallery.open .close { visibility: visible; } .custom-gallery .slider { width: -webkit-calc(100% - 100px); width: calc(100% - 100px); height: -webkit-calc(100% - 170px); height: calc(100% - 170px); position: absolute; top: 0; left: 50px; margin-top: 50px; visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .custom-gallery .slider .owl-stage-outer { height: 100%; } .custom-gallery .slider .owl-stage { height: 100%; position: relative; } .custom-gallery .slider .owl-stage .owl-item { width: 100%; height: 100%; text-align: center; position: relative; } .custom-gallery .slider .owl-stage .owl-item > div { height: 100%; line-height: -webkit-calc(100vh - 140px); line-height: calc(100vh - 140px); } .custom-gallery .slider .owl-stage .owl-item img { max-height: 100%; } .custom-gallery .slider .owl-stage .owl-item .gallery-description { width: 100%; height: auto; padding: 25px 0 5px; position: absolute; bottom: 0; } .custom-gallery .slider .owl-stage .owl-item .gallery-description h3 { color: #fff; text-align: center; font-size: 1rem; width: 50%; margin: 0 auto; } .custom-gallery .slider .owl-stage .owl-item .gallery-description p { margin-top: 5px; width: 50%; } .custom-gallery .slider .thumbs { max-width: 100%; min-height: 100px; display: inline-block; overflow-x: auto; overflow-y: visible; padding-top: 10px; } .custom-gallery .slider .thumbs::-webkit-scrollbar { background: rgba(255, 255, 255, 0.1); height: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .custom-gallery .slider .thumbs::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1); height: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .custom-gallery .slider .thumbs::-webkit-scrollbar-thumb:hover, .custom-gallery .slider .thumbs::-webkit-scrollbar-thumb:active { background: rgba(255, 255, 255, 0.2); } .custom-gallery .slider .thumbs img { height: 60px; margin: 0 5px; border: 1px solid transparent; vertical-align: middle; display: inline-block; cursor: pointer; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transition-property: border-color, opacity, -webkit-transform; transition-property: border-color, opacity, -webkit-transform; -o-transition-property: border-color, transform, opacity; transition-property: border-color, transform, opacity; transition-property: border-color, transform, opacity, -webkit-transform; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; } .custom-gallery .slider .thumbs img.showed { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .custom-gallery .slider .thumbs img.active { border-color: rgba(255, 255, 255, 0.8); } .custom-gallery .slider .thumbs img:hover { border-color: rgba(255, 255, 255, 0.4); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); } .custom-gallery .expand, .custom-gallery .close { color: #fff; width: 70px; height: 70px; line-height: 72px; text-align: center; vertical-align: middle; font-size: 44px; position: fixed; top: 25px; right: 25px; z-index: 80; cursor: pointer; opacity: .7; -webkit-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } .custom-gallery .expand:hover, .custom-gallery .close:hover { opacity: 1; } .custom-gallery .expand { left: 25px; font-size: 24px; } .custom-gallery.gallery-light { background: #fff; } .custom-gallery.gallery-light .slider .owl-item .gallery-description h3 { color: #343436; } .custom-gallery.gallery-light .slider .thumbs::-webkit-scrollbar { background: rgba(0, 0, 0, 0.1); } .custom-gallery.gallery-light .slider .thumbs::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.1); } .custom-gallery.gallery-light .slider .thumbs::-webkit-scrollbar-thumb:hover, .custom-gallery.gallery-light .slider .thumbs::-webkit-scrollbar-thumb:active { background: rgba(0, 0, 0, 0.2); } .custom-gallery.gallery-light .slider .thumbs img.active { border-color: rgba(0, 0, 0, 0.8); } .custom-gallery.gallery-light .slider .thumbs img:hover { border-color: rgba(0, 0, 0, 0.4); } .custom-gallery.gallery-light .close { color: #d9d9d9; } .custom-gallery.gallery-light .close:hover { color: #5a5a5a; } @media screen and (max-width: 768px) { .custom-gallery .slider .owl-stage .owl-item img { height: auto; } } .norebro-gallery-sc .vc_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gallery-tmpimage { position: fixed; z-index: 9999999; -webkit-transition: 0.35s cubic-bezier(0.4, 0.7, 0.4, 1); -o-transition: 0.35s cubic-bezier(0.4, 0.7, 0.4, 1); transition: 0.35s cubic-bezier(0.4, 0.7, 0.4, 1); -webkit-transition-property: width, height, margin, left, top; -o-transition-property: width, height, margin, left, top; transition-property: width, height, margin, left, top; } .gallery-tmpimage.active { left: 50%; top: 40px; } .gallery-image .wrap { position: relative; overflow: hidden; } .gallery-image img { width: 100%; cursor: pointer; display: block; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; } .gallery-image .metro-image { background-repeat: no-repeat; padding-top: 100%; background-position: center; -webkit-background-size: cover; background-size: cover; } .gallery-image .metro-image-hidden { position: absolute; z-index: -1; top: 0px; left: 0px; } .gallery-image .overlay { background: rgba(40, 40, 40, 0.7); width: -webkit-calc(100% - 50px); width: calc(100% - 50px); height: -webkit-calc(100% - 50px); height: calc(100% - 50px); top: 25px; left: 25px; opacity: 0; cursor: pointer; -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } .gallery-image .overlay h4 { color: #fff; margin: 0; font-size: 1rem; font-weight: 600; } .gallery-image .overlay.with-title { width: 100%; height: 100%; left: 0; top: 0; } .gallery-image .overlay.with-title .wrap { vertical-align: bottom; text-align: left; padding: 20px 25px; } .gallery-image .overlay.with-title .wrap .icon { background: #282828; width: 55px; height: 55px; margin: -23px 0 0 -23px; -webkit-border-radius: 50px; border-radius: 50px; line-height: 57px; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; -o-transition: transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; } .gallery-image .overlay .icon { color: #fff; font-size: 36px; vertical-align: -9px; margin-left: 15px; } .gallery-image:hover img { -webkit-transform: scale(1.05) rotate(0.03deg); -ms-transform: scale(1.05) rotate(0.03deg); transform: scale(1.05) rotate(0.03deg); } .gallery-image:hover .overlay { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .gallery-image:hover.with-title .wrap .icon { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .gallery-image .gallery-description { display: none; } @media screen and (max-width: 768px) { .gallery { overflow-y: scroll; min-height: 100vh; } .gallery .slider { width: -webkit-calc(100% - 50px); width: calc(100% - 50px); min-height: -webkit-calc(100vh - 35px); min-height: calc(100vh - 35px); margin: 30px 10px; left: 15px; } .gallery .slider .owl-stage-outer { height: -webkit-calc(100% - 60px); height: calc(100% - 60px); } .gallery .slider .owl-stage .image-wrap { height: -webkit-calc(100% - 40px); height: calc(100% - 40px); } .gallery .slider .owl-stage .owl-item img { height: auto; vertical-align: middle; } .gallery .slider .owl-stage .owl-item .gallery-description { padding: 15px 0px 0px; } .gallery .slider .owl-stage .owl-item .gallery-description .title { font-size: 0.95rem; } .gallery .slider .owl-stage .owl-item .gallery-description h3, .gallery .slider .owl-stage .owl-item .gallery-description p { width: 100%; } .gallery .slider .thumbs .gimg { height: 45px; } .gallery .owl-nav .owl-prev { left: 0px !important; } .gallery .owl-nav .owl-next { right: 0px !important; } .gallery .expand, .gallery .close { width: 25px; height: 25px; top: 0; right: 20px; } .gallery .expand { right: auto; left: 20px; } } /*-------------------------------------------------------------- ## Portfolio gallery --------------------------------------------------------------*/ .portfolio-gallery { background: #fff; width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; -o-transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); z-index: 99999; } .portfolio-gallery .slider, .portfolio-gallery .gallery-content { width: 50%; height: 100%; position: absolute; top: 0; } .portfolio-gallery .slider { left: 0; padding: 0; z-index: 2; } .portfolio-gallery .slider div.portfolio-img, .portfolio-gallery .slider .owl-item div { -webkit-background-size: cover; background-size: cover; background-position: 50%; width: auto; min-width: auto; height: 100%; } .portfolio-gallery .slider .owl-stage-outer, .portfolio-gallery .slider .owl-stage, .portfolio-gallery .slider .owl-item { height: 100%; } .portfolio-gallery .slider .owl-stage-outer { padding-top: 0; margin-top: 0; } .portfolio-gallery .slider .owl-nav { position: absolute; right: 40px; bottom: 40px; } .portfolio-gallery .slider .owl-nav .owl-prev, .portfolio-gallery .slider .owl-nav .owl-next { background-color: rgba(30, 30, 30, 0.7); display: inline-block; margin-right: 10px; height: 50px; line-height: 54px; text-align: center; cursor: pointer; width: 50px; color: #fff; -webkit-border-radius: 50%; border-radius: 50%; font-size: 25px; -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.07); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.07); } .portfolio-gallery .slider .owl-nav .owl-prev:hover, .portfolio-gallery .slider .owl-nav .owl-next:hover { opacity: .8; -webkit-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; } .portfolio-gallery .slider .owl-dots { background: #fff; width: auto; padding: 10px 14px; margin: 0; position: absolute; -webkit-border-radius: 100px; border-radius: 100px; right: 0; top: 50%; -webkit-transform: translateY(-50%) translateX(50%); -ms-transform: translateY(-50%) translateX(50%); transform: translateY(-50%) translateX(50%); } .portfolio-gallery .slider .owl-dots.disabled { display: none; } .portfolio-gallery .slider .owl-dot { border-color: transparent; margin: 5px 0; display: block; } .portfolio-gallery .slider .owl-dot:after { background: #282828; } .portfolio-gallery .slider .owl-dot.active { border-color: #282828; } .portfolio-gallery .gallery-content { right: 0; padding: 30px 8%; } .portfolio-gallery .gallery-content h2, .portfolio-gallery .gallery-content .tag, .portfolio-gallery .gallery-content .description, .portfolio-gallery .gallery-content .info, .portfolio-gallery .gallery-content .view-project { -webkit-transition: 0.4s cubic-bezier(0.13, 0.19, 0.34, 0.96); -o-transition: 0.4s cubic-bezier(0.13, 0.19, 0.34, 0.96); transition: 0.4s cubic-bezier(0.13, 0.19, 0.34, 0.96); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); opacity: 0; } .portfolio-gallery .gallery-content .tag { background: #174EE2; color: #fff; border-color: #174EE2; -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } .portfolio-gallery .gallery-content h2 { font-size: 42px; font-weight: 600; line-height: 1.3; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .portfolio-gallery .gallery-content .description { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; color: #9a9a9a; font-weight: 300; } .portfolio-gallery .gallery-content .description p { color: inherit; } .portfolio-gallery .gallery-content .info { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; } .portfolio-gallery .gallery-content .info .title { color: #888; border-bottom-color: #ebebeb; } .portfolio-gallery .gallery-content .info p { color: #636363; font-weight: 300; } .portfolio-gallery .gallery-content .info p a { color: inherit; } .portfolio-gallery .gallery-content .view-project { color: #282828; margin-top: 15px; font-weight: 600; line-height: 2; font-size: 1rem; -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; } .portfolio-gallery .gallery-content .date { color: rgba(40, 40, 40, 0.2); font-size: 68px; font-weight: 600; position: absolute; bottom: 20px; left: 16%; } .portfolio-gallery .gallery-close { background: #fff; width: 46px; height: 46px; font-size: 40px; line-height: 50px; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 20px; right: 20px; z-index: 99; cursor: pointer; -webkit-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out; } .portfolio-gallery .gallery-close:hover { opacity: .5; } .portfolio-gallery .portfolio-img { display: none; } .portfolio-gallery.open { opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; } .portfolio-gallery.open .portfolio-img { display: block; } .portfolio-gallery.open .tag, .portfolio-gallery.open h2, .portfolio-gallery.open .description, .portfolio-gallery.open .info, .portfolio-gallery.open .view-project { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .portfolio-gallery.gallery-dark { background: #282828; } .portfolio-gallery.gallery-dark .gallery-close { background: transparent; color: #fff; -webkit-box-shadow: none; box-shadow: none; position: fixed; } .portfolio-gallery.gallery-dark .slider .owl-dots { background: #282828; } .portfolio-gallery.gallery-dark .slider .owl-dots .owl-dot:after { background: #fff; } .portfolio-gallery.gallery-dark .slider .owl-dots .owl-dot.active { border-color: #fff; } .portfolio-gallery.gallery-dark .date { color: #444; } .portfolio-gallery.gallery-dark .tag { background: transparent; color: #fff; border-color: #fff; } .portfolio-gallery.gallery-dark h2 { color: #fff; } .portfolio-gallery.gallery-dark .info .title { color: #fff; border-bottom-color: rgba(255, 255, 255, 0.15); } .portfolio-gallery.gallery-dark .info p { color: rgba(255, 255, 255, 0.5); } .portfolio-gallery.gallery-dark .view-project { color: #fff; } @media screen and (max-width: 1024px) and (min-width: 769px) { .portfolio-gallery .gallery-content { right: 0; padding: 40px; } .portfolio-gallery .gallery-content h2 { font-size: 36px; line-height: 46px; } } @media screen and (max-width: 768px) { html.scroll-hidden, html.scroll-hidden body { overflow: hidden; } .portfolio-gallery { overflow-y: scroll; overflow-x: hidden; opacity: 0.6; } .portfolio-gallery.gallery-dark .gallery-close { background: #fff; color: #444; -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.07); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.07); } .portfolio-gallery .gallery-content h2 { font-size: 28px; } .portfolio-gallery .slider, .portfolio-gallery .gallery-content { width: 100%; height: auto; position: relative; } .portfolio-gallery .slider { height: 300px; } .portfolio-gallery .slider .owl-dots { top: 100%; left: 50%; padding: 6px 8px; right: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portfolio-gallery .slider .owl-dots .owl-dot { display: inline-block; margin: 0 2px; vertical-align: middle; } .portfolio-gallery .slider .owl-nav { right: 20px; left: 20px; bottom: 20px; } .portfolio-gallery .slider .owl-nav .owl-prev, .portfolio-gallery .slider .owl-nav .owl-next { background-color: #fff; height: 46px; line-height: 50px; width: 46px; color: #444; margin: 0px; } .portfolio-gallery .slider .owl-nav .owl-next { float: right; } .portfolio-gallery .content .info-list li { width: 100%; max-width: auto; } } /*-------------------------------------------------------------- ## Popup --------------------------------------------------------------*/ .popup { width: 100%; height: 100%; position: fixed; top: 10px; left: 0; z-index: 9999999; opacity: 0; visibility: hidden; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: top, visibility, opacity; -o-transition-property: top, visibility, opacity; transition-property: top, visibility, opacity; } .popup .popup-close { color: #a5a19d; width: 50px; height: 50px; line-height: 50px; text-align: center; vertical-align: middle; font-size: 54px; position: absolute; top: 0px; right: 25px; opacity: 0; z-index: 1; cursor: pointer; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: color, opacity, top; -o-transition-property: color, opacity, top; transition-property: color, opacity, top; } .popup .popup-close:hover { color: #ffffff; } .popup .popup-close.light:hover { color: #343436; } .popup.active { visibility: visible; opacity: 1; top: 0; } .popup.active .popup-close { top: 25px; opacity: 1; } /*-------------------------------------------------------------- ## Breadcrumbs --------------------------------------------------------------*/ .breadcrumbs { width: 100%; padding: 26px 0; font-family: "Poppins", sans-serif; font-size: 0.9rem; } .breadcrumbs a { line-height: 25px; } .breadcrumbs a:hover { text-decoration: none; } .breadcrumbs-slug { position: relative; z-index: 3; margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .breadcrumbs-slug li { list-style: none; padding: 0; } .breadcrumbs-slug li .active { font-weight: 600; } .breadcrumbs-slug li > a, .breadcrumbs-slug li > span { margin: 0 6px; } .breadcrumbs-slug li:first-child a { margin-left: 0; } .breadcrumbs-slug li:last-child a { margin-right: 0; } .breadcrumbs-slug i { margin: -3px 8px 0; } .breadcrumbs .result { display: inline-block; margin-right: 10px; } .breadcrumbs form, .breadcrumbs p { display: inline; } @media screen and (max-width: 768px) { .breadcrumbs .page-container { padding: 0 10px; } .breadcrumbs .left, .breadcrumbs .right { width: 100%; padding-top: 0px; clear: both; } .breadcrumbs .left + .right { margin-top: 20px; } .breadcrumbs .result { margin: 0 15px 0 0; } .breadcrumbs .select { margin: 0 0px 0 0; } .breadcrumbs .select .select-title { text-align: left; padding-left: 0; } } .breadcrumbs-container + .page-container.offset-top { margin-top: 0; } .filterbar { background: #fff; color: #5a5a5a; width: 100%; padding: 0 15px; line-height: 90px; vertical-align: middle; font-size: 0.9rem; } .filterbar:after { content: ''; display: table; clear: both; } .filterbar .breadcrumbs { padding: 0; margin: 0; list-style: none; } .filterbar .breadcrumbs li { float: left; color: #888888; } .filterbar .breadcrumbs li a { color: #5a5a5a; } .filterbar .breadcrumbs li a:hover { color: #888888; } .filterbar .breadcrumbs li:before { content: '/'; margin: 0 3px; } .filterbar .breadcrumbs li:first-child:before { content: ''; margin: 0; } .filterbar .result { color: #888888; display: inline-block; } .filterbar .right > *:last-child { padding-right: 0; margin-right: 0; } /*-------------------------------------------------------------- ## Paginator --------------------------------------------------------------*/ nav.pagination { margin: 30px 0; font-size: 15px; font-weight: 600; font-family: "Poppins", sans-serif; word-spacing: -.2em; cursor: default; } nav.pagination li { word-spacing: normal; margin: 0; display: inline-block; text-align: inherit; } nav.pagination li .page-numbers { padding: 4px 10px; display: block; } nav.pagination li:first-child a:not(.prev) { margin-left: -8px; } nav.pagination li a.hover-underline:before { background: currentColor !important; width: -webkit-calc(100% - 20px); width: calc(100% - 20px); background: #174EE2; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); left: 10px; } nav.pagination li a.hover-underline:hover:before { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } nav.pagination li a.page-numbers { font-family: inherit; } nav.pagination li a.page-numbers.active { color: #174EE2; cursor: default; } nav.pagination li a.page-numbers.active:before { opacity: 1; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } nav.pagination li a.page-numbers.prev { margin-left: 20px; } nav.pagination li a.page-numbers.next { margin-right: 20px; } nav.pagination li a.page-numbers span { width: 20px; font-size: 20px; display: inline-block; position: absolute; top: 0; } nav.pagination li a.page-numbers span.icon-left { right: 100%; } nav.pagination li a.page-numbers span.icon-right { left: 100%; text-align: right; } .page-links { font-weight: 500; } .page-links a { padding: 4px 10px; } /*-------------------------------------------------------------- ## Structure --------------------------------------------------------------*/ .norebro-with-panel #page, .norebro-with-panel .site-footer { margin-left: 75px; } @media screen and (max-width: 1024px) and (min-width: 769px) { .norebro-with-panel #page, .norebro-with-panel .site-footer { margin-left: 70px; } } @media screen and (max-width: 1350px) and (min-width: 1024px) { .norebro-with-panel #page .page-container, .norebro-with-panel .site-footer .page-container { margin: 0 15px; } } .norebro-with-header-6 #page { margin-left: 280px; } .norebro-with-header-6.norebro-with-panel #page { margin-left: 359px; } @media screen and (max-width: 768px) { .norebro-with-header-6 #page, .norebro-with-header-6.norebro-with-panel #page, .norebro-with-panel #page, .norebro-with-panel .site-footer { margin-left: 0; } } .norebro-with-header-6 .site-footer { padding-left: 280px; } .norebro-with-header-6.norebro-with-panel .site-footer { padding-left: 359px; } @media screen and (max-width: 768px) { .norebro-with-header-6 #page, .norebro-with-header-6.norebro-with-panel #page, .norebro-with-panel #page, .norebro-with-panel .site-footer, .norebro-with-header-6 .site-footer { padding-left: 0; } } .page-container { max-width: 1326px; margin: 0 auto; padding: 0; position: relative; } .page-container.full { max-width: none; padding: 0 7%; } .page-container.without-breadcrumbs { margin-top: 80px; } .page-container.bottom-offset { margin-bottom: 80px; } .page-container:after { content: ''; clear: both; display: table; } @media screen and (max-width: 1440px) { .page-container { max-width: 1226px; } } @media screen and (max-width: 1024px) and (min-width: 769px) { .page-container { max-width: 898px; } } .boxed-container { max-width: 1326px; margin: 30px auto; z-index: 2; position: relative; overflow: hidden; } .page-content { width: 100%; float: left; padding: 0 15px; } .page-content.with-left-sidebar { width: 72%; padding-left: 45px; float: right; } .page-content.with-right-sidebar { width: 72%; padding-right: 45px; float: left; } #page { position: relative; } body.search .masonry-block > * { margin-bottom: 30px; } body.search .clear { margin-bottom: 0px; } @media screen and (max-width: 768px) { .page-container, .page-container.full { padding: 0 25px; } .page-container.without-breadcrumbs { margin-top: 30px; } .page-container.bottom-offset { margin-bottom: 30px; } .boxed-container { margin: 0; } .page-content, .page-content.with-right-sidebar, .page-content.with-left-sidebar { width: 100%; padding: 0; float: none; } } /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ #masthead { background: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.06); -webkit-box-sizing: content-box; box-sizing: content-box; width: 100%; height: 80px; line-height: 80px; vertical-align: middle; position: absolute; z-index: 61; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transition-property: color, height, line-height, opacity; -o-transition-property: color, height, line-height, opacity; transition-property: color, height, line-height, opacity; } #masthead a:hover, #masthead a.open, #masthead a.focus { opacity: .6; } #masthead .header-wrap { background: transparent; padding: 0 25px 0; position: relative; z-index: 1; } #masthead .header-wrap:after { content: ''; display: table; clear: both; } #masthead .header-wrap.page-container { padding: 0 15px; } #masthead .site-title, #masthead .site-title a { margin: 0; border: none; float: left; font-weight: 600; font-size: 26px; font-family: "Poppins", sans-serif; line-height: inherit; text-decoration: none; display: inline-block; } #masthead .site-title img, #masthead .site-title a img { max-height: 86px; vertical-align: middle; margin-top: -4px; -webkit-transition: max-height .4s ease-in-out; -o-transition: max-height .4s ease-in-out; transition: max-height .4s ease-in-out; } #masthead .site-branding, #masthead .site-title { float: left; position: relative; } #masthead .site-branding .site-description, #masthead .site-title .site-description { display: none; } #masthead .site-branding .logo, #masthead .site-title .logo { display: inline-block; } #masthead .site-branding .fixed-logo, #masthead .site-title .fixed-logo { display: none; } #masthead .site-branding img.svg-logo, #masthead .site-title img.svg-logo { max-height: 60px; } #masthead .fixed-logo, #masthead .mobile-logo, #masthead .fixed-mobile-logo { display: none; } #masthead.header-2 { background: #fff; } #masthead.header-3 { height: 60px; line-height: 60px; margin: 42px auto 20px; -webkit-border-radius: 3px; border-radius: 3px; border-width: 0px; } #masthead.header-3 .page-container { border-width: 0px; border-color: inherit; border-style: inherit; } #masthead.header-3 .header-wrap { background: #ffffff; height: 60px; padding: 0 20px; border: 1px; border-color: inherit; border-style: inherit; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 -15px; } #masthead.header-3 .site-title a img { max-height: 56px; } #masthead.header-3.with-header-cap { margin-top: 10px; } #masthead.header-3.with-header-cap.subheader-open { margin-top: 52px; } #masthead.header-3.subheader-open { margin-top: 56px; } #masthead.header-4 { height: 160px; margin: 0 auto; line-height: 80px; position: absolute; } #masthead.header-4 .header-wrap { height: 100%; padding: 0; } #masthead.header-4 .header-wrap.wrapped-container { margin: 0; } #masthead.header-4 .menu-wrap { line-height: 70px; } #masthead.header-4 .site-branding { width: 100%; height: 90px; border-bottom: 1px dotted; border-bottom-color: rgba(0, 0, 0, 0.1); float: none; text-align: center; overflow: hidden; -webkit-transition: height .2s ease-in-out; -o-transition: height .2s ease-in-out; transition: height .2s ease-in-out; } #masthead.header-4 .site-branding h1, #masthead.header-4 .site-branding .fixed-logo, #masthead.header-4 .site-branding .logo { float: none; } #masthead.header-4 .site-title a { display: inline-block; margin: 0 auto; float: none; } #masthead.header-4 .site-title a img { max-height: 92px; } #masthead.header-5 { text-align: center; } #masthead.header-5 h1.site-title { display: inline-block; clear: none; margin: 0 30px; } #masthead.header-5 .site-branding { text-align: center; float: left; position: relative; z-index: 11; } #masthead.header-5 .site-branding img { max-height: 90px; } #masthead.header-5 .site-branding .site-title, #masthead.header-5 .site-branding .site-title a { padding: 0; text-align: center; display: inline-block; } #masthead.header-5 .site-branding .site-title { opacity: 0; } #masthead.header-5 .menu-wrap:after { content: ''; display: block; clear: both; } #masthead.header-6 { background: #f7f7f7; width: 280px; min-height: 100%; border: none; border-right: 1px solid rgba(0, 0, 0, 0.08); position: fixed; top: 0; left: 0; z-index: 9; display: table; } #masthead.header-6 .header-wrap { padding: 0; height: 100%; display: table-cell; vertical-align: middle; width: 100%; } #masthead.header-6 .site-branding { width: 100%; padding: 10px 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); position: absolute; top: 0; } #masthead.header-6 .site-branding a { font-size: 25px; line-height: 60px; padding: 0; } #masthead.header-6 .socialbar { text-align: left; } #masthead.header-6 .socialbar a { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } #masthead .header-bottom { width: 100%; padding-bottom: 20px; position: absolute; bottom: 0; left: 0; z-index: 10; } #masthead .header-bottom p.copyright { color: #282828; text-align: left; padding: 0 40px; font-size: 0.9rem; line-height: 1.6; } #masthead.header-fixed { background: #fff; height: 65px; margin: 0; position: fixed; border-bottom: 1px solid transparent; top: 0; line-height: 64px; opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0, 0.9); -o-transition: 0.2s cubic-bezier(0.4, 0, 0, 0.9); transition: 0.2s cubic-bezier(0.4, 0, 0, 0.9); -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; -o-transition-property: transform, opacity, visibility; transition-property: transform, opacity, visibility; transition-property: transform, opacity, visibility, -webkit-transform; } #masthead.header-fixed.showed { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #masthead.header-fixed.no-transition { -webkit-transition: none; -o-transition: none; transition: none; } #masthead.header-fixed.with-header-cap { margin: 0; } #masthead.header-fixed.subheader-open { margin-top: 42px; } #masthead.header-fixed .site-title img, #masthead.header-fixed .site-title a img { max-height: 60px; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; } #masthead.header-fixed.header-4 { height: 120px; line-height: 60px; } #masthead.header-fixed.header-4 .menu-wrap { line-height: 60px; } #masthead.header-fixed.header-4 .site-branding { height: 60px; } #masthead.header-fixed .header-wrap { padding-top: 0; line-height: inherit; } #masthead.header-fixed .site-branding { top: 0; } #masthead.header-fixed .site-branding .site-title, #masthead.header-fixed .site-branding .site-title a { line-height: inherit; } #masthead.header-fixed .site-branding .site-title img, #masthead.header-fixed .site-branding .site-title a img { max-height: 60px; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; } #masthead .header-wrap.wrapped-container { padding: 0 15px; } @media screen and (max-width: 768px) { #masthead .logo.with-mobile { display: none; } #masthead .mobile-logo { display: inline; } } body.norebro-with-panel #masthead.header-6 { left: 79px; } @media screen and (max-width: 768px) { body.norebro-with-panel #masthead.header-6 { left: 0; } } .header-cap { width: 100%; height: 80px; } .header-cap.header-4 { height: 160px; } @media screen and (max-width: 768px) { .header-cap.header-4 { height: 95px; } } @media screen and (max-width: 768px) { .header-cap { height: 70px; } } .boxed-container .site-header .header-wrap { padding: 0 30px 0 30px; } .header-search { background: rgba(34, 34, 34, 0.97); width: 100%; height: 100%; position: fixed; top: 30px; left: 0; opacity: 0; z-index: 999; visibility: hidden; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transition-property: top, opacity, visibility; -o-transition-property: top, opacity, visibility; transition-property: top, opacity, visibility; } .header-search.opened { opacity: 1; visibility: visible; top: 0; } .header-search .close { width: 50px; height: 50px; line-height: 50px; font-size: 50px; position: absolute; top: 20px; right: 20px; color: rgba(255, 255, 255, 0.7); text-align: center; cursor: pointer; -webkit-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out; } .header-search .close:hover { color: #fff; } .header-search .search-wrap { width: 100%; position: absolute; top: 50%; left: 0; margin-top: -40px; } .header-search form { max-width: 700px; padding: 0 25px; margin: 0 auto; position: relative; } .header-search form input { background: transparent; color: #f4f4f4; height: 60px; line-height: 60px; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-size: 20px; font-family: "Poppins", sans-serif; -webkit-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; transition: .1s ease-in-out; -webkit-transition-property: border-color, color; -o-transition-property: border-color, color; transition-property: border-color, color; } .header-search form input:focus { color: #fff; border-color: #174EE2; } .header-search form input::-webkit-input-placeholder { color: #fff; } .header-search form input::-moz-placeholder { color: #fff; } .header-search form input:-ms-input-placeholder { color: #fff; } .header-search form input::-ms-input-placeholder { color: #fff; } .header-search form input::placeholder { color: #fff; } .header-search form button { background: transparent; color: rgba(255, 255, 255, 0.8); width: 60px; height: 60px; border: none; font-size: 23px; position: absolute; top: 0; right: 10px; } .header-search form button:hover { color: #fff; } @media screen and (max-width: 768px) { .header-search .search-wrap { padding: 0 15px; } } /*-------------------------------------------------------------- ## Subheader --------------------------------------------------------------*/ .subheader { background: #282828; color: rgba(255, 255, 255, 0.6); width: 100%; line-height: 42px; vertical-align: middle; cursor: default; z-index: 50; overflow: hidden; font-size: 0.9rem; } .subheader .page-container { padding: 0 15px; } .subheader .page-container.full { padding: 0 40px; } .subheader a { color: rgba(255, 255, 255, 0.6); text-decoration: none; } .subheader a:hover { text-decoration: underline; } .subheader ul { list-style: none; padding: 0; margin: 0; } .subheader ul li { display: inline-block; } .subheader ul.left li { margin-right: 15px; } .subheader ul.right li { margin-left: 15px; } @media screen and (max-width: 768px) { .subheader .page-container, .subheader .page-container.full { padding: 0 10px; } } /*-------------------------------------------------------------- ## Header title --------------------------------------------------------------*/ .header-title { width: 100%; height: 500px; position: relative; overflow: hidden; } .header-title .title-wrap { width: 100%; height: 100%; display: table; position: relative; z-index: 2; } .header-title .bg-image { background: rgba(40, 40, 40, 0.99); background-position: center center; -webkit-background-size: cover; background-size: cover; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .header-title:after { content: ''; background: rgba(31, 31, 32, 0.6); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .header-title.without-cap .content { padding-top: 80px; } .header-title.title-full { height: 100vh; } .header-title.title-full .title-wrap { height: 100vh; } .header-title.title-full .content { padding-top: 0; } .header-title .content { padding-top: 0px; position: relative; z-index: 2; display: table-cell; vertical-align: middle; } .header-title .wrap-container { padding: 0 15px; } .header-title .tags, .header-title h1.page-title, .header-title .subtitle { -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); opacity: 0; -webkit-transition: 0.5s cubic-bezier(0.25, 0.6, 0.53, 1); -o-transition: 0.5s cubic-bezier(0.25, 0.6, 0.53, 1); transition: 0.5s cubic-bezier(0.25, 0.6, 0.53, 1); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } .header-title .tags { width: 100%; display: inline-block; margin-bottom: 25px; -webkit-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s; } .header-title .tags .tag { color: #fff; border-color: rgba(255, 255, 255, 0.6); } .header-title h1.page-title { width: 100%; max-width: 900px; margin: 0; display: inline-block; color: #fff; text-align: inherit; font-size: 60px; line-height: 1.2; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .header-title .subtitle { max-width: 600px; color: #bbb; margin: 10px 0; line-height: 26px; text-align: inherit; font-size: 0.95rem; font-weight: 400; display: inline-block; position: relative; top: 50%; text-transform: uppercase; -webkit-transition-delay: .45s; -o-transition-delay: .45s; transition-delay: .45s; } .header-title .subtitle a { color: inherit; } .header-title .subtitle a:hover { text-decoration: underline; } .header-title .subtitle .square { background: #ebebeb; width: 3px; height: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; margin: 0 10px; vertical-align: 3px; } .header-title.show .tags, .header-title.show .page-title, .header-title.show .subtitle { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } @media screen and (max-width: 768px) { .header-title { height: auto; } .header-title .title-wrap { margin-top: 60px; } .header-title .content { display: table-row; padding-top: 0px; } .header-title .page-container { height: 230px; vertical-align: middle; display: table-cell; } .header-title .wrap-container { padding: 0 0 40px 0; } .header-title h1.page-title { font-size: 40px !important; line-height: 48px !important; padding: 0; word-break: break-all; } .header-title.without-cap .content { padding-top: 20px; } } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ .site-footer { background: #282828; color: #9a9a9a; } @media screen and (min-width: 1025px) { .site-footer.sticky { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 1; visibility: hidden; } .site-footer.sticky.visible { visibility: visible; } } .site-footer input:not([type="submit"]), .site-footer select { color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.2); } .site-footer input:not([type="submit"]):focus, .site-footer input:not([type="submit"]):hover, .site-footer select:focus, .site-footer select:hover { color: #fff; } .site-footer .widget { padding-top: 25px; } .site-footer .widgets { padding: 70px 0 55px; list-style: none; } .site-footer .widgets .widget:first-child { padding-top: 0; } .site-footer .widgets .widget > *:first-child { margin-top: 0; } .site-footer .widgets .widget-title { color: #fff; } .site-footer .widgets a:hover { color: #fff; } .site-footer .widgets .socialbar a.social.outline { border-color: rgba(255, 255, 255, 0.2); } .site-footer .widgets .socialbar a.social.outline i { color: rgba(255, 255, 255, 0.7); } .site-footer .widgets .socialbar a.social.outline:hover { background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } .site-footer .widgets .socialbar a.social.outline:hover i { color: #fff; } .site-footer .widgets .list-box-icon { color: #fff; } .site-footer .widgets .list-box-icon span.icon { color: #797979; } @media screen and (max-width: 768px) { .site-footer .widgets { padding: 15px 0 30px; } .site-footer .widgets .widgets-column { margin-top: 30px; padding: 0; } } .site-footer .page-container + .site-info .wrap { border-top: 1px solid rgba(136, 136, 136, 0.2); } .site-footer .site-info { color: rgba(255, 255, 255, 0.3); font-size: 0.9rem; text-align: center; } .site-footer .site-info .page-container { padding: 0 15px; } .site-footer .site-info .wrap { padding: 30px 0 25px; } .site-footer .site-info a { color: inherit; text-decoration: underline; } .site-footer .site-info a:hover { color: #fff; } @media screen and (max-width: 768px) { .site-footer .left, .site-footer .right { width: 100%; text-align: left; } .site-footer .right { margin-top: 10px; } .site-footer .site-info { margin: 0; } .site-footer .site-info .page-container { padding: 0 25px; } } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ header.light-text { color: #fff; } header.light-text .right { border-color: rgba(255, 255, 255, 0.5); } header.dark-text, header.without-header-title, header.header-fixed, #masthead.header-fixed .header-wrap > .right { color: #282828; } header.dark-text .right, header.without-header-title .right, header.header-fixed .right, #masthead.header-fixed .header-wrap > .right .right { border-color: rgba(40, 40, 40, 0.3); } #masthead a, #masthead p { color: inherit; } #masthead svg { fill: currentColor; } .main-nav { display: block; float: left; font-weight: 400; cursor: default; position: relative; z-index: 10; } .main-nav.hidden { display: none; } .main-nav .close, .main-nav form.form-search { display: none; } .main-nav .menu-not-assigned { font-weight: normal; margin-right: 20px; } .main-nav .menu-not-assigned a { text-decoration: underline; } #mega-menu-wrap { background: transparent; position: relative; z-index: 10; display: inline-block; } #mega-menu-wrap li { padding: 0; } #mega-menu-wrap > ul { list-style: none; } #mega-menu-wrap > ul > li { float: left; position: relative; font-size: 0.9rem; font-weight: 400; font-family: "Poppins", sans-serif; position: relative; } #mega-menu-wrap > ul > li > a { line-height: inherit; padding: 0 20px; } #mega-menu-wrap > ul > li > a > span { vertical-align: middle; } #mega-menu-wrap > ul > li.current-menu-item > a:before, #mega-menu-wrap > ul > li.current-menu-ancestor > a:before { content: ''; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); border-bottom: 1px solid; border-color: inherit; margin-top: 14px; position: absolute; top: 50%; left: 20px; } #mega-menu-wrap > ul > li.current-menu-item.sub-nav-item a.menu-link, #mega-menu-wrap > ul > li.current-menu-ancestor.sub-nav-item a.menu-link { -webkit-box-shadow: none; box-shadow: none; } #mega-menu-wrap > ul > li.current-menu-item.sub-nav-item a.menu-link { -webkit-box-shadow: none; box-shadow: none; } #mega-menu-wrap > ul > li.has-submenu:after { content: '\f3d0'; line-height: 0; border-top: none; border-left: none; margin-top: -1px; font-family: 'Ionicons'; font-size: 0.75rem; position: absolute; top: 50%; right: 3px; opacity: .6; } #mega-menu-wrap > ul > li .sub-nav, #mega-menu-wrap > ul > li .sub-sub-nav { min-width: 320px; height: 0px; position: absolute; bottom: 0; left: 0; } #mega-menu-wrap > ul > li .sub-sub-nav { left: 100%; top: 0; bottom: auto; } #mega-menu-wrap > ul > li .sub-sub-nav.menu-left { left: 0; } #mega-menu-wrap > ul > li .sub-sub-nav.menu-left .sub-menu, #mega-menu-wrap > ul > li .sub-sub-nav.menu-left .sub-sub-menu { background: #e6e6e6; margin-right: 3px; margin-left: 0; left: auto; right: 100%; -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px); } #mega-menu-wrap > ul .sub-menu, #mega-menu-wrap > ul .sub-sub-menu { background: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; color: #282828; width: auto; min-width: 210px; max-width: 320px; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05); -webkit-border-radius: 3px; border-radius: 3px; list-style: none; position: relative; display: inline-block; vertical-align: top; top: 0; left: 2px; opacity: 0; z-index: 10; visibility: hidden; -webkit-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; -o-transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; } #mega-menu-wrap > ul .sub-menu > li, #mega-menu-wrap > ul .sub-sub-menu > li { line-height: 100%; position: relative; left: 0; } #mega-menu-wrap > ul .sub-menu > li > a, #mega-menu-wrap > ul .sub-sub-menu > li > a { background: transparent; color: #282828; width: 100%; padding: 16px 25px 14px 25px; font-size: 100%; display: block; -webkit-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; transition: .1s ease-in-out; -webkit-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; } #mega-menu-wrap > ul .sub-menu > li > a:hover, #mega-menu-wrap > ul .sub-sub-menu > li > a:hover { background: rgba(0, 0, 0, 0.04); color: #282828; opacity: 1; } #mega-menu-wrap > ul .sub-menu > li.has-submenu, #mega-menu-wrap > ul .sub-sub-menu > li.has-submenu { position: relative; } #mega-menu-wrap > ul .sub-menu > li.has-submenu > a.menu-link, #mega-menu-wrap > ul .sub-sub-menu > li.has-submenu > a.menu-link { padding-right: 60px; } #mega-menu-wrap > ul .sub-menu > li.has-submenu > a.menu-link:before, #mega-menu-wrap > ul .sub-menu > li.has-submenu > a.menu-link:after, #mega-menu-wrap > ul .sub-sub-menu > li.has-submenu > a.menu-link:before, #mega-menu-wrap > ul .sub-sub-menu > li.has-submenu > a.menu-link:after { content: ''; background: #282828; width: 2px; height: 2px; position: absolute; top: 47%; right: 26px; } #mega-menu-wrap > ul .sub-menu > li.has-submenu > a.menu-link:before, #mega-menu-wrap > ul .sub-sub-menu > li.has-submenu > a.menu-link:before { background: transparent; width: 14px; border: 2px solid #282828; border-top: none; border-bottom: none; right: 20px; } #mega-menu-wrap > ul .sub-menu { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); border-top-width: 0px; } #mega-menu-wrap > ul .sub-menu.sub-menu-wide .sub-sub-menu { -webkit-transform: none; -ms-transform: none; transform: none; } #mega-menu-wrap > ul .sub-sub-menu { margin-left: 3px; -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); } #mega-menu-wrap > ul .sub-nav.open .sub-menu { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; visibility: visible; } #mega-menu-wrap > ul .sub-menu li:hover > .sub-sub-nav > .sub-sub-menu { -webkit-transform: none; -ms-transform: none; transform: none; visibility: visible; opacity: 1; } @media screen and (min-width: 769px) { #mega-menu-wrap > ul .sub-nav .sub-menu-wide { padding: 0; max-width: none; } #mega-menu-wrap > ul .sub-nav .sub-menu-wide .sub-menu, #mega-menu-wrap > ul .sub-nav .sub-menu-wide .sub-sub-menu { -webkit-box-shadow: none; box-shadow: none; padding: 0; max-width: none; } #mega-menu-wrap > ul .sub-nav .sub-menu-wide > .mega-menu-item { min-width: 200px; float: left; display: none; margin-left: 0; } #mega-menu-wrap > ul .sub-nav .sub-menu-wide > .mega-menu-item > a.menu-link { height: 45px; font-weight: 500; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } #mega-menu-wrap > ul .sub-nav .sub-menu-wide > .mega-menu-item > a.menu-link:hover { background: transparent; } #mega-menu-wrap > ul .sub-nav .sub-menu-wide > .mega-menu-item > a.menu-link:after, #mega-menu-wrap > ul .sub-nav .sub-menu-wide > .mega-menu-item > a.menu-link:before { display: none; } #mega-menu-wrap > ul .sub-nav .sub-menu-wide > .mega-menu-item > .sub-sub-nav { position: static; height: auto; min-width: 0; max-width: 300px; } #mega-menu-wrap > ul .sub-nav .sub-menu-wide > .mega-menu-item .sub-sub-menu { background: transparent; margin: 0; } #mega-menu-wrap > ul .sub-nav.open .sub-menu-wide > .mega-menu-item { display: block; } #mega-menu-wrap > ul .sub-nav.open .sub-menu-wide > .mega-menu-item > .sub-sub-nav > .sub-sub-menu { position: static; visibility: visible; opacity: 1; } #mega-menu-wrap > ul .sub-nav.open .sub-menu-wide > .mega-menu-item > .sub-sub-nav > .sub-sub-menu .sub-sub-menu { background: #f2f2f2; } } #mega-menu-wrap > ul ul.sub-sub-menu { position: absolute; left: 0; top: 0; margin-top: 0; } .main-nav.without-dropdown-carets #primary-menu > li:after { display: none; } @media screen and (max-width: 1024px) and (min-width: 769px) { #mega-menu-wrap > ul > li > a { padding: 0 16px; } } #masthead .menu-other { list-style: none; float: left; position: relative; } #masthead .menu-other ul { list-style: none; } #masthead .menu-other li { padding: 0; } #masthead .menu-other > li { float: left; position: relative; } #masthead .menu-other > li > a { padding: 0 20px; text-decoration: none; vertical-align: -2px; display: block; font-size: 12.4px; font-weight: 400; font-family: "Poppins", sans-serif; } #masthead .menu-other > li > a span.text { vertical-align: middle; } #masthead .menu-other > li > a .icon { vertical-align: -2px; display: inline-block; line-height: 1; } #masthead .menu-other > li > a svg { vertical-align: -3px; } #masthead .menu-other > li > a.cart .icon { font-size: 21px; margin-right: 3px; } #masthead .menu-other > li > a.cart .icon svg { width: 20px; display: inline-block; } #masthead .menu-other > li > a.wishlist .icon { font-size: 19px; vertical-align: -3px; } #masthead .menu-other > li.search > a .icon { font-size: 19px; vertical-align: -3px; } #masthead .menu-other > li.social { padding: 0 12px; } #masthead .menu-other > li.social > a { padding: 0 8px; float: left; } #masthead .menu-other > li.social > a i { font-size: 18px; } #masthead .menu-other > li.languages { padding: 0 8px; } #masthead .menu-other > li.languages > a { padding: 0 12px; float: left; text-transform: capitalize; position: relative; } #masthead .menu-other > li.languages > a:after { content: '/'; position: absolute; right: -4px; top: 0; } #masthead .menu-other > li.languages > a:last-of-type:after { display: none; } #masthead .menu-other > li.languages > a span { padding: 4px 0; } #masthead .menu-other > li.languages > a.active span { border-bottom: 1px solid; border-color: inherit; } #masthead .menu-other > li.languages > a .icon { margin-right: 10px; } #masthead .menu-other > li:last-child > a { padding-right: 12px; } #masthead .menu-other > li .submenu { background: #fff; color: #282828; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05); width: auto; -webkit-border-radius: 3px; border-radius: 3px; padding: 15px 20px; position: absolute; top: 100%; right: 4px; visibility: hidden; opacity: 0; text-align: left; overflow: hidden; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; -o-transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; } #masthead .menu-other > li .submenu a { color: inherit; } #masthead .menu-other > li .submenu a:hover { opacity: 1; } #masthead .menu-other > li .submenu.no-paddings { padding: 0; } #masthead .menu-other > li .submenu .sub-nav { list-style: none; } #masthead .menu-other > li .submenu .sub-nav.languages li { min-width: 140px; } #masthead .menu-other > li .submenu .sub-nav.languages li img { margin-right: 5px; vertical-align: 0px; } #masthead .menu-other > li .submenu .sub-nav.languages li a { color: inherit; height: auto; line-height: 1; font-size: 0.9rem; font-family: "Poppins", sans-serif; padding: 16px 25px 14px 15px; -webkit-transition: background .1s ease-in-out; -o-transition: background .1s ease-in-out; transition: background .1s ease-in-out; } #masthead .menu-other > li .submenu .sub-nav.languages li a:hover { background: rgba(0, 0, 0, 0.04); } #masthead .menu-other > li .submenu .sub-nav.languages li a:hover { color: inherit; } #masthead .menu-other > li .submenu .sub-nav li a { background: transparent; color: #bbb; width: 100%; height: 38px; line-height: 38px; padding: 0 15px 0 15px; font-size: 0.9rem; display: block; -webkit-transition: .05s ease-in-out; -o-transition: .05s ease-in-out; transition: .05s ease-in-out; -webkit-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; } #masthead .menu-other > li .submenu .sub-nav li a:hover { background: rgba(255, 255, 255, 0.06); color: #fff; } #masthead .menu-other > li .submenu .sub-nav li.active a { font-weight: 600; } #masthead .menu-other > li .submenu.submenu_cart { min-width: 230px; color: #282828; width: auto; } #masthead .menu-other > li .submenu p.empty { width: 150px; margin: 0 0 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } #masthead .menu-other > li .submenu.cart { width: 300px; } #masthead .menu-other > li .submenu.cart a.button { color: #fff; } #masthead .menu-other > li .submenu.cart a.button:hover { color: #282828; } #masthead .menu-other > li .submenu.cart a.button:first-child { color: #282828; } #masthead .menu-other > li .submenu.cart a.button:first-child:hover { background: #282828; color: #fff; } #masthead .menu-other > li:hover .submenu { visibility: visible; opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } #masthead .menu-other > li:last-child, #masthead .menu-other > li:last-child > a:last-child { padding-right: 0; } #masthead.site-header .menu-other .btn { color: #fff; } #masthead.site-header .menu-other .btn:hover { color: #282828; } #masthead.site-header .menu-other .btn-outline { color: #282828; } #masthead.site-header .menu-other .btn-outline:hover { color: #fff; } .hamburger-menu { float: left; line-height: inherit; display: none; -webkit-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; position: relative; } .hamburger-menu:hover { opacity: .6; } .hamburger-menu a { line-height: inherit; margin: 0 0 0 20px; position: relative; vertical-align: -2px; display: inline-block; } .hamburger-menu a:hover { opacity: 1; } #hamburger-fullscreen-menu { display: block; } .header-wrap .hamburger-menu { margin-left: 5px; } /*-------------------------------------------------------------- ## Navigation for header third style --------------------------------------------------------------*/ .header-3 #primary-menu > li:before, .header-3 .menu-other > li:before { content: ''; background: rgba(0, 0, 0, 0.1); width: 1px; height: 20px; margin: 0; display: block; position: absolute; top: 50%; margin-top: -11px; left: -1px; } .header-3 #primary-menu > li:first-child:before, .header-3 .menu-other > li:first-child:before { display: none; } .header-3 #primary-menu > li.has-submenu { padding-right: 10px; } .header-3 #primary-menu > li.has-submenu:after { right: 15px; margin-top: 0px; } /*-------------------------------------------------------------- ## Navigation for header fourth style --------------------------------------------------------------*/ #masthead.header-4 { text-align: center; } #masthead.header-4 .main-nav { float: none; display: inline-block; text-align: left; } #masthead.header-4 .menu-wrap { width: 100%; } #masthead.header-4 .menu-wrap .wrap { width: 100%; position: relative; } #masthead.header-4 .menu-other.left { float: left; } #masthead.header-4 .menu-other.right { float: right; } @media screen and (min-width: 1024px) { #masthead.header-4 .menu-other.right { min-height: 1px; min-width: 160px; } } #masthead.header-4 .menu-other > li > a { position: relative; } #masthead.header-4 .menu-other > li .submenu { left: auto; right: -4px; } #masthead.header-4 .hamburger-menu { float: right; } /*-------------------------------------------------------------- ## Navigation for header fifth style --------------------------------------------------------------*/ #masthead.header-5 { /*#mega-menu-wrap { display: inline-block; }*/ } #masthead.header-5 .main-nav { width: 100%; position: absolute; left: 0; text-align: center; } #masthead.header-5 .site-title { width: auto; padding: 0 30px; } #masthead.header-5 .site-branding .search { line-height: inherit; float: left; } #masthead.header-5 .site-branding .search .icon { font-size: 19px; vertical-align: -2px; } #masthead.header-5 ul#primary-menu > li, #masthead.header-5 ul#secondary-menu > li { text-align: left; } #masthead.header-5 ul#primary-menu > li > a.menu-link, #masthead.header-5 ul#secondary-menu > li > a.menu-link { padding: 0 18px; } #masthead.header-5 ul#primary-menu > li > a.menu-link:after, #masthead.header-5 ul#secondary-menu > li > a.menu-link:after { content: '/'; display: block; position: absolute; font-weight: 300; top: 2px; right: -4px; } #masthead.header-5 ul#primary-menu > li.has-submenu, #masthead.header-5 ul#secondary-menu > li.has-submenu { margin-right: 20px; } #masthead.header-5 ul#primary-menu > li.has-submenu > a:after, #masthead.header-5 ul#secondary-menu > li.has-submenu > a:after { right: -20px; } #masthead.header-5 ul#primary-menu > li:last-child > a.menu-link:after, #masthead.header-5 ul#secondary-menu > li:last-child > a.menu-link:after { display: none; } #masthead.header-5 ul#primary-menu > li.without-divider > a.menu-link:after, #masthead.header-5 ul#secondary-menu > li.without-divider > a.menu-link:after { display: none; } #masthead.header-5 ul#primary-menu > ul.sub-menu, #masthead.header-5 ul#secondary-menu > ul.sub-menu { left: 8px; } #masthead.header-5 .menu-wrap { position: relative; } #masthead.header-5 .menu-other { margin: 0; float: left; position: relative; z-index: 10; } #masthead.header-5 .menu-other > li > a { position: relative; } #masthead.header-5 .menu-other > li .submenu { left: auto; right: -4px; } #masthead.header-5 .menu-other-wrap { float: right; } #masthead.header-5 .hamburger-menu { float: left; } /*-------------------------------------------------------------- ## Navigation for header sixth style --------------------------------------------------------------*/ #masthead.header-6 { width: 280px; } #masthead.header-6 .site-branding { line-height: 1; } #masthead.header-6 .site-branding .site-title { float: left; display: inline-block; width: auto; } #masthead.header-6 .site-branding .search { display: inline-block; float: right; position: relative; left: 15px; } #masthead.header-6 .site-branding .search .icon { font-size: 19px; vertical-align: 2px; } #masthead.header-6 .main-nav { position: relative; } #masthead.header-6 .main-nav span.menu-not-assigned { line-height: 1.8em; padding: 40px 40px; text-align: left; display: block; } #masthead.header-6 .main-nav #mega-menu-wrap { margin-top: 25px; margin-bottom: 100px; } #masthead.header-6 .main-nav ul#primary-menu > li, #masthead.header-6 .main-nav ul#secondary-menu > li { width: 100%; text-align: left; position: relative; padding: 0; margin: 0; } #masthead.header-6 .main-nav ul#primary-menu > li > a.menu-link, #masthead.header-6 .main-nav ul#primary-menu > li > a, #masthead.header-6 .main-nav ul#secondary-menu > li > a.menu-link, #masthead.header-6 .main-nav ul#secondary-menu > li > a { width: 100%; height: auto; line-height: 1.2; padding: 8px 40px; font-size: 1rem; font-weight: 600; text-transform: none; display: block; } #masthead.header-6 .main-nav ul#primary-menu > li.current-menu-item > a:before, #masthead.header-6 .main-nav ul#primary-menu > li.current-menu-ancestor > a:before, #masthead.header-6 .main-nav ul#secondary-menu > li.current-menu-item > a:before, #masthead.header-6 .main-nav ul#secondary-menu > li.current-menu-ancestor > a:before { display: none; } #masthead.header-6 .main-nav ul#primary-menu > li.mega-menu-item-has-children > a.menu-link:after, #masthead.header-6 .main-nav ul#secondary-menu > li.mega-menu-item-has-children > a.menu-link:after { margin: 0; } #masthead.header-6 .main-nav ul#primary-menu > li.mega-toggle-on > a.menu-link, #masthead.header-6 .main-nav ul#primary-menu > li.mega-animating > a.menu-link, #masthead.header-6 .main-nav ul#secondary-menu > li.mega-toggle-on > a.menu-link, #masthead.header-6 .main-nav ul#secondary-menu > li.mega-animating > a.menu-link { border-top-color: transparent; } #masthead.header-6 .main-nav ul#primary-menu > li > .sub-nav, #masthead.header-6 .main-nav ul#secondary-menu > li > .sub-nav { position: absolute; top: 0; left: 100% !important; } #masthead.header-6 .main-nav ul#primary-menu > li.has-submenu:after, #masthead.header-6 .main-nav ul#secondary-menu > li.has-submenu:after { content: '■■■'; font-family: 'Ionicons'; position: absolute; right: 35px; top: 20px; font-size: 4px; letter-spacing: 6px; color: inherit; cursor: pointer; } #masthead.header-6 .main-nav ul#primary-menu > li .sub-menu, #masthead.header-6 .main-nav ul#primary-menu > li .sub-sub-menu, #masthead.header-6 .main-nav ul#secondary-menu > li .sub-menu, #masthead.header-6 .main-nav ul#secondary-menu > li .sub-sub-menu { background: transparent; -webkit-box-shadow: none; box-shadow: none; margin: 0; } #masthead.header-6 .main-nav ul#primary-menu > li .sub-menu li a, #masthead.header-6 .main-nav ul#primary-menu > li .sub-sub-menu li a, #masthead.header-6 .main-nav ul#secondary-menu > li .sub-menu li a, #masthead.header-6 .main-nav ul#secondary-menu > li .sub-sub-menu li a { color: #fff; padding: 10px 40px; font-size: 1rem; font-weight: 600; } #masthead.header-6 .main-nav ul#primary-menu > li .sub-menu li.has-submenu a:after, #masthead.header-6 .main-nav ul#primary-menu > li .sub-sub-menu li.has-submenu a:after, #masthead.header-6 .main-nav ul#secondary-menu > li .sub-menu li.has-submenu a:after, #masthead.header-6 .main-nav ul#secondary-menu > li .sub-sub-menu li.has-submenu a:after { background-color: currentColor; border-color: currentColor; right: 6px; } #masthead.header-6 .main-nav ul#primary-menu > li .sub-menu li.has-submenu a:before, #masthead.header-6 .main-nav ul#primary-menu > li .sub-sub-menu li.has-submenu a:before, #masthead.header-6 .main-nav ul#secondary-menu > li .sub-menu li.has-submenu a:before, #masthead.header-6 .main-nav ul#secondary-menu > li .sub-sub-menu li.has-submenu a:before { border-color: currentColor; right: 0; } #masthead.header-6 .main-nav ul#primary-menu > li .sub-menu li.open > a, #masthead.header-6 .main-nav ul#primary-menu > li .sub-menu li:hover > a, #masthead.header-6 .main-nav ul#primary-menu > li .sub-sub-menu li.open > a, #masthead.header-6 .main-nav ul#primary-menu > li .sub-sub-menu li:hover > a, #masthead.header-6 .main-nav ul#secondary-menu > li .sub-menu li.open > a, #masthead.header-6 .main-nav ul#secondary-menu > li .sub-menu li:hover > a, #masthead.header-6 .main-nav ul#secondary-menu > li .sub-sub-menu li.open > a, #masthead.header-6 .main-nav ul#secondary-menu > li .sub-sub-menu li:hover > a { background: transparent; opacity: .5; } #masthead.header-6 .main-nav ul#primary-menu > li > .sub-nav > ul > li, #masthead.header-6 .main-nav ul#secondary-menu > li > .sub-nav > ul > li { position: relative; z-index: 2; } #masthead.header-6 .main-nav ul#primary-menu > li > .sub-nav:after, #masthead.header-6 .main-nav ul#secondary-menu > li > .sub-nav:after { content: ''; width: 10000px; height: 10000px; background: rgba(34, 34, 34, 0.98); position: absolute; left: 0; top: -5000px; z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: visibility, opacity; -o-transition-property: visibility, opacity; transition-property: visibility, opacity; pointer-events: none; } #masthead.header-6 .main-nav ul#primary-menu > li > a.open + .sub-nav:after, #masthead.header-6 .main-nav ul#primary-menu > li:hover > .sub-nav:after, #masthead.header-6 .main-nav ul#secondary-menu > li > a.open + .sub-nav:after, #masthead.header-6 .main-nav ul#secondary-menu > li:hover > .sub-nav:after { visibility: visible; opacity: 1; } #masthead.header-6 .menu-wrap { height: 60px; padding: 0 30px; position: relative; } #masthead.header-6 .menu-wrap .wrap { height: inherit; line-height: 60px; } #masthead.header-6 .menu-other { width: 100%; margin: 0; padding: 24px 0; line-height: 60px; position: relative; } #masthead.header-6 .menu-other > li { width: 100%; text-align: left; } #masthead.header-6 .menu-other > li > a { width: 100%; height: 39px; padding: 0 40px; font-size: 15px; font-weight: 600; line-height: 39px; position: relative; } #masthead.header-6 .menu-other > li > a .icon { margin-right: 5px; } #masthead.header-6 .menu-other > li.languages > a { color: #888; font-size: 12.6px; font-weight: 500; } #masthead.header-6 .menu-other > li.languages > a.active { color: #282828; border-color: #282828; } #masthead.header-6 .menu-other > li.languages > a:after { color: #888; } #masthead.header-6 .menu-other > li.languages > a:hover { color: #282828; opacity: 1; } #masthead.header-6 .menu-other > li .submenu { min-width: 200px; margin-left: 1px; left: 100%; top: 0; border-top-width: 1px; border-left: none; -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } #masthead.header-6 .menu-other > li:hover .submenu { -webkit-transform: none; -ms-transform: none; transform: none; } #masthead.header-6 .menu-other > li.social { padding: 0 34px; } #masthead.header-6 .menu-other > li.social > a { width: auto; padding: 0 6px; } #masthead.header-6 .menu-other > li.languages { padding: 0 28px; } #masthead.header-6 .menu-other > li.languages > a { width: auto; padding: 0 12px; } #masthead.header-6 .menu-other > li.languages > a:after { right: -4px; } /*-------------------------------------------------------------- ## Fullscreen navigation --------------------------------------------------------------*/ .fullscreen-navigation { background: rgba(34, 34, 34, 0.98); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; visibility: hidden; opacity: 0; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; transition-property: opacity, visibility; } .fullscreen-navigation:after { content: ''; background: #f7f7f7; width: 480px; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; } .fullscreen-navigation .menu-not-assigned { margin-left: 40px; font-size: 1rem; color: #fff; } .fullscreen-navigation .menu-not-assigned a { color: #ddd; text-decoration: underline; } .fullscreen-navigation .menu-not-assigned a:hover { color: #ddd; opacity: .7; } .fullscreen-navigation .site-branding { margin-left: 80px; margin-top: 60px; max-width: 320px; z-index: 5; opacity: 0; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transition-property: opacity, left; -o-transition-property: opacity, left; transition-property: opacity, left; opacity: 0; position: relative; z-index: 20px; } .fullscreen-navigation .site-branding a { font: 600 25px "Poppins", sans-serif; } .fullscreen-navigation .fullscreen-menu-wrap { position: relative; z-index: 3; display: inline-block; } .fullscreen-navigation ul.menu { width: 480px; padding: 10px 0 0 40px; position: relative; -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); transform: translateX(-40px); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; } .fullscreen-navigation #fullscreen-mega-menu-wrap ul { list-style: none; } .fullscreen-navigation #fullscreen-mega-menu-wrap > .mega-menu-item { z-index: 3; } .fullscreen-navigation #secondary-menu > li > a { padding: 0 110px 0 40px; } .fullscreen-navigation li { color: #ffffff; font-size: 20px; position: relative; -webkit-transform: translateX(-25px); -ms-transform: translateX(-25px); transform: translateX(-25px); opacity: 0; -webkit-transition: 0.25s cubic-bezier(0.45, 0.49, 0.44, 1); -o-transition: 0.25s cubic-bezier(0.45, 0.49, 0.44, 1); transition: 0.25s cubic-bezier(0.45, 0.49, 0.44, 1); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .fullscreen-navigation li.showed { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; opacity: 1; } .fullscreen-navigation li.has-submenu > a:after, .fullscreen-navigation li.has-submenu > a:before { content: ''; width: 20px; height: 2px; border: 2px solid currentColor; border-top: none; border-bottom: none; margin-top: -1px; position: absolute; top: 50%; right: 80px; } .fullscreen-navigation li.has-submenu > a:before { border-left: none; margin-right: 9px; } .fullscreen-navigation li a { width: 100%; line-height: 35px; vertical-align: middle; padding-left: 40px; color: #282828; font-weight: 600; font-size: 19.5px; display: block; position: relative; z-index: 2; } .fullscreen-navigation li a:hover, .fullscreen-navigation li a.open { color: #888; } .fullscreen-navigation li a span { line-height: 1.2; display: inline-block; } .fullscreen-navigation li div.sub-nav, .fullscreen-navigation li .sub-sub-menu { background: none; width: auto; margin-left: 0; padding-left: 20px; visibility: hidden; opacity: 0; position: absolute; top: 0; left: 100%; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; transition-property: opacity, visibility; } .fullscreen-navigation li div.sub-nav li, .fullscreen-navigation li .sub-sub-menu li { line-height: 40px; font-size: 1rem; position: relative; } .fullscreen-navigation li div.sub-nav a, .fullscreen-navigation li .sub-sub-menu a { color: #fff; padding: 0 40px 0 65px; line-height: 36px; } .fullscreen-navigation li div.sub-nav a:after, .fullscreen-navigation li div.sub-nav a:before, .fullscreen-navigation li .sub-sub-menu a:after, .fullscreen-navigation li .sub-sub-menu a:before { margin-top: 0; right: 5px; } .fullscreen-navigation li div.sub-nav.open, .fullscreen-navigation li .sub-sub-menu.open { opacity: 1; visibility: visible; } .fullscreen-navigation li div.sub-nav { position: absolute; width: 320px; } .fullscreen-navigation li div.sub-nav ul { width: auto; min-width: 210px; max-width: 320px; display: inline-block; } .fullscreen-navigation li .sub-sub-nav { position: absolute; top: 0; left: 100%; width: 320px; } .fullscreen-navigation li .sub-sub-nav ul { left: 0; } .fullscreen-navigation li:hover > a.menu-link { opacity: .5; } .fullscreen-navigation li:hover > .sub-sub-nav > .sub-sub-menu { opacity: 1; visibility: visible; } .fullscreen-navigation .languages { position: relative; z-index: 2; padding: 35px 68px; font-family: "Poppins", sans-serif; font-size: 0.9rem; opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); -webkit-transition: .3s ease-in-out .2s; -o-transition: .3s ease-in-out .2s; transition: .3s ease-in-out .2s; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fullscreen-navigation .languages a { color: rgba(40, 40, 40, 0.7); font-weight: 500; font-size: 0.95rem; padding: 0 12px; text-transform: capitalize; position: relative; } .fullscreen-navigation .languages a:after { content: '/'; color: rgba(40, 40, 40, 0.7); position: absolute; top: 3px; right: -5px; font-size: 0.75rem; font-weight: 400; } .fullscreen-navigation .languages a:hover { color: #282828; opacity: 1; } .fullscreen-navigation .languages a.active span { color: #282828; padding: 1px 0; border-bottom: 1px solid #282828; } .fullscreen-navigation .languages a:last-child:after { display: none; } .fullscreen-navigation .close { color: #ffffff; line-height: 0px; font-size: 46px; padding: 20px; position: absolute; top: -5px; right: 10px; z-index: 2; cursor: pointer; -webkit-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } .fullscreen-navigation .close:hover { opacity: .5; } .fullscreen-navigation.with-panel-offset .close { left: 10px; } .fullscreen-navigation .copyright { width: 300px; position: absolute; bottom: 35px; left: 80px; z-index: 2; font-size: 0.95rem; } .fullscreen-navigation .copyright .content { line-height: 1.5; display: inline-block; color: currentColor; opacity: .8; } .fullscreen-navigation .copyright .content > a { color: #174EE2; } .fullscreen-navigation .copyright .content > a:hover { text-decoration: underline; } .fullscreen-navigation .copyright .socialbar { margin-top: 15px; } .fullscreen-navigation .copyright .socialbar > a { color: currentColor; border-color: currentColor; } .fullscreen-navigation .copyright .socialbar > a:hover { background-color: #fff; } .fullscreen-navigation .copyright .socialbar > a:hover span { color: #494949; } .fullscreen-navigation.open { opacity: 1; visibility: visible; } .fullscreen-navigation.open .site-branding { opacity: 1; } .fullscreen-navigation.open ul.menu { -webkit-transform: none; -ms-transform: none; transform: none; } .fullscreen-navigation.open .languages { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .fullscreen-navigation.simple, .fullscreen-navigation.centered, .fullscreen-navigation.split { color: #fff; } .fullscreen-navigation.simple .site-branding, .fullscreen-navigation.centered .site-branding, .fullscreen-navigation.split .site-branding { position: absolute; margin: 0; } .fullscreen-navigation.simple .site-branding, .fullscreen-navigation.simple .site-branding a, .fullscreen-navigation.centered .site-branding, .fullscreen-navigation.centered .site-branding a, .fullscreen-navigation.split .site-branding, .fullscreen-navigation.split .site-branding a { color: #fff; } .fullscreen-navigation.simple:after, .fullscreen-navigation.centered:after, .fullscreen-navigation.split:after { display: none; } .fullscreen-navigation.simple .close, .fullscreen-navigation.centered .close, .fullscreen-navigation.split .close { color: #fff; } .fullscreen-navigation.simple .copyright .content > a, .fullscreen-navigation.centered .copyright .content > a, .fullscreen-navigation.split .copyright .content > a { color: #fff; } .fullscreen-navigation.simple .languages, .fullscreen-navigation.centered .languages, .fullscreen-navigation.split .languages { padding-left: 0; margin-left: -12px; } .fullscreen-navigation.simple .languages a, .fullscreen-navigation.centered .languages a, .fullscreen-navigation.split .languages a { color: rgba(255, 255, 255, 0.6); } .fullscreen-navigation.simple .languages a.active span, .fullscreen-navigation.centered .languages a.active span, .fullscreen-navigation.split .languages a.active span { color: #fff; border-color: #fff; } .fullscreen-navigation.simple .languages a:after, .fullscreen-navigation.centered .languages a:after, .fullscreen-navigation.split .languages a:after { color: rgba(255, 255, 255, 0.6); } .fullscreen-navigation.simple .languages a:hover, .fullscreen-navigation.centered .languages a:hover, .fullscreen-navigation.split .languages a:hover { color: #fff; } .fullscreen-navigation.simple { padding: 0 15%; } .fullscreen-navigation.simple .site-branding { position: static; margin-top: 18px; } .fullscreen-navigation.simple .copyright { max-width: 300px; left: 15%; bottom: 80px; } .fullscreen-navigation.simple #fullscreen-mega-menu-wrap { margin: 0; } .fullscreen-navigation.simple ul.menu { background: transparent; width: auto; min-width: 360px; padding: 60px 0 0 0; margin: 0; display: inline-block; position: relative; left: -40px; } .fullscreen-navigation.simple ul.menu a { color: inherit; padding-left: 20px; } .fullscreen-navigation.simple ul.menu a:after, .fullscreen-navigation.simple ul.menu a:before { border-color: currentColor; margin-top: -2px; } .fullscreen-navigation.simple ul.menu li { width: auto; min-width: 100px; } .fullscreen-navigation.simple ul.menu li:hover > a { color: #174EE2; } .fullscreen-navigation.simple ul.menu li:hover > a:after, .fullscreen-navigation.simple ul.menu li:hover > a:before { border-color: #174EE2; } .fullscreen-navigation.simple ul.menu .sub-menu, .fullscreen-navigation.simple ul.menu .sub-sub-menu { margin-top: -2px; } .fullscreen-navigation.centered { padding: 0 14%; } .fullscreen-navigation.centered .site-branding { position: static; margin-top: 18px; } .fullscreen-navigation.centered .copyright { width: 400px; left: 50%; margin-left: -200px; text-align: center; } .fullscreen-navigation.centered #fullscreen-mega-menu-wrap { height: 100%; } .fullscreen-navigation.centered .fullscreen-menu-wrap { width: 100%; height: 100%; } .fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu { width: 420px; background: transparent; height: -webkit-calc(100% - 200px); height: calc(100% - 200px); padding: 0 0 50px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-transform: none; -ms-transform: none; transform: none; } .fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; text-align: center; line-height: 44px; font-size: 34px; } .fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li > a { padding: 0; color: #fff; font-size: inherit; line-height: inherit; } .fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li > a:hover { color: #174EE2; } .fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li > a:after, .fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li > a:before { display: none; } .fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li .sub-menu { position: static; margin-top: 10px; } .fullscreen-navigation.centered .fullscreen-menu-wrap li { -webkit-transform: translateY(25px) scale(0.95); -ms-transform: translateY(25px) scale(0.95); transform: translateY(25px) scale(0.95); } .fullscreen-navigation.centered .fullscreen-menu-wrap li:after { content: ''; } .fullscreen-navigation.centered .fullscreen-menu-wrap li.showed { -webkit-transform: none; -ms-transform: none; transform: none; } .fullscreen-navigation.centered .fullscreen-menu-wrap li .sub-menu, .fullscreen-navigation.centered .fullscreen-menu-wrap li .sub-sub-menu { -webkit-transition: height .4s ease-in-out; -o-transition: height .4s ease-in-out; transition: height .4s ease-in-out; text-align: left; } .fullscreen-navigation.centered .fullscreen-menu-wrap li .sub-menu li, .fullscreen-navigation.centered .fullscreen-menu-wrap li .sub-sub-menu li { font-size: 20px; line-height: 30px; } .fullscreen-navigation.centered .languages { padding: 0; position: absolute; top: 35px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .fullscreen-navigation.centered .copyright { z-index: 20; } .fullscreen-navigation.split .site-branding { position: static; margin: 23px auto 0; max-width: 1326px; padding: 0 15px; } .fullscreen-navigation.split.with-panel-offset .site-branding .site-title { margin-left: 35px; } .fullscreen-navigation.split .copyright { color: rgba(255, 255, 255, 0.3); max-width: 600px; left: 15%; bottom: 80px; } .fullscreen-navigation.split .fullscreen-menu-wrap { width: 100%; position: absolute; top: 100px; } .fullscreen-navigation.split #fullscreen-mega-menu-wrap { margin: 0; } .fullscreen-navigation.split:before { content: ''; background: rgba(255, 255, 255, 0.2); width: 1px; height: -webkit-calc(100% - 250px); height: calc(100% - 250px); position: absolute; top: 130px; left: 50%; } .fullscreen-navigation.split ul.menu { background: transparent; width: auto; height: 100%; min-width: 360px; padding: 20px 0 0 30px; margin: 0; display: inline-block; position: relative; left: 50%; } .fullscreen-navigation.split ul.menu li { padding: 0; } .fullscreen-navigation.split ul.menu a { color: rgba(255, 255, 255, 0.7); padding-left: 20px; padding-right: 20px; width: auto; line-height: 40px; display: inline-block; } .fullscreen-navigation.split ul.menu a:after { display: none; } .fullscreen-navigation.split ul.menu a span { position: relative; display: inline-block; } .fullscreen-navigation.split ul.menu a span:after { content: ''; background: currentColor; width: 0; height: 1px; border: none; left: 50%; position: absolute; top: 50%; opacity: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: opacity, width, -webkit-transform; transition-property: opacity, width, -webkit-transform; -o-transition-property: opacity, transform, width; transition-property: opacity, transform, width; transition-property: opacity, transform, width, -webkit-transform; } .fullscreen-navigation.split ul.menu a:before { display: none; } .fullscreen-navigation.split ul.menu li { width: auto; min-width: 100px; cursor: pointer; padding-right: 60px; } .fullscreen-navigation.split ul.menu li:after { width: 100%; } .fullscreen-navigation.split ul.menu li:hover > a { color: #fff; } .fullscreen-navigation.split ul.menu li:hover > a span:after { width: -webkit-calc(100% + 10px); width: calc(100% + 10px); opacity: 1; } .fullscreen-navigation.split ul.menu li.has-submenu:after, .fullscreen-navigation.split ul.menu li.has-submenu:before { content: ''; width: 20px; height: 2px; border: 2px solid currentColor; border-top: none; border-bottom: none; margin-top: -2px; position: absolute; top: 50%; right: 40px; } .fullscreen-navigation.split ul.menu li.has-submenu:before { border-left: none; margin-right: 9px; } .fullscreen-navigation.split ul.menu .sub-menu, .fullscreen-navigation.split ul.menu .sub-sub-menu { margin-top: -5px; } .fullscreen-navigation.split .languages { left: 50%; margin-left: 38px; } .fullscreen-navigation.split .copyright { width: auto; padding-right: 40px; left: auto; right: 50%; bottom: 120px; text-align: right; } .fullscreen-navigation .copyright .content { line-height: 2; } .fullscreen-navigation .copyright .socialbar > a { margin-bottom: 0px; } @media screen and (max-width: 1025px) { .fullscreen-navigation li.showed .sub-nav.open .sub-menu.active .mega-menu-item { opacity: 1; } } /*-------------------------------------------------------------- ## Fixed header navigation --------------------------------------------------------------*/ #masthead.site-header.header-fixed { background: #fff; color: #282828; -webkit-border-radius: 0; border-radius: 0; } #masthead.site-header.header-fixed .header-wrap .mega-menu-item .without-divider > a.menu-link:after { display: none; } .site-header.header-fixed.header-5 li > a.menu-link:after { color: rgba(0, 0, 0, 0.5); } .site-header.header-fixed.header-3 .header-wrap { background: #ffffff; } /*-------------------------------------------------------------- ## Mobile navigation --------------------------------------------------------------*/ .close-menu { display: none; } .mobile-wpml-select { display: none; } .phone-menu-bottom, .phone-menu-middle { display: none; } @media screen and (max-width: 768px) { .fullscreen-navigation { display: none; } #mega-menu-wrap .mobile-wpml-select { display: block; } #mega-menu-wrap .mobile-wpml-select .icon, #mega-menu-wrap .mobile-wpml-select img { font-size: 20px; margin-right: 8px; vertical-align: -2px; } #mega-menu-wrap .mobile-wpml-select img { vertical-align: 0px; } div.subheader.fixed { top: 0; padding-left: 15px; padding-right: 15px; } div.header-cap.header-3, div.header-cap.header-4 { height: 30px; } header#masthead.site-header { width: 100% !important; height: 70px; max-height: 70px; min-height: auto; line-height: 70px; -webkit-border-radius: 0; border-radius: 0; margin: 0; left: 0; margin: 0; z-index: 999; } header#masthead.site-header a:hover, header#masthead.site-header a.open, header#masthead.site-header a.focus { opacity: 1; } header#masthead.site-header .header-wrap { max-width: 100%; padding: 0 25px; margin-left: 0; margin-right: 0; line-height: inherit; } header#masthead.site-header .menu-wrap { width: auto; float: right; padding: 0; margin: 0; } header#masthead.site-header .menu-wrap .wrap { width: auto; } header#masthead.site-header .header-bottom { display: none; } header#masthead.site-header .site-branding { width: auto; max-width: 60%; float: left; margin: 0; padding: 0; border: none; line-height: inherit; text-align: left; position: static; } header#masthead.site-header .site-title { width: auto; padding: 0; } header#masthead.site-header .site-branding a { line-height: inherit; } div.content-right { margin: 0; } .subheader { padding-left: 10px; padding-right: 10px; } .subheader ul.social-bar { display: none; } .close-menu { display: block; width: 100%; height: 100vh; position: fixed; top: 0; right: -100%; z-index: 999; cursor: pointer; } #masthead #site-navigation.main-nav { background: rgba(40, 40, 40, 0.97); color: rgba(255, 255, 255, 0.6); width: -webkit-calc(100vw - 60px); width: calc(100vw - 60px); height: 100vh; text-align: left; font-size: 20px; line-height: 52px; position: fixed; top: 0; left: -100%; z-index: 99999999; opacity: 0.2; overflow-y: auto; overflow-x: hidden; -webkit-transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1); -o-transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1); transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1); -webkit-transition-property: opacity, visibility, left, right; -o-transition-property: opacity, visibility, left, right; transition-property: opacity, visibility, left, right; } #masthead #site-navigation.main-nav.slide-right { right: -100%; left: auto; } #masthead #site-navigation.main-nav.slide-right.active { width: 100%; left: auto; right: 0; } #masthead #site-navigation.main-nav.hidden { display: block; } #masthead #site-navigation.main-nav .site-branding { display: none; } #masthead #site-navigation.main-nav .close { color: inherit; font-size: 26px; line-height: 56px; padding: 10px 30px 5px; display: block; cursor: pointer; } #masthead #site-navigation.main-nav .close:hover { color: #ffffff; } #masthead #site-navigation.main-nav .close i.ion-ios-arrow-back:before { content: '\f3cf'; font-family: "Ionicons"; width: 20px; height: 20px; } #masthead #site-navigation.main-nav #mega-toggle-block-1 { display: none !important; } } @media screen and (max-width: 768px) and (max-width: 768px) { #masthead #site-navigation.main-nav #mega-toggle-block-1 { display: none !important; } #masthead #site-navigation.main-nav .mega-menu-toggle { display: none; } #masthead #site-navigation.main-nav #mega-menu-primary { display: block; } } @media screen and (max-width: 768px) { #masthead #site-navigation.main-nav #mega-menu-wrap { margin: 0; display: block; } #masthead #site-navigation.main-nav #mega-menu-wrap .sub-menu, #masthead #site-navigation.main-nav #mega-menu-wrap .sub-sub-menu { color: inherit; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu { position: static; overflow: hidden; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu > li.has-submenu > a.menu-link:after, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu > li.has-submenu > a.menu-link:after { display: none; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .menu-link span, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .menu-link span { position: relative; vertical-align: top; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .menu-link span:before, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .menu-link span:before { content: ''; background: currentColor; position: absolute; width: 102%; height: 1px; top: 52%; left: -1%; display: none; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item { width: 100%; position: static; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > a.menu-link, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item > a.menu-link { width: 100%; color: #8e8e8f; border-color: transparent; padding: 0 60px 0 30px; display: block; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > a.menu-link:after, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item > a.menu-link:after { display: none; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > a.menu-link, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link.open, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item > a.menu-link, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item a.menu-link.open { color: inherit; line-height: 1.4; padding-top: 6px; padding-bottom: 6px; text-transform: none; -webkit-transition: .05s ease-in-out; -o-transition: .05s ease-in-out; transition: .05s ease-in-out; -webkit-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; position: relative; font-weight: 600; font-size: 20px; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.current-menu-item > a.menu-link, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.current-menu-ancestor > a.menu-link, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link:hover, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link.open, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.current-menu-item > a.menu-link, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.current-menu-ancestor > a.menu-link, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item a.menu-link:hover, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item a.menu-link.open { color: #fff; background: none; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.current-menu-item > a.menu-link span:before, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.current-menu-ancestor > a.menu-link span:before, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link:hover span:before, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link.open span:before, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.current-menu-item > a.menu-link span:before, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.current-menu-ancestor > a.menu-link span:before, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item a.menu-link:hover span:before, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item a.menu-link.open span:before { display: block; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item:hover ul.sub-menu, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item:hover ul.sub-menu { display: block; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.has-submenu, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.has-submenu { position: static; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.has-submenu > a.menu-link:after, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.has-submenu > a.menu-link:before, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.has-submenu > a.menu-link:after, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.has-submenu > a.menu-link:before { content: ''; background: currentColor; width: 2px; height: 2px; margin-top: 2px; font-size: 6px; line-height: 0px; letter-spacing: 6px; position: absolute; top: 42%; left: auto; right: 30px; display: block; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.has-submenu > a.menu-link:before, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.has-submenu > a.menu-link:before { background: transparent; width: 10px; right: 38px; border-color: currentColor; border: 2px solid currentColor; border-top: 0px; border-bottom: 0px; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.has-submenu:after, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.has-submenu:after { display: none; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.mega-toggle-on a.menu-link, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.mega-toggle-on a.menu-link { color: #ffffff; border-color: transparent; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.mega-toggle-on ul.sub-menu, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.mega-toggle-on ul.sub-menu { display: block; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav { position: static; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > .sub-sub-nav, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item > .sub-sub-nav { position: static; max-width: none; width: 100%; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-menu, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-sub-menu, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-menu, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-sub-menu { background: rgba(40, 40, 40, 0.97); width: 100%; max-width: 100%; height: 0; min-height: -webkit-calc(100vh - 65px); min-height: calc(100vh - 65px); overflow: hidden; visibility: hidden; display: block; position: absolute; margin: 0; padding: 0; top: 0; left: -100%; z-index: 10; -webkit-transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1); -o-transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1); transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1); -webkit-transition-property: opacity, visibility, left, right; -o-transition-property: opacity, visibility, left, right; transition-property: opacity, visibility, left, right; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-menu.active, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-sub-menu.active, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-menu.active, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-sub-menu.active { height: auto; visibility: visible; opacity: 1; left: 0px; overflow: visible; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-menu > .mega-menu-item, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-sub-menu > .mega-menu-item, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-menu > .mega-menu-item, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-sub-menu > .mega-menu-item { position: static; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-menu > .mega-menu-item .sub-sub-menu .mega-menu-item, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-sub-menu > .mega-menu-item .sub-sub-menu .mega-menu-item, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-menu > .mega-menu-item .sub-sub-menu .mega-menu-item, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-sub-menu > .mega-menu-item .sub-sub-menu .mega-menu-item { position: static; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > .mega-menu-item > a.menu-link:hover, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu ul.sub-menu > .mega-menu-item > a.menu-link:hover { color: #fff; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > li.has-subnav, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu ul.sub-menu > li.has-subnav { height: 40px; position: static; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > li.has-subnav ul.sub-menu, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu ul.sub-menu > li.has-subnav ul.sub-menu { background: rgba(31, 32, 35, 0.95); width: 100%; height: 0; min-height: -webkit-calc(100vh - 65px); min-height: calc(100vh - 65px); visibility: hidden; display: block; position: absolute; top: 0; left: -100%; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; overflow: hidden; -webkit-transition-property: opacity, visibility, left; -o-transition-property: opacity, visibility, left; transition-property: opacity, visibility, left; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > li.has-subnav ul.sub-menu.active, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu ul.sub-menu > li.has-subnav ul.sub-menu.active { height: auto; visibility: visible; left: 0px; opacity: 1; overflow: visible; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > li.has-subnav > a.menu-link:after, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > li.has-subnav > a.menu-link:before, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu ul.sub-menu > li.has-subnav > a.menu-link:after, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu ul.sub-menu > li.has-subnav > a.menu-link:before { margin-top: 24px; } #masthead #site-navigation.main-nav.slide-right #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-menu, #masthead #site-navigation.main-nav.slide-right #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-sub-menu { right: -100%; left: auto; } #masthead #site-navigation.main-nav.slide-right #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-menu.active, #masthead #site-navigation.main-nav.slide-right #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-sub-menu.active { left: auto; right: 0; } #masthead #site-navigation.main-nav.active { left: 0; opacity: 1; visibility: visible; } #masthead .menu-other, #masthead.header-6 .menu-other { position: static; padding: 0; width: auto; line-height: inherit; } #masthead .menu-other > li > a, #masthead.header-6 .menu-other > li > a { line-height: inherit; } #masthead .menu-other > li.languages, #masthead.header-6 .menu-other > li.languages { padding: 0; } #masthead .menu-other .cart, #masthead.header-6 .menu-other .cart { padding-right: 0; } #masthead .menu-other .wishlist, #masthead .menu-other .inside, #masthead.header-6 .menu-other .wishlist, #masthead.header-6 .menu-other .inside { display: none; } #masthead.without-mobile-search .header-wrap .search { display: none; } #hamburger-fullscreen-menu { display: none; } #hamburger-menu { display: block; float: right; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transition-property: visibility, opacity, -webkit-transform; transition-property: visibility, opacity, -webkit-transform; -o-transition-property: visibility, opacity, transform; transition-property: visibility, opacity, transform; transition-property: visibility, opacity, transform, -webkit-transform; } #hamburger-menu .btn-toggle { width: 50px; } #hamburger-menu .btn-lines { background: #282828; } #hamburger-menu.hidden { visibility: hidden; opacity: 0; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } #masthead .phone-menu-bottom { width: -webkit-calc(100% - 60px); width: calc(100% - 60px); position: absolute; bottom: 20px; left: 30px; list-style: none; display: block; } #masthead .phone-menu-bottom .socialbar a { border-color: rgba(255, 255, 255, 0.1); color: inherit; } #masthead .phone-menu-bottom .socialbar a:hover { background: rgba(255, 255, 255, 0.6); color: #282828; } #masthead .phone-menu-bottom .lang { font-size: 0.95rem; font-weight: 400; } #masthead .phone-menu-bottom .lang a { color: inherit; display: inline-block; padding: 0 5px; text-transform: capitalize; position: relative; } #masthead .phone-menu-bottom .lang a.active, #masthead .phone-menu-bottom .lang a:hover { color: #fff; } #masthead .phone-menu-bottom .lang a + a { margin-left: 12px; } #masthead .phone-menu-bottom .lang a + a:after { content: '/'; position: absolute; top: 0; left: -8px; font-weight: 300; } #masthead .phone-menu-middle { list-style: none; margin-top: 15px; display: block; } #masthead .phone-menu-middle a { color: inherit; width: 100%; padding: 0 30px; line-height: 40px; font-weight: 600; vertical-align: middle; display: inline-block; } #masthead .phone-menu-middle a:hover { color: #fff; } #masthead .phone-menu-middle li { padding: 0; line-height: 1; } #masthead .phone-menu-middle li img { margin-right: 5px; display: inline-block; } #masthead .phone-menu-middle li.has-submenu > a { position: relative; } #masthead .phone-menu-middle li.has-submenu > a:after, #masthead .phone-menu-middle li.has-submenu > a:before { content: ''; border: 2px solid currentColor; border-top: none; border-bottom: none; height: 2px; width: 10px; position: absolute; top: 50%; right: 38px; } #masthead .phone-menu-middle li.has-submenu > a:before { background: currentColor; border: none; width: 2px; right: 30px; } #masthead .phone-menu-middle .submenu { background: rgba(40, 40, 40, 0.98); width: 100%; min-height: -webkit-calc(100vh - 65px); min-height: calc(100vh - 65px); position: absolute; top: 65px; left: -100%; opacity: 0; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transition-property: opacity, left; -o-transition-property: opacity, left; transition-property: opacity, left; z-index: 10; } #masthead .phone-menu-middle .submenu ul { list-style: none; } #masthead .phone-menu-middle .submenu.active { left: 0; opacity: 1; } #masthead .phone-menu-middle .cart svg { vertical-align: middle; width: 18px; height: 23px; margin-top: -3px; } } /*-------------------------------------------------------------- ## Sidebar --------------------------------------------------------------*/ .page-sidebar { background: #f7f7f7; width: 28%; float: right; padding: 60px 55px; position: relative; z-index: 10; } .page-sidebar:after { content: ''; background: inherit; width: 500%; height: 100%; display: block; position: absolute; top: 0; } .page-sidebar.sidebar-right { padding-right: 15px; float: right; } .page-sidebar.sidebar-right:after { left: 100%; } .page-sidebar.sidebar-left { padding-left: 15px; float: left; } .page-sidebar.sidebar-left:after { right: 100%; } .page-sidebar .widget:first-child { padding-top: 0; } .page-sidebar .widget:first-child > *:first-child { margin-top: 0; } .page-sidebar.sidebar-boxed, .page-sidebar.sidebar-boxed.sidebar-right, .page-sidebar.sidebar-boxed.sidebar-left { padding-left: 55px; padding-right: 55px; } .page-sidebar.sidebar-boxed:after { display: none; } .page-sidebar.sidebar-simple { background: transparent; } .page-sidebar.sidebar-simple, .page-sidebar.sidebar-simple.sidebar-right, .page-sidebar.sidebar-simple.sidebar-left { padding: 15px; } @media screen and (max-width: 768px) { .page-sidebar { width: auto; margin: 30px -25px 0; display: block; clear: both; } .page-sidebar { float: none !important; padding: 30px 25px !important; } .page-sidebar:after { display: none; } } @media screen and (max-width: 1024px) and (min-width: 769px) { .page-sidebar { padding: 25px; } } .page-template-page_for-projects .page-sidebar { margin-top: 40px; } /*-------------------------------------------------------------- ## Navigation --------------------------------------------------------------*/ .norebro-icon-grid { -webkit-transition: background .15s ease-in-out; -o-transition: background .15s ease-in-out; transition: background .15s ease-in-out; } .norebro-icon-grid .icon { width: 4px; height: 4px; border: 4px solid #545454; border-left: none; border-right: none; -webkit-box-sizing: content-box; box-sizing: content-box; top: 19px; left: 19px; } .norebro-icon-grid .icon:before { content: ''; width: 100%; height: 100%; border: inherit; top: -4px; left: 8px; -webkit-box-sizing: content-box; box-sizing: content-box; } .norebro-icon-grid .icon, .norebro-icon-grid .icon:before { position: absolute; -webkit-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .norebro-icon-grid:hover .icon { height: 6px; -webkit-transform: translate3d(-1px, -1px, 0) rotate(0.3deg); transform: translate3d(-1px, -1px, 0) rotate(0.3deg); } .norebro-icon-grid:hover .icon:before { -webkit-transform: translate3d(2px, 0, 0) rotate(0.3deg); transform: translate3d(2px, 0, 0) rotate(0.3deg); } .post-navigation { background: #fff; position: relative; } .post-navigation.with-border-top { border-top: 1px solid #f0f0f0; } .post-navigation.with-border-bottom { border-bottom: 1px solid #f0f0f0; } @media screen and (max-width: 991px) and (min-width: 768px) { .post-navigation .box-wrap:nth-child(1) { float: left; } .post-navigation .box-wrap:nth-child(2) { float: right; } } .post-navigation .box-wrap > a { width: 100%; height: 90px; display: block; } .post-navigation .box-wrap > a .icon { width: 30px; display: inline-block; font-size: 21px; vertical-align: 8px; } .post-navigation .box-wrap > a h4, .post-navigation .box-wrap > a .icon { -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: color; -o-transition-property: color; transition-property: color; } .post-navigation .box-wrap > a:hover h4, .post-navigation .box-wrap > a:hover .icon { color: #174EE2; } .post-navigation .subtitle { text-transform: uppercase; margin-bottom: 5px; font-size: 0.75rem; } .post-navigation h4 { margin: 0; font-size: 0.95rem; } .post-navigation .content { display: inline-block; } .post-navigation .grid { background: #f3f3f3; width: 50px; height: 50px; -webkit-border-radius: 50px; border-radius: 50px; margin: -25px 0 0 -25px; position: absolute; top: 50%; left: 50%; } .post-navigation .grid:hover { background: #e6e6e6; } @media screen and (max-width: 768px) { .post-navigation .box-wrap { width: 50%; display: inline-block; vertical-align: top; float: left; } .post-navigation .box-wrap > a .icon { vertical-align: 0px; } .post-navigation .content { display: none; } } .onepage-navigation { position: absolute; bottom: 50px; right: 40px; z-index: 3; } .onepage-navigation .slider-nav div { position: relative; } .onepage-navigation a { float: left; margin-right: 10px; } .onepage-navigation .norebro-icon-grid .icon, .onepage-navigation .norebro-icon-grid .icon:after { border-color: #fff; -webkit-border-radius: 0; border-radius: 0; } @media screen and (max-width: 769px) { .onepage-navigation { bottom: 25px; right: 15px; } } /*-------------------------------------------------------------- ## Bar --------------------------------------------------------------*/ .bar { background: #f7f7f7; width: 76px; height: 100%; text-align: center; position: fixed; left: 0; z-index: 60; -webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.06); box-shadow: 0 1px 12px rgba(0, 0, 0, 0.06); } .bar .content { width: 70vh; padding-left: 5vh; font-size: 0.75rem; font-weight: 500; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) rotate(-90deg); -ms-transform: translateX(-50%) rotate(-90deg); transform: translateX(-50%) rotate(-90deg); } .bar .content a { color: inherit; } .bar .content a:hover { color: #174EE2; } .bar .separator { background: #e0e0e0; width: 60px; height: 2px; display: inline-block; margin-right: 20px; position: relative; top: -3px; } .bar .separator:before { content: ''; background: rgba(0, 0, 0, 0.5); position: absolute; width: 50%; height: inherit; } .bar .share { background: inherit; width: 100%; position: absolute; bottom: 15px; left: 0; } .bar .share .title { height: 40px; } .bar .share .title .icon { font-size: 28px; height: 40px; line-height: 42px; vertical-align: middle; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: -webkit-transform .15s ease-in-out; transition: -webkit-transform .15s ease-in-out; -o-transition: transform .15s ease-in-out; transition: transform .15s ease-in-out; transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out; } .bar .share .title .icon:after { content: ''; width: 46px; height: 46px; -webkit-border-radius: 50px; border-radius: 50px; position: absolute; top: -3px; left: -14px; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out; -webkit-transition-property: background, -webkit-transform; transition-property: background, -webkit-transform; -o-transition-property: transform, background; transition-property: transform, background; transition-property: transform, background, -webkit-transform; } .bar .share .title .name { width: 100%; position: absolute; margin-left: 1px; bottom: 100%; font-weight: 600; font-size: 0.75rem; -webkit-transform: translate(-50%, -100%) rotate(-90deg); -ms-transform: translate(-50%, -100%) rotate(-90deg); transform: translate(-50%, -100%) rotate(-90deg); -webkit-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out; } .bar .share .links { background: inherit; width: 35px; padding: 5px; margin: 0; position: absolute; bottom: 130%; left: 50%; -webkit-transform: translate(-50%, 30px); -ms-transform: translate(-50%, 30px); transform: translate(-50%, 30px); opacity: 0; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; visibility: hidden; } .bar .share .links a { color: inherit; } .bar .share .links a:hover { color: #174EE2; } .bar .share .links span { font-size: 18px; margin: 0; -webkit-transition: margin .15s ease-in-out; -o-transition: margin .15s ease-in-out; transition: margin .15s ease-in-out; } .bar .share:hover .links { opacity: 1; visibility: visible; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .bar .share:hover .links span { margin: 6px 0; } .bar .share:hover .title .icon { -webkit-transform: translateX(-50%) rotate(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); } .bar .share:hover .title .icon:after { background: rgba(0, 0, 0, 0.04); -webkit-transform: none; -ms-transform: none; transform: none; } .bar .share:hover .title .name { opacity: 0; } .bar.right .share { background: transparent; position: absolute; left: auto; right: -100vw; top: 50%; bottom: auto; -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } .bar.right .share .title { height: auto; } .bar.right .share .title .icon { display: none; } .bar.right .share .title .name { position: static; opacity: 1; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; text-align: left; display: inline-block; -webkit-transform: translateY(100%) rotate(-90deg) translateY(50%); -ms-transform: translateY(100%) rotate(-90deg) translateY(50%); transform: translateY(100%) rotate(-90deg) translateY(50%); } .bar.right .share .links { position: static; opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; margin-top: 5px; } .bar.right .share .links span { margin: 13px 0; } @media screen and (max-width: 768px) { .bar { display: none; } } @media screen and (max-width: 1024px) and (min-width: 769px) { .bar { width: 70px; } } .bar-hamburger { width: 76px; position: fixed; left: 0px; z-index: 62; line-height: 1px; } .bar-hamburger .hamburger-menu { width: 100%; text-align: center; } .bar-hamburger .hamburger { z-index: 2; -webkit-transition: margin .3s ease-in-out; -o-transition: margin .3s ease-in-out; transition: margin .3s ease-in-out; color: inherit; margin: 32px auto; } .bar-hamburger .hamburger:before { content: ''; width: 46px; height: 46px; -webkit-border-radius: 50px; border-radius: 50px; position: absolute; top: -18px; left: -13px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out; -webkit-transition-property: background, -webkit-transform; transition-property: background, -webkit-transform; -o-transition-property: transform, background; transition-property: transform, background; transition-property: transform, background, -webkit-transform; } .bar-hamburger .hamburger:hover { color: inherit; opacity: 1; } .bar-hamburger .hamburger:hover:before { background: rgba(0, 0, 0, 0.06); -webkit-transform: none; -ms-transform: none; transform: none; } .mobile-social { position: fixed; bottom: 25px; left: 25px; z-index: 41; } .mobile-social .share-btn { background: #fff; width: 50px; height: 50px; line-height: 52px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; font-size: 28px; vertical-align: middle; position: relative; z-index: 2; -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform .1s ease-in-out; transition: -webkit-transform .1s ease-in-out; -o-transition: transform .1s ease-in-out; transition: transform .1s ease-in-out; transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out; } .mobile-social .social { background: #fff; height: 0; width: 50px; padding: 15px 0 25px; -webkit-border-radius: 50px; border-radius: 50px; text-align: center; position: absolute; bottom: 0; left: 0; z-index: 1; overflow: hidden; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transition-property: height, padding, opacity; -o-transition-property: height, padding, opacity; transition-property: height, padding, opacity; opacity: 0; } .mobile-social .social a { width: 50px; height: 35px; display: block; font-size: 20px; } .mobile-social.active .share-btn { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mobile-social.active .social { height: auto; opacity: 1; padding: 15px 0 50px; } @media screen and (min-width: 769px) { .mobile-social { display: none; } } /*-------------------------------------------------------------- # Portfolio --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Portfolio Grid --------------------------------------------------------------*/ .portfolio-sorting { width: auto; margin: 30px 0 25px -8px; line-height: 32px; vertical-align: middle; text-align: center; } .portfolio-sorting.text-left { text-align: left; } .portfolio-sorting.text-right { text-align: right; } .portfolio-sorting li { display: inline-block; font-size: 0; font-family: "Poppins", sans-serif; } .portfolio-sorting li:after { content: '/'; color: currentColor; opacity: 0.8; display: inline-block; font-size: 12.4px; position: relative; top: 1px; } .portfolio-sorting li:last-child:after { display: none; } .portfolio-sorting li a { padding: 5px 12px 5px 8px; display: inline-block; font-size: 12.4px; font-weight: 500; position: relative; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: color, border-color; -o-transition-property: color, border-color; transition-property: color, border-color; } .portfolio-sorting li a .num { font-size: 10px; position: relative; top: -5px; } .portfolio-sorting li a .name { position: relative; } .portfolio-sorting li a .name:before { content: ''; background: currentColor; width: 100%; height: 1px; position: absolute; bottom: -8px; opacity: 0; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: opacity, bottom; -o-transition-property: opacity, bottom; transition-property: opacity, bottom; } .portfolio-sorting li a.active { color: #282828; font-weight: 600; } .portfolio-sorting li a:hover { color: #174EE2; -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s; } .portfolio-sorting li a.active .name:before, .portfolio-sorting li a:hover .name:before { opacity: 1; bottom: -4px; } @media screen and (max-width: 768px) { .portfolio-sorting { padding-right: 0px; } .portfolio-sorting, .portfolio-sorting.text-right, .portfolio-sorting.text-left { text-align: left; } .portfolio-sorting ul li { margin: 0 12px 0 0; } } div.portfolio-item-wrap.with-padding { padding: 15px; } div.portfolio-item-wrap.post-offset { padding: 0; } .portfolio-item { margin: 0; position: relative; -webkit-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; transition: all 2s ease-in-out; z-index: 1; } .portfolio-item .image-wrap { background: #dadada; width: 100%; min-height: 80px; position: relative; text-align: center; display: block; -webkit-transition: height .2s ease-in-out; -o-transition: height .2s ease-in-out; transition: height .2s ease-in-out; } .portfolio-item .image-wrap img { width: 100%; vertical-align: middle; display: block; } .portfolio-item h4.title, .portfolio-item .widget h4, .widget .portfolio-item h4, .portfolio-item .more, .portfolio-item .category { -webkit-transition: 0.4s cubic-bezier(0.2, 0.7, 0.5, 1); -o-transition: 0.4s cubic-bezier(0.2, 0.7, 0.5, 1); transition: 0.4s cubic-bezier(0.2, 0.7, 0.5, 1); -webkit-transition-property: opacity, color, -webkit-transform; transition-property: opacity, color, -webkit-transform; -o-transition-property: opacity, color, transform; transition-property: opacity, color, transform; transition-property: opacity, color, transform, -webkit-transform; } .portfolio-item h4.title, .portfolio-item .widget h4, .widget .portfolio-item h4 { margin-top: 10px; font-size: 0.95rem; } .portfolio-item h4.title a, .portfolio-item .widget h4 a, .widget .portfolio-item h4 a { color: #494949; } .portfolio-item h4.title a:hover, .portfolio-item .widget h4 a:hover, .widget .portfolio-item h4 a:hover { color: #174EE2; } .portfolio-item .text-description { padding-top: 25px; } .portfolio-item .more { font-size: 36px; } .portfolio-item .category { background: #174EE2; color: #fff; padding: 8px 15px 6px; -webkit-border-radius: 50px; border-radius: 50px; font-size: 0.75rem; font-weight: 500; text-transform: uppercase; display: inline-block; -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } .portfolio-item .category.outline { background: transparent; color: #174EE2; border: 1px solid #174EE2; padding: 7px 15px 6px; } .portfolio-item.grid-1 .description { padding-top: 50px; z-index: 2; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .portfolio-item.grid-1 .category, .portfolio-item.grid-1 h4.title, .portfolio-item.grid-1 .widget h4, .widget .portfolio-item.grid-1 h4, .portfolio-item.grid-1 .more { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .portfolio-item.grid-1:after { content: ''; background: rgba(255, 255, 255, 0.8); width: -webkit-calc(100% - 50px); width: calc(100% - 50px); height: -webkit-calc(100% - 50px); height: calc(100% - 50px); position: absolute; top: 25px; left: 25px; z-index: 1; opacity: 0; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transition: 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.02); -o-transition: 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.02); transition: 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.02); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .portfolio-item.grid-1:hover .description { opacity: 1; } .portfolio-item.grid-1:hover .category, .portfolio-item.grid-1:hover h4.title, .portfolio-item.grid-1:hover .widget h4, .widget .portfolio-item.grid-1:hover h4, .portfolio-item.grid-1:hover .more { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .portfolio-item.grid-1:hover .category { -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } .portfolio-item.grid-1:hover h4.title, .portfolio-item.grid-1:hover .widget h4, .widget .portfolio-item.grid-1:hover h4 { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .portfolio-item.grid-1:hover .more { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .portfolio-item.grid-1:hover:after { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .portfolio-item.grid-1.hover-2 .description { padding: 25px; } .portfolio-item.grid-1.hover-2:after { width: 100%; height: 100%; top: 0; left: 0; } .portfolio-item.grid-1.hover-2 .more { position: absolute; bottom: 0px; right: 25px; } .portfolio-item.grid-1.hover-3 { overflow: hidden; } .portfolio-item.grid-1.hover-3:after { content: none; } .portfolio-item.grid-1.hover-3 .description { background: rgba(255, 255, 255, 0.8); width: 100%; height: auto; padding: 25px; top: auto; bottom: 0; opacity: 0; text-align: left; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } .portfolio-item.grid-1.hover-3 .more { position: absolute; right: 25px; bottom: 0; } .portfolio-item.grid-1.hover-3:hover .description { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .portfolio-item.grid-1.metro-style .image-wrap { padding: 50% 0; -webkit-background-size: cover; background-size: cover; background-position: center; } .portfolio-item.grid-2 .description { background: transparent; padding: 15px; text-align: center; } .portfolio-item.grid-2 .category { background: transparent; color: #888; margin-top: 5px; padding: 0; } .portfolio-item.grid-2 .image-wrap { -webkit-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } .portfolio-item.grid-2:hover .image-wrap { opacity: .7; } .portfolio-item.grid-2:hover h4.title, .portfolio-item.grid-2:hover .widget h4, .widget .portfolio-item.grid-2:hover h4 { color: #174EE2; } .portfolio-item.grid-2.hover-2 .overlay { background: rgba(255, 255, 255, 0.8); width: -webkit-calc(100% - 50px); width: calc(100% - 50px); height: -webkit-calc(100% - 50px); height: calc(100% - 50px); top: 25px; left: 25px; opacity: 0; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transition: 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.02); -o-transition: 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.02); transition: 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.02); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } .portfolio-item.grid-2.hover-2 .overlay span { color: #174EE2; width: 60px; height: 60px; line-height: 62px; display: inline-block; font-size: 36px; border: 1px solid rgba(23, 78, 226, 0.5); -webkit-border-radius: 50px; border-radius: 50px; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } .portfolio-item.grid-2.hover-2:hover .image-wrap { opacity: 1; } .portfolio-item.grid-2.hover-2:hover .overlay { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .portfolio-item.grid-2.hover-2:hover .overlay span { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; -webkit-transition-delay: .05s; -o-transition-delay: .05s; transition-delay: .05s; } .portfolio-item.grid-2.hover-3 .wrap { position: relative; } .portfolio-item.grid-2.hover-3 .more { position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -10px; opacity: 0; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } .portfolio-item.grid-2.hover-3:hover h4.title, .portfolio-item.grid-2.hover-3:hover .widget h4, .widget .portfolio-item.grid-2.hover-3:hover h4, .portfolio-item.grid-2.hover-3:hover .category { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } .portfolio-item.grid-2.hover-3:hover .image-wrap { opacity: 1; } .portfolio-item.grid-2.hover-3:hover .more { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .portfolio-item.grid-4 .more, .portfolio-item.grid-5 .more { margin-top: 20px; display: inline-block; font-size: 1rem; font-family: "Poppins", sans-serif; font-weight: 600; } .portfolio-item.grid-4 .more span, .portfolio-item.grid-5 .more span { margin-left: 15px; font-size: 36px; line-height: 1; vertical-align: -8px; display: inline-block; -webkit-transition: -webkit-transform .15s ease-in-out; transition: -webkit-transform .15s ease-in-out; -o-transition: transform .15s ease-in-out; transition: transform .15s ease-in-out; transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out; } .portfolio-item.grid-4 .more:before, .portfolio-item.grid-5 .more:before { width: 74%; bottom: 6px; } .portfolio-item.grid-4 .more:hover span, .portfolio-item.grid-5 .more:hover span { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } @media screen and (max-width: 768px) { .portfolio-item.grid-4 .more, .portfolio-item.grid-5 .more { margin-top: 15px; } } .portfolio-item.grid-4 { height: 100%; min-height: 400px; overflow: hidden; } .portfolio-item.grid-4 .image-wrap { height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center; position: relative; top: 0; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.2, 0.7, 0.5, 1); transition: -webkit-transform 0.5s cubic-bezier(0.2, 0.7, 0.5, 1); -o-transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.5, 1); transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.5, 1); transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.5, 1), -webkit-transform 0.5s cubic-bezier(0.2, 0.7, 0.5, 1); } .portfolio-item.grid-4 .description { background: rgba(40, 40, 40, 0.6); padding: 40px; } .portfolio-item.grid-4 h4.title, .portfolio-item.grid-4 .widget h4, .widget .portfolio-item.grid-4 h4 { color: #fff; padding-right: 20%; margin-top: 25px; font-size: 42px !important; font-weight: 500; line-height: 1.2 !important; -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; -o-transition: transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; -webkit-transform: none; -ms-transform: none; transform: none; } .portfolio-item.grid-4 h4.title a:hover, .portfolio-item.grid-4 .widget h4 a:hover, .widget .portfolio-item.grid-4 h4 a:hover { color: #fff; } .portfolio-item.grid-4 a { color: #fff; } .portfolio-item.grid-4:hover .image-wrap { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; } @media screen and (max-width: 768px) { .portfolio-item.grid-4 h4.title, .portfolio-item.grid-4 .widget h4, .widget .portfolio-item.grid-4 h4 { padding-right: 0; font-size: 40px; margin-top: 20px; } .portfolio-item.grid-4 .description { padding: 25px; } } .portfolio-item.grid-5 { background: url("assets/images/portfolio-bg.png") repeat; } .portfolio-item.grid-5 .image-wrap { -webkit-background-size: cover; background-size: cover; background-position: center; min-height: 0px; } .portfolio-item.grid-5 .description { padding: 0; text-align: left; } .portfolio-item.grid-5 .description .content-center { width: 70%; margin: 0 auto; } .portfolio-item.grid-5 h4.title, .portfolio-item.grid-5 .widget h4, .widget .portfolio-item.grid-5 h4 { margin: 30px 0 0; font-size: 70px; font-weight: 600; line-height: 1; } .portfolio-item.grid-5 .more span { color: #174EE2; } .portfolio-item.grid-5 a:hover { color: #282828; } .portfolio-item.grid-5 a.hover-underline:before { background: #282828; } .portfolio-item.grid-6 { height: 100%; } .portfolio-item.grid-6 .image-wrap { height: -webkit-calc(100% - 80px); height: calc(100% - 80px); -webkit-background-size: cover; background-size: cover; background-position: center; } .portfolio-item.grid-6 .category { background: transparent; color: #888; margin-top: 5px; padding: 0; } .portfolio-item.grid-6 .description { padding: 10px; } .portfolio-item.grid-6 > a { height: 100%; display: block; } .portfolio-item.grid-7 { height: 100%; } .portfolio-item.grid-7 .image-wrap { background-position: center; -webkit-background-size: cover; background-size: cover; } .portfolio-item.grid-7 .description { background: rgba(40, 40, 40, 0.25); } .portfolio-item.grid-7 h4.title, .portfolio-item.grid-7 .widget h4, .widget .portfolio-item.grid-7 h4 { margin-bottom: 10px; font-size: 80px; font-weight: 600; color: #fff; } @media screen and (max-width: 768px) { .portfolio-item.grid-7 h4.title, .portfolio-item.grid-7 .widget h4, .widget .portfolio-item.grid-7 h4 { font-size: 40px; line-height: 1; } } .portfolio-item.grid-7 .text-description { max-width: 800px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 768px) { .portfolio-item.grid-7 .text-description { max-width: 100%; padding-right: 60px; padding-left: 60px; } } .portfolio-item.grid-7 .more { font-size: 1rem; font-weight: 600; margin-top: 20px; line-height: 2; position: relative; display: inline-block; color: #fff; } .portfolio-item.grid-7 .more:before { content: ''; background: currentColor; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; } .portfolio-item.grid-5 h4.title, .portfolio-item.grid-5 .widget h4, .widget .portfolio-item.grid-5 h4, .portfolio-item.grid-5 .category, .portfolio-item.grid-5 .more, .portfolio-item.grid-7 h4.title, .portfolio-item.grid-7 .widget h4, .widget .portfolio-item.grid-7 h4, .portfolio-item.grid-7 .category, .portfolio-item.grid-7 .more { -webkit-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px); } .portfolio-item.grid-5 h4.title, .portfolio-item.grid-5 .widget h4, .widget .portfolio-item.grid-5 h4, .portfolio-item.grid-5 .category, .portfolio-item.grid-5 .more, .portfolio-item.grid-5 .text-description, .portfolio-item.grid-5 .date-left, .portfolio-item.grid-7 h4.title, .portfolio-item.grid-7 .widget h4, .widget .portfolio-item.grid-7 h4, .portfolio-item.grid-7 .category, .portfolio-item.grid-7 .more, .portfolio-item.grid-7 .text-description, .portfolio-item.grid-7 .date-left, .portfolio-item.grid-8 h4.title, .portfolio-item.grid-8 .widget h4, .widget .portfolio-item.grid-8 h4, .portfolio-item.grid-8 .category, .portfolio-item.grid-8 .more, .portfolio-item.grid-8 .text-description, .portfolio-item.grid-8 .date-left { -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; } @media screen and (max-width: 768px) { .portfolio-item.grid-5 { position: static; height: auto; } .portfolio-item.grid-5 h4.title, .portfolio-item.grid-5 .widget h4, .widget .portfolio-item.grid-5 h4 { margin: 15px 0 0; font-size: 40px; line-height: 48px; } .portfolio-item.grid-5 .description { position: static; height: auto; } .portfolio-item.grid-5 .description .content-center { width: 100%; padding: 25px; } .portfolio-item.grid-5 .image-wrap { padding: 40% 0; } .portfolio-item.grid-5 h4.title, .portfolio-item.grid-5 .widget h4, .widget .portfolio-item.grid-5 h4, .portfolio-item.grid-5 .category, .portfolio-item.grid-5 .more, .portfolio-item.grid-5 .text-description, .portfolio-item.grid-5 .date-left, .portfolio-item.grid-8 h4.title, .portfolio-item.grid-8 .widget h4, .widget .portfolio-item.grid-8 h4, .portfolio-item.grid-8 .category, .portfolio-item.grid-8 .more, .portfolio-item.grid-8 .text-description, .portfolio-item.grid-8 .date-left { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .portfolio-item.grid-7 h4.title, .portfolio-item.grid-7 .widget h4, .widget .portfolio-item.grid-7 h4 { font-size: 36px; padding-right: 40px; padding-left: 40px; line-height: 1.2; } } .portfolio-item.grid-8:after { content: ''; background: #282828; width: 35%; height: 100%; position: absolute; top: 0; left: 0; } .portfolio-item.grid-8:before { content: ''; background: url("assets/images/portfolio-9-bg.png") repeat; height: 70%; width: 27%; position: absolute; top: 15%; left: -webkit-calc(8% - 20px); left: calc(8% - 20px); z-index: 2; } .portfolio-item.grid-8 .image-wrap { width: 65%; left: 35%; } .portfolio-item.grid-8 .description { background: rgba(77, 77, 77, 0.4); background: -webkit-gradient(linear, left top, right top, from(rgba(40, 40, 40, 0.85)), to(rgba(40, 40, 40, 0.25))); background: -webkit-linear-gradient(left, rgba(40, 40, 40, 0.85), rgba(40, 40, 40, 0.25)); background: -o-linear-gradient(left, rgba(40, 40, 40, 0.85), rgba(40, 40, 40, 0.25)); background: linear-gradient(to right, rgba(40, 40, 40, 0.85), rgba(40, 40, 40, 0.25)); } .portfolio-item.grid-8 .content-center { padding-top: 80px; z-index: 3; } .portfolio-item.grid-8 .category { background: none; color: #fff; border: 1px solid #fff; } .portfolio-item.grid-8 h4.title, .portfolio-item.grid-8 .widget h4, .widget .portfolio-item.grid-8 h4 { max-width: 600px; margin: 30px 0px 0px 0px; font-size: 62px; font-weight: 500; line-height: 1.1; } .portfolio-item.grid-8 .text-description { max-width: 550px; margin-left: 0px; margin-right: 0px; color: #888; } .portfolio-item.grid-8 .date { color: #3c3c3c; font-size: 68px; font-weight: 600; margin: 35px 0 0 0px; } .portfolio-item.grid-8 .date-left { color: #888; font-weight: 600; font-size: 0.95rem; letter-spacing: .5px; position: absolute; left: -70px; -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotate(-90deg) translateY(-20px) translateX(-webkit-calc(-100% - 70px)); -ms-transform: rotate(-90deg) translateY(-20px) translateX(calc(-100% - 70px)); transform: rotate(-90deg) translateY(-20px) translateX(calc(-100% - 70px)); } @media screen and (max-width: 768px) { .portfolio-item.grid-8:after { width: 60%; } .portfolio-item.grid-8 h4.title, .portfolio-item.grid-8 .widget h4, .widget .portfolio-item.grid-8 h4 { font-size: 38px; line-height: 43px; -webkit-transform: none; -ms-transform: none; transform: none; padding-left: 0px; } .portfolio-item.grid-8 .text-description { max-height: -webkit-calc( 1.7em * 4); max-height: calc( 1.7em * 4); overflow: hidden; padding-left: 0px; } .portfolio-item.grid-8 .date { font-size: 60px; margin-top: 15px; } .portfolio-item.grid-8 .date-left { display: none; } } @media screen and (max-width: 1024px) and (min-width: 769px) { .portfolio-item.grid-4 h4, .portfolio-item.grid-4 h4.title, .portfolio-item.grid-4 .widget h4, .widget .portfolio-item.grid-4 h4 { padding-right: 0%; margin-top: 10px; font-size: 36px; line-height: 46px; } .portfolio-item.grid-5 .description .content-center { width: 80%; } .portfolio-item.grid-5 h4, .portfolio-item.grid-5 h4.title, .portfolio-item.grid-5 .widget h4, .widget .portfolio-item.grid-5 h4 { margin-top: 10px; font-size: 46px; line-height: 56px; } .portfolio-item.grid-7 h4, .portfolio-item.grid-7 h4.title, .portfolio-item.grid-7 .widget h4, .widget .portfolio-item.grid-7 h4 { font-size: 46px; } } .ms-table.active .portfolio-item.grid-5 h4.title, .ms-table.active .portfolio-item.grid-5 .widget h4, .widget .ms-table.active .portfolio-item.grid-5 h4, .ms-table.active .portfolio-item.grid-5 .category, .ms-table.active .portfolio-item.grid-5 .more, .ms-table.active .portfolio-item.grid-5 .text-description, .onepage-section.active .portfolio-item h4.title, .onepage-section.active .portfolio-item .widget h4, .widget .onepage-section.active .portfolio-item h4, .onepage-section.active .portfolio-item .category, .onepage-section.active .portfolio-item .more, .onepage-section.active .portfolio-item .text-description { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .ms-table.active .portfolio-item.grid-5 .date-left, .onepage-section.active .portfolio-item .date-left { -webkit-transform: rotate(-90deg) translateX(-webkit-calc(-100% - 70px)); -ms-transform: rotate(-90deg) translateX(calc(-100% - 70px)); transform: rotate(-90deg) translateX(calc(-100% - 70px)); opacity: 1; -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; } .ms-table.active .portfolio-item.grid-5 .category, .onepage-section.active .portfolio-item .category { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; } .ms-table.active .portfolio-item.grid-5 h4.title, .ms-table.active .portfolio-item.grid-5 .widget h4, .widget .ms-table.active .portfolio-item.grid-5 h4, .onepage-section.active .portfolio-item h4.title, .onepage-section.active .portfolio-item .widget h4, .widget .onepage-section.active .portfolio-item h4 { -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; } .ms-table.active .portfolio-item.grid-5 .text-description, .onepage-section.active .portfolio-item .text-description { -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; } .ms-table.active .portfolio-item.grid-5 .more, .onepage-section.active .portfolio-item .more { -webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s; } .portfolio-grid-7 .onepage-section.active .portfolio-item .more, .ms-table.active .portfolio-item.grid-5 .more { -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; } .portfolio-grid-7 .onepage-section.prev .portfolio-item h4.title, .portfolio-grid-7 .onepage-section.prev .portfolio-item .widget h4, .widget .portfolio-grid-7 .onepage-section.prev .portfolio-item h4, .portfolio-grid-7 .onepage-section.prev .portfolio-item .category, .portfolio-grid-7 .onepage-section.prev .portfolio-item .more, .portfolio-grid-7 .onepage-section.prev .portfolio-item .text-description, .portfolio-grid-7 .onepage-section.prev .portfolio-item .date-left, .ms-table.prev .portfolio-item.grid-5 h4.title, .ms-table.prev .portfolio-item.grid-5 .widget h4, .widget .ms-table.prev .portfolio-item.grid-5 h4, .ms-table.prev .portfolio-item.grid-5 .category, .ms-table.prev .portfolio-item.grid-5 .more, .ms-table.prev .portfolio-item.grid-5 .text-description, .ms-table.prev .portfolio-item.grid-5 .date-left { -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); } .portfolio-grid-7 .onepage-section.active-prev .portfolio-item .category, .ms-table.active-prev .portfolio-item.grid-5 .category { -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; } .portfolio-grid-7 .onepage-section.active-prev .portfolio-item h4.title, .portfolio-grid-7 .onepage-section.active-prev .portfolio-item .widget h4, .widget .portfolio-grid-7 .onepage-section.active-prev .portfolio-item h4, .ms-table.active-prev .portfolio-item.grid-5 h4.title, .ms-table.active-prev .portfolio-item.grid-5 .widget h4, .widget .ms-table.active-prev .portfolio-item.grid-5 h4 { -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; } .portfolio-grid-7 .onepage-section.active-prev .portfolio-item .more, .ms-table.active-prev .portfolio-item.grid-5 .more { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; } .portfolio-grid-4 { position: relative; } .portfolio-grid-4 .slider.full-height { height: 100%; } .portfolio-grid-4 .owl-stage { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .portfolio-grid-4 .owl-stage .owl-item { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .portfolio-grid-4 .owl-stage .slider-wrap { height: 100%; } .portfolio-grid-4 .owl-stage, .portfolio-grid-4 .owl-stage-outer { height: 100%; } .portfolio-grid-4 .owl-stage-outer { padding-top: 0; margin-top: 0; } .portfolio-grid-4 .owl-dots { top: 0; right: 35px; } .portfolio-grid-4 .owl-nav .owl-prev, .portfolio-grid-4 .owl-nav .owl-next { top: auto; left: 40px; bottom: 40px; } .portfolio-grid-4 .owl-nav .owl-next { left: 100px; } @media screen and (max-width: 768px) { .portfolio-grid-4 .owl-nav .owl-prev, .portfolio-grid-4 .owl-nav .owl-next { left: 25px; bottom: 25px; } .portfolio-grid-4 .owl-nav .owl-next { left: 80px; } .portfolio-grid-4 .owl-dots { right: 18px; } .portfolio-grid-4 .scroll { display: none; } } .portfolio-grid-4 .scroll, .portfolio-grid-5 .scroll, .portfolio-grid-7 .scroll { color: #fff; font-size: 1rem; font-family: "Poppins", sans-serif; font-weight: 500; position: absolute; right: 50px; bottom: 45px; z-index: 20; cursor: default; } .portfolio-grid-4 .scroll:after, .portfolio-grid-5 .scroll:after, .portfolio-grid-7 .scroll:after { content: ''; border-top: 2px solid #fff; width: 40px; position: absolute; opacity: .5; left: -55px; top: 48%; } .portfolio-grid-4.hide-scroll .scroll, .portfolio-grid-5.hide-scroll .scroll, .portfolio-grid-7.hide-scroll .scroll { display: none; } .portfolio-grid-5 .scroll { color: #282828; right: 50%; bottom: 110px; margin-right: 25px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .portfolio-grid-5 .scroll:after { border-color: #282828; } @media screen and (max-width: 768px) { .portfolio-grid-5 .scroll { display: none; } } .portfolio-grid-4, .portfolio-grid-6 { overflow: hidden; } .portfolio-grid-4 .slider, .portfolio-grid-6 .slider { width: auto; } .portfolio-grid-4 .slider .owl-item, .portfolio-grid-6 .slider .owl-item { height: 100%; } .portfolio-grid-6 { min-height: 200px; } .portfolio-grid-6 .owl-nav .owl-next, .portfolio-grid-6 .owl-nav .owl-prev { margin-top: -40px; } .portfolio-grid-6 .owl-nav .owl-next:after, .portfolio-grid-6 .owl-nav .owl-prev:after { border-color: #282828; } .portfolio-grid-6 .owl-nav .owl-next { right: 30px; } .portfolio-grid-6 .owl-nav .owl-prev { left: 30px; } .portfolio-grid-7 .scroll { right: 50%; bottom: 110px; margin-right: -25px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .portfolio-grid-8 .scroll { position: absolute; bottom: 40px; left: 37%; color: #fff; font-size: 1rem; font-weight: 600; } .portfolio-grid-8 .scroll:after { content: ''; background: #fff; width: 40px; height: 2px; position: absolute; left: 0; top: 45%; margin-left: -55px; opacity: .5; } .portfolio-grid-8.hide-scroll .scroll { display: none; } @media screen and (max-width: 768px) { .portfolio-grid-8 .scroll { display: none; } } .norebro-recent-projects-sc .pagination { margin: 30px auto; text-align: center; } .lazy-load { margin: 30px auto; display: block; font-size: 15px; font-weight: 600; text-align: center; -webkit-transition: color .1s ease-in-out; -o-transition: color .1s ease-in-out; transition: color .1s ease-in-out; } .lazy-load .icon { margin: -1px 0 0 5px; font-size: 18px; vertical-align: middle; display: inline-block; } .lazy-load .icon:before { width: 18px; height: 18px; -webkit-transform-origin: 42% 53%; -ms-transform-origin: 42% 53%; transform-origin: 42% 53%; } .lazy-load.active .icon:before { -webkit-animation: mymove 1s linear 0s infinite; animation: mymove 1s linear 0s infinite; } .lazy-load[data-lazy-load-loading=""] { display: none; } .lazy-load.load-more { padding: 15px; cursor: pointer; } .lazy-load.load-more .loading-text { display: none; } .lazy-load.load-more.active .loadmore-text { display: none; } .lazy-load.load-more.active .loading-text { display: inline; } .lazy-load.load-more:hover { color: #174EE2; } @-webkit-keyframes mymove { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes mymove { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*-------------------------------------------------------------- ## Portfolio Pages --------------------------------------------------------------*/ .portfolio-page-custom-content { padding: 0 15px; } @media screen and (max-width: 768px) { .portfolio-page-custom-content { padding: 0; margin: 0 -15px; } } .portfolio-page-onepage { position: relative; overflow: hidden; } .portfolio-page { position: relative; } .portfolio-page .images-wrap { padding-right: 0; } .portfolio-page .images-wrap img { width: 100%; float: left; margin-bottom: 5px; } .portfolio-page .images-wrap img:last-of-type { margin-bottom: 0; } .portfolio-page .portfolio-content { padding: 80px 0 80px 70px; z-index: 2; } .portfolio-page h2 { margin: 20px 0 5px; font-weight: 600; line-height: 1.2; text-decoration: none; display: block; } .portfolio-page .task-title { margin-top: 35px; font-size: 15px; } .portfolio-page .description { margin-top: 15px; } .portfolio-page .info { margin-top: 25px; } .portfolio-page .info-list { list-style: none; } .portfolio-page .info-list li { width: auto; display: inline-block; min-width: 50px; max-width: 150px; margin-right: 40px; vertical-align: top; } .portfolio-page .info-list li:last-child { margin-right: 0px; } .portfolio-page .info-list .title { color: #888; margin: 0 0 5px 0; padding-bottom: 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); font-size: 0.75rem; font-weight: 600; text-transform: uppercase; } .portfolio-page .info-list p { margin-top: 5px; font-size: 0.95rem; color: #636363; } .portfolio-page .socialbar { margin-top: 15px; margin-left: -15px; } .portfolio-page .socialbar a:first-child { margin: 5px 15px; } .portfolio-page .socialbar a { font-weight: 600; font-size: 0.9rem; margin-top: 5px; } .portfolio-page .open-website { margin-top: 30px; } .portfolio-page.boxed .images-wrap { padding-right: 15px; } .portfolio-page.content-invert .portfolio-content { padding: 80px 70px 80px 0; } .portfolio-page.fullwidth { width: 100%; max-width: none; padding-left: 0; padding-right: 0; } .portfolio-page.fullwidth .portfolio-content { max-width: 635px; float: left; } .portfolio-page.fullwidth .portfolio-content[data-norebro-content-scroll] { width: 635px; } @media screen and (max-width: 1300px) and (min-width: 768px) { .portfolio-page.fullwidth .portfolio-content[data-norebro-content-scroll] { width: 45%; } } @media screen and (max-width: 768px) { .portfolio-page.fullwidth .portfolio-content { width: 100%; } } @media screen and (max-width: 768px) { .portfolio-page.fullwidth .portfolio-content-wrap { padding: 0; } } .portfolio-page.fullwidth.full .portfolio-content { width: 50%; padding-right: 7%; } .portfolio-page.fullwidth.content-invert .portfolio-content { float: right; } .portfolio-page.fullwidth.content-invert.full .portfolio-content-wrap { padding-left: 7%; padding-right: 0; } .portfolio-page.fullwidth.content-invert.full .portfolio-content { width: 100%; padding-left: 15px; } .portfolio-page.fullwidth .images-wrap { padding-left: 0; } .portfolio-page.fullscreen { width: auto; max-width: 50%; background: rgba(40, 40, 40, 0.97); position: absolute; bottom: 0; left: 0; z-index: 2; } .portfolio-page.fullscreen .portfolio-content { padding: 60px; -webkit-transition: 0.3s cubic-bezier(0.45, 1, 0.65, 1); -o-transition: 0.3s cubic-bezier(0.45, 1, 0.65, 1); transition: 0.3s cubic-bezier(0.45, 1, 0.65, 1); -webkit-transition-property: width, height, padding; -o-transition-property: width, height, padding; transition-property: width, height, padding; } .portfolio-page.fullscreen .portfolio-content.closed { padding: 30px 90px 20px 30px; } .portfolio-page.fullscreen .portfolio-content.no-transition { -webkit-transition: none; -o-transition: none; transition: none; } .portfolio-page.fullscreen .portfolio-content .tag, .portfolio-page.fullscreen .portfolio-content h2, .portfolio-page.fullscreen .portfolio-content h4 { color: #fff; } .portfolio-page.fullscreen .portfolio-content p { color: #9a9a9a; } .portfolio-page.fullscreen .portfolio-content .tag { background: #174EE2; border-color: #174EE2; } .portfolio-page.fullscreen .portfolio-content h2 { font-size: 24px; font-weight: 600; } .portfolio-page.fullscreen .portfolio-content .info .title { color: #fff; border-color: rgba(235, 235, 235, 0.15); } .portfolio-page.fullscreen .portfolio-content .info a { color: inherit; } .portfolio-page.fullscreen .toggle-btn { color: #fff; width: 70px; height: 70px; line-height: 72px; font-size: 26px; text-align: center; position: absolute; top: 0; right: 0; opacity: 1; cursor: pointer; } .portfolio-page.fullscreen .toggle-btn:hover { opacity: .8; } .portfolio-page.with-slider .portfolio-content { padding: 0 15px 80px; } .portfolio-page.with-slider .info { margin-top: 10px; } .portfolio-page.with-slider .slider { margin-bottom: 40px; } .portfolio-page.with-slider .slider .owl-item { padding: 0 85px; } .portfolio-page.with-slider .slider img { width: 100%; } .portfolio-page.header-full, .portfolio-page.portfolio-header-title { -webkit-background-size: cover; background-size: cover; background-position: center; height: 100vh; } .portfolio-page.header-full .back, .portfolio-page.portfolio-header-title .back { color: #fff; position: absolute; left: -webkit-calc( (100% - 700px)/4); left: calc( (100% - 700px)/4); font-size: 0.95rem; font-weight: 600; } .portfolio-page.header-full .back .icon, .portfolio-page.portfolio-header-title .back .icon { font-size: 20px; vertical-align: -3px; margin-right: 20px; opacity: .8; } .portfolio-page.header-full .content-center, .portfolio-page.portfolio-header-title .content-center { background: rgba(40, 40, 40, 0.7); } .portfolio-page.header-full .portfolio-content, .portfolio-page.portfolio-header-title .portfolio-content { width: 700px; margin: 0 auto; padding: 30px 0; position: relative; } .portfolio-page.header-full .tag, .portfolio-page.portfolio-header-title .tag { border-color: #fff; } .portfolio-page.header-full h2, .portfolio-page.portfolio-header-title h2 { font-size: 62px; } .portfolio-page.header-full .tag, .portfolio-page.header-full h2, .portfolio-page.header-full p, .portfolio-page.portfolio-header-title .tag, .portfolio-page.portfolio-header-title h2, .portfolio-page.portfolio-header-title p { color: #fff; } .portfolio-page.header-full .info .title, .portfolio-page.portfolio-header-title .info .title { border-color: rgba(255, 255, 255, 0.25); } .portfolio-page.header-full .info p a, .portfolio-page.portfolio-header-title .info p a { color: #fff; } .portfolio-page.header-full .scroll, .portfolio-page.portfolio-header-title .scroll { color: #fff; position: absolute; bottom: 100px; left: -webkit-calc( (100% - 700px)/2); left: calc( (100% - 700px)/2); margin-left: -5px; font-size: 1rem; -webkit-transform: rotate(-90deg) translateY(-50%) translateX(100%); -ms-transform: rotate(-90deg) translateY(-50%) translateX(100%); transform: rotate(-90deg) translateY(-50%) translateX(100%); } .portfolio-page.header-full .scroll:after, .portfolio-page.portfolio-header-title .scroll:after { content: ''; background: rgba(255, 255, 255, 0.5); width: 40px; height: 2px; position: absolute; right: 140%; top: 45%; } .portfolio-page.portfolio-header-title { height: auto; } .portfolio-page.portfolio-header-title .portfolio-content { width: 800px; height: auto; text-align: center; } .portfolio-page.portfolio-header-title .content-center { padding: 14% 0 12%; } .portfolio-page.portfolio-header-title .tag { background: #282828; border-color: #282828; } .portfolio-page.portfolio-header-title .info-list li { max-width: none; margin-right: 20px; } .portfolio-page.portfolio-header-title .info-list .title, .portfolio-page.portfolio-header-title .info-list p { width: auto; display: inline-block; font-size: 0.9rem; font-weight: 500; line-height: 20px; } .portfolio-page.portfolio-header-title .info-list .title { color: #cbcbcb; margin: 0; padding: 0; border: none; } .portfolio-page.portfolio-header-title .info-list p { margin-bottom: 0; } .portfolio-page.portfolio-header-title .scroll { left: 50%; bottom: 30px; } .portfolio-page.portfolio-header-title.invert h2, .portfolio-page.portfolio-header-title.invert p, .portfolio-page.portfolio-header-title.invert .scroll, .portfolio-page.portfolio-header-title.invert .back { color: #282828; } .portfolio-page.portfolio-header-title.invert .scroll:after { background: rgba(40, 40, 40, 0.6); } .portfolio-page.portfolio-header-title.invert .tag { background: #174EE2; border-color: #174EE2; } .portfolio-page.portfolio-header-title.invert .content-center { background: rgba(255, 255, 255, 0.85); } .portfolio-page.portfolio-header-title.invert .info-list .title { color: #777; } .portfolio-page.portfolio-header-title.invert .info p a { color: #282828; } .portfolio-page.header-full h2, .portfolio-page.header-full .tag, .portfolio-page.header-full .info, .portfolio-page.header-full .back, .portfolio-page.header-full .scroll, .portfolio-page.portfolio-header-title h2, .portfolio-page.portfolio-header-title .tag, .portfolio-page.portfolio-header-title .info, .portfolio-page.portfolio-header-title .back, .portfolio-page.portfolio-header-title .scroll { opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } .portfolio-page.header-full h2, .portfolio-page.portfolio-header-title h2 { -webkit-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s; } .portfolio-page.header-full .info, .portfolio-page.portfolio-header-title .info { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .portfolio-page.header-full .back, .portfolio-page.portfolio-header-title .back { -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } .portfolio-page.header-full .scroll, .portfolio-page.portfolio-header-title .scroll { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; -webkit-transform: rotate(-90deg) translateY(-50%) translateX(100%) translateX(30px); -ms-transform: rotate(-90deg) translateY(-50%) translateX(100%) translateX(30px); transform: rotate(-90deg) translateY(-50%) translateX(100%) translateX(30px); } .portfolio-page.header-full.show h2, .portfolio-page.header-full.show .tag, .portfolio-page.header-full.show .info, .portfolio-page.header-full.show .back, .portfolio-page.portfolio-header-title.show h2, .portfolio-page.portfolio-header-title.show .tag, .portfolio-page.portfolio-header-title.show .info, .portfolio-page.portfolio-header-title.show .back { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .portfolio-page.header-full.show .scroll, .portfolio-page.portfolio-header-title.show .scroll { opacity: 1; -webkit-transform: rotate(-90deg) translateY(-50%) translateX(100%); -ms-transform: rotate(-90deg) translateY(-50%) translateX(100%); transform: rotate(-90deg) translateY(-50%) translateX(100%); } @media screen and (max-width: 1024px) and (min-width: 768px) { .portfolio-page .portfolio-content { padding: 40px 0 40px 40px; z-index: 2; } .portfolio-page.content-invert .portfolio-content { padding: 40px 40px 40px 0; } .portfolio-page.header-full h2, .portfolio-page.portfolio-header-title h2 { font-size: 46px; line-height: 56px; } .portfolio-page.header-full.show .scroll, .portfolio-page.portfolio-header-title.show .scroll { display: none; } .portfolio-page.fullscreen { max-width: 70%; } } @media screen and (max-width: 767px) { .portfolio-page .portfolio-content .vc_row .vc_column_container > .vc_column-inner { padding-left: 15px; padding-right: 15px; } .portfolio-page.boxed .images-wrap, .portfolio-page .images-wrap { padding: 0; margin: 0 -25px; } .portfolio-page.boxed .images-wrap img, .portfolio-page .images-wrap img { margin-bottom: 0; } .portfolio-page.content-invert .portfolio-content, .portfolio-page.with-slider .portfolio-content, .portfolio-page .portfolio-content { padding: 30px 0; } .portfolio-page.content-invert .portfolio-content, .portfolio-page.with-slider .portfolio-content { margin: 0 -15px; } .portfolio-page .description .vc_column_container > .vc_column-inner { padding-left: 15px; padding-right: 15px; } .portfolio-page .info-list { display: block; } .portfolio-page .info-list li { width: 100%; max-width: 100%; } .portfolio-page .socialbar { margin-top: 15px; } .portfolio-page .socialbar a { margin-top: 5px; } .portfolio-page.fullwidth, .portfolio-page.fullwidth.full, .portfolio-page.fullwidth.content-invert { padding: 0 25px; } .portfolio-page.fullwidth div.portfolio-content, .portfolio-page.fullwidth.full div.portfolio-content, .portfolio-page.fullwidth.content-invert div.portfolio-content { width: 100%; } .portfolio-page.header-full { height: auto; } .portfolio-page.header-full .portfolio-content { width: auto; padding: 90px 25px 25px; } .portfolio-page.portfolio-header-title .content-center { padding: 0; } .portfolio-page.portfolio-header-title .portfolio-content { width: auto; padding: 120px 25px 60px; } .portfolio-page.portfolio-header-title .info-list li { width: auto; margin: 0 5px; } .portfolio-page.portfolio-header-title .scroll, .portfolio-page.portfolio-header-title .back { display: none; } .portfolio-page.fullscreen { position: static; max-width: none; } .portfolio-page.fullscreen .portfolio-content { padding: 30px 25px; margin: 0; } .portfolio-page.fullscreen .open-website { margin-top: 15px; } .portfolio-page-onepage .norebro-onepage { height: 100vh; } .portfolio-page-onepage .toggle-btn { display: none; } } .portfolio-comments #comments.comments-area { margin-top: 0; } /*-------------------------------------------------------------- # Blog --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Grid --------------------------------------------------------------*/ div.post-offset { margin: 0; padding: 0; } div.post-offset article, div.post-offset .portfolio-item { margin: 0; } .blog-grid { width: 100%; float: left; position: relative; overflow: hidden; } .blog-grid header { white-space: nowrap; } .blog-grid header .tags { width: 100%; white-space: normal; padding: 15px 20px 0; vertical-align: top; position: relative; display: inline-block; } .blog-grid header .tags:nth-child(2) { left: -100%; } .blog-grid header img, .blog-grid header .slider, .blog-grid header iframe { width: 100%; display: inline-block; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; vertical-align: top; } .blog-grid header iframe { min-height: 250px; } .blog-grid header .slider { overflow: hidden; } .blog-grid header .slider .owl-nav { display: none; } .blog-grid header .slider .owl-dots { width: 15px; height: auto; position: absolute; top: 15px; right: 15px; } .blog-grid header .slider .owl-dot { color: #fff; margin: 0 0 5px 0; display: block; float: left; z-index: 200; } .blog-grid .tags { margin-bottom: 20px; } .blog-grid .tags a { color: #fff; } .blog-grid .tags a:hover { background-color: transparent; color: #174EE2; } .blog-grid .content { padding: 15px 0 5px; } .blog-grid h3 { font-size: 20px; line-height: 1.5; margin: 0; } .blog-grid footer { margin-top: 0px; font-size: 0.75rem; text-transform: uppercase; } .blog-grid footer .author { margin-right: 5px; font-weight: 500; } .blog-grid footer .data { margin-left: 5px; } .blog-grid footer .data, .blog-grid footer strong { color: #888; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .blog-grid .plus { font-size: 36px; line-height: 0; margin-top: 12px; display: inline-block; -webkit-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; transition: .1s ease-in-out; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .blog-grid .plus, .blog-grid .plus:before { line-height: .6; } .blog-grid:hover header img { opacity: .8; } .blog-grid:hover h3 a { color: #174EE2; } .blog-grid:hover .plus { color: inherit; -webkit-transform: rotateZ(-45deg); -ms-transform: rotate(-45deg); transform: rotateZ(-45deg); } .blog-grid.no-preview footer { margin-top: 10px; } .blog-grid.quote header .tags { left: 0; padding-left: 0; } .blog-grid.quote header blockquote { padding: 0 30px; margin: 0; margin-bottom: 15px; line-height: 1.4; quotes: "" ""; white-space: normal; } .blog-grid.quote header blockquote:after { content: ''; background: rgba(0, 0, 0, 0.15); width: 1px; height: -webkit-calc(100% - 10px); height: calc(100% - 10px); position: absolute; top: 5px; left: 0; } .blog-grid.quote header blockquote:before { content: ''; background: rgba(0, 0, 0, 0.15); width: 100%; height: 1px; position: absolute; left: 0; bottom: -15px; } .blog-grid.quote header blockquote cite { position: relative; text-align: left; display: block; margin: 5px 0 0 0; text-align: left; font-weight: 600; font-size: 0.75rem; text-transform: uppercase; } .blog-grid.grid-1 { margin-bottom: 45px; } .blog-grid.grid-1 .tags { margin-bottom: 0; } .blog-grid.grid-1 header .tags:nth-child(1) { padding-left: 0; } .blog-grid.grid-1.boxed header .tags { padding-left: 20px; } .blog-grid.grid-1 .content { padding-bottom: 0; } .blog-grid.boxed { background: #f8f8f8; } .blog-grid.boxed .content { padding: 30px 30px 0; } .blog-grid.boxed footer { padding: 5px 25px 20px; } .blog-grid.boxed.quote blockquote { margin: 15px 25px; } .blog-grid.boxed.quote blockquote:before { width: -webkit-calc( 100% + 50px); width: calc( 100% + 50px); left: -25px; } @media screen and (min-width: 769px) { .blog-grid.grid-2 { margin-bottom: 30px; } .blog-grid.grid-2 header { width: 400px; float: left; display: block; } .blog-grid.grid-2 .content { display: block; padding: 0 0 0 430px; } .blog-grid.grid-2 h3 { margin-top: -5px; display: inline-block; } .blog-grid.grid-2 .plus { margin-top: 20px; } .blog-grid.grid-2.boxed .content { padding: 20px 25px 0 430px; } .blog-grid.grid-2.boxed h3 { margin-top: 0; } .blog-grid.grid-2.boxed footer { padding: 0; } } .blog-grid.grid-3 { position: relative; overflow: hidden; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; margin-bottom: 30px; } .blog-grid.grid-3 header { -webkit-background-size: cover; background-size: cover; width: 100%; height: 100%; position: absolute; z-index: 1; } .blog-grid.grid-3 header img { display: block; } .blog-grid.grid-3 .overlay { z-index: 2; opacity: .85; } .blog-grid.grid-3 .content { background: #f7f7f7; width: 100%; min-height: 400px; padding: 25px; position: relative; z-index: 3; } .blog-grid.grid-3 footer { width: 100%; position: absolute; bottom: 25px; } .blog-grid.grid-3 .plus { position: absolute; top: -18px; right: 56px; } .blog-grid.grid-3 .content, .blog-grid.grid-3 p { -webkit-transition: inherit; -o-transition: inherit; transition: inherit; } .blog-grid.grid-3:hover .content { background: transparent; color: #fff; } .blog-grid.grid-3:hover .tags a { background: transparent; border-color: #fff; color: #fff; } .blog-grid.grid-3:hover h3, .blog-grid.grid-3:hover h3 a, .blog-grid.grid-3:hover p, .blog-grid.grid-3:hover .plus { color: #fff; } .blog-grid.grid-3:hover .plus { -webkit-transform: rotateZ(-45deg); -ms-transform: rotate(-45deg); transform: rotateZ(-45deg); } .blog-grid.grid-3:hover footer strong, .blog-grid.grid-3:hover footer .data { color: rgba(255, 255, 255, 0.6); } .blog-grid.grid-4 { -webkit-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; transition: background .2s ease-in-out; padding: 25px 30px 20px; margin-bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .blog-grid.grid-4 .content { padding: 0; } .blog-grid.grid-4 .plus { margin-top: 20px; } .blog-grid.grid-4:hover { background: #f7f7f7; } .blog-grid.grid-4:hover .tags a { background: transparent; color: #174EE2; } @media screen and (min-width: 769px) { .blog-grid.grid-5 { width: 100%; padding-left: 50px; margin-bottom: 45px; } .blog-grid.grid-5 header { width: -webkit-calc(50% - 30px); width: calc(50% - 30px); position: relative; float: left; } .blog-grid.grid-5 header img { width: 100%; } .blog-grid.grid-5 .content { min-height: 150px; padding: 0 0 0 50%; } .blog-grid.grid-5 h3 { font-size: 22px; margin-top: 0; display: block; clear: none; } .blog-grid.grid-5 footer { margin-left: 0px; margin-top: 0px; height: 50px; line-height: 50px; padding: 0 0; left: 0px; top: 0px; text-align: right; position: absolute; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: translateX(-100%) rotateZ(-90deg); -ms-transform: translateX(-100%) rotate(-90deg); transform: translateX(-100%) rotateZ(-90deg); } .blog-grid.grid-5.offset { width: 85%; } .blog-grid.grid-5.right { padding-left: 0; padding-right: 50px; } .blog-grid.grid-5.right header { float: right; } .blog-grid.grid-5.right .content { padding: 0 50% 0 0; } .blog-grid.grid-5.right footer { left: auto; right: 0; -webkit-transform: rotateZ(-90deg) translateY(-100%); -ms-transform: rotate(-90deg) translateY(-100%); transform: rotateZ(-90deg) translateY(-100%); } .blog-grid.grid-5.boxed { background: #f7f7f7; padding-left: 50px; } .blog-grid.grid-5.boxed footer { padding: 0 20px; } .blog-grid.grid-5.boxed .content { padding: 25px 30px 15px 50%; } .blog-grid.grid-5.boxed.right { padding-left: 0; padding-right: 50px; } .blog-grid.grid-5.boxed.right .content { padding-right: 50%; padding-left: 30px; } } @media screen and (max-width: 768px) { .blog-grid { margin-bottom: 30px; } .blog-grid.grid-5 { margin-bottom: 25px; } .blog-grid.grid-5 footer { line-height: 50px; padding-top: 0; padding-bottom: 0; } } .norebro-recent-posts-sc .grid-1, .norebro-recent-posts-sc .grid-5 { margin-bottom: 15px; } .norebro-recent-posts-sc .grid-2 { margin-bottom: 0; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .blog-grid .gallery { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px !important; } .blog-grid .gallery .gallery-item { display: inline-block; margin: 0px 5px 5px 0px; margin-top: 0px !important; text-align: center; vertical-align: top; width: 100%; position: relative; } .blog-grid .gallery .gallery-item img { border: none !important; -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; } .blog-grid .gallery .gallery-item .gallery-caption { position: absolute; background: rgba(255, 255, 255, 0.8); padding: 3px 10px; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; white-space: nowrap; -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; opacity: 0; font-size: .8em; font-weight: normal; } .blog-grid .gallery .gallery-item:hover .gallery-caption { opacity: 1; } .blog-grid .gallery .gallery-item:hover img { opacity: .8; } .blog-grid .gallery.gallery-columns-3 .gallery-item { max-width: -webkit-calc((100% - 5px * 2) / 3); max-width: calc((100% - 5px * 2) / 3); } .blog-grid .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n+3), .blog-grid .gallery.gallery-columns-3 .gallery-item:last-of-type { margin-right: 0; } .blog-grid:hover > header img { opacity: 1; } /*-------------------------------------------------------------- ## Post --------------------------------------------------------------*/ .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 0 auto; } @media screen and (min-width: 1025px) { .entry-content > *:not(.vc_row):not(.vc_clearfix) { margin-top: 28px; margin-bottom: 28px; } .entry-content > *:not(.vc_row):not(.vc_clearfix):first-child { margin-top: 0px; } .entry-content > *:not(.vc_row):not(.vc_clearfix):last-child { margin-bottom: 0px; } } .entry-content figcaption { padding: 0.3rem; font-size: .98em; margin: 0px; } .post .entry-content { margin-bottom: 30px; } .post .entry-content a:not(.wp-block-button__link):not(.wp-block-file__button) { color: #174EE2; } .post .entry-content a:not(.wp-block-button__link):not(.wp-block-file__button):hover { text-decoration: underline; } .post .entry-content .blog-slider .owl-nav { display: none; } .post .entry-content .blog-slider .owl-dots { margin-top: 10px; } .post { margin-bottom: 0; } article.page { margin: 0; } .page-links { clear: both; margin: 0 0 1.5em; padding-top: 15px; font-size: 110%; } .page-links a { color: #174EE2; } .page-links a:hover { text-decoration: underline; } .single-post .widget_norebro_about_author { padding-top: 20px; } .entry-footer .share .title { float: left; padding: 7px 25px 5px 15px; border: 1px solid #888; -webkit-border-radius: 50px; border-radius: 50px; font-size: 0.75rem; font-weight: 500; text-transform: uppercase; margin-top: 3px; cursor: pointer; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; white-space: pre; position: relative; } .entry-footer .share .title:hover { border-color: #174EE2; color: #174EE2; } .entry-footer .share .title:after { content: '\f10d\A\f104'; font-family: 'Ionicons'; position: absolute; right: 12px; top: 8px; font-size: 9px; line-height: 7px; opacity: .7; } .entry-footer .share .socialbar { float: left; overflow: hidden; white-space: nowrap; -webkit-transition: .5s ease-out; -o-transition: .5s ease-out; transition: .5s ease-out; font-size: 0; } .entry-footer .share .socialbar a { width: 0px; height: 36px; line-height: 36px; margin: 0; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; opacity: 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); border-left-width: 0; border-right-width: 0; } .entry-footer .share .socialbar a:first-child { margin: 0; } .entry-footer .share .socialbar a.active { width: 36px; -webkit-transform: none; -ms-transform: none; transform: none; margin: 0 0 0 5px; opacity: 1; border-left-width: 1px; border-right-width: 1px; } .entry-footer .share .socialbar a.active:first-child { margin-left: 10px; } .post-widget { padding-top: 30px; } .toggle { position: relative; clear: both; } .toggle .norebro-icon-grid { background: rgba(0, 0, 0, 0.05); width: 50px; height: 50px; -webkit-border-radius: 50px; border-radius: 50px; margin: -25px 0 0 -25px; display: block; position: absolute; top: 50%; left: 50%; z-index: 2; } .toggle .norebro-icon-grid:hover { background: rgba(0, 0, 0, 0.1); } .toggle-post { width: 100%; margin: 0; } .toggle-post th, .toggle-post td { padding: 20px 0; border: none; } .toggle-post .arrow { color: #282828; width: 60px; height: 100%; border-left: 1px solid transparent; text-align: center; font-size: 28px; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: border, color; -o-transition-property: border, color; transition-property: border, color; text-shadow: 0 1px 0 rgba(40, 40, 40, 0.4), -0.5px 0 0 rgba(40, 40, 40, 0.4), -0.5px 1px 0 rgba(40, 40, 40, 0.4); } .toggle-post .arrow span { margin-top: 5px; display: inline-block; } .toggle-post .content { width: 1px; padding: 0 20px 0 0; white-space: nowrap; } .toggle-post .content .subtitle { margin-bottom: 4px; text-transform: uppercase; font-size: 0.75rem; } .toggle-post .content h3 { -o-text-overflow: ellipsis; text-overflow: ellipsis; max-height: 3.6em; margin: 0 0 5px; line-height: 1.3; font-weight: 500; font-size: 0.95rem; overflow: hidden; -webkit-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out; } .toggle-post .image { margin: -20px 0 -26px; max-width: 150px; min-width: 80px; opacity: 0; -webkit-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } .toggle-post .image img { height: 90px; width: auto; } .toggle-post.right .content { padding: 0 0 0 20px; } .toggle-post.right .arrow { border-left: none; border-right: 1px solid transparent; } .toggle-post:hover { background-position: 0 0; } .toggle-post:hover .arrow { color: #174EE2; border-color: rgba(0, 0, 0, 0.1); } .toggle-post:hover .image { opacity: 1; } .toggle-post:hover .content h3 { color: #174EE2; } @media screen and (max-width: 768px) { .toggle-post .content { width: auto; white-space: normal; } .toggle-post .image { opacity: 1; } .toggle { padding: 20px 0; } .toggle .norebro-icon-grid { position: relative; top: 0; margin: 20px 0 20px -25px; } } h3.related-post-heading { margin-bottom: 25px; margin-top: 45px; font-size: 1rem; } .related-posts { margin-bottom: 35px; } .related-posts .blog-grid footer { margin-top: 10px; } .post { margin-top: 0; } .post .entry-content p:first-of-type { margin-top: 0; } .post .entry-content p:last-of-type { margin-bottom: 0; } .post h2 a:hover { text-decoration: underline; } .post .comments-link a { font-size: 0.9rem; margin-left: 15px; } .post .comments-link a:hover { color: #174EE2; text-decoration: underline; } form.post-password-form { text-align: left; } form.post-password-form label { font-weight: 600; margin: 15px 0; } form.post-password-form label input { margin-top: 5px; } form.post-password-form input[type="submit"] { margin-top: 15px; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comments-title { margin-bottom: 25px; } .comments-area { background: #f7f7f7; width: 100%; margin: 80px auto 0; padding: 70px 15px; position: relative; clear: both; } .comments-area:after, .comments-area:before { background: inherit; content: ''; width: 500%; height: 100%; position: absolute; top: 0; } .comments-area:after { left: 100%; } .comments-area:before { right: 100%; } .comments-area.no-comments { padding-top: 0; } .comments-area.no-comments .comment-respond:after { display: none; } .comments-area .nav-links { margin: 15px 0; } .comments-area .nav-links div { display: inline-block; margin-right: 15px; } .comments-area .nav-links a:hover { text-decoration: underline; } .comments-area .comments-title { font-size: 1rem; margin-bottom: 10px; } .comments-area .comment-list { margin: 0 0 55px; padding: 0; list-style: none; } .comments-area .pingback p { display: none; } .comments-area .pingback .comment-body, .comments-area .trackback .comment-body { padding-left: 0; } .comments-area .comment-list > li { border-top: 1px solid #ebebeb; margin-top: 20px; } .comments-area ul.children { margin-left: 0; padding-left: 110px; list-style: none; } .comments-area .comment-body { padding: 25px 0 0 110px; position: relative; } .comments-area .comment-body .title a:hover { text-decoration: underline; } .comments-area .comment-body .comment-awaiting-moderation { font-size: 0.95rem; } .comments-area .comment-body .comment-author img { width: 80px; height: 80px; -webkit-border-radius: 50%; border-radius: 50%; display: block; position: absolute; top: 18px; left: 0; } .comments-area .comment-body .comment-author h4 { display: inline-block; font-size: 15px; } .comments-area .comment-body .comment-author .says { display: none; } .comments-area .comment-body .comment-meta { margin-top: 4px; font-size: 0.9rem; } .comments-area .comment-body .comment-meta time, .comments-area .comment-body .comment-meta a { color: #8a8a8b; } .comments-area .comment-body .comment-meta a:hover { text-decoration: underline; } .comments-area .comment-body .comment-meta .reply a, .comments-area .comment-body .comment-meta a.comment-edit-link { color: #174EE2; } .comments-area .comment-body .comment-content { display: inline-block; padding-top: 5px; width: 100%; } .comments-area .comment-body .reply { display: inline-block; } .comments-area .reply a, .comments-area .reply-cancle a, .comments-area a.comment-edit-link { color: #174EE2; font-size: 0.9rem; margin-left: 14px; position: relative; } .comments-area .reply a:hover, .comments-area .reply-cancle a:hover, .comments-area a.comment-edit-link:hover { text-decoration: underline; } .comments-area .reply a:after, .comments-area .reply-cancle a:after, .comments-area a.comment-edit-link:after { content: '●'; position: absolute; font-size: 8px; top: 2px; left: -10px; color: #282828; } .comments-area .comment-respond { padding-top: 55px; position: relative; z-index: 2; } .comments-area .comment-respond p { text-align: left; } .comments-area .comment-respond:after, .comments-area .comment-respond:before { content: ''; width: 500%; height: 1px; border-top: 1px solid #ebebeb; position: absolute; top: 0; left: -200%; } .comments-area .comment-respond:before { display: none; top: auto; bottom: 0; } .comments-area .comment-respond h3 { display: inline-block; font-size: 1rem; } .comments-area .comment-respond .reply-cancle { display: inline-block; } .comments-area .comment-respond a:hover { text-decoration: underline; } .comments-area .comment-respond form#commentform { margin-top: 25px; margin-bottom: 0px; } .comments-area .comment-respond .submit-comment { margin-top: 25px; } .comments-area .comment-respond label { padding: 5px 20px 20px 0; } .comments-area .comment-respond label:last-child { padding-right: 0; } .comments-area .comment .comment-respond { margin-top: 40px; padding-bottom: 40px; margin-bottom: 10px; } .comments-area .comment .comment-respond:before { display: block; } @media screen and (max-width: 768px) { .comments-area { width: 100%; padding: 20px 0; } .comments-area #respond { padding-top: 0; } .comments-area .comment-list { margin-bottom: 15px; } } /*-------------------------------------------------------------- # WPML --------------------------------------------------------------*/ body #lang_sel { width: 100%; } body #lang_sel ul li { width: 100%; } body #lang_sel ul li a { padding: 10px 15px; } body #lang_sel ul li > ul { width: 100%; top: 45px; } body #lang_sel a.lang_sel_sel { background: transparent; position: relative; } body #lang_sel a.lang_sel_sel:after { content: '\f104'; font-size: 0.9rem; font-family: Ionicons; color: rgba(0, 0, 0, 0.4); position: absolute; right: 15px; top: 12px; } body #lang_sel_list.lang_sel_list_vertical { width: 100%; height: auto; overflow: hidden; z-index: 10; } body #lang_sel_list.lang_sel_list_vertical ul, body #lang_sel_list.lang_sel_list_vertical li { width: 100%; } body #lang_sel_list.lang_sel_list_vertical ul { border-top-style: dotted; border-color: rgba(0, 0, 0, 0.2); } body #lang_sel_list.lang_sel_list_vertical ul li a { background: transparent; padding: 15px 0; border-left: none; border-right: none; border-bottom-style: dotted; border-color: rgba(0, 0, 0, 0.2); } body #lang_sel_list.lang_sel_list_vertical ul li a.lang_sel_sel { border-color: rgba(0, 0, 0, 0.2); } body #lang_sel_list.lang_sel_list_vertical ul li a:hover { background: transparent; color: rgba(0, 0, 0, 0.5); } body #lang_sel_list.lang_sel_list_horizontal { width: 100%; z-index: 10; } body #lang_sel_list.lang_sel_list_horizontal ul { border: none; } body #lang_sel_list.lang_sel_list_horizontal li a { background: transparent; margin-right: 15px; margin-bottom: 5px; } body #lang_sel_list.lang_sel_list_horizontal li a:hover { background: transparent; opacity: .7; } body #lang_sel_footer { background: #38383a; border: none; border-top: 1px solid rgba(0, 0, 0, 0.1); } body #lang_sel_footer ul li a { background: transparent; color: #fff; } body #lang_sel_footer ul li a:hover { background: rgba(255, 255, 255, 0.1); } body #lang_sel_footer ul li a span { color: #fff; } body #lang_sel_footer ul li a.lang_sel_sel { background: rgba(255, 255, 255, 0.1); color: #fff; } body #lang_sel_footer ul li a.lang_sel_sel:hover { background: rgba(255, 255, 255, 0.1); } .site-footer #lang_sel a.lang_sel_sel { border-color: rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 0.6); } .site-footer #lang_sel a.lang_sel_sel:hover { background: transparent; border-color: rgba(255, 255, 255, 0.2); color: #fff; } .site-footer #lang_sel a.lang_sel_sel:hover:after { color: rgba(255, 255, 255, 0.4); } .site-footer #lang_sel a.lang_sel_sel:after { color: rgba(255, 255, 255, 0.2); } .site-footer #lang_sel ul li > ul { z-index: 2; border-top-color: #1b1b1b; top: 46px; } .site-footer #lang_sel ul li > ul li a { background: #1b1b1b; border-color: #141414; color: rgba(255, 255, 255, 0.6); } .site-footer #lang_sel ul li > ul li a:hover { background: #282828; } .site-footer #lang_sel_list.lang_sel_list_vertical ul { border-color: rgba(255, 255, 255, 0.15); } .site-footer #lang_sel_list.lang_sel_list_vertical ul li a { color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.15); } .site-footer #lang_sel_list.lang_sel_list_vertical ul li a.lang_sel_sel { border-color: rgba(255, 255, 255, 0.15); } .site-footer #lang_sel_list.lang_sel_list_vertical ul li a:hover { background: transparent; color: #fff; } .site-footer #lang_sel_list.lang_sel_list_horizontal li a { color: #fff; } .site-footer #lang_sel_list.lang_sel_list_horizontal li a:hover { color: #fff; } /*-------------------------------------------------------------- # Help classes --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Wordpress classes --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } div.wpb_content_element { margin-bottom: 0; } .vc_col-lg-2_5th, .vc_col-lg-5th, .vc_col-md-2_5th, .vc_col-md-5th, .vc_col-sm-2_5th, .vc_col-sm-5th, .vc_col-xs-2_5th, .vc_col-xs-5th { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .vc_col-xs-5th, .vc_col-xs-2_5th { float: left; } .vc_col-xs-5th { width: 20%; } .vc_col-xs-2_5th { width: 10%; } @media (min-width: 768px) { div.vc_col-sm-5th, div.vc_col-sm-2_5th { float: left; } div.vc_col-sm-5th { width: 20%; } div.vc_col-sm-2_5th { width: 40%; } } @media (min-width: 992px) { div.vc_col-md-5th, div.vc_col-md-2_5th { float: left; } div.vc_col-md-5th { width: 20%; } div.vc_col-md-2_5th { width: 40%; } } @media (min-width: 1200px) { div.vc_col-lg-5th, div.vc_col-lg-2_5th { float: left; } div.vc_col-lg-5th { width: 20%; } div.vc_col-lg-2_5th { width: 40%; } } .vc_col-5ths, div.vc_col-5ths { width: 20%; float: left; } .btn.purchase-theme { position: fixed; bottom: 26px; right: 95px; background: #174EE2; border-color: #174EE2; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07); -webkit-border-radius: 24px; border-radius: 24px; text-transform: uppercase; color: #fff; padding: 6px 15px 6px 6px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 1; z-index: 100; font-family: "Poppins", sans-serif; } .btn.purchase-theme:hover { background-color: #8BB654; border-color: #8BB654; color: #fff; } .btn.purchase-theme i.icon { height: 34px; width: 34px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 50%; border-radius: 50%; margin: 2px 8px 0px 0px; -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s; max-height: inherit; } .btn.purchase-theme span { height: 26px; width: 1px; margin: 0px 10px; background-color: rgba(0, 0, 0, 0.2); } /*-------------------------------------------------------------- ## Simple classes --------------------------------------------------------------*/ .text-left, p.text-left { text-align: left; } .text-right, p.text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .left { float: left; } .right { float: right; } .half-width { width: 50%; } .full-width { width: 100%; } .full-vh { height: 100vh; } @media screen and (max-width: 768px) { .full-vh { height: auto; } } .middle { position: absolute; top: 50%; left: 50%; } .hidden { display: none; } .visible { visibility: visible; } .inline { display: inline-block; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .no-transition { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .relative { position: relative; } /*-------------------------------------------------------------- ## Template classes --------------------------------------------------------------*/ .content-center { display: table; width: 100%; height: 100%; } .content-center .wrap { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /*-------------------------------------------------------------- ## Animation classes --------------------------------------------------------------*/ @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } div.bounce-item { -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; } .norebro-scroll-anim { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 0; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .norebro-scroll-anim.from-left { -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); } .norebro-fadeIn { -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; -webkit-transform: trnslateY(-10px); -ms-transform: trnslateY(-10px); transform: trnslateY(-10px); opacity: 0; } .norebro-fadeIn.show { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } /*-------------------------------------------------------------- ### Brand color classes --------------------------------------------------------------*/ input.brand-color, input[type="submit"].brand-color, button.brand-color, a.brand-color, div.brand-color, span.brand-color { color: #174EE2; } input.brand-color-hover:hover, input[type="submit"].brand-color-hover:hover, button.brand-color-hover:hover, a.brand-color-hover:hover, div.brand-color-hover:hover, span.brand-color-hover:hover { color: #174EE2; } .brand-color, .brand-color-after:after, .brand-color-before:before { color: #174EE2; } .brand-color-hover:hover, .brand-color-hover-after:after, .brand-color-hover-before:before { color: #174EE2; } .brand-color-i, .brand-color-after-i:after, .brand-color-before-i:before { color: #174EE2 !important; } .brand-color-hover-i:hover, .brand-color-hover-i-after:after, .brand-color-hover-i-before:before { color: #174EE2 !important; } input.brand-border-color, input[type="submit"].brand-border-color, button.brand-border-color, a.brand-border-color, div.brand-border-color, span.brand-border-color { border-color: #174EE2; } input.brand-border-color-hover:hover, input[type="submit"].brand-border-color-hover:hover, button.brand-border-color-hover:hover, a.brand-border-color-hover:hover, div.brand-border-color-hover:hover, span.brand-border-color-hover:hover { border-color: #174EE2; } .brand-border-color, .brand-border-color-after:after, .brand-border-color-before:before { border-color: #174EE2; } .brand-border-color-hover:hover, .brand-border-color-hover-after:after, .brand-border-color-hover-before:before { border-color: #174EE2; } .brand-border-color-i, .brand-border-color-after-i:after, .brand-border-color-before-i:before { border-color: #174EE2 !important; } .brand-border-color-hover-i:hover, .brand-border-color-hover-i-after:after, .brand-border-color-hover-i-before:before { border-color: #174EE2 !important; } input.brand-bg-color, input[type="submit"].brand-bg-color, button.brand-bg-color, a.brand-bg-color, div.brand-bg-color, span.brand-bg-color { background-color: #174EE2; } input.brand-bg-color-hover:hover, input[type="submit"].brand-bg-color-hover:hover, button.brand-bg-color-hover:hover, a.brand-bg-color-hover:hover, div.brand-bg-color-hover:hover, span.brand-bg-color-hover:hover { background-color: #174EE2; } .brand-bg-color, .brand-bg-color-after:after, .brand-bg-color-before:before { background-color: #174EE2; } .brand-bg-color-hover:hover, .brand-bg-color-hover-after:after, .brand-bg-color-hover-before:before { background-color: #174EE2; } .brand-bg-color-i, .brand-bg-color-after-i:after, .brand-bg-color-before-i:before { background-color: #174EE2 !important; } .brand-bg-color-hover-i:hover, .brand-bg-color-hover-i-after:after, .brand-bg-color-hover-i-before:before { background-color: #174EE2 !important; } /*-------------------------------------------------------------- ### Custom classes --------------------------------------------------------------*/ @media screen and (max-width: 768px) { .norebro-phone-space { height: 60px !important; } .norebro-hide-on-moblie { display: none; } } .norebro-row-inline .wpb_column { width: auto; } .norebro-bg-cover { -webkit-background-size: cover !important; background-size: cover !important; } .norebro-bg-cover > .vc_column-inner { -webkit-background-size: cover !important; background-size: cover !important; } .norebro-bg-top-left, .norebro-bg-bottom-right, .norebro-bg-top-right { background-repeat: no-repeat !important; } .norebro-bg-top-left { background-position: top left !important; } .norebro-bg-bottom-right { background-position: bottom right !important; } .norebro-bg-top-right { background-position: top right !important; } /*-------------------------------------------------------------- ### Disable VC classes --------------------------------------------------------------*/ div.vc_row[data-vc-full-width] { overflow: visible; } .col-md-five-columns { width: 100% !important; padding: 0 15px; float: left; position: relative; } @media screen and (min-width: 1200px) { .col-md-five-columns { width: 20% !important; } } @media screen and (min-width: 992px) { .col-md-five-columns { width: 20% !important; } } @media screen and (min-width: 769px) { .scroll-top { right: 30px; bottom: 30px; } } @media screen and (max-width: 768px) { .phone-column .vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; } .arg-spacer { height: 40px !important; } div.vc_row.vc_row-flex { display: block; } div.vc_row.vc_row-o-equal-height > .vc_column_container { width: 100%; display: block; clear: both; } div.vc_row.vc_row-o-equal-height > .vc_column_container > .vc_column-inner { display: block; padding-top: 0; } } .wpb_revslider_element.wpb_content_element { margin-bottom: 0px; } .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > div.vc_column-inner, div.vc_row-has-fill > div.vc_column_container > div.vc_column-inner { padding-top: 0; } @media screen and (max-width: 768px) { .vc_row .vc_column_container > .vc_column-inner { padding-left: 25px; padding-right: 25px; } .nor-heading-xs h1.title, .nor-heading-xs h2.title, .nor-heading-xs h3.title, .nor-heading-xs h4.title, .nor-heading-xs .widget h4, .widget .nor-heading-xs h4, .nor-heading-xs h5.title, .nor-heading-xs .widget h5, .widget .nor-heading-xs h5 { font-size: 40px !important; line-height: 48px !important; } .border-reset-left, .border-reset-left .vc_column-inner { border-left: none !important; } .border-reset-right, .border-reset-right .vc_column-inner { border-right: none !important; } .border-reset-top, .border-reset-top .vc_column-inner { border-top: none !important; } .border-reset-bottom, .border-reset-bottom .vc_column-inner { border-bottom: none !important; } .vc_row.block-padding-reset-left { padding-left: 25px !important; } .vc_row.block-padding-reset-right { padding-right: 25px !important; } .vc_row.block-padding-reset-top { padding-top: 25px !important; } .vc_row.block-padding-reset-bottom { padding-bottom: 25px !important; } .vc_row .vc_column_container > .vc_column-inner .vc_column-inner { padding-left: 25px !important; padding-right: 25px !important; } .full-vh-reset { min-height: auto !important; height: auto !important; } .indention-reset-left .vc_column-inner { margin-left: 0px !important; } .indention-reset-right .vc_column-inner { margin-left: 0px !important; } .indention-reset-top .vc_column-inner { margin-top: 0px !important; } .indention-reset-bottom .vc_column-inner { margin-bottom: 0px !important; } } @media screen and (max-width: 1024px) { .padding-reset-left .vc_column-inner { padding-left: 25px !important; } .padding-reset-right .vc_column-inner { padding-right: 25px !important; } .padding-reset-top .vc_column-inner { padding-top: 25px !important; } .padding-reset-bottom .vc_column-inner { padding-bottom: 25px !important; } } @media screen and (max-width: 1024px) and (min-width: 769px) { .nor-heading-xs h1.title, .nor-heading-xs h2.title, .nor-heading-xs h3.title, .nor-heading-xs h4.title, .nor-heading-xs .widget h4, .widget .nor-heading-xs h4, .nor-heading-xs h5.title, .nor-heading-xs .widget h5, .widget .nor-heading-xs h5 { font-size: 46px !important; line-height: 56px !important; letter-spacing: 1 !important; } } .typed-cursor { opacity: 1; vertical-align: 0.1em; margin-right: -0.2em; -webkit-animation: typedjsBlink 0.7s infinite; animation: typedjsBlink 0.7s infinite; } @keyframes typedjsBlink { 50% { opacity: 0.0; } } @-webkit-keyframes typedjsBlink { 0% { opacity: 1; } 50% { opacity: 0.0; } 100% { opacity: 1; } } /*-------------------------------------------------------------- # WooCommerce --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Notices --------------------------------------------------------------*/ .woocommerce .message-box { margin-top: 0px; margin-bottom: 15px; } .woocommerce .wc-single-page-message .message-box:first-child { margin-top: 35px; } .woocommerce .wc-single-page-message .message-box:last-child { margin-bottom: 35px; } .woocommerce .wc-cart-messages .message-box:last-child { margin-bottom: 40px; } /*-------------------------------------------------------------- ## Single product --------------------------------------------------------------*/ .woocommerce .norebro-content-wrap-right:after { content: ''; clear: both; display: table; } .woocommerce .subheader_included .woocommerce-product-gallery__wrapper > .slider { height: -webkit-calc(100vh - 42px); height: calc(100vh - 42px); } .woocommerce .spacer_included .woocommerce-product-gallery__wrapper > .slider { height: -webkit-calc(100vh - 80px); height: calc(100vh - 80px); } .woocommerce .spacer_included.subheader_included .woocommerce-product-gallery__wrapper > .slider { height: -webkit-calc(100vh - 120px); height: calc(100vh - 120px); } .woocommerce .spacer_excluded.subheader_excluded .woocommerce-product-gallery__wrapper > .slider { height: 100vh; } @media screen and (min-width: 769px) { .woocommerce .product .product-images, .woocommerce .product .woo-single-summary-wrap { padding: 0px; } } .woocommerce .product .images { margin-bottom: 0; position: relative; z-index: 49; display: block; } .woocommerce .product .images figure { margin: 0px; } .woocommerce .product .images .slider { background: #282828; padding: 0; opacity: 0; -webkit-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } .woocommerce .product .images .slider .owl-nav { display: none; } .woocommerce .product .images .slider .owl-item { height: 100%; } .woocommerce .product .images .slider.visible { opacity: 1; } .woocommerce .product .images .slider.empty { overflow: hidden; } .woocommerce .product .images .slider img { width: 100%; vertical-align: top; } .woocommerce .product .images .slider img.horizontal-img { max-width: none; width: auto; min-height: 100vh; } .woocommerce .product .images .slider .owl-stage-outer { max-height: 100%; height: 100% !important; padding-top: 0; margin-top: 0; } .woocommerce .product .images .slider .owl-item { overflow: hidden; } .woocommerce .product .images .slider .owl-controls .owl-nav .owl-prev, .woocommerce .product .images .slider .owl-controls .owl-nav .owl-next { background: transparent; color: #282828; font-size: 30px; } .woocommerce .product .images .slider .owl-controls .owl-nav .owl-prev:hover, .woocommerce .product .images .slider .owl-controls .owl-nav .owl-next:hover { opacity: .7; } .woocommerce .product .images .slider .owl-dots { background: #fff; width: 40px; padding: 16px 8px; -webkit-border-radius: 50px; border-radius: 50px; position: absolute; top: 50%; right: -20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; } .woocommerce .product .images img { width: 100%; height: 100%; display: inline-block; } .woocommerce .product .entry-summary { height: 100vh; padding: 130px 0px 0px 15%; position: relative; } .woocommerce .product .woo-summary-content { height: -webkit-calc(100vh - 340px); height: calc(100vh - 340px); overflow-y: auto; } .woocommerce .product .woo-summary-content::-webkit-scrollbar { background: rgba(0, 0, 0, 0.05); width: 6px; -webkit-border-radius: 50px; border-radius: 50px; } .woocommerce .product .woo-summary-content::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.6); -webkit-border-radius: 50px; border-radius: 50px; } .woocommerce .product .woo-summary-content::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.7); cursor: pointer; } .woocommerce .product .woo-summary-content > .wrap { padding-right: 30px; overflow: hidden; } .woocommerce .product .woocommerce-share { width: 100%; height: 80px; line-height: 80px; font-size: 0.95rem; font-weight: 400; text-align: left; vertical-align: middle; clear: both; position: absolute; bottom: 0; left: 90px; } .woocommerce .product .woocommerce-share:after { content: ''; background: #ebebeb; width: 1000%; height: 1px; position: absolute; bottom: 0; left: -500%; } .woocommerce .product .woocommerce-share.share-extended-details { background: #fff; border-top: 1px solid rgba(0, 0, 0, 0.1); } .woocommerce .product .woocommerce-share .socialbar { margin: 0; margin-left: 10px; display: inline-block; font-size: 1rem; vertical-align: 2px; } .woocommerce .product .woocommerce-share .socialbar a { width: 40px; height: 40px; line-height: 40px; font-size: 1rem; } .woocommerce .product div.wc-single-page-message { padding: 0; } .woocommerce .product div.wc-single-page-message .message-box { margin: 0 0 40px; } .woocommerce .product table.variations { width: auto; margin-bottom: 0px; text-align: left; } .woocommerce .product table.variations tr td { padding-right: 10px; } .woocommerce .product table.variations tr td.reset { text-align: right; padding-top: 7px; padding-left: 10px; } .woocommerce .product table.variations a.reset_variations { font-size: 0.9rem; } .woocommerce .product table.variations a.reset_variations:hover { color: #c22; } .woocommerce .product table.variations a.reset_variations span { position: relative; } .woocommerce .product table.variations a.reset_variations span:before { content: ''; background: #838383; width: 100%; height: 1px; position: absolute; bottom: 0px; } .woocommerce .product table.variations a.reset_variations i { font-size: 18px; margin-right: 10px; vertical-align: -3px; } .woocommerce .product div.summary { width: 100%; margin: 0; float: none; } .woocommerce .product div.summary .breadcrumbs { background: transparent; padding: 20px 0; clear: both; } .woocommerce .product div.summary h2.product_title { margin: 0 0 15px; font-size: 26px; letter-spacing: -0.03em; text-align: left; position: relative; } .woocommerce .product div.summary .stock { color: #282828; margin: 0 10px 20px 0; padding: 7px 12px 5px; border: 1px solid #686868; -webkit-border-radius: 50px; border-radius: 50px; display: inline-block; font-size: 0.75rem; font-weight: 500; text-transform: uppercase; cursor: default; } .woocommerce .product div.summary .woocommerce-product-rating { display: inline-block; vertical-align: -4px; } .woocommerce .product div.summary .woo-review-link { font-size: 13.5px; margin-left: 5px; vertical-align: 4px; display: inline-block; } .woocommerce .product div.summary .woo-review-link:hover { color: #174EE2; text-decoration: underline; } .woocommerce .product div.summary .price { margin-bottom: 25px; float: left; font-size: 19.6px; font-weight: 500; } .woocommerce .product div.summary .price ins .amount { font-size: 19.6px; line-height: 1.1; vertical-align: -1px; } .woocommerce .product div.summary .price ins .amount:last-child { margin-right: 8px; } .woocommerce .product div.summary .price del { color: rgba(40, 40, 40, 0.6); } .woocommerce .product div.summary .price del .amount { font-size: 0.95rem; font-weight: 400; vertical-align: 1px; } .woocommerce .product div.summary .price-percent { background: #353535; color: #fff; margin-top: -15px; margin-left: 10px; padding: 3px 15px 2px; font-size: 0.75rem; font-weight: 500; vertical-align: 3px; display: inline-block; position: relative; } .woocommerce .product div.summary .price-percent:after { content: ''; background: rgba(0, 0, 0, 0.2); width: 6px; height: 100%; position: absolute; top: 0; left: 0; } .woocommerce .product div.summary .variable-add-to-cart { margin-left: 0; } .woocommerce .product div.summary .single_add_to_cart_button { float: left; margin-right: 10px; } .woocommerce .product div.summary .single_add_to_cart_button i { font-size: 20px; line-height: 10px; margin-right: 8px; display: inline-block; } .woocommerce .product div.summary .single_add_to_cart_button i:before { line-height: 10px; vertical-align: -2px; } .woocommerce .product div.summary .woo-quantity { margin-top: 5px; margin-right: 15px; } .woocommerce .product div.summary .yith-wcwl-add-to-wishlist { margin: 0; float: left; } .woocommerce .product div.summary a.add_to_wishlist, .woocommerce .product div.summary .yith-wcwl-wishlistexistsbrowse, .woocommerce .product div.summary .yith-wcwl-wishlistaddedbrowse { height: 46px; line-height: 48px; display: inline-block; padding: 0 25px; border: 1px solid #282828; -webkit-border-radius: 30px; border-radius: 30px; font-size: 0.9rem; font-weight: 500; -webkit-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out; -webkit-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; } .woocommerce .product div.summary a.add_to_wishlist i, .woocommerce .product div.summary .yith-wcwl-wishlistexistsbrowse i, .woocommerce .product div.summary .yith-wcwl-wishlistaddedbrowse i { display: none; } .woocommerce .product div.summary a.add_to_wishlist:hover, .woocommerce .product div.summary .yith-wcwl-wishlistexistsbrowse:hover, .woocommerce .product div.summary .yith-wcwl-wishlistaddedbrowse:hover { text-decoration: none; } .woocommerce .product div.summary a.add_to_wishlist:hover { background: #282828; color: #fff; } .woocommerce .product div.summary .yith-wcwl-wishlistexistsbrowse, .woocommerce .product div.summary .yith-wcwl-wishlistaddedbrowse { background: #282828; color: #fff; cursor: default; } .woocommerce .product .accordion-box-outline { margin-top: 20px; margin-bottom: 50px; } .woocommerce .product .accordion-box-outline .accordion-top { padding-top: 15px; padding-bottom: 15px; } .woocommerce .product .accordion-box-outline h5 { letter-spacing: -0.04em; } .woocommerce .product .group_table { width: 100%; } .woocommerce .product .group_table td { vertical-align: middle; text-align: left; } .woocommerce .product .variations_form.cart { width: 100%; margin-top: 5px; padding: 30px 0 20px; border-top: 1px solid #ebebeb; text-align: left; } .woocommerce .product .variations_form.cart a { color: #282828; } .woocommerce .product .variations_form.cart .variation { min-height: 45px; } .woocommerce .product .variations_form.cart .label { display: inline-block; text-transform: uppercase; } .woocommerce .product .variations_form.cart .label label { font-weight: 400; font-size: 0.9rem; } .woocommerce .product .variations_form.cart .value { display: inline-block; margin-left: 20px; } .woocommerce .product .variations_form.cart .variation_buttons_wrapper { display: inline-block; vertical-align: 0px; overflow: visible; } .woocommerce .product .variations_form.cart .custom_attribute .variation_buttons_wrapper { display: none; } .woocommerce .product .variations_form.cart .custom_attribute select { height: 32px; } .woocommerce .product .variations_form.cart span.phoen_swatches { border: none !important; width: auto !important; min-width: 12px !important; height: 12px !important; padding: 0 !important; -webkit-border-radius: 50px; border-radius: 50px; line-height: 1 !important; margin-right: 16px; font-size: 0.75rem; font-weight: 500; display: block; -webkit-transition: -webkit-box-shadow .15s ease-in-out; transition: -webkit-box-shadow .15s ease-in-out; -o-transition: box-shadow .15s ease-in-out; transition: box-shadow .15s ease-in-out; transition: box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; position: relative; } .woocommerce .product .variations_form.cart span.phoen_swatches:empty { border: 1px solid rgba(0, 0, 0, 0.2) !important; } .woocommerce .product .variations_form.cart span.phoen_swatches:hover { background: rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.05); } .woocommerce .product .variations_form.cart .variation_button { display: inline-block; margin-right: 5px; vertical-align: 0; } .woocommerce .product .variations_form.cart .variation_button.selected { border: none; } .woocommerce .product .variations_form.cart .variation_button.selected span.phoen_swatches { background: rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.08); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.08); } .woocommerce .product .variations_form.cart .select select { display: none !important; } .woocommerce .product .woo-variation-price { width: 100%; margin: 5px 0 20px; float: left; display: block; text-align: left; line-height: 2.2; } .woocommerce .product .woo-variation-price span.price { margin-bottom: 0; font-size: 20px; font-weight: 500; } .woocommerce .product .woo-variation-price ins { margin-top: 5px; } .woocommerce .product .woo-variation-price .price del span.amount { vertical-align: -4px; } .woocommerce .product .woo-variation-price a.reset_variations { display: none; } .woocommerce .product .woo-variation-price div.price-percent { vertical-align: -11px; } .woocommerce .product .single_variation { width: 100%; margin: 0; padding: 0; float: left; clear: both; } .woocommerce .product .single_variation_wrap { width: 100%; } .woocommerce .product .single_variation_wrap .variations_button { width: 100%; border-top: 1px solid #ebebeb; padding: 25px 0 0; margin-top: 5px; display: inline-block; clear: both; } .woocommerce .product .single_variation_wrap .variations_button:after { content: ''; width: 100%; clear: both; display: table; } .woocommerce .product .single_variation_wrap .woo-quantity { margin-top: 8px; margin-right: 15px; } .woocommerce .product .woocommerce-add-to-cart { border-top: 1px solid rgba(0, 0, 0, 0.1); } .woocommerce .product .woocommerce-variation { border-top: 1px dotted #d9d9d9; } .woocommerce .product .woocommerce-variation-add-to-cart { padding-top: 20px; display: block; float: left; clear: both; } .woocommerce .product .single-cart-wrap { width: 100%; } .woocommerce .product form.cart { width: 100%; padding: 25px 0; margin: 0; display: inline-block; } .woocommerce .product form.cart button { margin: 0; margin-left: 4px; } .woocommerce .product form.cart .quantity { width: 75px; } .woocommerce .product .product_meta { margin: 5px 0 20px; line-height: 1.6; font-weight: 400; } .woocommerce .product .product_meta a { color: #174EE2; text-decoration: none; } .woocommerce .product .product_meta a:hover { opacity: .9; text-decoration: underline; } .woocommerce .product .product_meta .sku { color: #282828; } .woocommerce .product .product_meta > span { padding: 0 8px; position: relative; } .woocommerce .product .product_meta > span:after { content: ''; background: #174EE2; width: 3px; height: 3px; -webkit-border-radius: 50px; border-radius: 50px; position: absolute; left: -2px; top: 6px; } .woocommerce .product .product_meta > span:first-child { padding-left: 0; } .woocommerce .product .product_meta > span:first-child:after { display: none; } .woocommerce table.shop_attributes { margin: 0 0; text-align: left; border: none; font-size: 15px; } .woocommerce table.shop_attributes p { margin: 0; } .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { background: none; color: #282828; border: none; padding: 5px 12px; font-style: normal; } .woocommerce table.shop_attributes th { font-weight: 500; } .woocommerce table.shop_attributes th:first-child { padding-left: 0; } .woocommerce #comments { margin-top: -20px; padding: 15px 0; } .woocommerce .woocommerce-noreviews { text-align: left; padding: 5px 0; } .woocommerce ol.commentlist { padding-left: 0; margin-bottom: 0; list-style: none; } .woocommerce ol.commentlist li { padding: 15px 0 20px; position: relative; } .woocommerce ol.commentlist img { background: none; width: 80px; height: 80px; padding: 0; border: none; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 25px; left: 0; } .woocommerce ol.commentlist .meta { line-height: 120%; } .woocommerce ol.commentlist .meta h4 { display: inline-block; margin: 15px 5px 0 0; font-size: 0.95rem; } .woocommerce ol.commentlist time { color: #888; margin: 5px 25px 0 0; font-size: 0.9rem; display: block; float: left; } .woocommerce ol.commentlist time + .star-rating:after { content: ''; background: #888; width: 3px; height: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: absolute; top: 7px; left: -13px; } .woocommerce ol.commentlist .star-rating { margin-top: 5px; } .woocommerce ol.commentlist .description { margin-top: 0px; } .woocommerce ol.commentlist .description > *:first-child { margin-top: 0; } .woocommerce ol.commentlist .comment-text { width: 100%; font-size: 15px; margin-left: 110px; border: none; clear: left; } .woocommerce #review_form_wrapper { border-top: 1px solid #ebebeb; margin: 0; padding-top: 30px; } .woocommerce .comment-reply-title { color: #282828; margin: 6px auto 20px; line-height: 1.5; text-align: left; font: "Poppins", sans-serif; font-size: 1rem; clear: both; } .woocommerce .comment-form { text-align: left; font-size: 15px; } .woocommerce .comment-form .rating { display: inline; } .woocommerce .comment-form input[type="submit"] { margin-top: 24px; } .woocommerce .woocommerce-product-rating { line-height: 1.7; } .woocommerce .woocommerce-tabs { width: 48%; float: right; clear: none; } .woocommerce .single-related-wrapper { overflow: hidden; } .woocommerce .related, .woocommerce .up-sells { margin: 60px 0; } .woocommerce .related h3.title, .woocommerce .up-sells h3.title { margin-top: 0; font-size: 26px; margin-bottom: 40px; text-align: left; } .woocommerce .related ul.products li.product, .woocommerce .up-sells ul.products li.product { margin-top: 0; } .woocommerce .related .wc-product-title-wrap, .woocommerce .up-sells .wc-product-title-wrap { background: #fff; } @media screen and (max-width: 768px) { .woocommerce .product .images { width: auto; margin: 0 -25px 25px; } .woocommerce .product .images .slider { height: auto !important; } .woocommerce .product .images .slider .owl-stage { position: relative; } .woocommerce .product .images .slider .owl-stage img { vertical-align: top; } .woocommerce .product .images .slider .owl-dots { width: auto; margin: 0 auto; padding: 15px; left: 50%; bottom: 0; right: auto; top: auto; -webkit-transform: translateY(50%) translateX(-50%); -ms-transform: translateY(50%) translateX(-50%); transform: translateY(50%) translateX(-50%); } .woocommerce .product .images .slider .owl-dots .owl-dot { float: left; margin: 0 5px; } .woocommerce .product form.cart { padding: 15px 0px; } .woocommerce .product div.summary .stock { margin-bottom: 15px; } .woocommerce .product div.summary .price { margin: 0px 0px 15px; } .woocommerce .product div.summary .single_add_to_cart_button { float: none; width: 100%; margin: 15px 0px 10px 0px; } .woocommerce .product div.summary .yith-wcwl-add-to-wishlist { float: none; text-align: center; } .woocommerce .product div.summary .add_to_wishlist { display: block; width: 100%; } .woocommerce .product .single_variation_wrap .variations_button { padding-top: 15px; } .woocommerce .product .woo-single-summary-wrap { padding: 0 25px; } .woocommerce .product .entry-summary { height: auto; padding: 0; } .woocommerce .product .woo-summary-content { height: auto; overflow: visible; } .woocommerce .product .woo-summary-content .wrap { padding: 0; } .woocommerce .product .woocommerce-share { height: auto; margin: 30px 0; line-height: 2; position: static; } .woocommerce .product .woocommerce-share:after { display: none; } .woocommerce .product .woocommerce-share .socialbar { vertical-align: 1px; } .woocommerce .product .woocommerce-share .socialbar a.social { width: 30px; height: 30px; line-height: 30px; } .woocommerce .related { margin: 45px -15px; } .woocommerce .related h3.title { margin-bottom: 30px; } } /*-------------------------------------------------------------- ## Products --------------------------------------------------------------*/ ul.woo-products { width: 100%; margin: 0 0; } ul.woo-products li { margin: 0 0 30px 0; float: left; clear: none; padding: 0 15px; } ul.woo-products .product-content { background: #fff; -webkit-transition: -webkit-box-shadow .1s ease-in-out; transition: -webkit-box-shadow .1s ease-in-out; -o-transition: box-shadow .1s ease-in-out; transition: box-shadow .1s ease-in-out; transition: box-shadow .1s ease-in-out, -webkit-box-shadow .1s ease-in-out; } ul.woo-products img { width: 100%; margin: 0; vertical-align: top; } ul.woo-products .image-wrap { width: 100%; position: relative; overflow: hidden; -webkit-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } ul.woo-products a.button { display: none; } ul.woo-products .slider { width: 100%; padding: 0; margin: 0; z-index: 1; } ul.woo-products .slider img { width: 100%; height: auto; display: none; } ul.woo-products .slider img:first-child { display: block; } ul.woo-products .slider.visible img { display: block; } ul.woo-products .slider .owl-stage-outer { padding-top: 0; margin-top: 0; } ul.woo-products .slider .owl-dots { width: 20px; margin-top: 0; position: absolute; top: 30px; left: auto; right: 25px; } ul.woo-products .slider .owl-dots .owl-dot { display: block; margin-bottom: 10px; } ul.woo-products .slider .owl-dots .owl-dot.active { margin-left: 5px; } ul.woo-products .slider .owl-nav { display: none; } ul.woo-products .added_to_cart { display: none; } ul.woo-products .wc-product-title-wrap { background: #f7f7f7; padding: 15px 25px 15px; position: relative; } ul.woo-products .wc-product-title-wrap .yith-wcwl-add-to-wishlist { width: 30px; height: 25px; color: #282828; margin-top: 4px; margin-right: -5px; overflow: hidden; z-index: 2; position: absolute; bottom: 15px; right: 20px; } ul.woo-products .wc-product-title-wrap .yith-wcwl-add-to-wishlist i { font-size: 22px; display: inline-block; margin: -1px 10px 0 1px; } ul.woo-products h3 { text-align: left; font-size: 14.7px; margin: 5px 0 10px; line-height: 1.1; } ul.woo-products .price { margin: 0; padding: 0 25px 0 0; } ul.woo-products .without-price h3 { margin-bottom: 5px; padding: 0 30px 0 0; } ul.woo-products .without-price .left { display: none; } ul.woo-products .without-price .yith-wcwl-add-to-wishlist { margin-top: -28px; } ul.woo-products li.product:hover .image-wrap { opacity: .8; } ul.woo-products li.product:hover h3 a { color: #174EE2; } ul.woo-products li.product-category { padding: 0 15px; position: relative; } ul.woo-products li.product-category .wrap { width: 100%; position: relative; -webkit-background-size: cover; background-size: cover; } ul.woo-products li.product-category > a:after { background: transparent; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; transition: background .2s ease-in-out; z-index: 2; } ul.woo-products li.product-category:hover > a:after { background: rgba(255, 255, 255, 0.2); } ul.woo-products li.product-category .info-wrap { width: 100%; height: 100%; padding: 30px; position: absolute; overflow: hidden; bottom: 0px; left: 0px; z-index: 3; } ul.woo-products li.product-category .info-wrap .wrap-bg { background: rgba(40, 40, 40, 0.6); padding: 20px; } ul.woo-products li.product-category .info-wrap .description p { color: #d9d9d9; font-weight: 300; margin: -5px 0 5px; } ul.woo-products li.product-category .info-wrap h3 { font-size: 34px; font-weight: 600; margin: 0; display: block; text-align: inherit; } ul.woo-products li.product-category .info-wrap h3, ul.woo-products li.product-category .info-wrap h3 a, ul.woo-products li.product-category .info-wrap .description { margin: 10px 0; color: #282828; } ul.woo-products li.product-category .info-wrap .shop-now { font-size: 0.9rem; margin: 15px 0 0; } ul.woo-products li.product-category .info-wrap.text-right .plus { right: auto; left: 50px; } ul.woo-products li.product-category .info-wrap.style-2 { height: auto; } ul.woo-products li.product-category .info-wrap.style-2 .content-center { background: rgba(40, 40, 40, 0.9); padding: 8px 20px; } ul.woo-products li.product-category .info-wrap.style-2 h3 { font-size: 30px; } ul.woo-products li.product-category .info-wrap.style-2 h3, ul.woo-products li.product-category .info-wrap.style-2 h3 a, ul.woo-products li.product-category .info-wrap.style-2 .description { margin: 8px 0; color: #fff; } ul.woo-products li.product-category .info-wrap.style-2 .shop-now { margin-top: 5px; margin-bottom: 10px; } ul.woo-products li.product-category .info-wrap.style-2 .plus { color: #fff; font-size: 36px; font-weight: 300; position: absolute; bottom: 0px; right: 0px; } ul.woo-products li.product-category .info-wrap.style-2.text-center .plus { display: none; } ul.woo-products li.product-category .info-wrap.style-2.text-right .plus { right: auto; left: 0; } @media screen and (max-width: 768px) { ul.woo-products li.product-category { padding: 0px; } } .woo-products .product, .woo-products li { width: 100%; } @media screen and (min-width: 1025px) { .columns-2 .product { width: 50%; } .columns-2 .product:nth-child(2n + 1) { clear: both; } .columns-3 .product { width: 33.2%; } .columns-3 .product:nth-child(3n + 1) { clear: both; } .columns-4 .product { width: 25%; } .columns-4 .product:nth-child(4n + 1) { clear: both; } .columns-5 .product { width: 20%; } .columns-5 .product:nth-child(5n + 1) { clear: both; } .columns-6 .product { width: 16.666%; } .columns-6 .product:nth-child(6n + 1) { clear: both; } } @media screen and (max-width: 1024px) and (min-width: 768px) { .columns-md-2 .product { width: 50%; } .columns-md-2 .product:nth-child(2n + 1) { clear: both; } .columns-md-3 .product { width: 33.2%; } .columns-md-3 .product:nth-child(3n + 1) { clear: both; } .columns-md-4 .product { width: 25%; } .columns-md-4 .product:nth-child(4n + 1) { clear: both; } .columns-md-5 .product { width: 20%; } .columns-md-5 .product:nth-child(5n + 1) { clear: both; } .columns-md-6 .product { width: 16.666%; } .columns-md-6 .product:nth-child(6n + 1) { clear: both; } } @media screen and (max-width: 767px) { .columns-sm-2 .product { width: 50%; } .columns-sm-2 .product:nth-child(2n + 1) { clear: both; } .columns-sm-3 .product { width: 33.2%; } .columns-sm-3 .product:nth-child(3n + 1) { clear: both; } .columns-sm-4 .product { width: 25%; } .columns-sm-4 .product:nth-child(4n + 1) { clear: both; } .columns-sm-5 .product { width: 20%; } .columns-sm-5 .product:nth-child(5n + 1) { clear: both; } .columns-sm-6 .product { width: 16.666%; } .columns-sm-6 .product:nth-child(6n + 1) { clear: both; } } /*-------------------------------------------------------------- ## Cart --------------------------------------------------------------*/ .woocommerce .shop_table { width: 100%; border: none; margin: 0; } .woocommerce .shop_table th { display: none; } .woocommerce .shop_table th, .woocommerce .shop_table td { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .woocommerce .shop_table td { padding: 15px 0 10px; } .woocommerce .shop_table td h4 { font-size: 0.95rem; } .woocommerce .shop_table td.product-thumbnail { width: 100px; padding-right: 20px; } .woocommerce .shop_table td.product-thumbnail img { width: 80px; height: 80px; } .woocommerce .shop_table td.product-name { text-align: left; } .woocommerce .shop_table td.product-name .variation { margin: 0; padding: 0; font-size: 0.9rem; } .woocommerce .shop_table td.product-name .variation-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .woocommerce .shop_table td.product-name .variation-item dd[class^=variation-] { margin: 0 0 0 10px; } .woocommerce .shop_table td.product-name .variation dt { font-weight: 400; color: #888888; } .woocommerce .shop_table td.product-name .variation dd { color: #5a5a5a; margin: 0; padding: 0; font-size: 0.9rem; font-weight: 500; } .woocommerce .shop_table td.product-name .variation dd p { margin: 0; line-height: inherit; font-size: 0.9rem; } .woocommerce .shop_table td .amount { font-weight: 400; } .woocommerce .shop_table td.product-remove-custom { text-align: right; } .woocommerce .shop_table td.product-remove-custom a { font-size: 18px; display: inline-block; } .woocommerce .actions { padding-top: 50px; } .woocommerce .actions .coupon { width: 60%; } .woocommerce .actions .coupon input[type='text'] { width: 310px; } .woocommerce .cart-collaterals { background: rgba(0, 0, 0, 0.03); width: 100%; margin: 0 0 100px 0; } .woocommerce .cart-collaterals .cart_totals { width: 100%; padding: 18px 25px 25px; } .woocommerce .cart-collaterals .cart_totals h3.title { margin-bottom: 22px; font-size: 1rem; } .woocommerce .cart-collaterals .shop_table { width: 100%; margin-bottom: 30px; } .woocommerce .cart-collaterals .shop_table tr { border-top: 1px solid #ebebeb; } .woocommerce .cart-collaterals .shop_table th { width: 50%; display: table-cell; font-weight: 400; font-size: 0.75rem; text-transform: uppercase; vertical-align: top; } .woocommerce .cart-collaterals .shop_table td { font-size: 0.95rem; } .woocommerce .cart-collaterals .shop_table th, .woocommerce .cart-collaterals .shop_table td { padding: 16px 0; } .woocommerce .cart-collaterals .shop_table .woocommerce-shipping-calculator p { text-align: left; margin: 0px; margin-top: 10px; } .woocommerce .cart-collaterals .shop_table a.shipping-calculator-button { font-weight: 500; font-size: 0.95rem; text-align: left; } .woocommerce .cart-collaterals .shop_table .shipping-calculator-form p { margin: 10px 0; padding: 0; } .woocommerce .cart-collaterals .shop_table .shipping-calculator-form .btn { margin: 5px 0; } .woocommerce .cart-collaterals .shop_table .order-total span { font-weight: 500; } .woocommerce .cart-collaterals .wc-proceed-to-checkout { float: none; padding: 0; } .woocommerce .cart-collaterals .woo_pp_cart_buttons_div { text-align: center; margin-top: 15px; } .woocommerce #shipping_method li { line-height: 24px; font-size: 0.95rem; font-weight: 400; } .woocommerce #shipping_method .radio { line-height: 1; vertical-align: -5px; margin-right: 10px; } .woocommerce #shipping_method input { margin: 0 !important; } @media screen and (max-width: 768px) { .woocommerce .cart-table-wrap { overflow-x: scroll; } .woocommerce .cart-collaterals { margin: 0px; } .woocommerce .actions .coupon { width: 100%; text-align: left; } .woocommerce .actions .coupon input[type='text'] { width: -webkit-calc(100% - 90px); width: calc(100% - 90px); } .woocommerce .actions .update { float: left; margin: 15px 0 30px; } } .woo-cart-empty { text-align: center; margin: 100px 0 100px; } .woo-cart-empty h3 { font-size: 18px; margin: 5px 0 0; } .woo-cart-empty p { margin-top: 5px; } .woo-cart-empty .icon-bag { width: 140px; margin: 0 auto 15px auto; } .woo-cart-empty .btn { margin-top: 10px; } /*-------------------------------------------------------------- ## Checkout --------------------------------------------------------------*/ w.woocommerce .wc-checkout-wrap { position: relative; margin-top: 0px; } w.woocommerce .wc-checkout-wrap form.checkout .message-box { clear: both; } w.woocommerce .wc-checkout-wrap #coupon_code { margin-bottom: 15px; } w.woocommerce .woocommerce-checkout { position: static; } w.woocommerce .woocommerce-checkout h3 { margin: 0 0 20px; font-size: 1rem; } w.woocommerce .woocommerce-checkout .woocommerce-notice-wrap { width: 66.666%; padding: 0 15px; } @media screen and (max-width: 991px) { w.woocommerce .woocommerce-checkout .woocommerce-notice-wrap { width: 100%; } } w.woocommerce form.login, w.woocommerce form.checkout_coupon { border: none; padding: 5px 0; margin: 0; } w.woocommerce form.login *:first-child, w.woocommerce form.checkout_coupon *:first-child { margin-top: 0; } w.woocommerce form.login input.button, w.woocommerce form.checkout_coupon input.button { height: 48px; } w.woocommerce form.login { text-align: left; } w.woocommerce form.login .fields { margin-bottom: 15px; } w.woocommerce form.login label { line-height: 2em; margin-top: 15px; margin-bottom: 5px; display: block; } w.woocommerce form.login #rememberme { display: inline; vertical-align: -1px; margin-right: 4px; } w.woocommerce form.login .form-row { margin-bottom: 0; } w.woocommerce form.login .lost_password { margin-top: 0; } w.woocommerce form.login a { color: #174EE2; font-size: 0.95rem; } w.woocommerce form.login a:hover { text-decoration: underline; } w.woocommerce .checkout_coupon .input-text { width: 310px; } w.woocommerce #customer_details .form-row { margin-bottom: 10px; } w.woocommerce .create-account { margin-top: 15px; text-align: left; } w.woocommerce .woocommerce-billing-fields, w.woocommerce .woocommerce-shipping-fields { margin-top: 20px; } w.woocommerce .woocommerce-billing-fields label, w.woocommerce .woocommerce-shipping-fields label { display: none; } w.woocommerce .woocommerce-billing-fields label[for="createaccount"], w.woocommerce .woocommerce-shipping-fields label[for="createaccount"] { display: inline; cursor: pointer; } w.woocommerce .woocommerce-shipping-fields h3 { margin-bottom: 10px; } w.woocommerce .ship-to-different { float: right; width: auto; margin: -4px 0 0; } w.woocommerce .ship-to-different label { display: inline; cursor: pointer; } w.woocommerce .woocommerce-billing-fields { margin-bottom: 90px; } w.woocommerce .wc-order-review-wrap { position: absolute; top: 0; right: 0; } @media screen and (max-width: 991px) { w.woocommerce .wc-order-review-wrap { position: static; top: 0; right: 0; } } w.woocommerce .woo-check-order { text-align: left; } w.woocommerce .woo-check-order h3 { margin-top: 10px; margin-bottom: 20px; } w.woocommerce .woocommerce-checkout-review-order-table, w.woocommerce .woocommerce-checkout-payment { background: rgba(0, 0, 0, 0.03); padding: 20px 25px 20px; } w.woocommerce .woocommerce-checkout-payment { margin-top: 20px; } w.woocommerce .shop-table { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; margin-bottom: 0; } w.woocommerce .shop-table th, w.woocommerce .shop-table td { border-bottom: 1px solid #ebebeb; padding: 15px 0; } w.woocommerce .shop-table th { width: 55%; display: table-cell; font-size: 0.75rem; font-weight: 400; text-transform: uppercase; padding-right: 10px; } w.woocommerce .shop-table h4 { font-size: 0.95rem; } w.woocommerce .shop-table .cart-subtotal { border-top: 1px solid #ebebeb; } w.woocommerce .shop-table .cart_item td { border: none; padding: 20px 10px 0 0; font-size: 0.95rem; font-weight: 400; vertical-align: top; } w.woocommerce .shop-table .cart_item:last-child td { padding-bottom: 20px; } w.woocommerce .shop-table .order-total td, w.woocommerce .shop-table .order-total th { border-bottom: none; } w.woocommerce .shop-table .order-total strong { font-weight: 500; } w.woocommerce .pay-table .shipping th { vertical-align: 0px; } w.woocommerce .pay-table #shipping_method label { font-size: 0.95rem; font-weight: 400; cursor: pointer; } w.woocommerce .country_select a, w.woocommerce .state_select a { padding-top: 8px; padding-bottom: 8px; } w.woocommerce .country_select a .select2-arrow, w.woocommerce .state_select a .select2-arrow { width: 40px; } w.woocommerce #payment ul.wc_payment_methods { padding: 0; border: none; clear: both; } w.woocommerce #payment li.wc_payment_method { border-bottom: 1px solid #ebebeb; padding: 20px 0; } w.woocommerce #payment li.wc_payment_method:first-child { border-top: 1px solid #ebebeb; } w.woocommerce #payment li.wc_payment_method .radio { margin-right: 10px; vertical-align: -5px; } w.woocommerce #payment li.wc_payment_method label { font-size: 0.95rem; font-weight: 400; cursor: pointer; } w.woocommerce #payment li.wc_payment_method label img { margin: 0 10px; vertical-align: middle; } w.woocommerce #payment li.wc_payment_method a.about_paypal { margin-top: 6px; float: right; color: #174EE2; } w.woocommerce #payment li.wc_payment_method a.about_paypal:hover { text-decoration: underline; } w.woocommerce #payment li.wc_payment_method .payment_box { background: none; padding: 0px 0 0 35px; margin: 0; } w.woocommerce #payment li.wc_payment_method .payment_box p { font-size: 0.75rem; line-height: 150%; } w.woocommerce #payment li.wc_payment_method .payment_box:before { display: none; } w.woocommerce #payment .form-row.place-order { padding: 20px 0; margin: 0; } @media screen and (max-width: 768px) { w.woocommerce .woocommerce-billing-fields { margin-bottom: 15px; } w.woocommerce .ship-to-different { width: 100%; float: left; text-align: left; } w.woocommerce .woocommerce-shipping-fields { margin-bottom: 30px; } } w.woocommerce .woocommerce-thankyou-order-details { margin-bottom: 50px; } w.woocommerce .checkout-result .woo-my-orders-table { font-size: 0.95rem; } w.woocommerce .checkout-result .woo-my-orders-table th { font-size: 0.95rem; font-weight: 600; } .select2 .select2-selection { border: none; height: 46px; font-size: 0.95rem; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 0px; border-radius: 0px; } .select2 .select2-selection .select2-selection__rendered { padding: 0; line-height: 46px; } .select2 .select2-selection .select2-selection__arrow { top: 10px; } .select2-dropdown { border: 1px solid rgba(0, 0, 0, 0.15); } .select2-dropdown .select2-search .select2-search__field { border: 1px solid rgba(0, 0, 0, 0.15); } .select2-dropdown .select2-results__options::-webkit-scrollbar { width: 10px; } .select2-dropdown .select2-results__options::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); } .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; } .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.15); } .select2-dropdown .select2-results__option:hover, .select2-dropdown .select2-results__option.select2-results__option--highlighted { background: rgba(0, 0, 0, 0.15); color: #282828; } .select2-dropdown .select2-results__option[aria-selected="true"] { background: #174EE2; color: #fff; } /*-------------------------------------------------------------- ## Wishlist --------------------------------------------------------------*/ .woocommerce table.wishlist_table { margin-bottom: 60px; } .woocommerce table.wishlist_table tr td { padding: 10px 0; margin: 0; font-size: 0.95rem; border-top: 1px solid #ebebeb; } .woocommerce table.wishlist_table tr td.product-add-to-cart { width: 240px; padding: 10px 25px; } .woocommerce table.wishlist_table tr td.product-add-to-cart > a.btn { -webkit-border-radius: 50px; border-radius: 50px; padding: 16px 25px 13px; display: inline-block !important; line-height: 1.2; } .woocommerce table.wishlist_table tr td.product-add-to-cart > a.btn:hover { background: transparent; } .woocommerce table.wishlist_table tr td.product-stock-status { font-size: 0.95rem; } .woocommerce table.wishlist_table tr td.product-remove { text-align: right; padding-right: 0; } .woocommerce table.wishlist_table tr td.product-price del, .woocommerce table.wishlist_table tr td.product-price ins { float: none; } .woocommerce table.wishlist_table tr td.wishlist-empty { font-size: 0.95rem; padding: 30px 0; } .woocommerce table.wishlist_table tr td a.remove-link { color: #888; font-size: 18px; } .woocommerce table.wishlist_table tr td a.remove-link:hover { background: transparent; color: #ec6060; } .woocommerce table.wishlist_table tfoot td { border: none; } .woocommerce table.wishlist_table tfoot h3 { font-size: 18px; } .woocommerce table.wishlist_table tfoot .yith-wcwl-share { margin-top: 40px; } .woocommerce table.wishlist_table tfoot .socialbar { display: inline; margin-left: 15px; vertical-align: 2px; } .woocommerce table.wishlist_table tfoot .socialbar a { background-image: none; border: 1px solid; margin: 0; } #yith-wcwl-form { margin-top: 50px; } #yith-wcwl-popup-message { opacity: 0; display: none; } /*-------------------------------------------------------------- ## My Account --------------------------------------------------------------*/ .woocommerce .woocommerce-MyAccount-wrap { margin: 20px 0 80px; overflow: hidden; } .tab-box .item .woocommerce-password-strength { margin-top: 20px; } .woocommerce .myaccount-login-form { margin: 60px 0 80px; } .woocommerce .myaccount-login-form h2 { text-align: center; font-size: 24px; } .woocommerce .myaccount-login-form .tab-box .item { top: 0px; } .woocommerce .myaccount-login-form .tab-box .buttons-wrap { border: none; } .woocommerce .myaccount-login-form form { background: rgba(0, 0, 0, 0.03); width: 500px; margin: 0px auto 40px; padding: 40px 50px; text-align: left; } .woocommerce .myaccount-login-form form .form-row:first-child { margin-top: 0px; } .woocommerce .myaccount-login-form form p { margin: 15px 0; } .woocommerce .myaccount-login-form form .lost-link { margin-top: 15px; } .woocommerce .myaccount-login-form form .btn { margin: 20px 0 10px; } @media screen and (max-width: 768px) { .woocommerce .myaccount-login-form form { width: 100%; padding: 40px; } .woocommerce .myaccount-login-form .btn { width: 100%; } } .woocommerce .myaccount-login-form .buttons-wrap { max-width: 500px; width: 100%; margin: 0px auto; } .woocommerce .myaccount-login-form .buttons-wrap .buttons { overflow: hidden; } .woocommerce .myaccount-login-form .buttons-wrap .buttons.single .button { cursor: default; } .woocommerce .myaccount-login-form .buttons-wrap .buttons.single .line { display: none; } .woocommerce .myaccount-login-form .buttons-wrap .buttons .button { text-align: center; margin: 0; width: 50%; } .woocommerce .woo-my-user { margin-bottom: 25px; padding-bottom: 30px; overflow: hidden; } .woocommerce .woo-my-user img { -webkit-border-radius: 50%; border-radius: 50%; float: left; margin-right: 20px; } .woocommerce .woo-my-user h4 { width: 100%; margin: 25px 0 0; padding-top: 5px; display: block; font-size: 15px; } .woocommerce .woo-my-user h4:after { width: 2em; } .woocommerce .woo-my-user a.logout { font-size: 0.95rem; } .woocommerce .woo-my-user a.logout:hover { text-decoration: underline; } .woocommerce .woo-my-nav { width: 100%; margin-bottom: 20px; } .woocommerce .woo-my-nav ul { list-style: none; } .woocommerce .woo-my-nav li { line-height: 23px; } .woocommerce .woo-my-nav li a { color: #343436; font-size: 0.95rem; } .woocommerce .woo-my-nav li a:hover { text-decoration: underline; } .woocommerce .woo-my-nav li.is-active a { color: #174EE2; } .woocommerce .woo-my-content { width: 100%; } .woocommerce .woo-my-content > *:first-child { margin-top: 0; } .woocommerce .woo-my-content p a { text-decoration: underline; } .woocommerce .woo-my-content p a:hover { color: #174EE2; } .woocommerce .woo-my-content mark { background: #174EE2; } .woocommerce .woo-my-content .woo-my-address { margin-top: 15px; } .woocommerce .woo-my-content .woo-my-address .wrap { padding: 30px; background: #f3f3f3; } .woocommerce .woo-my-content .woo-my-address h4 { text-align: left; float: left; } .woocommerce .woo-my-content .woo-my-address a { float: right; margin-top: 0px; margin-right: 8px; padding-left: 32px; padding-right: 32px; } .woocommerce .woo-my-content .woo-my-address address { clear: both; line-height: 26px; } .woocommerce .woo-my-content form h3 { margin-bottom: 28px; } .woocommerce .woo-my-content .form-row label { display: none; } .woocommerce .woo-my-content .message-download { margin-top: 20px; } .woocommerce .woo-my-content .edit-account { text-align: left; } .woocommerce .woo-my-content .edit-account h4 { margin-bottom: 20px; } .woocommerce .woo-my-content .edit-account .btn { margin-top: 20px; } .woocommerce .woo-my-content .woo-my-downloads { margin: 30px 0; } .woocommerce .woo-my-content .order-again { margin-bottom: 30px; } .woocommerce .woo-my-orders-table { margin-top: 10px; } .woocommerce .woo-my-orders-table th { color: #343436; display: table-cell; font-weight: 400; font-size: 0.9rem; padding: 12px 0; } .woocommerce .woo-my-orders-table td { padding: 18px 0; } .woocommerce .woo-my-orders-table tr { background: transparent; border-bottom: 1px solid #ebebeb; } .woocommerce .woo-my-orders-table td.order-number { font-weight: 500; } .woocommerce .woo-my-orders-table td > .amount { font-weight: 500; } .woocommerce .woo-my-orders-table td.order-actions { text-align: right; } .woocommerce .woo-my-orders-table a.btn { padding-left: 30px; padding-right: 30px; } .woocommerce .woo-my-orders-table a.btn:hover { text-decoration: none; } .woocommerce .woo-my-orders-table a:hover { text-decoration: underline; } .woocommerce .woo-my-orders-table.woo-details { margin-bottom: 40px; } .woocommerce .woo-my-orders-table.woo-details tbody tr { border-width: 0; } .woocommerce .woo-my-orders-table.woo-details tbody tr:last-child { border-width: 1px; } .woocommerce .woo-my-orders-table.woo-details tbody tr:last-child th, .woocommerce .woo-my-orders-table.woo-details tbody tr:last-child td { padding-bottom: 20px; } .woocommerce .woo-my-orders-table.woo-details tbody th, .woocommerce .woo-my-orders-table.woo-details tbody td { padding: 20px 0 0; vertical-align: top; } .woocommerce .woo-my-orders-table.woo-customer-details { margin: 30px 0; } .woocommerce .woo-my-orders-table.woo-customer-details th { border-top: 1px solid #ebebeb; } /*-------------------------------------------------------------- ## Elements --------------------------------------------------------------*/ .woo-onsale { color: #fff; height: 30px; padding: 0 18px; -webkit-border-radius: 50px; border-radius: 50px; line-height: 32px; font-weight: 500; font-size: 0.75rem; display: block; position: absolute; top: 30px; left: 30px; z-index: 4; } .woo-onsale.out { background: #ccc; color: #282828; padding: 0 18px; } .woocommerce .stars { width: auto; height: 16px; line-height: 1; margin: 0 15px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: top; } .woocommerce .stars a { position: relative; height: 18px; width: 1em; font-size: 15px; text-indent: -999em; display: inline-block; text-decoration: none; } .woocommerce .stars a:before { content: "\f3ae"; display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; height: 1.2em; line-height: 1.2em; font-size: 1.2em; line-height: 1; font-family: Ionicons; text-indent: 0; } .woocommerce .stars:hover a:hover ~ a:before, .woocommerce .stars.selected a.active ~ a:before, .woocommerce .stars.selected:hover span a:hover ~ a:before { content: "\f3ae"; } .woocommerce .stars:hover a:before, .woocommerce .stars.selected a:before, .woocommerce .stars.selected:hover span a:before { content: "\f2fc"; } .star-rating { overflow: hidden; position: relative; height: 1.2em; line-height: 1.2em; font-size: 1.2em; width: 5em; margin-bottom: 0.5rem; font-family: Ionicons; letter-spacing: 2px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; vertical-align: middle; } .star-rating:before { content: "\f3ae\f3ae\f3ae\f3ae\f3ae"; float: left; top: 0; left: 0; position: absolute; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .star-rating span:before { content: "\f2fc\f2fc\f2fc\f2fc\f2fc"; top: 0; position: absolute; left: 0; } .woocommerce table td, .woocommerce table th { border: none; padding: 0; } .woocommerce ul { list-style: none; } .woocommerce .form-row { padding: 0; margin-bottom: 15px; } .woocommerce .form-row textarea { min-height: 159px; } .woocommerce .blockUI.blockOverlay { opacity: 0.4 !important; } .woocommerce .price { color: #282828; font-size: 0.95rem; font-weight: 400; } .woocommerce .price ins, .woocommerce .price del { float: left; opacity: 1; } .woocommerce .price ins { text-decoration: none; } .woocommerce .price del { margin-right: 8px; color: #888; } .page-error.woocommerce-shop .icon-shape { line-height: 75px; } .page-error.woocommerce-shop .icon-shape i { font-size: 60px; } .woo-quantity { width: 95px; height: 40px; position: relative; float: left; margin-right: 5px; } .woo-quantity .plus, .woo-quantity .minus { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.6); width: 32px; height: 32px; -webkit-border-radius: 50%; border-radius: 50%; line-height: 33px; text-align: center; font-size: 18px; font-weight: 300; position: absolute; top: 2px; right: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .woo-quantity .plus:hover, .woo-quantity .minus:hover { background: rgba(0, 0, 0, 0.1); } .woo-quantity .minus { font-size: 24px; right: auto; left: 0; } .woo-quantity input { background: transparent; width: 40px; height: 36px; padding: 0 5px; border: none; font-weight: 400; display: block; margin: 0 auto; text-align: center; -moz-appearance: textfield; -webkit-appearance: none; } .woo-quantity input::-webkit-outer-spin-button, .woo-quantity input::-webkit-inner-spin-button { -webkit-appearance: none; } .woocommerce-result-count { height: 70px; margin: 0px; line-height: 70px; } .woocomerce-filters-container { position: relative; } .woocomerce-filters-container .woocomerce-filters { width: 100%; position: absolute; z-index: 11; height: 70px; line-height: 70px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .woocomerce-filters-container .woocomerce-filters form { line-height: 1.6; } @media screen and (max-width: 768px) { .woocomerce-filters-container .woocomerce-filters { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; top: 0; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .woocomerce-filters-container .woocomerce-filters .select-title { padding: 0; } } @media screen and (max-width: 768px) { .woocommerce .shop_table .product-quantity { height: 40px; } .woocommerce .shop_table .cart_item { display: block; position: relative; padding: 15px 0px 8px 100px; border-top: 1px solid rgba(0, 0, 0, 0.15); } .woocommerce .shop_table:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .woocommerce .shop_table td { display: block; border: none; text-align: left; padding: 2px 0px; } .woocommerce .shop_table td .title { overflow: hidden; } .woocommerce .shop_table td .title a { max-width: -webkit-calc(100vw - 160px); max-width: calc(100vw - 160px); display: inline-block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .woocommerce .shop_table .product-remove-custom { position: absolute; right: 0px; top: -webkit-calc(50% - 10px); top: calc(50% - 10px); } .woocommerce .shop_table .product-thumbnail { position: absolute; left: 0px; top: 15px; } .woocommerce .shop_table .product-name { display: block; } } .woocommerce.add_to_cart_inline { border: none; display: inline-block; } .woocommerce.add_to_cart_inline .amount { display: none; } /*-------------------------------------------------------------- ## Fields --------------------------------------------------------------*/ .norebro-masonry { -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transition-property: height; -o-transition-property: height; transition-property: height; } /*div.masonry-block { margin-right: -1px; }*/ /*.vc_col-lg-8.masonry-block { width: 66.665%; width: calc(100%); }*/ @media screen and (max-width: 768px) { .vc_col-lg-8.masonry-block { width: auto; } } /*-------------------------------------------------------------- # WPBAkery Front-End --------------------------------------------------------------*/ .vc_editor.compose-mode .vc_norebro_tabs, .vc_editor.compose-mode .vc_norebro_split_screens { position: relative; margin: 10px 0; -webkit-border-radius: 4px; border-radius: 4px; } .vc_editor.compose-mode .vc_norebro_tabs:before, .vc_editor.compose-mode .vc_norebro_split_screens:before { content: ''; position: absolute; display: block; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 10000; background: rgba(255, 213, 105, 0.85); } .vc_editor.compose-mode .vc_norebro_tabs:after, .vc_editor.compose-mode .vc_norebro_split_screens:after { content: 'Sorry, but this shortcode can be properly edited only in WPBakery Backend Editor.'; position: absolute; font-family: -apple-system, system-ui, BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif; display: block; padding: 0px 20%; font-weight: 500; color: rgba(0, 0, 0, 0.8); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; left: 0px; text-align: center; z-index: 10001; } .vc_norebro_accordion_inner .content.open .wrap > .vc_element-container { display: none; }