@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.6.6
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: #777; }
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.text-center .btn {
-webkit-transform: translate(-50%, 10px);
-ms-transform: translate(-50%, 10px);
transform: translate(-50%, 10px); }
.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.text-center .btn {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
.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 .wpcf7-spinner {
display: none; }
.contact-form form input[type="submit"] {
margin-top: 14px; }
.contact-form form p {
margin: 0; }
.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 span.wpcf7-not-valid-tip {
margin-top: 10px;
color: #ed2525; }
.contact-form label {
width: 100%;
position: relative;
display: inline-block; }
.contact-form label + br {
display: none; }
.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 .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; }
.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 {
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"])::-webkit-input-placeholder, .contact-form.classic select::-webkit-input-placeholder, .contact-form.classic textarea::-webkit-input-placeholder {
line-height: 16px; }
.contact-form.classic input:not([type="submit"])::-moz-placeholder, .contact-form.classic select::-moz-placeholder, .contact-form.classic textarea::-moz-placeholder {
line-height: 16px; }
.contact-form.classic input:not([type="submit"]):-ms-input-placeholder, .contact-form.classic select:-ms-input-placeholder, .contact-form.classic textarea:-ms-input-placeholder {
line-height: 16px; }
.contact-form.classic input:not([type="submit"])::-ms-input-placeholder, .contact-form.classic select::-ms-input-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: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.contact-form .norebro-contact-subscribe br {
display: none; }
.contact-form .norebro-contact-subscribe button {
white-space: nowrap;
margin: 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: 600;
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;
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;
line-height: 2.4;
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;
font-weight: 600;
color: #282828;
font-size: 0.9rem;
font-family: "Poppins", sans-serif; }
.socialbar.inline a i {
font-size: 18px;
margin-right: 5px; }
.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.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.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.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-section.prev .category,
.norebro-splitscreen .ms-section.prev .title,
.norebro-splitscreen .ms-section.prev .text-description,
.norebro-splitscreen .ms-section.prev .more {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important; }
.norebro-splitscreen .ms-left,
.norebro-splitscreen .ms-right {
width: 100% !important;
height: auto !important;
position: static !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important; }
.norebro-splitscreen .ms-right,
.norebro-splitscreen .splitscreen-dots,
.norebro-splitscreen .splitscreen-nav {
display: none; }
.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-wrap .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 .buttons-wrap .button.active, .tab-box .buttons-wrap .button:hover {
color: #282828; }
.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 .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 {
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: 600; }
.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;
min-width: 100%;
-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: 20px;
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::-webkit-input-placeholder {
color: currentColor; }
.site-footer .widget_search input::-moz-placeholder {
color: currentColor; }
.site-footer .widget_search input:-ms-input-placeholder {
color: currentColor; }
.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: 600; }
.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 {
vertical-align: top;
width: 4.5rem;
height: 4.5rem;
-webkit-border-radius: 50%;
border-radius: 50%; }
.widget_norebro_widget_about_author .site {
font-size: 0.9rem; }
.widget_norebro_widget_about_author .content {
margin-top: 1rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.widget_norebro_widget_about_author .content .details {
padding-right: 2rem; }
.widget_norebro_widget_about_author .content h6 {
margin: 0 0 0.25rem 0; }
.widget_norebro_widget_about_author .content .description {
margin-top: 1rem;
font-size: 0.95rem; }
/*--------------------------------------------------------------
## 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: 15px;
position: relative;
min-height: 60px; }
div.widget_shopping_cart_content li > * {
margin-left: 75px;
margin-right: 15px; }
div.widget_shopping_cart_content li a {
font-size: 0.95rem;
font-weight: 600; }
div.widget_shopping_cart_content li .quantity {
font-size: 0.9em;
color: #777; }
div.widget_shopping_cart_content img {
position: absolute;
left: 0;
width: 60px;
height: 60px;
-o-object-fit: cover;
object-fit: cover; }
div.widget_shopping_cart_content a.remove {
margin-top: -10px;
position: absolute;
top: 0;
right: 0;
margin: 0;
font-weight: 400; }
div.widget_shopping_cart_content a.remove:hover {
color: #f22; }
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: 600; }
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.9em; }
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; }
dl.variation {
font-size: 0.9em; }
dl.variation, dl.variation p {
margin-top: 0;
margin-bottom: 0;
margin-right: 0 !important; }
dl.variation .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; }
dl.variation .variation-item dt {
font-weight: 600; }
dl.variation .variation-item dd[class^=variation-] {
font-weight: normal;
margin: 0 0 0 6px; }
/*--------------------------------------------------------------
## 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: 600;
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: 600; }
/*--------------------------------------------------------------
## 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: #777;
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: 14px 24px;
border: 1px solid #282828;
-webkit-border-radius: 50px;
border-radius: 50px;
font: 600 0.9rem "Poppins", sans-serif;
text-decoration: none;
outline: none;
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;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: 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; }
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;
border-color: currentColor;
-webkit-transition-duration: .1s;
-o-transition-duration: .1s;
transition-duration: .1s; }
input[type="submit"].full-width,
button.full-width,
.btn.full-width,
a.btn input.btn.full-width,
a.button.full-width,
span.button.full-width,
div.button.full-width,
.wp-block-button__link.full-width {
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; }
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 {
max-height: 20px;
min-width: 20px;
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;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 140%;
text-decoration: none;
position: relative; }
input[type="submit"] > .icon.ion-left,
button > .icon.ion-left,
.btn > .icon.ion-left,
a.btn input.btn > .icon.ion-left,
a.button > .icon.ion-left,
span.button > .icon.ion-left,
div.button > .icon.ion-left,
.wp-block-button__link > .icon.ion-left {
margin-right: 4px; }
input[type="submit"] > .icon.ion-right,
button > .icon.ion-right,
.btn > .icon.ion-right,
a.btn input.btn > .icon.ion-right,
a.button > .icon.ion-right,
span.button > .icon.ion-right,
div.button > .icon.ion-right,
.wp-block-button__link > .icon.ion-right {
margin-left: 4px; }
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%;
height: 20px;
position: absolute;
left: 0;
max-height: 1rem;
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; }
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:not(:hover),
input[type="submit"].btn-outline:not(:hover),
a.btn-outline:not(:hover),
.is-style-outline .wp-block-button__link:not(:hover) {
border-color: currentColor; }
.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: 0.5rem 1rem;
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 {
min-height: 3rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 14px 12px;
padding: 0 1rem;
padding-right: 2.25rem !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231b1b28' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); }
input[type="checkbox"] {
width: auto;
padding: auto;
border: auto; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #555555; }
input::-moz-placeholder, textarea::-moz-placeholder {
color: #555555; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #555555; }
input::-ms-input-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::-webkit-input-placeholder {
line-height: 16px; }
input.classic::-moz-placeholder {
line-height: 16px; }
input.classic:-ms-input-placeholder {
line-height: 16px; }
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%; } }
.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 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: 25px;
bottom: 100px;
z-index: 1000;
display: none;
-webkit-transition: none;
-o-transition: none;
transition: none; }
@media screen and (max-width: 768px) {
.scroll-top {
bottom: 25px; } }
.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 15px;
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;
font-weight: 500; }
div.tag.-inverse,
span.tag.-inverse,
a.tag.-inverse,
.tag-wrap a.-inverse,
a[class^="tag-link-"].-inverse,
.time-interval.-inverse {
color: #fff;
border-color: rgba(255, 255, 255, 0.75); }
div.tag.-flat,
span.tag.-flat,
a.tag.-flat,
.tag-wrap a.-flat,
a[class^="tag-link-"].-flat,
.time-interval.-flat {
border: none; }
div.tag.-brand,
span.tag.-brand,
a.tag.-brand,
.tag-wrap a.-brand,
a[class^="tag-link-"].-brand,
.time-interval.-brand {
color: #fff;
background-color: #174EE2;
border: none; }
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; }
/*--------------------------------------------------------------
## 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");
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;
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 {
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: #777;
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: 600; }
.page-links a {
padding: 4px 10px; }
/*--------------------------------------------------------------
## Structure
--------------------------------------------------------------*/
@media screen and (min-width: 769px) {
.norebro-with-panel #page,
.norebro-with-panel .site-footer {
margin-left: 76px; }
.norebro-with-panel #masthead {
width: -webkit-calc(100% - 76px);
width: calc(100% - 76px); }
.norebro-with-header-6 .site-footer.sticky {
margin-left: 280px;
width: -webkit-calc(100vw - 280px) !important;
width: calc(100vw - 280px) !important; }
.norebro-with-header-6 #page {
margin-left: 280px; }
.norebro-with-header-6.norebro-with-panel #page {
margin-left: -webkit-calc(280px + 76px);
margin-left: calc(280px + 76px); } }
@media screen and (width: 1024px) {
.norebro-with-left-panel:not(.norebro-with-panel) {
padding-left: 76px; }
.norebro-with-left-panel #masthead {
width: -webkit-calc(100% - 76px) !important;
width: calc(100% - 76px) !important; } }
@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: -webkit-calc(280px + 76px);
padding-left: calc(280px + 76px); }
@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 {
margin: 0 auto;
padding: 0;
position: relative; }
.page-container:not(.fullwidth):not(.full) {
max-width: 1326px; }
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.page-container:not(.fullwidth):not(.full) {
max-width: 1226px; } }
@media screen and (min-width: 1025px) {
.page-container.full {
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; }
.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; }
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; } }
@media screen and (min-width: 769px) {
.-sticky-block {
position: -webkit-sticky !important;
position: sticky !important;
z-index: 2;
top: 0; } }
@media screen and (min-width: 769px) {
.admin-bar #masthead.header-6 {
top: 32px; }
.admin-bar #masthead.header-6,
.admin-bar .bar {
height: -webkit-calc(100% - 32px);
height: calc(100% - 32px); } }
@media screen and (max-width: 768px) {
.admin-bar #masthead #site-navigation.main-nav {
top: 46px; } }
/*--------------------------------------------------------------
## 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;
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;
position: relative;
z-index: 1; }
#masthead .header-wrap:after {
content: '';
display: table;
clear: both; }
#masthead .header-wrap.page-container {
padding: 0 15px; }
#masthead .header-wrap .search .icon {
font-size: 22px; }
#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 {
-webkit-transition: max-height .4s ease-in-out;
-o-transition: max-height .4s ease-in-out;
transition: max-height .4s ease-in-out; }
#masthead:not(.header-6) {
line-height: 80px; }
#masthead:not(.header-6) .site-title > a {
height: 100%; }
#masthead:not(.header-6) .site-branding,
#masthead:not(.header-6) .site-title {
height: 100%; }
#masthead .site-title > a {
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; }
#masthead .site-branding,
#masthead .site-title {
float: left;
position: relative; }
#masthead .site-branding img,
#masthead .site-title img {
max-height: -webkit-calc(80px - 2rem);
max-height: calc(80px - 2rem); }
#masthead .site-branding .site-description,
#masthead .site-title .site-description {
display: none; }
#masthead .site-branding .logo,
#masthead .site-title .logo {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
#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: -webkit-calc(80px*2);
height: calc(80px*2);
margin: 0 auto;
line-height: 80px; }
#masthead.header-4 .header-wrap {
padding: 0; }
#masthead.header-4 .site-branding {
width: 100%;
height: 80px;
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; }
@media screen and (min-width: 769px) {
#masthead.header-4 .site-title {
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; } }
#masthead.header-5 {
text-align: center; }
#masthead.header-5 .header-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
#masthead.header-5 .header-wrap .site-branding {
-webkit-box-flex: 2;
-webkit-flex-grow: 2;
-ms-flex-positive: 2;
flex-grow: 2; }
#masthead.header-5 .header-wrap .wrap {
height: 100%; }
@media screen and (min-width: 769px) {
#masthead.header-5 .header-wrap #mega-menu-wrap {
vertical-align: top;
-webkit-transform: translateX(-25%);
-ms-transform: translateX(-25%);
transform: translateX(-25%); }
#masthead.header-5 .header-wrap #mega-menu-wrap .menu {
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; }
#masthead.header-5 .header-wrap #mega-menu-wrap .menu .site-title {
width: auto; }
#masthead.header-5 .header-wrap #mega-menu-wrap .menu > li > a > span {
white-space: nowrap; }
#masthead.header-5 .header-wrap .site-branding,
#masthead.header-5 .header-wrap .menu-wrap {
width: 50%; }
#masthead.header-5 .header-wrap .site-branding .site-title {
position: absolute;
left: unset !important;
right: 0;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
z-index: 1; } }
#masthead.header-5 .site-branding {
height: 100%;
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; }
#masthead.header-5 .site-branding .search {
float: left;
margin-right: 1rem; }
#masthead.header-5 .site-branding .site-title {
width: auto; }
@media screen and (min-width: 769px) {
#masthead.header-6 {
background: #f7f7f7;
width: 280px;
border: none;
border-right: 1px solid rgba(0, 0, 0, 0.08);
position: fixed;
height: 100%;
top: 0;
left: 0;
z-index: 9;
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-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
#masthead.header-6 .header-wrap {
-webkit-box-flex: 2;
-webkit-flex-grow: 2;
-ms-flex-positive: 2;
flex-grow: 2;
height: auto;
padding: 0;
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;
width: 100%; }
#masthead.header-6 .header-wrap .right {
height: unset;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
#masthead.header-6 .header-wrap .right .main-nav {
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-flex: 2;
-webkit-flex-grow: 2;
-ms-flex-positive: 2;
flex-grow: 2; }
#masthead.header-6 .header-bottom {
padding: 2rem; }
#masthead.header-6 .header-bottom .copyright {
margin: 0;
font-size: 0.9rem; }
#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-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: 76px; }
@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: -webkit-calc(80px*2);
height: calc(80px*2); }
@media screen and (max-width: 768px) {
.header-cap.header-4 {
height: 95px; } }
.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;
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: 1; }
.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.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;
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: 130%;
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: 0.75rem 1.5rem;
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; }
#masthead:not(.header-6) .menu-other-wrap,
#masthead:not(.header-6) .menu-other {
height: 100%; }
#masthead .menu-other-wrap {
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; }
#masthead .menu-other {
position: relative;
z-index: 1;
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; }
#masthead .menu-other ul {
list-style: none; }
#masthead .menu-other li {
padding: 0; }
#masthead .menu-other > li {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0 0.75rem; }
@media screen and (max-width: 768px) {
#masthead .menu-other > li {
padding: 0 0.35rem; } }
#masthead .menu-other > li > a {
position: relative;
text-decoration: none;
font-weight: 400;
font-family: "Poppins", sans-serif; }
#masthead .menu-other > li > a.cart {
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; }
#masthead .menu-other > li > a.cart .cart-count {
margin-left: 5px;
font-size: 13px; }
#masthead .menu-other > li > a .icon {
font-size: 22px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
#masthead .menu-other > li.social > a {
padding: 0 12px; }
#masthead .menu-other > li.social > a i {
font-size: 18px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
#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,
.header-wrap .right {
height: 100%; }
.header-wrap .right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.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 .main-nav {
float: none;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
#masthead.header-4 .menu-wrap {
width: 100%;
padding: 0 25px; }
#masthead.header-4 .menu-wrap .wrap {
width: 100%;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
#masthead.header-4 .menu:after {
content: '';
display: table;
clear: both; }
#masthead.header-4 .menu-other {
min-width: 15vw; }
#masthead.header-4 .menu-other.left .submenu {
left: 1.25rem;
right: unset; }
#masthead.header-4 .menu-other.right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
#masthead.header-4 .menu-other > li > a {
position: relative; }
#masthead.header-4 .hamburger-menu {
float: right; }
/*--------------------------------------------------------------
## Navigation for header fifth style
--------------------------------------------------------------*/
#masthead {
/*#mega-menu-wrap {
display: inline-block;
}*/ }
#masthead.header-5 .main-nav {
width: 100%;
position: absolute;
left: 0;
text-align: center; }
#masthead ul#primary-menu > li,
#masthead ul#secondary-menu > li {
text-align: left; }
#masthead ul#primary-menu > li > a.menu-link,
#masthead ul#secondary-menu > li > a.menu-link {
padding: 0 18px; }
#masthead ul#primary-menu > li > a.menu-link:after,
#masthead ul#secondary-menu > li > a.menu-link:after {
content: '/';
display: block;
position: absolute;
font-weight: 300;
top: 2px;
right: -4px; }
#masthead ul#primary-menu > li.has-submenu,
#masthead ul#secondary-menu > li.has-submenu {
margin-right: 20px; }
#masthead ul#primary-menu > li.has-submenu > a:after,
#masthead ul#secondary-menu > li.has-submenu > a:after {
right: -20px; }
#masthead ul#primary-menu > li:last-child > a.menu-link:after,
#masthead ul#secondary-menu > li:last-child > a.menu-link:after {
display: none; }
#masthead ul#primary-menu > li.without-divider > a.menu-link:after,
#masthead ul#secondary-menu > li.without-divider > a.menu-link:after {
display: none; }
#masthead ul#primary-menu > ul.sub-menu,
#masthead ul#secondary-menu > ul.sub-menu {
left: 8px; }
#masthead .menu-wrap {
position: relative; }
#masthead .menu-other-wrap {
float: right; }
#masthead .hamburger-menu {
float: left; }
/*--------------------------------------------------------------
## Navigation for header sixth style
--------------------------------------------------------------*/
@media screen and (min-width: 769px) {
#masthead.header-6 {
width: 280px; }
#masthead.header-6 .site-branding {
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: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
padding: 1rem 2rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
#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 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 2rem;
font-size: 1rem;
font-weight: 600;
text-transform: none;
display: block; }
#masthead.header-6 .main-nav ul#primary-menu > li > a.menu-link::after,
#masthead.header-6 .main-nav ul#primary-menu > li > a::after,
#masthead.header-6 .main-nav ul#secondary-menu > li > a.menu-link::after,
#masthead.header-6 .main-nav ul#secondary-menu > li > a::after {
display: none; }
#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 2rem;
position: relative; }
#masthead.header-6 .menu-wrap .wrap {
height: inherit;
line-height: 60px; }
#masthead.header-6 .menu-other {
width: 100%;
margin: 0;
padding: 2rem;
position: relative;
height: unset;
display: block; }
#masthead.header-6 .menu-other > li {
padding: 0.35rem 0; }
#masthead.header-6 .menu-other > li.social > a {
padding-left: 0; }
#masthead.header-6 .menu-other > li.languages > a {
color: #888;
font-size: 12.6px;
font-weight: 600; }
#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.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: 600;
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: #fff;
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:not(.simple):not(.centered):not(.split).with-panel-offset .close {
color: inherit; }
.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:not(:hover) {
color: currentColor;
border-color: currentColor; }
.fullscreen-navigation .copyright .socialbar > a:hover {
background-color: #424242; }
.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: 50vw;
left: 50%;
margin-left: -25vw;
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;
-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 {
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: 100%;
float: left;
margin: 0;
padding: 0;
border: none;
position: static; }
header#masthead.site-header .site-branding .search {
margin-right: 1rem; }
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: 100%;
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 .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.without-mobile-search .header-wrap .search {
display: none; }
#hamburger-fullscreen-menu {
display: none; }
#hamburger-menu {
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;
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; } }
@media screen and (max-width: 1024px) and (min-width: 769px) {
#masthead ul#primary-menu > li > a.menu-link,
#masthead ul#secondary-menu > li > a.menu-link {
padding: 0 1rem; } }
/*--------------------------------------------------------------
## 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 {
padding: 0;
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: 600;
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; } }
.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: 600;
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 .category {
margin-right: 0; }
.portfolio-item h2.title,
.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.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;
background-size: cover;
background-position: center; }
.portfolio-item.grid-2 .description {
background: transparent;
padding: 15px;
text-align: center; }
.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 {
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%;
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 h2.title {
color: #fff;
padding-right: 20%;
margin-top: 1rem;
font-size: 42px;
line-height: 1.2;
-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 h2.title 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 h2.title {
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 {
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 h2.title {
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);
background-size: cover;
background-position: center; }
.portfolio-item.grid-6 .description {
padding: 10px; }
.portfolio-item.grid-6 .category {
color: #777; }
.portfolio-item.grid-6 > a {
height: 100%;
display: block; }
.portfolio-item.grid-7 {
height: 100%; }
.portfolio-item.grid-7 .image-wrap {
background-position: center;
background-size: cover; }
.portfolio-item.grid-7 .description {
background: rgba(40, 40, 40, 0.25); }
.portfolio-item.grid-7 h2.title {
margin-bottom: 10px;
font-size: 80px;
font-weight: 600;
color: #fff; }
@media screen and (max-width: 768px) {
.portfolio-item.grid-7 h2.title {
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: 1rem;
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 h2.title,
.portfolio-item.grid-5 .category,
.portfolio-item.grid-5 .more, .portfolio-item.grid-7 h2.title,
.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 h2.title,
.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 h2.title,
.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 h2.title,
.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 h2.title {
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 h2.title,
.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 h2.title,
.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 h2.title {
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: -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 h2.title {
max-width: 600px;
margin: 1rem 0px 0px 0px;
font-size: 62px;
line-height: 1.1; }
.portfolio-item.grid-8 .text-description {
max-width: 550px;
margin-left: 0px;
margin-right: 0px;
color: #777; }
.portfolio-item.grid-8 .date {
color: #2b2b2b;
font-size: 68px;
font-weight: 600;
margin: 35px 0 0 0px; }
.portfolio-item.grid-8 .date-left {
color: #777;
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 h2.title {
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 h2.title {
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 h2.title {
margin-top: 10px;
font-size: 46px;
line-height: 56px; }
.portfolio-item.grid-7 h2.title {
font-size: 46px; } }
.ms-table.active .portfolio-item.grid-5 h2.title,
.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 h2.title,
.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 h2.title,
.onepage-section.active .portfolio-item h2.title {
-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 h2.title,
.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 h2.title,
.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 h2.title,
.ms-table.active-prev .portfolio-item.grid-5 h2.title {
-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: 600;
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:after {
content: '';
display: table;
clear: both; }
.portfolio-page .images-wrap img {
vertical-align: top;
width: 100%;
float: left;
margin-bottom: 5px; }
.portfolio-page .images-wrap img:last-of-type {
margin-bottom: 0; }
.portfolio-page .portfolio-content {
padding: 80px 15px 80px 70px;
z-index: 2; }
.portfolio-page .portfolio-content .project-title {
margin: 1rem 0; }
.portfolio-page .portfolio-content .tag {
margin-right: 0px; }
.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: 180px;
margin-right: 2rem;
vertical-align: top; }
.portfolio-page .info-list li:last-child {
margin-right: 0px; }
.portfolio-page .info-list .title {
color: #777;
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;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.portfolio-page .socialbar {
margin-top: 15px;
margin-left: -15px; }
.portfolio-page .socialbar a:first-child {
margin-left: 15px; }
.portfolio-page .socialbar a {
font-weight: 600;
font-size: 0.9rem;
margin-top: 5px; }
.portfolio-page .open-website {
margin-top: 30px; }
@media screen and (min-width: 769px) and (max-width: 1024px) {
.portfolio-page.boxed > .vc_row {
margin-left: 0;
margin-right: 0; } }
@media screen and (max-width: 768px) {
.portfolio-page.boxed .portfolio-content {
padding-left: 15px;
padding-right: 15px; } }
.portfolio-page.content-invert .portfolio-content {
padding: 80px 70px 80px 15px; }
.portfolio-page.fullwidth {
padding-left: 0;
padding-right: 0; }
.portfolio-page.fullwidth > .vc_row {
margin: 0; }
.portfolio-page.fullwidth .portfolio-content-wrap {
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; }
@media screen and (min-width: 1441px) {
.portfolio-page.fullwidth .portfolio-content {
width: -webkit-calc( (1326px - 30px) / 2);
width: calc( (1326px - 30px) / 2); } }
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.portfolio-page.fullwidth .portfolio-content {
width: -webkit-calc( (1226px - 30px) / 2);
width: calc( (1226px - 30px) / 2); } }
.portfolio-page.fullwidth.full .portfolio-content {
width: 50%;
padding-right: 7%; }
@media screen and (max-width: 768px) {
.portfolio-page.fullwidth.content-invert {
margin-top: 80px; } }
.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;
padding-right: 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 .socialbar a,
.portfolio-page.fullscreen .portfolio-content .project-title,
.portfolio-page.fullscreen .portfolio-content h4 {
color: #fff; }
.portfolio-page.fullscreen .portfolio-content p {
color: #9a9a9a; }
.portfolio-page.fullscreen .portfolio-content .project-title {
font-size: 2em; }
.portfolio-page.fullscreen .portfolio-content .info .title {
color: #fff;
border-color: rgba(255, 255, 255, 0.25); }
.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 .project-title {
font-size: 3em; }
.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 55px; }
.portfolio-page.with-slider .slider img {
width: 100%; }
.portfolio-page.header-full, .portfolio-page.portfolio-header-title {
background-size: cover;
background-position: center;
height: 100vh; }
.portfolio-page.header-full .back, .portfolio-page.portfolio-header-title .back {
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: -2px;
margin-right: 6px;
opacity: .8; }
.portfolio-page.header-full .scroll, .portfolio-page.portfolio-header-title .scroll {
position: absolute;
bottom: 100px;
left: -webkit-calc( (100% - 700px)/2);
left: calc( (100% - 700px)/2);
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: currentColor;
width: 40px;
height: 2px;
position: absolute;
right: 140%;
top: 45%;
opacity: 0.75; }
.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 .portfolio-content .project-title, .portfolio-page.portfolio-header-title .portfolio-content .project-title {
font-size: 62px; }
.portfolio-page.header-full:not(.invert) .back,
.portfolio-page.header-full:not(.invert) .scroll,
.portfolio-page.header-full:not(.invert) .info p a,
.portfolio-page.header-full:not(.invert) .project-title,
.portfolio-page.header-full:not(.invert) p, .portfolio-page.portfolio-header-title:not(.invert) .back,
.portfolio-page.portfolio-header-title:not(.invert) .scroll,
.portfolio-page.portfolio-header-title:not(.invert) .info p a,
.portfolio-page.portfolio-header-title:not(.invert) .project-title,
.portfolio-page.portfolio-header-title:not(.invert) p {
color: #fff; }
.portfolio-page.header-full:not(.invert) .info .title, .portfolio-page.portfolio-header-title:not(.invert) .info .title {
border-color: rgba(255, 255, 255, 0.5); }
.portfolio-page.header-full:not(.invert) .info-list .title, .portfolio-page.portfolio-header-title:not(.invert) .info-list .title {
color: #cbcbcb; }
.portfolio-page.header-full.invert .content-center, .portfolio-page.portfolio-header-title.invert .content-center {
background: rgba(255, 255, 255, 0.85); }
.portfolio-page.portfolio-header-title {
height: auto; }
.portfolio-page.portfolio-header-title .scroll {
margin-left: -9px; }
.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 .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: 600;
line-height: 20px; }
.portfolio-page.portfolio-header-title .info-list .title {
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: 50px; }
.portfolio-page.header-full h1, .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 h1, .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 h1, .portfolio-page.header-full h2, .portfolio-page.portfolio-header-title h1, .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 h1, .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 h1, .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.header-full h1, .portfolio-page.header-full h2, .portfolio-page.portfolio-header-title h1, .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: 768px) {
.portfolio-page .portfolio-content .vc_row .vc_column_container > .vc_column-inner {
padding-left: 15px;
padding-right: 15px; }
.portfolio-page.content-invert .portfolio-content,
.portfolio-page.with-slider .portfolio-content,
.portfolio-page .portfolio-content {
padding: 30px 0; }
.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-content, .portfolio-page.fullwidth.full .portfolio-content {
padding-left: 25px;
padding-right: 25px; }
.portfolio-page.fullwidth.content-invert .portfolio-content {
padding-left: 10px;
padding-right: 10px; }
.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 {
background-color: #f7f7f7; }
.portfolio-comments .comments-area {
background-color: transparent; }
.portfolio-comments > .page-container {
overflow-x: hidden; }
.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: 600; }
.blog-grid footer .data {
margin-left: 5px; }
.blog-grid footer .data, .blog-grid footer strong {
color: #777;
-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 {
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; }
article.page {
margin: 0; }
.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; }
.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; }
.post {
margin-bottom: 0; }
.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; }
.single-post .widget_norebro_widget_about_author {
border-bottom: 1px solid #ebebeb;
min-width: 100%;
padding: 30px 0; }
.single-post .widget_norebro_widget_about_author .socialbar {
white-space: nowrap; }
.entry-footer .share .title {
float: left;
padding: 7px 25px 5px 15px;
border: 1px solid #777;
-webkit-border-radius: 50px;
border-radius: 50px;
font-size: 0.75rem;
font-weight: 600;
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: 600;
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: 2rem;
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;
padding: 70px 15px; }
.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 90px;
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: 70px;
height: 70px;
-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: 25px;
right: 25px;
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; }
.vc_row[data-vc-full-width].vc_hidden.-visible {
opacity: 1; }
/*--------------------------------------------------------------
## 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 {
background-size: cover !important; }
.norebro-bg-cover > .vc_column-inner {
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 (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: 600;
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: 20px;
float: left;
font-size: 19.6px;
font-weight: 600; }
.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: 600;
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 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-right: 15px;
float: none; }
.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: 52px;
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;
padding: 0 25px;
border: 1px solid #282828;
-webkit-border-radius: 30px;
border-radius: 30px;
font-size: 0.9rem;
font-weight: 600;
-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 {
width: 100%;
margin-top: 5px;
padding-top: 30px;
border-top: 1px solid #ebebeb;
text-align: left; }
.woocommerce .product .variations_form .variations_button {
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; }
.woocommerce .product .variations_form a {
color: #282828; }
.woocommerce .product .variations_form .variation {
min-height: 45px; }
.woocommerce .product .variations_form .label {
display: inline-block;
text-transform: uppercase; }
.woocommerce .product .variations_form .label label {
font-weight: 400;
font-size: 0.9rem; }
.woocommerce .product .variations_form .value {
display: inline-block;
margin-left: 20px; }
.woocommerce .product .variations_form .variation_buttons_wrapper {
display: inline-block;
vertical-align: 0px;
overflow: visible; }
.woocommerce .product .variations_form .custom_attribute .variation_buttons_wrapper {
display: none; }
.woocommerce .product .variations_form .custom_attribute select {
height: 32px; }
.woocommerce .product .variations_form 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: 600;
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 span.phoen_swatches:empty {
border: 1px solid rgba(0, 0, 0, 0.2) !important; }
.woocommerce .product .variations_form 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 .variation_button {
display: inline-block;
margin-right: 5px;
vertical-align: 0; }
.woocommerce .product .variations_form .variation_button.selected {
border: none; }
.woocommerce .product .variations_form .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 .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: 600; }
.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 form.cart:not(.variations_form),
.woocommerce .product .single_variation_wrap:not(.variations_form) {
border-top: 1px solid rgba(0, 0, 0, 0.1);
width: 100%;
padding: 20px 0;
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; }
.woocommerce .product form.cart button,
.woocommerce .product form.cart .add_to_wishlist,
.woocommerce .product .single_variation_wrap button,
.woocommerce .product .single_variation_wrap .add_to_wishlist {
margin: 0 0 0 5px; }
.woocommerce .product form.cart .ion-left,
.woocommerce .product .single_variation_wrap .ion-left {
margin-right: 5px; }
.woocommerce .product form.cart .quantity,
.woocommerce .product .single_variation_wrap .quantity {
width: 75px;
float: none; }
.woocommerce .product .product_meta {
margin-bottom: 20px; }
.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: 600; }
.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: #777;
margin: 5px 25px 0 0;
font-size: 0.9rem;
display: block;
float: left; }
.woocommerce ol.commentlist time + .star-rating:after {
content: '';
background: #777;
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-family: "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 .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;
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: 600; }
.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: 600;
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: 600; }
.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
--------------------------------------------------------------*/
.woocommerce .wc-checkout-wrap {
position: relative;
margin-top: 0px; }
.woocommerce .wc-checkout-wrap form.checkout .message-box {
clear: both; }
.woocommerce .wc-checkout-wrap #coupon_code {
margin-bottom: 15px; }
.woocommerce .woocommerce-checkout {
position: static; }
.woocommerce .woocommerce-checkout h3 {
margin: 0 0 20px;
font-size: 1rem; }
.woocommerce .woocommerce-checkout .woocommerce-notice-wrap {
width: 66.666%;
padding: 0 15px; }
@media screen and (max-width: 991px) {
.woocommerce .woocommerce-checkout .woocommerce-notice-wrap {
width: 100%; } }
.woocommerce form.login,
.woocommerce form.checkout_coupon {
border: none;
padding: 5px 0;
margin: 0; }
.woocommerce form.login *:first-child,
.woocommerce form.checkout_coupon *:first-child {
margin-top: 0; }
.woocommerce form.login input.button,
.woocommerce form.checkout_coupon input.button {
height: 48px; }
.woocommerce form.login {
text-align: left; }
.woocommerce form.login .fields {
margin-bottom: 15px; }
.woocommerce form.login label {
line-height: 2em;
margin-top: 15px;
margin-bottom: 5px;
display: block; }
.woocommerce form.login #rememberme {
display: inline;
vertical-align: -1px;
margin-right: 4px; }
.woocommerce form.login .form-row {
margin-bottom: 0; }
.woocommerce form.login .lost_password {
margin-top: 0; }
.woocommerce form.login a {
color: #174EE2;
font-size: 0.95rem; }
.woocommerce form.login a:hover {
text-decoration: underline; }
.woocommerce .checkout_coupon .input-text {
width: 310px; }
.woocommerce .create-account {
margin-top: 15px;
text-align: left; }
.woocommerce .woocommerce-billing-fields,
.woocommerce .woocommerce-shipping-fields {
margin-top: 20px; }
.woocommerce .woocommerce-billing-fields label[for="createaccount"],
.woocommerce .woocommerce-shipping-fields label[for="createaccount"] {
display: inline;
cursor: pointer; }
.woocommerce .woocommerce-shipping-fields h3 {
margin-bottom: 10px; }
.woocommerce .ship-to-different {
float: right;
width: auto;
margin: -4px 0 0; }
.woocommerce .ship-to-different label {
display: inline;
cursor: pointer; }
.woocommerce .woocommerce-billing-fields {
margin-bottom: 90px; }
.woocommerce .wc-order-review-wrap {
position: absolute;
top: 0;
right: 0; }
@media screen and (max-width: 991px) {
.woocommerce .wc-order-review-wrap {
position: static;
top: 0;
right: 0; } }
.woocommerce .woo-check-order {
text-align: left; }
.woocommerce .woo-check-order h3 {
margin-top: 10px;
margin-bottom: 20px; }
.woocommerce .woocommerce-checkout-review-order-table,
.woocommerce .woocommerce-checkout-payment {
background: rgba(0, 0, 0, 0.03);
padding: 20px 25px 20px; }
.woocommerce .woocommerce-checkout-payment {
margin-top: 20px; }
.woocommerce .shop-table {
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
margin-bottom: 0; }
.woocommerce .shop-table th, .woocommerce .shop-table td {
border-bottom: 1px solid #ebebeb;
padding: 15px 0; }
.woocommerce .shop-table th {
width: 55%;
display: table-cell;
font-size: 0.75rem;
font-weight: 400;
text-transform: uppercase;
padding-right: 10px; }
.woocommerce .shop-table h4 {
font-size: 0.95rem; }
.woocommerce .shop-table .cart-subtotal {
border-top: 1px solid #ebebeb; }
.woocommerce .shop-table .cart_item td {
border: none;
padding: 20px 10px 0 0;
font-size: 0.95rem;
font-weight: 400;
vertical-align: top; }
.woocommerce .shop-table .cart_item:last-child td {
padding-bottom: 20px; }
.woocommerce .shop-table .order-total td, .woocommerce .shop-table .order-total th {
border-bottom: none; }
.woocommerce .shop-table .order-total strong {
font-weight: 600; }
.woocommerce .pay-table .shipping th {
vertical-align: 0px; }
.woocommerce .pay-table #shipping_method label {
font-size: 0.95rem;
font-weight: 400;
cursor: pointer; }
.woocommerce .country_select a,
.woocommerce .state_select a {
padding-top: 8px;
padding-bottom: 8px; }
.woocommerce .country_select a .select2-arrow,
.woocommerce .state_select a .select2-arrow {
width: 40px; }
.woocommerce #payment ul.wc_payment_methods {
padding: 0;
border: none;
clear: both; }
.woocommerce #payment li.wc_payment_method {
border-bottom: 1px solid #ebebeb;
padding: 20px 0; }
.woocommerce #payment li.wc_payment_method:first-child {
border-top: 1px solid #ebebeb; }
.woocommerce #payment li.wc_payment_method .radio {
margin-right: 10px;
vertical-align: -5px; }
.woocommerce #payment li.wc_payment_method label {
font-size: 0.95rem;
font-weight: 400;
cursor: pointer; }
.woocommerce #payment li.wc_payment_method label img {
margin: 0 10px;
vertical-align: middle; }
.woocommerce #payment li.wc_payment_method a.about_paypal {
margin-top: 6px;
float: right;
color: #174EE2; }
.woocommerce #payment li.wc_payment_method a.about_paypal:hover {
text-decoration: underline; }
.woocommerce #payment li.wc_payment_method .payment_box {
background: none;
padding: 0px 0 0 35px;
margin: 0; }
.woocommerce #payment li.wc_payment_method .payment_box p {
font-size: 0.75rem;
line-height: 150%; }
.woocommerce #payment li.wc_payment_method .payment_box:before {
display: none; }
.woocommerce #payment .form-row.place-order {
padding: 20px 0;
margin: 0; }
@media screen and (max-width: 768px) {
.woocommerce .woocommerce-billing-fields {
margin-bottom: 15px; }
.woocommerce .ship-to-different {
width: 100%;
float: left;
text-align: left; }
.woocommerce .woocommerce-shipping-fields {
margin-bottom: 30px; } }
.woocommerce .woocommerce-thankyou-order-details {
margin-bottom: 50px; }
.woocommerce .checkout-result .woo-my-orders-table {
font-size: 0.95rem; }
.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 .tab-box .buttons-wrap .button {
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: 600; }
.woocommerce .woo-my-orders-table td > .amount {
font-weight: 600; }
.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: 600;
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: 1.25rem; }
.woocommerce .form-row label {
font-size: 0.75em;
color: #777;
text-transform: uppercase; }
.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: #777; }
.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;
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-border-radius: 50%;
border-radius: 50%;
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: 600;
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; }