@charset "UTF-8";
/*!
* Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
}
.col {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.33333%;
}
.offset-2 {
margin-left: 16.66667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333%;
}
.offset-5 {
margin-left: 41.66667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333%;
}
.offset-8 {
margin-left: 66.66667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333%;
}
.offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 576px) {
.col-sm {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333%;
}
.offset-sm-2 {
margin-left: 16.66667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333%;
}
.offset-sm-5 {
margin-left: 41.66667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333%;
}
.offset-sm-8 {
margin-left: 66.66667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333%;
}
.offset-sm-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 768px) {
.col-md {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333%;
}
.offset-md-2 {
margin-left: 16.66667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333%;
}
.offset-md-5 {
margin-left: 41.66667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333%;
}
.offset-md-8 {
margin-left: 66.66667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333%;
}
.offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 992px) {
.col-lg {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333%;
}
.offset-lg-2 {
margin-left: 16.66667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333%;
}
.offset-lg-5 {
margin-left: 41.66667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333%;
}
.offset-lg-8 {
margin-left: 66.66667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333%;
}
.offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333%;
}
.offset-xl-2 {
margin-left: 16.66667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333%;
}
.offset-xl-5 {
margin-left: 41.66667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333%;
}
.offset-xl-8 {
margin-left: 66.66667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333%;
}
.offset-xl-11 {
margin-left: 91.66667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-webkit-box-flex: 1 !important;
-webkit-flex: 1 1 auto !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-grow-0 {
-webkit-box-flex: 0 !important;
-webkit-flex-grow: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-webkit-box-flex: 1 !important;
-webkit-flex-grow: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
-webkit-box-flex: 1 !important;
-webkit-flex: 1 1 auto !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
-webkit-box-flex: 0 !important;
-webkit-flex-grow: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-webkit-box-flex: 1 !important;
-webkit-flex-grow: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-sm-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
-webkit-box-flex: 1 !important;
-webkit-flex: 1 1 auto !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
-webkit-box-flex: 0 !important;
-webkit-flex-grow: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-webkit-box-flex: 1 !important;
-webkit-flex-grow: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-md-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
-webkit-box-flex: 1 !important;
-webkit-flex: 1 1 auto !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
-webkit-box-flex: 0 !important;
-webkit-flex-grow: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-webkit-box-flex: 1 !important;
-webkit-flex-grow: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-lg-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
-webkit-box-flex: 1 !important;
-webkit-flex: 1 1 auto !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
-webkit-box-flex: 0 !important;
-webkit-flex-grow: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-webkit-box-flex: 1 !important;
-webkit-flex-grow: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xl-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.min-vw-100 {
min-width: 100vw !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.vw-100 {
width: 100vw !important;
}
.vh-100 {
height: 100vh !important;
}
.preloader-true.preloader-progress_bar:not(.pace-done) #page {
opacity: 0;
}
#pace-content {
display: none !important;
}
.prev,
.next {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.page-overlay {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
background: #fff;
z-index: 99999;
}
.dark-scheme .page-overlay,
.page-template-template-starting .page-overlay {
background: #17171A;
}
.page-overlay.show {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.pace {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
color: #000;
background: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
pointer-events: none;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.dark-scheme .pace {
background: #17171A;
color: #fff;
}
.admin-bar .pace {
top: 32px;
}
.pace .pace-progress {
position: absolute;
top: 0;
left: 0;
width: 100%;
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;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
pointer-events: none;
}
.pace .progress-line {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0.8vh;
opacity: 0.29;
-webkit-box-shadow: inset 0 0 0 50px;
box-shadow: inset 0 0 0 50px;
}
.pace .progress {
position: absolute;
top: 50%;
left: 50%;
line-height: 1;
font-size: 48px;
font-weight: 800;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: opacity 400ms ease-in-out;
-o-transition: opacity 400ms ease-in-out;
transition: opacity 400ms ease-in-out;
opacity: 0;
z-index: 2;
}
.pace .progress:after {
content: '%';
font-size: .5em;
vertical-align: super;
}
.preloader-custom_image .pace .progress {
display: none;
}
.pace .content {
margin: auto;
}
.pace .content .label {
position: relative;
font-size: 50px;
font-weight: 700;
line-height: 1;
z-index: 1;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
opacity: 0;
-webkit-transform: scale(3);
-ms-transform: scale(3);
transform: scale(3);
}
.pace .content .label::before {
content: '';
position: absolute;
left: 35%;
right: 0;
bottom: 0;
height: 12px;
background: #F11E30;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
z-index: -1;
}
.pace.show .content .label {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.pace.show .content .label::before {
-webkit-transition-delay: .3;
-o-transition-delay: .3;
transition-delay: .3;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.pace.show .progress {
opacity: 1;
}
.pace-done .pace {
opacity: 0;
visibility: hidden;
}
.preloader-changed_words .pace {
background: none;
}
.preloader-changed_words .pace .progress-line {
color: #e4e4e4;
opacity: 1;
}
.preloader-changed_words .pace .progress,
.preloader-changed_words .pace .content {
display: none;
}
.dark-scheme.preloader-changed_words .pace .progress-line {
color: #494949;
}
@-webkit-keyframes rotating {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@media screen and (min-width: 1450px) {
.container {
max-width: 1300px;
}
}
.white-bg {
background: #fff !important;
}
.black-bg {
background: #fff !important;
}
/*
- Preloader
*/
.preloader {
position: fixed;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100000;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-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;
text-align: center;
font-size: 42px;
font-weight: bold;
line-height: 1;
}
.light-scheme .preloader {
color: #000;
}
.preloader.preloader-circle {
background: #fff;
}
.dark-scheme .preloader.preloader-circle {
background: #17171A;
}
.dark-scheme .preloader.preloader-circle svg .fill {
fill: #333;
}
.preloader.preloader-circle svg {
width: 50px;
height: 50px;
-webkit-animation: rotating 800ms linear infinite;
animation: rotating 800ms linear infinite;
}
.preloader.preloader-circle svg .load {
fill: #303381;
}
.dark-scheme .preloader,
.page-template-template-starting .preloader {
color: #fff;
}
.preloader .preloader_img img {
max-width: 200px;
max-height: 200px;
display: block;
}
.preloader .words {
position: relative;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
width: 100%;
height: 1em;
}
@-webkit-keyframes wordsIn {
0% {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes wordsIn {
0% {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes wordsOut {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
}
@keyframes wordsOut {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
}
.preloader .words .word {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transform-origin: bottom center;
-ms-transform-origin: bottom center;
transform-origin: bottom center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-perspective: 600px;
perspective: 600px;
}
.preloader .words .word > span {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.preloader .words .word > span span {
display: block;
opacity: 0;
}
.preloader .words .word.active > span > span {
-webkit-animation-name: wordsIn;
animation-name: wordsIn;
}
.preloader .words .word.prev > span > span {
opacity: 1;
-webkit-animation-name: wordsOut;
animation-name: wordsOut;
}
.preloader-area,
.preloader-default-area,
.preloader-words-area {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
-webkit-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
overflow: hidden;
}
body.light-scheme .preloader-area,
body .light-scheme .preloader-area, body.light-scheme .preloader-default-area,
body .light-scheme .preloader-default-area, body.light-scheme .preloader-words-area,
body .light-scheme .preloader-words-area {
background: #fff;
}
body.dark-scheme .preloader-area,
body .dark-scheme .preloader-area, body.dark-scheme .preloader-default-area,
body .dark-scheme .preloader-default-area, body.dark-scheme .preloader-words-area,
body .dark-scheme .preloader-words-area {
background: #000;
}
.loaded .preloader-area,
.loaded .preloader {
opacity: 0;
visibility: hidden;
}
.loaded .preloader-words-area {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition-delay: 800ms;
-o-transition-delay: 800ms;
transition-delay: 800ms;
}
.preloader-folding-cube {
margin: 20px auto;
width: 40px;
height: 40px;
position: relative;
top: 50%;
margin-top: -20px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.preloader-folding-cube .preloader-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.preloader-folding-cube .preloader-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-animation: preloader-foldCubeAngle 2.4s infinite linear both;
animation: preloader-foldCubeAngle 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.preloader-folding-cube .preloader-cube2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
-ms-transform: scale(1.1) rotate(90deg);
transform: scale(1.1) rotateZ(90deg);
}
.preloader-folding-cube .preloader-cube3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
-ms-transform: scale(1.1) rotate(180deg);
transform: scale(1.1) rotateZ(180deg);
}
.preloader-folding-cube .preloader-cube4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
-ms-transform: scale(1.1) rotate(270deg);
transform: scale(1.1) rotateZ(270deg);
}
.preloader-folding-cube .preloader-cube2:before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.preloader-folding-cube .preloader-cube3:before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.preloader-folding-cube .preloader-cube4:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes preloader-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
@keyframes preloader-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
@-webkit-keyframes preloader_words1 {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes preloader_words1 {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes preloader_words2 {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
50% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
100% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes preloader_words2 {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
50% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
100% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes preloader_words3 {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
33.33333% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
66.66667% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(-200%);
transform: translateY(-200%);
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes preloader_words3 {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
33.33333% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
66.66667% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(-200%);
transform: translateY(-200%);
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes preloader_words4 {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
25% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
50% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
75% {
-webkit-transform: translateY(-200%);
transform: translateY(-200%);
}
100% {
-webkit-transform: translateY(-300%);
transform: translateY(-300%);
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes preloader_words4 {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
25% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
50% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
75% {
-webkit-transform: translateY(-200%);
transform: translateY(-200%);
}
100% {
-webkit-transform: translateY(-300%);
transform: translateY(-300%);
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes preloader_words5 {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
20% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
40% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
60% {
-webkit-transform: translateY(-200%);
transform: translateY(-200%);
}
80% {
-webkit-transform: translateY(-300%);
transform: translateY(-300%);
}
100% {
-webkit-transform: translateY(-400%);
transform: translateY(-400%);
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes preloader_words5 {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
20% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
40% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
60% {
-webkit-transform: translateY(-200%);
transform: translateY(-200%);
}
80% {
-webkit-transform: translateY(-300%);
transform: translateY(-300%);
}
100% {
-webkit-transform: translateY(-400%);
transform: translateY(-400%);
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.preloader-words {
font-size: 48px;
font-weight: 500;
height: 100vh;
}
.preloader-words.words-count2 {
-webkit-animation: preloader_words2 4000ms ease-in-out infinite;
animation: preloader_words2 4000ms ease-in-out infinite;
}
.preloader-words.words-count3 {
-webkit-animation: preloader_words3 6000ms ease-in-out infinite;
animation: preloader_words3 6000ms ease-in-out infinite;
}
.preloader-words.words-count4 {
-webkit-animation: preloader_words4 8000ms ease-in-out infinite;
animation: preloader_words4 8000ms ease-in-out infinite;
}
.preloader-words.words-count5 {
-webkit-animation: preloader_words5 10000ms ease-in-out infinite;
animation: preloader_words5 10000ms ease-in-out infinite;
}
.preloader-words .word {
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;
height: 100vh;
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
/* Sections
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-size: 1em;
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b, strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code, kbd, samp {
font-size: 1em;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button, input, optgroup, select, textarea {
font-size: 100%;
line-height: 1.15;
margin: 0;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button, input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button, select {
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
/* 3 */
white-space: normal;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"], [type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template, [hidden] {
display: none;
}
/**
* Add the correct display in IE 10.
*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
clear: both;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
color: #000;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font-size: 15px;
font-size: 0.9375rem;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
.dark-scheme mark, .dark-scheme ins {
color: #000;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
* {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
*:before, *:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul, li > ol {
margin-bottom: 0;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
}
figure {
margin: 1em 0;
/* Extra wide images within figure tags don't overflow the content area. */
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a:focus, a:hover, a:active {
outline: 0;
}
/*--------------------------------------------------------------
1.0 General Block Styles
--------------------------------------------------------------*/
/* Captions */
[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
font-style: italic;
margin-bottom: 1.5em;
text-align: left;
}
.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption {
text-align: right;
}
/*--------------------------------------------------------------
2.0 Blocks - Common Blocks
--------------------------------------------------------------*/
/* Paragraph */
p.has-drop-cap:not(:focus)::first-letter {
font-size: 5em;
margin-top: 0.075em;
}
/* Image */
.wp-block-image {
margin-bottom: 1.5em;
}
.wp-block-image figure {
margin-bottom: 0;
margin-top: 0;
}
.wp-block-image figure.alignleft {
margin-right: 1.5em;
}
.wp-block-image figure.alignright {
margin-left: 1.5em;
}
/* Gallery */
.wp-block-gallery {
margin-bottom: 1.5em;
}
.wp-block-gallery figcaption {
font-style: italic;
}
.wp-block-gallery.aligncenter {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 -8px;
}
/* Quote */
.wp-block-quote:not(.is-large):not(.is-style-large) {
border: 0;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
padding-left: 70px;
}
.wp-block-quote.alignleft p:last-of-type,
.wp-block-quote.alignright p:last-of-type {
margin-bottom: 0;
}
.wp-block-quote cite {
color: inherit;
}
/* Audio */
.wp-block-audio audio {
display: block;
width: 100%;
}
/* Cover */
.wp-block-cover-image.alignright,
.wp-block-cover.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover.alignleft,
.wp-block-cover-image.aligncenter,
.wp-block-cover.aligncenter {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
/* File */
.wp-block-file .wp-block-file__button {
background-color: #222;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
margin-top: 2em;
padding: 0.7em 2em;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}
.wp-block-file .wp-block-file__button:hover,
.wp-block-file .wp-block-file__button:focus {
background-color: #767676;
-webkit-box-shadow: none;
box-shadow: none;
}
/*--------------------------------------------------------------
3.0 Blocks - Formatting
--------------------------------------------------------------*/
/* Code */
.wp-block-code {
background: transparent;
border: 0;
padding: 0;
}
/* Pullquote */
.wp-block-pullquote {
border: 0;
}
.wp-block-pullquote__citation,
.wp-block-pullquote cite {
font-size: inherit;
text-transform: none;
}
/* Table */
.wp-block-table thead th {
border-bottom: 2px solid #bbb;
padding-bottom: 0.5em;
}
.wp-block-table tr {
border-bottom: 1px solid #eee;
}
.wp-block-table th,
.wp-block-table td {
border: 0;
}
.rtl .wp-block-table th,
.rtl .wp-block-table td {
text-align: right;
}
/*--------------------------------------------------------------
4.0 Blocks - Layout Elements
--------------------------------------------------------------*/
/* Buttons */
.wp-block-button .wp-block-button__link {
-webkit-box-shadow: none;
box-shadow: none;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1.66;
margin-top: 2em;
padding: 0.7em 2em;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}
.entry-content .wp-block-button__link {
background-color: #222;
color: #fff;
}
.entry-content .is-style-outline .wp-block-button__link:not(.has-background) {
background-color: transparent;
}
.entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) {
color: #222;
}
.colors-dark .wp-block-button__link {
background-color: #fff;
color: #000;
}
.entry-content .wp-block-button__link:hover,
.entry-content .wp-block-button__link:focus,
.entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover,
.entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus {
background-color: #767676;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
.colors-dark .entry-content .wp-block-button__link:hover,
.colors-dark .entry-content .wp-block-button__link:focus,
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover,
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus {
background-color: #bbb;
color: #000;
}
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) {
color: #fff;
}
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):hover,
.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):focus {
color: #222;
}
.colors-custom .entry-content .wp-block-button__link,
.colors-custom .entry-content .wp-block-button__link:hover,
.colors-custom .entry-content .wp-block-button__link:focus,
.colors-dark .entry-content .wp-block-button__link,
.colors-dark .entry-content .wp-block-button__link:hover,
.colors-dark .entry-content .wp-block-button__link:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.colors-custom .entry-content .wp-block-button__link:hover,
.colors-custom .entry-content .wp-block-button__link:focus {
color: #fff;
}
/* Separator */
.wp-block-separator {
border: 0;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px;
}
/* Media & Text */
.wp-block-media-text {
margin-bottom: 1.5em;
}
.wp-block-media-text *:last-child {
margin-bottom: 0;
}
/*--------------------------------------------------------------
5.0 Blocks - Widgets
--------------------------------------------------------------*/
/* Archives, Categories & Latest Posts */
.wp-block-archives.aligncenter,
.wp-block-categories.aligncenter,
.wp-block-latest-posts.aligncenter {
list-style-position: inside;
text-align: center;
}
/* Comments */
.wp-block-latest-comments article {
margin-bottom: 4em;
}
.blog:not(.has-sidebar) #primary .wp-block-latest-comments article,
.archive:not(.page-one-column):not(.has-sidebar) #primary .wp-block-latest-comments article,
.search:not(.has-sidebar) #primary .wp-block-latest-comments article {
float: none;
width: 100%;
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius: 0;
}
.wp-block-latest-comments a {
-webkit-box-shadow: inset 0 -1px 0 white;
box-shadow: inset 0 -1px 0 white;
}
.wp-block-latest-comments__comment-meta {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0.4em;
}
.wp-block-latest-comments__comment-author,
.wp-block-latest-comments__comment-link {
font-weight: 700;
text-decoration: none;
}
.wp-block-latest-comments__comment-date {
color: #767676;
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
margin-top: 0.4em;
text-transform: uppercase;
}
.editor-block-list__block .wp-block-latest-comments__comment-excerpt p {
font-size: 14px;
font-size: 0.875rem;
}
/*--------------------------------------------------------------
6.0 Blocks - Colors
--------------------------------------------------------------*/
.entry-content .has-pale-pink-color {
color: #f78da7;
}
.entry-content .has-pale-pink-background-color,
.wp-block-button.is-style-outline .has-pale-pink-background-color:link {
background-color: #f78da7;
}
.entry-content .has-vivid-red-color {
color: #cf2e2e;
}
.entry-content .has-vivid-red-background-color,
.wp-block-button.is-style-outline .has-vivid-red-background-color:link {
background-color: #cf2e2e;
}
.entry-content .has-luminous-vivid-orange-color {
color: #ff6900;
}
.entry-content .has-luminous-vivid-orange-background-color,
.wp-block-button.is-style-outline .has-luminous-vivid-orange-background-color:link {
background-color: #ff6900;
}
.entry-content .has-luminous-vivid-amber-color {
color: #fcb900;
}
.entry-content .has-luminous-vivid-amber-background-color,
.wp-block-button.is-style-outline .has-luminous-vivid-amber-background-color:link {
background-color: #fcb900;
}
.entry-content .has-light-green-cyan-color {
color: #7bdcb5;
}
.entry-content .has-light-green-cyan-background-color,
.wp-block-button.is-style-outline .has-light-green-cyan-background-color:link {
background-color: #7bdcb5;
}
.entry-content .has-vivid-green-cyan-color {
color: #00d084;
}
.entry-content .has-vivid-green-cyan-background-color,
.wp-block-button.is-style-outline .has-vivid-green-cyan-background-color:link {
background-color: #00d084;
}
.entry-content .has-pale-cyan-blue-color {
color: #8ed1fc;
}
.entry-content .has-pale-cyan-blue-background-color,
.wp-block-button.is-style-outline .has-pale-cyan-blue-background-color:link {
background-color: #8ed1fc;
}
.entry-content .has-vivid-cyan-blue-color {
color: #0693e3;
}
.entry-content .has-vivid-cyan-blue-background-color,
.wp-block-button.is-style-outline .has-vivid-cyan-blue-background-color:link {
background-color: #0693e3;
}
.entry-content .has-very-light-gray-color {
color: #eee;
}
.entry-content .has-very-light-gray-background-color,
.wp-block-button.is-style-outline .has-very-light-gray-background-color:link {
background-color: #eee;
}
.entry-content .has-cyan-bluish-gray-color {
color: #abb8c3;
}
.entry-content .has-cyan-bluish-gray-background-color,
.wp-block-button.is-style-outline .has-cyan-bluish-gray-background-color:link {
background-color: #abb8c3;
}
.entry-content .has-very-dark-gray-color {
color: #313131;
}
.entry-content .has-very-dark-gray-background-color,
.wp-block-button.is-style-outline .has-very-dark-gray-background-color:link {
background-color: #313131;
}
.has-background-dim {
color: #fff;
}
.alignleft {
float: left;
margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
float: right;
margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 1.75em;
}
blockquote.alignleft {
margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}
blockquote.alignright {
margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}
blockquote.aligncenter {
margin-bottom: 1.473684211em;
}
/**
* 11.3 - Post Formats
*/
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.473684211;
margin-bottom: 1.473684211em;
}
.blog .format-status .entry-title,
.archive .format-status .entry-title {
display: none;
}
/**
* 12.1 - Captions
*/
.wp-caption {
margin-bottom: 1.75em;
max-width: 100%;
margin-bottom: 15px;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption .wp-caption-text {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
margin: 0;
}
/**
* 12.2 - Galleries
*/
.gallery {
margin: 0 -1.1666667% 1.75em;
}
.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.1400652% 2.2801304%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #686868;
display: block;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.widecolumn {
margin-bottom: 3.5em;
padding: 0 7.6923%;
}
.widecolumn .mu_register {
width: auto;
}
.widecolumn .mu_register .mu_alert {
background: transparent;
border-color: #d1d1d1;
color: inherit;
margin-bottom: 3.5em;
padding: 1.75em;
}
.widecolumn form,
.widecolumn .mu_register form {
margin-top: 0;
}
.widecolumn h2 {
font-size: 23px;
font-size: 1.4375rem;
font-weight: 900;
line-height: 1.2173913043;
margin-bottom: 1.2173913043em;
}
.widecolumn p {
margin: 1.75em 0;
}
.widecolumn p + h2 {
margin-top: 2.4347826087em;
}
.widecolumn label,
.widecolumn .mu_register label {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 400;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
text-transform: uppercase;
}
.widecolumn .mu_register label {
margin: 2.1538461538em 0.7692307692em 0.5384615385em 0;
}
.widecolumn .mu_register label strong {
font-weight: 400;
}
.widecolumn #key,
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #blogname,
.widecolumn .mu_register #user_name {
font-size: 16px;
font-size: 1rem;
width: 100%;
}
.widecolumn .mu_register #blogname {
margin: 0;
}
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #user_name {
margin: 0 0 0.375em;
}
.widecolumn #submit,
.widecolumn .mu_register input[type="submit"] {
font-size: 16px;
font-size: 1rem;
margin: 0;
width: auto;
}
.widecolumn .mu_register .prefix_address,
.widecolumn .mu_register .suffix_address {
font-size: inherit;
}
.widecolumn .mu_register > :last-child,
.widecolumn form > :last-child {
margin-bottom: 0;
}
.wp-block-group.has-background {
padding: 10px 15px;
}
.bypostauthor {
color: inherit;
}
/*
- All
*/
a.header-phone,
a.header-login-button, .header-link, .header-social-links a, .site-logo a, .blog-item .title, .blog-item .title a, .comments-area .comment-items .comment-item .replytocom, .social-link-menu a, .widget_recent_entries a, .widget_recent_comments ul li a, .breadcrumbs a, .account-page .go-home-block a, .tinv-wishlist table.tinvwl-table-manage-list .product-name a, .post-nav-buttons a {
color: inherit;
text-decoration: none;
}
.wpb_text_column ul, .navigation ul, .side-navigation ul, .mobile-navigation ul, .widget_recent_entries ul,
.widget_archive ul,
.widget_categories ul,
.widget_pages ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_recent_comments ul,
.widget_rss ul,
.product-categories ul, .pagination ul,
nav.woocommerce-pagination ul {
margin: 0;
padding: 0;
}
.wpb_text_column ul li, .navigation ul li, .side-navigation ul li, .mobile-navigation ul li, .widget_recent_entries ul li, .widget_archive ul li, .widget_categories ul li, .widget_pages ul li, .widget_meta ul li, .widget_nav_menu ul li, .widget_recent_comments ul li, .widget_rss ul li, .product-categories ul li, .pagination ul li, nav.woocommerce-pagination ul li {
display: block;
}
.header-minicart {
display: inline-block;
vertical-align: middle;
}
.before-header-block, .site-header .header-main-block, .header-phone,
.header-address,
.header-login-button, .header-link, .header-button, .social-links a, .side-navigation .menu > li > a, .nav-butter,
.sidebar-butter, .post-bottom-meta-block .tags a, .project-split-screen .right-side .swiper-slide, .tagcloud .tag-cloud-link, .scroll-to-top, .gdpr-modal-block .close, .account-page, .back-h-button, .subscribe-form-popup {
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;
}
a, #page, .scroll-down-arrow, .side-header-minified .mobile-navigation, .header-search-button i, .header-fullscreen-button, .header-minicart .hm-count, .header-minicart .hm-count i, .header-minicart .minicart-wrap, .site-logo img, .social-links a, .social-links-label a:hover span, .navigation > .menu .sub-menu > li:not(.is-content) > a:before,
.navigation > .menu .sub-menu > li:not(.is-content) > span:before, .navigation .mega-menu .mega-menu-row > li > a span:before, .side-navigation .menu li a span:before, .mobile-navigation .menu > li > a:before, .search-popup .close, .subscribe-popup, .subscribe-popup .close, .sidebar-content-overlay, .footer-links a span,
.site-footer .footer-bottom .links a span, .elementor-heading-block .div span img,
.elementor-heading-block div span img,
.heading-block .h .div span img,
.heading-block .h div span img, .blog-item .desc, .blog-carousel .prev,
.blog-carousel .next, .zilla-likes .icon i + i, .project-slider .prev,
.project-slider .next, .project-carousel .prev,
.project-carousel .next, .project-carousel .swiper-container .swiper-slide, .project-page-image-right-side .right-side > .scroll-element .scroll-bar, .site-sidebar .widget_archive ul li,
.wpb_widgetised_column .widget_archive ul li,
.sidebar-content-block .widget_archive ul li, .right-click-disable-message, .banner-area .banner-navigation .prev,
.banner-area .banner-navigation .next, .scroll-to-top, .gdpr-modal-block .close, .account-page .woocommerce form.woocommerce-account-form, .tinv-wishlist table.tinvwl-table-manage-list .product-remove button, .menu-overlay, .back-h-button, .subscribe-form-popup:before, .subscribe-form-popup .wrap > .close, .subscribe-form-popup .wrap .content > .close {
-webkit-transition: 300ms ease;
-o-transition: 300ms ease;
transition: 300ms ease;
-webkit-transition-property: color, background, mix-blend-mode, opacity, visibility, height;
-o-transition-property: color, background, mix-blend-mode, opacity, visibility, height;
transition-property: color, background, mix-blend-mode, opacity, visibility, height;
}
.main-row, #page, .before-header-block, .navigation > .menu .is-content .content-box, .main-container, .author-info-block .avatar, .blog-item .img a, .post-featured-image span, .post-content-block .featured-image span,
.project-content-block .featured-image span,
.content-area .featured-image span, .project-single-page .featured-image div, .project-gallery .item a span, .project-slider .slider .swiper-slide a span, .project-slider .thumbs .swiper-slide, .project-carousel .swiper-container .swiper-slide a, .project-page-image-right-side .right-side .item a, .project-split-screen .right-side .swiper-slide, .comments-area .comment-items .comment-item .image, .blog-post-widget .item .image, .search-item .img, .banner-area .banner-item, .page-top-block, .page-top-block .bg, .content-with-side-images .left-image,
.content-with-side-images .right-image,
.post-top-block .left-image,
.post-top-block .right-image,
.page-top-block .left-image,
.page-top-block .right-image, .post-item-b .image, .subscribe-form-popup.horizontal .image {
background: 50% no-repeat;
background-size: cover;
}
@media (max-width: 767.98px) {
body.mobile-images-true .main-row, body.mobile-images-true #page, body.mobile-images-true .before-header-block, body.mobile-images-true .navigation > .menu .is-content .content-box, .navigation > .menu .is-content body.mobile-images-true .content-box, body.mobile-images-true .main-container, body.mobile-images-true .author-info-block .avatar, .author-info-block body.mobile-images-true .avatar, body.mobile-images-true .blog-item .img a, .blog-item .img body.mobile-images-true a, body.mobile-images-true .post-featured-image span, .post-featured-image body.mobile-images-true span, body.mobile-images-true .post-content-block .featured-image span, .post-content-block .featured-image body.mobile-images-true span,
body.mobile-images-true .project-content-block .featured-image span, .project-content-block .featured-image body.mobile-images-true span,
body.mobile-images-true .content-area .featured-image span, .content-area .featured-image body.mobile-images-true span, body.mobile-images-true .project-single-page .featured-image div, .project-single-page .featured-image body.mobile-images-true div, body.mobile-images-true .project-gallery .item a span, .project-gallery .item a body.mobile-images-true span, body.mobile-images-true .project-slider .slider .swiper-slide a span, .project-slider .slider .swiper-slide a body.mobile-images-true span, body.mobile-images-true .project-slider .thumbs .swiper-slide, .project-slider .thumbs body.mobile-images-true .swiper-slide, body.mobile-images-true .project-carousel .swiper-container .swiper-slide a, .project-carousel .swiper-container .swiper-slide body.mobile-images-true a, body.mobile-images-true .project-page-image-right-side .right-side .item a, .project-page-image-right-side .right-side .item body.mobile-images-true a, body.mobile-images-true .project-split-screen .right-side .swiper-slide, .project-split-screen .right-side body.mobile-images-true .swiper-slide, body.mobile-images-true .comments-area .comment-items .comment-item .image, .comments-area .comment-items .comment-item body.mobile-images-true .image, body.mobile-images-true .blog-post-widget .item .image, .blog-post-widget .item body.mobile-images-true .image, body.mobile-images-true .search-item .img, .search-item body.mobile-images-true .img, body.mobile-images-true .banner-area .banner-item, .banner-area body.mobile-images-true .banner-item, body.mobile-images-true .page-top-block, body.mobile-images-true .page-top-block .bg, .page-top-block body.mobile-images-true .bg, body.mobile-images-true .content-with-side-images .left-image, .content-with-side-images body.mobile-images-true .left-image,
body.mobile-images-true .content-with-side-images .right-image, .content-with-side-images body.mobile-images-true .right-image,
body.mobile-images-true .post-top-block .left-image, .post-top-block body.mobile-images-true .left-image,
body.mobile-images-true .post-top-block .right-image, .post-top-block body.mobile-images-true .right-image,
body.mobile-images-true .page-top-block .left-image, .page-top-block body.mobile-images-true .left-image,
body.mobile-images-true .page-top-block .right-image, .page-top-block body.mobile-images-true .right-image, body.mobile-images-true .post-item-b .image, .post-item-b body.mobile-images-true .image, body.mobile-images-true .subscribe-form-popup.horizontal .image, .subscribe-form-popup.horizontal body.mobile-images-true .image {
background-size: contain !important;
}
}
.button-style1,
.mphb-button,
.mphb_sc_checkout-submit-wrapper .button, .button-style2, .button-style3, .button-style4, .add-to-cart-button, .link-button, .header-button, .before-header-block .h-button,
.navigation > .menu .is-content .content-box .h-button, .searchform button,
.protected-post-form .form button {
background: none;
border: none;
color: inherit;
cursor: pointer;
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-family: inherit;
line-height: 1;
outline: none;
overflow: hidden;
padding: 0;
pointer-events: all;
position: relative;
text-decoration: none;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1;
}
.button-style1 span, .mphb-button span, .mphb_sc_checkout-submit-wrapper .button span, .button-style2 span, .button-style3 span, .button-style4 span, .add-to-cart-button span, .link-button span, .header-button span, .before-header-block .h-button span, .navigation > .menu .is-content .content-box .h-button span, .searchform button span, .protected-post-form .form button span {
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
input.style1,
textarea.style1,
select.style1, input.style2,
textarea.style2,
.textarea-block.style2,
select.style2, input.style3,
textarea.style3 {
display: block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background: none;
color: inherit;
width: 100%;
}
.page-overlay, .preloader .words .word, .button-style3:before, .button-style4:before, .button-custom:before, .side-header-minified:before, .navigation > .menu .is-content .content-box[style*="background-image"]:before, .navigation.hover-type1 > .menu > li > a:before, .navigation .mega-menu .mega-menu-row > li > a span:before, .side-navigation .highlighted-with-bg:before, div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item.highlighted-with-bg:before, div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item.highlighted-with-bg:before, .navigation-hover-style1 div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item > a.mega-menu-link:before, .navigation-hover-style1 div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item > a.mega-menu-link:before, .navigation-hover-style1 div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item > a.mega-menu-link:before, .mobile-navigation-block, .search-popup, .subscribe-popup, .sidebar-content-overlay, .elementor-heading-block.with-accent-bg .div span:after,
.heading-block.with-accent-bg .h span:after, .with-image-overlay .blog-item .img a:before, .blog-items.style3 .blog-item .img, .blog-items.style3 .blog-item .img a, .blog-items.style3 .blog-item .img a:before, .project-video .wrap iframe,
.project-video .wrap video, .project-split-screen .right-side .swiper-slide a, .right-click-disable-message, .coming-soon-banner .decor-block,
.banner-404.type-decors .decor-block, .coming-soon-banner .decor-block:before,
.banner-404.type-decors .decor-block:before, .page-top-block .bg, .page-top-block .map, .post-top-block .bg-overlay .image:before, .post-top-block .left-image:before,
.post-top-block .right-image:before, .menu-overlay, .post-item-b .image a, .subscribe-form-popup, .subscribe-form-popup:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.side-header-minified .mobile-navigation.active, .header-search-button.active i.base-icon-close-button, .header-minicart:hover .minicart-wrap, .navigation.hidden_menu.active, .navigation > .menu li.menu-item-has-children:not(.megamenu-block):hover > .sub-menu,
.navigation > .menu li.page_item_has_children:not(.megamenu-block):hover > .children, .navigation .menu-item-has-mega-menu:hover .mega-menu, .navigation .mega-menu .mega-menu-row .sub-menu .sub-menu, .side-navigation .menu > li.current-menu-item > a span:before, .side-navigation .menu > li.current-menu-ancestor > a span:before, .side-navigation .menu > li.current_page_item > a span:before, .side-navigation .menu > li.current_page_parent > a span:before, .side-navigation .menu > li:hover > a span:before, .side-navigation .menu .sub-menu li.current-menu-item > a span:before, .side-navigation .menu .sub-menu li.current-menu-ancestor > a span:before, .side-navigation .menu .sub-menu li.current_page_item > a span:before, .side-navigation .menu .sub-menu li.current_page_parent > a span:before, .side-navigation .menu .sub-menu li:hover > a span:before, .side-navigation .menu li:hover > .sub-menu, .search-popup.active, .subscribe-popup.active, .sidebar-content-overlay.active, .elementor-heading-block .div span:hover img,
.elementor-heading-block div span:hover img,
.heading-block .h .div span:hover img,
.heading-block .h div span:hover img, .zilla-likes.active .icon i + i, .scroll-to-top-button.show, .right-click-disable-message.active, .scroll-to-top.show, .account-page .woocommerce form.woocommerce-account-form.show, .post-share-block:hover .box, .scroll-top-button.show {
opacity: 1;
visibility: visible;
}
.header-on-side .site-header, .side-header-minified .mobile-navigation, .header-search-button i.base-icon-close-button, .header-search-button.active i, .header-minicart .minicart-wrap, .navigation.hidden_menu, .navigation.hover-type1 > .menu > li > a:before, .navigation.hover-type2 > .menu > li > a:before, .navigation li > .sub-menu,
.navigation li:not(.mega-menu-col) > .children, .navigation .mega-menu, .side-navigation .menu li a span:before, .side-navigation .menu .sub-menu, .navigation-hover-style1 div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item > a.mega-menu-link:before, .navigation-hover-style1 div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item > a.mega-menu-link:before, .navigation-hover-style1 div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item > a.mega-menu-link:before, .search-popup, .subscribe-popup, .sidebar-content-overlay, .elementor-heading-block .div span img,
.elementor-heading-block div span img,
.heading-block .h .div span img,
.heading-block .h div span img, .zilla-likes .icon i + i, .scroll-to-top-button, .right-click-disable-message, .scroll-to-top, .account-page .woocommerce form.woocommerce-account-form, .post-share-block .box, .menu-overlay, .scroll-top-button {
opacity: 0;
visibility: hidden;
}
.comments-area .comment-items .comment-item .content > *:first-child {
margin-top: 0 !important;
}
.site-footer .widget > *:last-child, .blog-item .wrap > *:last-child, .post-content-block > *:last-child, .comments-area .comment-items .comment-item .top > *:last-child, .comments-area .comment-items .comment-item .content > *:last-child, .site-sidebar .widget_archive ul > *:last-child, .site-sidebar .widget_categories ul > *:last-child, .site-sidebar .widget_pages ul > *:last-child, .site-sidebar .widget_meta ul > *:last-child, .site-sidebar .widget_nav_menu ul > *:last-child, .site-sidebar .product-categories ul > *:last-child, .site-sidebar .widget_recent_entries ul > *:last-child, .wpb_widgetised_column .widget_archive ul > *:last-child, .wpb_widgetised_column .widget_categories ul > *:last-child, .wpb_widgetised_column .widget_pages ul > *:last-child, .wpb_widgetised_column .widget_meta ul > *:last-child, .wpb_widgetised_column .widget_nav_menu ul > *:last-child, .wpb_widgetised_column .product-categories ul > *:last-child, .wpb_widgetised_column .widget_recent_entries ul > *:last-child, .sidebar-content-block .widget_archive ul > *:last-child, .sidebar-content-block .widget_categories ul > *:last-child, .sidebar-content-block .widget_pages ul > *:last-child, .sidebar-content-block .widget_meta ul > *:last-child, .sidebar-content-block .widget_nav_menu ul > *:last-child, .sidebar-content-block .product-categories ul > *:last-child, .sidebar-content-block .widget_recent_entries ul > *:last-child, .search-item .wrap > *:last-child, .protected-post-form > *:last-child, .banner-area .banner-item .content-row > *:last-child, .gdpr-modal-block > *:last-child {
margin-bottom: 0 !important;
}
/*
- Accent color
*/
.preloader-words .word span, a.header-phone:hover,
a.header-login-button:hover, .header-link:hover, .header-social-links a:hover, .site-logo a:hover, .blog-item .title:hover, .blog-item .title a:hover, .comments-area .comment-items .comment-item .replytocom:hover, .social-link-menu a:hover, .widget_recent_entries a:hover, .widget_recent_comments ul li a:hover, .breadcrumbs a:hover, .account-page .go-home-block a:hover, .tinv-wishlist table.tinvwl-table-manage-list .product-name a:hover, .post-nav-buttons a:hover, .text-t2 a:hover, .text-t3 a:hover, .text-t4 a:hover, .button-style1:hover,
.mphb-button:hover,
.mphb_sc_checkout-submit-wrapper .button:hover, .button-style1.accent,
.mphb-button.accent,
.mphb_sc_checkout-submit-wrapper .button.accent, .button-style2.accent, .button-style2:hover, .button-style3:hover, .button-style3.accent, .link-button.accent, .link-button:hover, .scroll-down-arrow:hover, .header-search-button:hover, .header-fullscreen-button:hover, .header-minicart .hm-count:hover i, .header-button.style2:hover, .social-links a:hover, .social-links-label a:hover span, .navigation.hover-type2 > .menu > li > a:before, .navigation li > .sub-menu li.current-menu-item > a, .navigation li > .sub-menu li.current-menu-ancestor > a, .navigation li > .sub-menu li.current_page_item > a, .navigation li > .sub-menu li.current_page_parent > a,
.navigation li:not(.mega-menu-col) > .children li.current-menu-item > a,
.navigation li:not(.mega-menu-col) > .children li.current-menu-ancestor > a,
.navigation li:not(.mega-menu-col) > .children li.current_page_item > a,
.navigation li:not(.mega-menu-col) > .children li.current_page_parent > a, .navigation li > .sub-menu li:hover > a,
.navigation li:not(.mega-menu-col) > .children li:hover > a, .navigation-hover-style2 div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item > a.mega-menu-link:before, .navigation-hover-style2 div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item > a.mega-menu-link:before, .navigation-hover-style2 div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item > a.mega-menu-link:before, .search-popup .close:hover, .subscribe-popup .close:hover, .sidebar-content-block .close:hover, .elementor-heading-block.accent-color,
.heading-block .h.accent-color, .elementor-heading-block .div span,
.elementor-heading-block div span,
.heading-block .h .div span,
.heading-block .h div span, .blog-carousel .prev:hover,
.blog-carousel .next:hover, .post-bottom-block .bottom-link:hover, .scroll-to-top-button:hover, .project-slider .prev:hover,
.project-slider .next:hover, .project-slider .thumbs .swiper-slide, .project-carousel .prev:hover,
.project-carousel .next:hover, .site-sidebar .widget_recent_comments ul li span,
.wpb_widgetised_column .widget_recent_comments ul li span,
.sidebar-content-block .widget_recent_comments ul li span, .site-sidebar .widget_rss li .rsswidget:hover,
.wpb_widgetised_column .widget_rss li .rsswidget:hover,
.sidebar-content-block .widget_rss li .rsswidget:hover, .searchform button:hover,
.protected-post-form .form button:hover, .post-banner .categories, .banner-area .banner-item .button-style2, .banner-area .banner-navigation .prev:hover,
.banner-area .banner-navigation .next:hover, .banner-area .banner-navigation .counter .current, .banner-area .banner-navigation .pagination .swiper-pagination-bullet-active span, .gdpr-modal-block .text a:hover, .tinv-wishlist .social-buttons li a.social:hover, .tinv-wishlist .tinv-modal .tinv-modal-inner .tinvwl_button_close:hover, .post-top-block .comments-link:hover, .back-h-button:hover, .subscribe-form-popup .wrap > .close:hover, .subscribe-form-popup .wrap .content > .close:hover {
color: #303381;
}
.preloader-folding-cube .preloader-cube:before, .wpb_text_column ul li:before, .button-style3.accent2:hover, .button-style4.accent, .button-style4.type-bordered:before, .input-row:before,
.woocommerce-form-row:before, .header-link:hover, .header-button, .navigation > .menu .sub-menu > li:not(.is-content) > a span:before,
.navigation > .menu .sub-menu > li:not(.is-content) > span span:before, .before-header-block .h-button:hover,
.navigation > .menu .is-content .content-box .h-button:hover, .navigation.hover-type1 > .menu > li > a:before, .side-navigation .menu li a span:before, .mobile-navigation .sub-menu > li > a span:after,
.mobile-navigation .mega-sub-menu > li > a span:after, .search-popup .searchform:before, .blog-item .img .decor, .post-bottom-meta-block .tags a:hover, .tagcloud .tag-cloud-link:hover, .tinv-wishlist table.tinvwl-table-manage-list .product-remove button:hover, .tinv-wishlist table.tinvwl-table-manage-list button.button.alt:hover {
background: #303381;
}
.button-style4.accent, input.style2.accent,
textarea.style2.accent,
.textarea-block.style2.accent,
select.style2.accent, .sidebar-style2 .widget-title {
border-color: #303381;
}
/*
- Accent color 2
*/
.button-style1.accent:hover,
.mphb-button.accent:hover,
.mphb_sc_checkout-submit-wrapper .button.accent:hover, .site-sidebar .widget_recent_comments ul li a:hover,
.wpb_widgetised_column .widget_recent_comments ul li a:hover,
.sidebar-content-block .widget_recent_comments ul li a:hover, .account-page .woocommerce form.woocommerce-account-form a {
color: #1E2394;
}
.button-style3.accent2, .button-style4, .button-style4:before,
.protected-post-form .form button:hover, .pagination ul li .page-numbers:not(.prev):not(.next):hover, .pagination ul li .page-numbers.current:not(.prev):not(.next),
nav.woocommerce-pagination ul li .page-numbers:not(.prev):not(.next):hover,
nav.woocommerce-pagination ul li .page-numbers.current:not(.prev):not(.next), .account-page .woocommerce form.woocommerce-account-form .button:hover {
background: #1E2394;
}
/*
- Accent color 3
*/
::-webkit-input-placeholder {
color: #999;
}
::-moz-placeholder {
color: #999;
}
:-ms-input-placeholder {
color: #999;
}
::-ms-input-placeholder {
color: #999;
}
::placeholder {
color: #999;
}
*:focus {
outline: none;
}
/* .js_active body {
overflow: hidden;
&.loaded {
overflow: auto;
}
} */
.fl {
float: left;
}
.fr {
float: right;
}
.tal {
text-align: left;
}
.tar {
text-align: right;
}
.tac {
text-align: center;
}
.to-right {
display: block;
margin-left: auto;
}
.cell {
display: table-cell;
vertical-align: middle;
}
.white {
color: #fff;
}
.black {
color: #000;
}
.uppercase {
text-transform: uppercase;
}
b, strong {
font-weight: bold;
}
#all {
position: relative;
overflow: hidden;
}
.main-row {
background-position: 50%;
position: relative;
z-index: 1;
padding: 0.1px 0;
}
.container {
position: relative;
}
.wpadminbar {
position: fixed !important;
}
a {
color: #303381;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
pointer-events: all;
}
.clearfix::after,
.container::after {
content: "";
clear: both;
display: table;
}
svg.hidden {
display: none !important;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
line-height: 1.111;
margin: .3em 0;
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
text-decoration: none;
}
h1,
.h1 {
font-size: 82px;
font-weight: bold;
}
h2,
.h2 {
font-size: 54px;
font-weight: bold;
}
h3,
.h3 {
font-size: 36px;
font-weight: bold;
}
h4,
.h4 {
font-size: 28px;
font-weight: bold;
}
h5,
.h5 {
font-size: 24px;
font-weight: bold;
}
h6,
.h6 {
font-size: 20px;
font-weight: bold;
}
@media (max-width: 767.98px) {
div h1,
div .h1 {
font-size: 68px;
}
div h2,
div .h2 {
font-size: 48px;
}
div h3,
div .h3 {
font-size: 40px;
}
div h4,
div .h4 {
font-size: 36px;
}
div h5,
div .h5 {
font-size: 32px;
}
div h6,
div .h6 {
font-size: 24px;
}
}
@media (max-width: 575.98px) {
div h1,
div .h1 {
font-size: 44px;
}
div h2,
div .h2 {
font-size: 42px;
}
div h3,
div .h3 {
font-size: 38px;
}
div h4,
div .h4 {
font-size: 32px;
}
div h5,
div .h5 {
font-size: 28px;
}
div h6,
div .h6 {
font-size: 24px;
}
}
.full-height {
height: 100vh;
}
.full-height.extends-height {
height: -webkit-calc(100vh + 170px);
height: calc(100vh + 170px);
}
.bg-cover {
background-size: cover !important;
}
.bg-contain {
background-size: contain !important;
}
.light-color {
color: #fff;
}
/*
- Scroll Bar
*/
.scroll-wrapper {
padding: 0 !important;
position: relative;
}
.scroll-wrapper > .scroll-content {
border: none !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
height: auto;
left: 0;
margin: 0;
max-height: none;
max-width: none !important;
overflow: scroll !important;
padding: 0;
position: relative !important;
top: 0;
width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
height: 0;
width: 0;
}
.scrollbar-inner > .scroll-element {
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-inner > .scroll-element div {
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-x {
bottom: 2px;
height: 5px;
left: 0;
width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-y {
height: 100%;
right: -55px;
top: 0;
width: 5px;
}
.scrollbar-inner > .scroll-element .scroll-element_outer {
overflow: hidden;
}
.scrollbar-inner > .scroll-element .scroll-element_track {
background-color: #f9f9f9;
}
.scrollbar-inner > .scroll-element .scroll-bar {
background-color: #eaeaea;
cursor: pointer;
}
.scrollbar-inner > .scroll-element:hover .scroll-bar,
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
background-color: #444;
}
.scroll-element {
display: none;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.scroll-element div {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
display: block;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
cursor: default;
}
.scroll-textarea {
border: 1px solid #cccccc;
border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
border: none !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100% !important;
margin: 0;
max-height: none !important;
max-width: none !important;
overflow: scroll !important;
outline: none;
padding: 2px;
position: relative !important;
top: 0;
width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
height: 0;
width: 0;
}
.wpb_text_column ul {
margin: 30px 0;
font-weight: 300;
}
.wpb_text_column ul li {
position: relative;
padding-left: 20px;
margin: 25px 0;
}
.wpb_text_column ul li:before {
content: '';
position: absolute;
top: 9px;
left: 0;
width: 4px;
height: 4px;
border-radius: 50%;
}
.vc_row.vc_column-gap-1 {
margin: 0 -1px;
}
.vc_row.vc_column-gap-1 > .vc_column_container {
padding: 0;
}
.vc_row.vc_column-gap-1 > .vc_column_container > .vc_column-inner {
padding: 0 1px;
}
.vc_row.vc_column-gap-2 {
margin: 0 -2px;
}
.vc_row.vc_column-gap-2 > .vc_column_container {
padding: 0;
}
.vc_row.vc_column-gap-2 > .vc_column_container > .vc_column-inner {
padding: 0 2px;
}
.vc_row.vc_column-gap-3 {
margin: 0 -3px;
}
.vc_row.vc_column-gap-3 > .vc_column_container {
padding: 0;
}
.vc_row.vc_column-gap-3 > .vc_column_container > .vc_column-inner {
padding: 0 3px;
}
.vc_row.vc_column-gap-4 {
margin: 0 -4px;
}
.vc_row.vc_column-gap-4 > .vc_column_container {
padding: 0;
}
.vc_row.vc_column-gap-4 > .vc_column_container > .vc_column-inner {
padding: 0 4px;
}
.vc_row.vc_column-gap-5 {
margin: 0 -5px;
}
.vc_row.vc_column-gap-5 > .vc_column_container {
padding: 0;
}
.vc_row.vc_column-gap-5 > .vc_column_container > .vc_column-inner {
padding: 0 5px;
}
.vc_row.vc_column-gap-10 {
margin: 0 -10px;
}
.vc_row.vc_column-gap-10 > .vc_column_container {
padding: 0;
}
.vc_row.vc_column-gap-10 > .vc_column_container > .vc_column-inner {
padding: 0 10px;
}
.vc_row.vc_column-gap-15 {
margin: 0 -15px;
}
.vc_row.vc_column-gap-15 > .vc_column_container {
padding: 0;
}
.vc_row.vc_column-gap-15 > .vc_column_container > .vc_column-inner {
padding: 0 15px;
}
.vc_row.vc_column-gap-20 {
margin: 0 -20px;
}
.vc_row.vc_column-gap-20 > .vc_column_container {
padding: 0;
}
.vc_row.vc_column-gap-20 > .vc_column_container > .vc_column-inner {
padding: 0 20px;
}
.vc_row.vc_column-gap-25 {
margin: 0 -25px;
}
.vc_row.vc_column-gap-25 > .vc_column_container {
padding: 0;
}
.vc_row.vc_column-gap-25 > .vc_column_container > .vc_column-inner {
padding: 0 25px;
}
.vc_row.vc_column-gap-30 {
margin: 0 -30px;
}
.vc_row.vc_column-gap-30 > .vc_column_container {
padding: 0;
}
.vc_row.vc_column-gap-30 > .vc_column_container > .vc_column-inner {
padding: 0 30px;
}
.vc_row.vc_column-gap-35 {
margin: 0 -35px;
}
.vc_row.vc_column-gap-35 > .vc_column_container {
padding: 0;
}
.vc_row.vc_column-gap-35 > .vc_column_container > .vc_column-inner {
padding: 0 35px;
}
body {
font-size: 16px;
min-width: 320px;
position: relative;
line-height: 1.5;
overflow-x: hidden;
min-height: 100%;
margin: 0;
visibility: visible !important;
cursor: default;
}
.wf-loading body {
opacity: 1 !important;
visibility: visible !important;
}
body.custom-cursor-true * {
cursor: none !important;
}
*,
*::before,
*::after {
border-width: 0;
}
.vc_row {
margin-left: -15px;
margin-right: -15px;
}
.vc_column_container > .vc_column-inner, .vc_col-lg-1,
.vc_col-lg-10,
.vc_col-lg-11,
.vc_col-lg-12,
.vc_col-lg-2,
.vc_col-lg-3,
.vc_col-lg-4,
.vc_col-lg-5,
.vc_col-lg-6,
.vc_col-lg-7,
.vc_col-lg-8,
.vc_col-lg-9,
.vc_col-md-1,
.vc_col-md-10,
.vc_col-md-11,
.vc_col-md-12,
.vc_col-md-2,
.vc_col-md-3,
.vc_col-md-4,
.vc_col-md-5,
.vc_col-md-6,
.vc_col-md-7,
.vc_col-md-8,
.vc_col-md-9,
.vc_col-sm-1,
.vc_col-sm-10,
.vc_col-sm-11,
.vc_col-sm-12,
.vc_col-sm-2,
.vc_col-sm-3,
.vc_col-sm-4,
.vc_col-sm-5,
.vc_col-sm-6,
.vc_col-sm-7,
.vc_col-sm-8,
.vc_col-sm-9,
.vc_col-xs-1,
.vc_col-xs-10,
.vc_col-xs-11,
.vc_col-xs-12,
.vc_col-xs-2,
.vc_col-xs-3,
.vc_col-xs-4,
.vc_col-xs-5,
.vc_col-xs-6,
.vc_col-xs-7,
.vc_col-xs-8,
.vc_col-xs-9 {
padding-left: 15px;
padding-right: 15px;
}
.vc_column_container {
padding-left: 0;
padding-right: 0;
}
.vc_column_container > .vc_column-inner {
position: relative;
width: 100%;
/* z-index: 1; */
}
.vc_row.vc_row-o-content-middle > .vc_column_container > .vc_column-inner {
max-width: 100%;
}
.col-5th {
-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
@media (min-width: 576px) {
.col-sm-5th {
-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 768px) {
.col-md-5th {
-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 992px) {
.col-lg-5th {
-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 1200px) {
.col-xl-5th {
-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
#page {
position: relative;
overflow: hidden;
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;
min-height: 100vh;
z-index: 1;
}
.header-on-side #page {
padding-left: 230px;
}
.header-on-side #page .body-grid-lines {
margin-left: 115px;
}
@media (max-width: 991.98px) {
.header-on-side #page {
padding-left: 0;
}
}
.header-on-side-minified #page {
padding-left: 100px;
}
@media (max-width: 991.98px) {
.header-on-side-minified #page {
padding-left: 0;
}
}
.light-scheme #page,
#page .light-scheme {
background-color: #fff;
color: #000;
}
.dark-scheme #page,
#page .dark-scheme {
background-color: #17171A;
color: #fff;
}
[contenteditable=true]:empty::before {
content: attr(data-placeholder);
display: inline;
}
.container-fluid.no-padding {
padding: 0;
}
.extended-container {
width: 100%;
max-width: 1350px;
padding: 0 15px;
margin: 0 auto;
}
.page-id-1133 .container {
max-width: 1140px;
}
.post-content table,
.comment-item .content table,
.content-area table {
text-align: left;
border-collapse: collapse;
}
.post-content table th,
.post-content table td,
.comment-item .content table th,
.comment-item .content table td,
.content-area table th,
.content-area table td {
border: 1px solid #444444;
padding: 5px 15px;
}
.light-scheme .post-content table th, .light-scheme .post-content table td, .light-scheme .comment-item .content table th, .light-scheme .comment-item .content table td, .light-scheme .content-area table th, .light-scheme .content-area table td {
border-color: #eaeaea;
}
.wpb_wrapper {
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.hide-popup-download-link .pswp__share--download,
.hide-popup-zoom .pswp__button--zoom,
.hide-popup-full-screen .pswp__button--fs,
.hide-popup-share .pswp__button--share {
display: none !important;
}
div.wpcf7 .ajax-loader {
position: absolute;
}
/*
- Body Grid Lines
*/
.body-grid-lines,
.footer-grid-lines {
position: absolute;
top: 0;
left: 50%;
height: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none;
}
.body-grid-lines div,
.footer-grid-lines div {
position: absolute;
top: 0;
height: 100%;
width: 1px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
opacity: 0.1;
}
.body-grid-lines div:nth-child(1),
.footer-grid-lines div:nth-child(1) {
left: -webkit-calc(25% - 15px);
left: calc(25% - 15px);
}
.body-grid-lines div:nth-child(2),
.footer-grid-lines div:nth-child(2) {
left: -webkit-calc(50% - 15px);
left: calc(50% - 15px);
}
.body-grid-lines div:nth-child(3),
.footer-grid-lines div:nth-child(3) {
left: -webkit-calc(75% - 15px);
left: calc(75% - 15px);
}
.body-grid-lines div:nth-child(4),
.footer-grid-lines div:nth-child(4) {
left: -webkit-calc(100% - 15px);
left: calc(100% - 15px);
}
.text-t1 {
font-size: 16px;
position: relative;
line-height: 1.62;
margin: 0 auto;
font-weight: normal;
color: #535353;
}
body.dark-scheme .text-t1,
body .dark-scheme .text-t1 {
color: #AFAFAF;
}
.text-t1 strong {
font-weight: 500;
color: #353535;
}
body.dark-scheme .text-t1 strong,
body .dark-scheme .text-t1 strong {
color: #fff;
}
.text-t1 p,
.text-t1 .wpb_wrapper p {
font-weight: 400;
line-height: 1.83;
color: #000;
margin: 5px auto;
font-family: 'Cairo', sans-serif;
font-size: 1.6rem;
}
.text-t1.color2 {
color: #323232;
}
.text-t2 {
position: relative;
font-size: 18px;
line-height: 1.72222;
margin: 15px 0;
opacity: .8;
}
.text-t2 a {
color: inherit;
opacity: 0.73;
}
.text-t2 a:hover {
opacity: 1;
}
.text-t3 {
position: relative;
font-size: 18px;
line-height: 1.875;
margin: 15px 0;
}
.text-t3 a {
color: inherit;
opacity: 0.73;
}
.text-t3 a:hover {
opacity: 1;
}
.text-t4 {
position: relative;
font-size: 30px;
line-height: 1.63333;
margin: 15px 0;
}
.text-t4 a {
color: inherit;
opacity: 0.73;
}
.text-t4 a:hover {
opacity: 1;
}
@media (max-width: 767.98px) {
.text-t4 {
font-size: 24px;
}
}
/*
- Blockquote
*/
blockquote {
position: relative;
font-size: 22px;
line-height: 1.45;
font-weight: 500;
padding-left: 70px;
margin: 30px 0;
z-index: 1;
}
blockquote:before {
content: '\e922';
position: absolute;
top: 0;
left: 15px;
line-height: 1;
font-family: 'base-icon', sans-serif;
font-size: 36px;
z-index: -1;
}
blockquote p {
font-weight: inherit !important;
line-height: inherit !important;
margin: 0 0 .2em !important;
}
@media (max-width: 767.98px) {
blockquote {
font-size: 18px;
padding-left: 55px;
}
blockquote:before {
left: 0;
}
}
blockquote p {
font-size: inherit !important;
}
.comment-item blockquote {
font-size: 16px;
}
blockquote cite {
font-size: .8em;
font-style: italic;
}
.grid-sizer {
position: absolute;
height: 0;
}
div#page-ruler-mask,
div#page-ruler-guides,
div#page-ruler-guides .page-ruler-guide {
cursor: default !important;
}
.ul-special li {
padding-left: 15px !important;
}
.ul-special li:before {
top: 15px !important;
width: 5px;
height: 5px;
}
.ul-special li .title {
font-size: 18px;
font-weight: bold;
margin-bottom: 0px;
}
.ul-special li .text {
font-size: 14px;
}
/*
- Buttons
*/
.button-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 20px 0px;
}
.button-container.center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.button-container.right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 575.98px) {
.button-container.right {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.button-style1,
.mphb-button,
.mphb_sc_checkout-submit-wrapper .button {
font-size: 16px;
font-weight: bold;
overflow: visible;
line-height: 1.2;
padding: 0 0.8125em 2px 0;
z-index: 1;
}
.button-style1:before, .button-style1:after,
.mphb-button:before,
.mphb-button:after,
.mphb_sc_checkout-submit-wrapper .button:before,
.mphb_sc_checkout-submit-wrapper .button:after {
content: '';
position: absolute;
-webkit-box-shadow: inset 0 0 0 2px;
box-shadow: inset 0 0 0 2px;
height: 2px;
}
.button-style1:before,
.mphb-button:before,
.mphb_sc_checkout-submit-wrapper .button:before {
bottom: 0;
right: 0;
left: 0;
}
.button-style1:after,
.mphb-button:after,
.mphb_sc_checkout-submit-wrapper .button:after {
bottom: -4px;
right: 0.375em;
width: 0.875em;
-webkit-transition: 300ms ease-in-out;
-o-transition: 300ms ease-in-out;
transition: 300ms ease-in-out;
-webkit-transition-property: right, width;
-o-transition-property: right, width;
transition-property: right, width;
}
.button-style1 i.ionicons-arrow-forward,
.button-style1 i.base-icon-next,
.mphb-button i.ionicons-arrow-forward,
.mphb-button i.base-icon-next,
.mphb_sc_checkout-submit-wrapper .button i.ionicons-arrow-forward,
.mphb_sc_checkout-submit-wrapper .button i.base-icon-next {
-webkit-transition: -webkit-transform 400ms ease-in-out;
transition: -webkit-transform 400ms ease-in-out;
-o-transition: transform 400ms ease-in-out;
transition: transform 400ms ease-in-out;
transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
}
.button-style1:hover:after,
.mphb-button:hover:after,
.mphb_sc_checkout-submit-wrapper .button:hover:after {
width: 50%;
right: 25%;
}
.button-style1:hover i.ionicons-arrow-forward,
.button-style1:hover i.base-icon-next,
.mphb-button:hover i.ionicons-arrow-forward,
.mphb-button:hover i.base-icon-next,
.mphb_sc_checkout-submit-wrapper .button:hover i.ionicons-arrow-forward,
.mphb_sc_checkout-submit-wrapper .button:hover i.base-icon-next {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.button-style1 span,
.mphb-button span,
.mphb_sc_checkout-submit-wrapper .button span {
position: relative;
display: block;
overflow: visible;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
z-index: 1;
}
.button-style2 {
overflow: visible;
font-weight: bold;
font-size: 14px;
padding: 0;
text-transform: uppercase;
}
.button-style2 i {
font-size: 1.21429em;
margin-top: -0.11765em;
}
.button-style2 span + i,
.button-style2 i + span {
margin-left: 7px;
}
.button-style2 i.ionicons-arrow-forward,
.button-style2 i.base-icon-next {
-webkit-transition: -webkit-transform 400ms ease-in-out;
transition: -webkit-transform 400ms ease-in-out;
-o-transition: transform 400ms ease-in-out;
transition: transform 400ms ease-in-out;
transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
}
.button-style2.accent:hover {
color: inherit;
}
.button-style2:hover i.ionicons-arrow-forward,
.button-style2:hover i.base-icon-next {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.button-style3 {
font-weight: bold;
font-size: 16px;
line-height: 1.1875em;
height: 2.125em;
padding: 0 1.25em 0;
border: 1px solid #000;
border-radius: 25px;
}
.button-style3:before {
content: '';
border: 1px solid;
border-radius: 20px;
-webkit-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
-webkit-transition-property: background, border-color;
-o-transition-property: background, border-color;
transition-property: background, border-color;
opacity: .6;
}
.button-style3 > * {
position: relative;
z-index: 2;
}
.button-style3 i {
font-size: 1em;
}
.button-style3 span + i,
.button-style3 i + span {
margin-left: 0.1875em;
}
.button-style3 i.ionicons-arrow-forward,
.button-style3 i.base-icon-next {
-webkit-transition: -webkit-transform 400ms ease-in-out;
transition: -webkit-transform 400ms ease-in-out;
-o-transition: transform 400ms ease-in-out;
transition: transform 400ms ease-in-out;
transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
}
.button-style3:hover i.ionicons-arrow-forward,
.button-style3:hover i.base-icon-next {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.button-style3.accent:hover {
color: inherit;
}
.button-style3.accent2 {
color: #fff;
border: none;
border-radius: 20px;
}
.button-style3.accent2:before {
display: none;
}
.button-style4 {
font-weight: bold;
font-size: 17px;
line-height: 1;
height: 2.94118em;
padding: 0 1.76471em;
overflow: visible;
border-radius: 1.76471em;
color: #fff;
}
.button-style4:before {
content: '';
z-index: 1;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
border-radius: 1.76471em;
}
.button-style4.accent {
color: #fff;
}
.button-style4.accent:hover {
background: #2C2C2C;
border-color: #2C2C2C;
}
.button-style4 > * {
position: relative;
z-index: 2;
}
.button-style4 span + i,
.button-style4 i + span,
.button-style4 span + img,
.button-style4 img + span {
margin-left: 7px;
}
.button-style4 span {
position: relative;
overflow: visible;
}
.button-style4 .letter {
display: inline-block;
vertical-align: text-bottom;
}
.button-style4 .hover {
position: absolute;
left: 0;
line-height: 1;
}
.button-style4 .hover span {
color: #000 !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
}
.button-style4 i {
margin-top: 1px;
font-size: 0.94118em;
-webkit-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.button-style4 i.ionicons-help-circle-outline {
font-size: 1.47059em;
}
.button-style4 i.ionicons-rocket-outline {
font-size: 1.23529em;
}
.button-style4.type-filled {
color: #fff;
}
.button-style4.type-bordered {
background: transparent;
border: 1px solid #696969;
color: inherit;
}
.button-style4.type-bordered:before {
opacity: 0;
}
.button-style4.hover-circular-fill {
overflow: hidden;
}
.button-style4.hover-circular-fill:before {
-webkit-transform: translate(50%, 50%);
-ms-transform: translate(50%, 50%);
transform: translate(50%, 50%);
top: auto;
left: auto;
width: 0;
height: 0;
border-radius: 50%;
opacity: 1;
min-width: 0%;
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-property: width, height, min-width;
-o-transition-property: width, height, min-width;
transition-property: width, height, min-width;
}
.button-style4.hover-circular-fill.hover-in {
border-color: transparent;
}
.button-style4.hover-circular-fill.hover-in:before {
-webkit-transform: translate(50%, 50%);
-ms-transform: translate(50%, 50%);
transform: translate(50%, 50%);
width: 23.52941em;
height: 23.52941em;
min-width: 250%;
}
.button-style4.hover-circular-fill.hover-out:before {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 0;
left: 0;
right: auto;
bottom: auto;
}
.button-style4.hover-circular-fill.type-filled:before {
background-color: #111454;
}
.button-style4:hover {
color: #fff;
}
.button-style4:hover:before {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
opacity: 1;
}
.button-style4:hover i.ionicons-arrow-forward,
.button-style4:hover i.base-icon-next {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
@media (max-width: 575.98px) {
.button-style4 {
height: 40px;
padding: 0 20px;
}
}
.button-custom {
position: relative;
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;
}
.button-custom:before {
content: '';
border-style: solid;
}
.button-custom > * {
z-index: 2;
}
.add-to-cart-button {
font-size: 12px;
text-transform: uppercase;
}
.add-to-cart-button:hover {
color: inherit;
}
.add-to-cart-button i {
font-size: 15px;
margin-right: 15px;
}
.link-button {
font-size: 14px;
font-weight: 600;
}
.link-button.accent:hover {
color: inherit;
}
.link-button i {
font-size: 10px;
margin-right: 7px;
}
.link-button span + i {
margin-right: 0;
margin-left: 7px;
}
/*
- Inputs
*/
.input-row,
.woocommerce-form-row {
position: relative;
margin-bottom: 30px !important;
}
.input-row:before,
.woocommerce-form-row:before {
content: '';
position: absolute;
left: 0;
right: 100%;
bottom: 0;
height: 1px;
-webkit-transition: all 0ms ease-in-out;
-o-transition: all 0ms ease-in-out;
transition: all 0ms ease-in-out;
z-index: 2;
}
.input-row.focus:before,
.woocommerce-form-row.focus:before {
right: 0;
-webkit-transition-duration: 400ms;
-o-transition-duration: 400ms;
transition-duration: 400ms;
}
.input-row.focusout:before,
.woocommerce-form-row.focusout:before {
right: 0;
left: 100%;
-webkit-transition-duration: 400ms;
-o-transition-duration: 400ms;
transition-duration: 400ms;
}
.input-row label,
.woocommerce-form-row label {
display: block;
font-size: 12px;
font-weight: bold;
}
.input-row input.style1,
.input-row textarea.style1,
.woocommerce-form-row input.style1,
.woocommerce-form-row textarea.style1 {
margin-bottom: 0;
}
.input-row.required label:after,
.woocommerce-form-row.required label:after {
content: ' *';
color: #d92a0c;
}
input.style1,
textarea.style1,
select.style1 {
font-size: 14px;
font-weight: 500;
padding: 12px 9px;
margin-bottom: 30px;
height: 39px;
resize: none;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
border: none;
background: #F2F2F2;
border-radius: 4px;
}
body.dark-scheme input.style1,
body .dark-scheme input.style1, body.dark-scheme textarea.style1,
body .dark-scheme textarea.style1, body.dark-scheme select.style1,
body .dark-scheme select.style1 {
border-bottom-color: #e6e6e6;
}
input.style1::-webkit-input-placeholder, textarea.style1::-webkit-input-placeholder, select.style1::-webkit-input-placeholder {
color: #353535;
}
input.style1::-moz-placeholder, textarea.style1::-moz-placeholder, select.style1::-moz-placeholder {
color: #353535;
}
input.style1:-ms-input-placeholder, textarea.style1:-ms-input-placeholder, select.style1:-ms-input-placeholder {
color: #353535;
}
input.style1::-ms-input-placeholder, textarea.style1::-ms-input-placeholder, select.style1::-ms-input-placeholder {
color: #353535;
}
input.style1::placeholder,
textarea.style1::placeholder,
select.style1::placeholder {
color: #353535;
}
textarea.style1 {
height: auto;
}
input.style2,
textarea.style2,
.textarea-block.style2,
select.style2 {
font-size: 12px;
font-weight: 500;
padding: 3px 9px;
margin-bottom: 30px;
height: 25px;
resize: none;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
border: none;
border-bottom: 1px solid;
background: none;
border-radius: 0;
}
input.style2::-webkit-input-placeholder, textarea.style2::-webkit-input-placeholder, .textarea-block.style2::-webkit-input-placeholder, select.style2::-webkit-input-placeholder {
text-transform: uppercase;
}
input.style2::-moz-placeholder, textarea.style2::-moz-placeholder, .textarea-block.style2::-moz-placeholder, select.style2::-moz-placeholder {
text-transform: uppercase;
}
input.style2:-ms-input-placeholder, textarea.style2:-ms-input-placeholder, .textarea-block.style2:-ms-input-placeholder, select.style2:-ms-input-placeholder {
text-transform: uppercase;
}
input.style2::-ms-input-placeholder, textarea.style2::-ms-input-placeholder, .textarea-block.style2::-ms-input-placeholder, select.style2::-ms-input-placeholder {
text-transform: uppercase;
}
input.style2::placeholder,
textarea.style2::placeholder,
.textarea-block.style2::placeholder,
select.style2::placeholder {
text-transform: uppercase;
}
textarea.style2 {
padding: 10px 9px;
}
textarea.style2,
.textarea-block.style2 {
height: auto;
border-width: 1px;
border-style: solid;
}
.textarea-block.style2.style2 {
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;
overflow: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.textarea-block.style2:empty:before {
content: attr(placeholder);
color: #999;
}
select.style1,
select.style2 {
cursor: pointer;
background-image: url(../images/select.png);
background-size: 10px;
background-position: top 50% right 5px;
background-repeat: no-repeat;
}
body.dark-scheme select.style1,
body .dark-scheme select.style1, body.dark-scheme select.style2,
body .dark-scheme select.style2 {
background-image: url(../images/select-white.png);
}
body.dark-scheme select.style1 option,
body .dark-scheme select.style1 option, body.dark-scheme select.style2 option,
body .dark-scheme select.style2 option {
background-color: #000;
}
input.style3,
textarea.style3 {
font-size: 14px;
font-weight: 400;
padding: 20px 25px;
margin-bottom: 30px;
height: 50px;
resize: none;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
border: 1px solid #DEDEDE;
background: #fff;
border-radius: 4px;
}
textarea.style3 {
height: auto;
}
/*
- Before Header Block
*/
.before-header-block {
top: 0;
left: 0;
width: 100%;
min-height: 40px;
color: #A5A5A5;
z-index: 1000;
}
.before-header-block img {
margin-right: 15px;
width: 1em;
height: 1em;
}
.before-header-block .text {
margin-top: 3px;
margin-right: 25px;
}
.before-header-block + #page .site-header.fixed-header {
top: 40px;
}
.admin-bar .before-header-block + #page .site-header.fixed-header {
top: 72px;
}
/*
- Site Header
*/
.site-header-top {
position: relative;
display: none;
background: #FBFBFB;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
z-index: 1005;
}
.site-header-top.mobile-type {
display: block;
}
@media (min-width: 992px) {
.site-header-top {
display: block;
}
.site-header-top.mobile-type {
display: none;
}
}
.site-header-top [class*="col"] {
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;
padding: 11px 15px;
}
.site-header-top [class*="col"] > *:not(:last-child) {
margin-right: 25px;
}
@media screen and (max-width: 1100px) {
.site-header-top [class*="col"] > *:not(:last-child) {
margin-right: 15px;
}
}
.site-header-top .mobile-top-bar-left,
.site-header-top .desktop-top-bar-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.site-header-top .mobile-top-bar-right,
.site-header-top .desktop-top-bar-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.site-header-top.dark-header {
color: #313131;
background: #FBFBFB;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
}
.site-header-top.light-header {
color: #fff;
background: #1B1B1B;
-webkit-box-shadow: 0px 1px 4px rgba(255, 255, 255, 0.05);
box-shadow: 0px 1px 4px rgba(255, 255, 255, 0.05);
}
.site-header {
position: absolute;
display: none;
top: 0;
left: 0;
width: 100%;
z-index: 999;
-webkit-perspective: 2000px;
perspective: 2000px;
-webkit-transition: -webkit-box-shadow 300ms ease-in-out;
transition: -webkit-box-shadow 300ms ease-in-out;
-o-transition: box-shadow 300ms ease-in-out;
transition: box-shadow 300ms ease-in-out;
transition: box-shadow 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
}
.site-header.mobile-type {
display: block;
}
.site-header.mobile-type .header-main-block {
min-height: 80px;
}
@media (min-width: 992px) {
.site-header {
display: block;
}
.site-header.mobile-type {
display: none;
}
}
.site-header.default-header .left {
margin-right: auto;
}
.site-header.coming-soon-header .row {
height: 130px;
}
.site-header.coming-soon-header .site-logo {
width: 71px;
}
.admin-bar .site-header.fixed-header {
top: 32px;
}
.site-header.fixed-header {
position: fixed;
}
.site-header-top + .site-header.fixed-header:not(.fixed) {
position: absolute;
}
.admin-bar .site-header-top + .site-header.fixed-header:not(.fixed) {
top: 0;
}
.site-header.fixed-header.fixed {
-webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
}
.site-header.dark-header {
color: #000;
}
.site-header.dark-header.static-header .header-main-block, .site-header.dark-header.fixed-header.fixed .header-main-block,
.header-space-true .site-header.dark-header.fixed .header-main-block {
background-color: #fff;
}
.site-header.dark-header.static-header .header-bottom-block, .site-header.dark-header.fixed-header.fixed .header-bottom-block,
.header-space-true .site-header.dark-header.fixed .header-bottom-block {
background-color: #d2d2d2;
}
.site-header.light-header {
color: #fff;
}
.site-header.light-header.static-header .header-main-block, .site-header.light-header.fixed-header.fixed .header-main-block,
.header-space-true .site-header.light-header.fixed .header-main-block {
background-color: #17171A;
}
.site-header.light-header.static-header .header-bottom-block, .site-header.light-header.fixed-header.fixed .header-bottom-block,
.header-space-true .site-header.light-header.fixed .header-bottom-block {
background-color: #0c0c0c;
}
.site-header .container-fluid {
padding: 0 60px;
}
@media (max-width: 991.98px) {
.site-header .container-fluid {
padding: 0 15px;
}
}
.site-header [class*="col"] {
position: initial;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 11px 15px;
}
.site-header [class*="col"] > *:not(:last-child) {
margin-right: 25px;
}
@media screen and (max-width: 1100px) {
.site-header [class*="col"] > *:not(:last-child) {
margin-right: 15px;
}
}
.site-header .header-bottom-block {
-webkit-transition: background-color 300ms ease-in-out;
-o-transition: background-color 300ms ease-in-out;
transition: background-color 300ms ease-in-out;
}
.site-header .header-bottom-block .header-link {
padding-top: 3px;
padding-bottom: 2px;
}
.site-header .header-bottom-block [class*="col"] > *:not(:last-child) {
margin-right: 20px;
}
.site-header .header-main-block {
-webkit-transition: 300ms ease-in-out;
-o-transition: 300ms ease-in-out;
transition: 300ms ease-in-out;
-webkit-transition-property: background-color, min-height;
-o-transition-property: background-color, min-height;
transition-property: background-color, min-height;
}
.site-header .row > div {
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: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.site-header .desktop-main-bar-right,
.site-header .desktop-bottom-bar-right {
margin-left: auto;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header-right-white .site-header .desktop-main-bar-right, .header-right-white .site-header .desktop-bottom-bar-right {
color: #fff;
}
.header-right-black .site-header .desktop-main-bar-right, .header-right-black .site-header .desktop-bottom-bar-right {
color: #000;
}
.site-header .mobile-main-bar-right,
.site-header .mobile-bottom-bar-right {
margin-left: auto;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header-left-white .site-header .desktop-main-bar-left, .header-left-white .site-header .desktop-bottom-bar-left {
color: #fff;
}
.header-left-black .site-header .desktop-main-bar-left, .header-left-black .site-header .desktop-bottom-bar-left {
color: #000;
}
/*
- Header Text
*/
.header-text {
font-size: 12px;
}
/*
- Header Phone
*/
.header-phone,
.header-address,
.header-login-button {
font-size: 12px;
}
.header-phone i,
.header-address i,
.header-login-button i {
font-size: 18px;
margin-right: 3px;
}
.header-phone {
white-space: nowrap;
}
.header-address {
line-height: 1;
}
/*
- Header Link
*/
.header-link {
padding: 1px 7px 1px 10px;
background: #E7EDF5;
color: #989898;
border-radius: 12px;
font-size: 12px;
}
.header-link i {
margin-left: 2px;
}
.light-header .header-link:not(:hover) {
background: #232323;
color: #989898;
}
.header-link:hover {
color: #fff;
}
/*
- Header Social Links
*/
.header-social-links {
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: 16px;
}
.header-social-links a {
opacity: .85;
}
.header-social-links a i {
display: block;
}
.header-social-links a:hover {
opacity: 1;
}
.header-social-links a:not(:last-child) {
margin-right: 0.7em;
}
/*
- Scroll Down Arrow
*/
@-webkit-keyframes scrol_down_circles {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
10%, 20% {
opacity: 1;
}
100% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
}
@keyframes scrol_down_circles {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
10%, 20% {
opacity: 1;
}
100% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
}
.scroll-down-arrow {
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;
position: absolute;
left: 50%;
bottom: 60px;
z-index: 30;
border-radius: 50%;
font-size: 45px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
cursor: pointer;
}
/*
- Side Header
*/
.side-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: fixed;
top: 0;
left: 0;
bottom: 0;
padding-top: 167px;
padding-bottom: 60px;
width: 230px;
color: #000;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
z-index: 99;
}
.side-header.fixed-header {
position: fixed;
top: 0;
left: 0;
right: 0;
}
.admin-bar .side-header {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .side-header {
top: 46px;
}
}
.side-header .site-logo {
position: absolute;
top: 37px;
left: 35px;
height: 60px;
}
.side-header .side-navigation {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.side-header .social-links {
position: relative;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 25px 0 35px;
}
.side-header .social-links .label {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
font-size: 14px;
color: #616161;
}
.side-header .social-links .label:after {
content: '';
display: block;
width: 15px;
height: 1px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
margin: 4px 0 10px;
}
.side-header .social-links a {
font-size: 16px;
}
.side-header .social-links a:not(:last-child) {
margin-right: 12px;
}
.side-header .button-block {
margin: 0 25px 0 35px;
}
.side-header .social-links + .button-block:before {
content: '';
display: block;
height: 1px;
width: 130px;
-webkit-box-shadow: inset 0 0 0 2px;
box-shadow: inset 0 0 0 2px;
opacity: 0.1;
margin: 20px 0;
}
.side-header.light-header {
color: #fff;
}
.side-header.light-header .side-navigation .sub-menu {
background: #1d1d1d;
}
.side-header.light-header .side-navigation .sub-menu .sub-menu {
background: #2b2b2b;
}
.side-header.light-header .side-navigation .sub-menu .sub-menu .sub-menu {
background: #333333;
}
.side-header.light-header .social-links .label {
color: #c7c7c7;
}
@media (max-width: 991.98px) {
.side-header {
display: none;
}
}
/*
- Side Header Minified
*/
.side-header-minified {
position: fixed;
top: 0;
left: 0;
width: 100px;
height: 100vh;
color: #000;
-webkit-box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.2);
box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.2);
z-index: 999;
}
.side-header-minified:before {
content: '';
background: #f6f6f6;
z-index: 2;
}
.side-header-minified.light-header {
color: #fff;
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.side-header-minified.light-header:before {
background: #1A1717;
}
.side-header-minified.light-header .social-links {
color: #B2B4BA;
}
.side-header-minified.light-header .mobile-navigation {
background: rgba(22, 22, 22, 0.97);
color: #fff;
}
.side-header-minified .nav-butter {
position: absolute;
left: 50%;
top: 30px;
margin-left: -12px;
z-index: 2;
}
.side-header-minified .mobile-navigation {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: fixed;
top: 0;
left: 100px;
right: -30px;
height: 100vh;
padding: 20px;
background: rgba(246, 246, 246, 0.97);
color: #000;
z-index: 1;
}
.side-header-minified .mobile-navigation > ul {
margin: auto 0;
padding-left: 60px;
}
.side-header-minified .mobile-navigation > ul > li {
margin: 10px 0;
}
@media screen and (hover: none) {
.side-header-minified .mobile-navigation {
right: 0;
}
}
.side-header-minified .site-logo {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
z-index: 2;
}
.side-header-minified .site-logo a {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.side-header-minified .social-links {
position: absolute;
left: 50%;
bottom: 20px;
-webkit-transform: rotate(-90deg) translateY(-50%);
-ms-transform: rotate(-90deg) translateY(-50%);
transform: rotate(-90deg) translateY(-50%);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
z-index: 2;
}
.side-header-minified .social-links a {
font-size: 15px;
}
@media (max-width: 991.98px) {
.side-header-minified {
display: none;
}
}
/*
- Header Space
*/
.header-space {
height: 130px;
}
.header-space-false .header-space,
.header-side-type2 .header-space {
display: none;
}
@media (max-width: 991.98px) {
.header-space {
height: 80px !important;
}
}
/*
- Header Search Button
*/
.header-search-button {
position: relative;
font-size: 20px;
cursor: pointer;
}
.header-search-button i {
display: block;
}
.header-search-button i.base-icon-close-button {
position: absolute;
top: 0;
left: 0;
}
/*
- Header Fullscreen Button
*/
.header-fullscreen-button {
font-size: 20px;
cursor: pointer;
}
.header-fullscreen-button i {
display: block;
}
@media (hover: none) {
.header-fullscreen-button {
display: none;
}
}
/*
- Minicart
*/
.header-minicart {
position: relative;
}
.header-minicart .hm-count {
position: relative;
display: block;
color: inherit;
cursor: pointer;
}
.header-minicart .hm-count i {
display: block;
font-size: 20px;
}
.header-minicart .hm-count span {
position: absolute;
top: -7px;
right: -7px;
font-size: 8px;
font-weight: 600;
line-height: 14px;
height: 14px;
min-width: 14px;
background: #272626;
color: #fff;
padding: 0 4px;
border-radius: 7px;
text-align: center;
}
.header-minicart .minicart-wrap {
position: absolute;
top: 100%;
right: 0;
color: #000;
width: 300px;
font-size: 14px;
background: #fff;
-webkit-box-shadow: 2px 2px 20px rgba(53, 53, 53, 0.2);
box-shadow: 2px 2px 20px rgba(53, 53, 53, 0.2);
border-radius: 8px;
margin-top: 32px;
overflow: hidden;
z-index: 10;
}
.header-minicart .minicart-wrap:before {
content: '';
position: absolute;
top: -30px;
left: 0;
right: 0;
height: 30px;
}
.header-minicart .minicart-wrap .woocommerce-mini-cart__empty-message {
margin: 0;
padding: 15px 20px;
}
.header-minicart .minicart-wrap .cart_list {
padding-top: 15px;
overflow: auto;
overflow-x: hidden;
max-height: 375px;
}
.header-minicart .minicart-wrap .cart_list li:nth-child(even) {
background: #f8f8f8;
}
.header-minicart .minicart-wrap .bottom {
border-top: 1px solid #eee;
background: #f9f9f9;
padding: 27px 15px 16px;
margin-top: 10px;
}
.header-minicart .minicart-wrap .bottom .total {
line-height: 1;
margin: 0 0 20px;
}
.header-minicart .minicart-wrap .bottom .total strong {
font-size: 14px;
font-weight: 400;
}
.header-minicart .minicart-wrap .bottom .total .amount {
font-weight: 600;
font-size: 18px;
margin-left: 5px;
}
.header-minicart .minicart-wrap .bottom .buttons {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header-minicart .minicart-wrap .bottom .buttons .button-style3 {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.header-minicart .minicart-wrap .bottom .buttons .button-style3.checkout {
margin-left: 5px;
}
/*
- Site Logo
*/
.site-logo {
position: relative;
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;
text-transform: capitalize;
pointer-events: all;
min-height: 45px;
font-weight: 600;
font-size: 28px;
line-height: 27px;
}
.site-logo a {
position: relative;
display: block;
}
.site-logo a:hover {
color: inherit;
}
.site-logo.dark {
color: #fff;
}
.site-logo img {
display: block;
}
.site-logo img.dark {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.site-logo .caption {
font-size: 16px;
text-transform: none;
text-align: left;
color: #313131;
line-height: 0.7;
margin-top: 0.4em;
}
.light-header .site-logo .caption {
color: #ebebeb;
}
.site-footer .site-logo .caption {
color: inherit;
opacity: .7;
}
.site-logo .caption.lowercase {
text-transform: lowercase;
}
.light-header .site-logo img.light,
.dark-header .site-logo img.dark,
.header-left-white .desktop-main-bar-left .site-logo img.light,
.header-left-black .desktop-main-bar-left .site-logo img.dark,
.header-right-white .desktop-main-bar-right .site-logo img.light,
.header-right-black .desktop-main-bar-right .site-logo img.dark {
opacity: 1;
}
.dark-header .site-logo img.light,
.light-header .site-logo img.dark,
.header-left-black .desktop-main-bar-left .site-logo img.light,
.header-left-white .desktop-main-bar-left .site-logo img.dark,
.header-right-black .desktop-main-bar-right .site-logo img.light,
.header-right-white .desktop-main-bar-right .site-logo img.dark {
opacity: 0;
}
/*
- Header Divider
*/
.header-divider {
height: 17px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 1px;
-ms-flex: 0 0 1px;
flex: 0 0 1px;
max-width: 1px;
background: rgba(0, 0, 0, 0.1);
}
.light-header .header-divider {
background: rgba(255, 255, 255, 0.1);
}
/*
- Language Switcher
*/
.language-switcher {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-transform: uppercase;
font-size: 14px;
line-height: 1;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: #F9F9F9;
color: #000;
padding: 0 18px;
height: 34px;
border-radius: 20px;
font-weight: 500;
}
.header-left-black .desktop-main-bar-left .language-switcher,
.header-left-black .desktop-bottom-bar-left .language-switcher,
.header-right-black .desktop-main-bar-right .language-switcher,
.header-right-black .desktop-bottom-bar-right .language-switcher {
background: #F9F9F9;
color: #000;
}
.light-header .language-switcher,
.header-left-white .desktop-main-bar-left .language-switcher,
.header-left-white .desktop-bottom-bar-left .language-switcher,
.header-right-white .desktop-main-bar-right .language-switcher,
.header-right-white .desktop-bottom-bar-right .language-switcher {
background: rgba(23, 23, 26, 0.7);
color: #fff;
}
.header-top .language-switcher {
margin-top: 0;
background: none !important;
border-radius: 0;
height: auto;
padding: 0;
}
.language-switcher.without-bg {
background: none !important;
height: auto;
padding: 0;
}
.language-switcher i {
font-size: 1.64286em;
margin-right: 5px;
}
.language-switcher svg {
margin-right: 5px;
}
.dark-header .language-switcher svg {
color: #787878;
}
.language-switcher .item {
position: relative;
margin-top: 2px;
}
.language-switcher .item.current a {
opacity: 1;
}
.language-switcher .item a {
display: block;
opacity: .4;
color: inherit;
}
.language-switcher .item a:hover {
opacity: 1;
}
.language-switcher .item:not(:last-child) {
margin-right: 8px;
}
.language-switcher .item:not(:last-child):after {
content: '';
position: absolute;
top: 50%;
right: -5px;
height: 1.21429em;
margin-top: -0.60714em;
width: 1px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
opacity: .13;
}
@media (max-width: 575.98px) {
.language-switcher {
font-size: 16px;
}
.site-header .left .language-switcher {
margin-right: 0;
}
.language-switcher .item:not(:last-child):after {
content: '\00a0|\00a0';
}
}
/*
- Header H Space
*/
.header-h-space {
height: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 5px;
-ms-flex: 0 0 5px;
flex: 0 0 5px;
max-width: 5px;
margin: 0 !important;
}
.header-h-space.header-h-space-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 10px;
-ms-flex: 0 0 10px;
flex: 0 0 10px;
max-width: 10px;
}
.header-h-space.header-h-space-15 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 15px;
-ms-flex: 0 0 15px;
flex: 0 0 15px;
max-width: 15px;
}
.header-h-space.header-h-space-20 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 20px;
-ms-flex: 0 0 20px;
flex: 0 0 20px;
max-width: 20px;
}
.header-h-space.header-h-space-25 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25px;
-ms-flex: 0 0 25px;
flex: 0 0 25px;
max-width: 25px;
}
.header-h-space.header-h-space-30 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 30px;
-ms-flex: 0 0 30px;
flex: 0 0 30px;
max-width: 30px;
}
.header-h-space.header-h-space-auto {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 100%;
}
/*
- Logo Block
*/
.logo-block.on-center {
position: absolute;
top: 50%;
left: 50%;
}
/*
- Header Button
*/
.header-button {
height: 36px;
padding: 0px 19px 0;
color: #fff;
font-size: 10px;
text-transform: uppercase;
border-radius: 20px;
font-weight: 500;
}
.header-button:hover {
background: #292929;
}
.header-button span {
white-space: nowrap;
}
.header-button .icon {
font-size: 17px;
width: 1em;
height: 1em;
margin-right: 6px;
}
.header-button .icon svg {
width: 1em;
height: 1em;
fill: currentColor;
}
.header-button .icon .ionicons-download-outline {
display: block;
margin-top: -.1em;
}
.header-button.style2 {
background: none;
color: inherit;
padding: 0;
}
.header-button.style2 .icon {
font-size: 22px;
}
/*
- Social Links
*/
.social-links {
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-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-transform: uppercase;
align-items: center;
-webkit-transition: color 300ms ease-in-out;
-o-transition: color 300ms ease-in-out;
transition: color 300ms ease-in-out;
}
.social-links .label {
margin-right: 13px;
text-transform: none;
}
.social-links a {
position: relative;
pointer-events: all;
z-index: 1;
font-size: 20px;
color: inherit;
}
.social-links a i {
display: block;
}
.social-links a:not(:last-child) {
margin-right: 0.75em;
}
.social-links.social-links-block a {
opacity: 1;
}
.social-links.center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.social-links.right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 767.98px) {
.social-links.right {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
/*
- Social Links Label
*/
.social-links-label {
font-size: 14px;
font-weight: bold;
color: #898989;
}
.social-links-label a {
color: inherit;
}
.social-links-label a:not(:last-child):after {
content: '\00a0\00a0/\00a0\00a0';
}
/*
- Navigation
*/
.navigation {
position: relative;
font-size: 16px;
line-height: 1.5em;
font-weight: 500;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: 500ms ease-in-out;
-o-transition: 500ms ease-in-out;
transition: 500ms ease-in-out;
-webkit-transition-property: opacity, visible, -webkit-transform;
transition-property: opacity, visible, -webkit-transform;
-o-transition-property: opacity, visible, transform;
transition-property: opacity, visible, transform;
transition-property: opacity, visible, transform, -webkit-transform;
z-index: 1;
}
.navigation.hidden_menu {
left: 100%;
}
.left .navigation.hidden_menu {
left: 100%;
}
.navigation.hidden_menu.active {
left: 0;
}
.navigation ul li a {
position: relative;
color: inherit;
}
.navigation > .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;
white-space: nowrap;
}
.navigation > .menu li {
position: relative;
white-space: normal;
}
.navigation > .menu li.menu-item-has-children:not(.megamenu-block):hover > .sub-menu,
.navigation > .menu li.page_item_has_children:not(.megamenu-block):hover > .children {
z-index: 2;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.navigation > .menu > li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 56px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.navigation > .menu > li:nth-last-child(3) .sub-menu .sub-menu,
.navigation > .menu > li:nth-last-child(2) .sub-menu .sub-menu,
.navigation > .menu > li:nth-last-child(1) .sub-menu .sub-menu,
.navigation > .menu > li:nth-last-child(3) .children .children,
.navigation > .menu > li:nth-last-child(2) .children .children,
.navigation > .menu > li:nth-last-child(1) .children .children {
left: inherit;
right: 100%;
margin-right: 25px;
}
@media (max-width: 991.98px) {
.navigation > .menu > li:nth-last-child(3) .sub-menu .sub-menu,
.navigation > .menu > li:nth-last-child(2) .sub-menu .sub-menu,
.navigation > .menu > li:nth-last-child(1) .sub-menu .sub-menu,
.navigation > .menu > li:nth-last-child(3) .children .children,
.navigation > .menu > li:nth-last-child(2) .children .children,
.navigation > .menu > li:nth-last-child(1) .children .children {
right: 0;
margin: 0;
}
}
.navigation > .menu > li > 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;
height: 100%;
font-size: 14px;
text-transform: uppercase;
color: #444;
font-weight: 500;
}
.light-header .navigation > .menu > li > a {
color: #d4d4d4;
}
.navigation > .menu > li > a span {
display: block;
position: relative;
padding: 3px 0;
}
.navigation > .menu > li:hover > a {
color: inherit;
}
.navigation > .menu > li:not(:last-of-type) {
margin-right: 2vw;
}
@media screen and (max-width: 1100px) {
.navigation > .menu > li:not(:last-of-type) {
margin-right: 1vw;
}
}
.navigation > .menu > li:not(.megamenu-block) .sub-menu li {
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0;
}
.navigation > .menu > li.sub-on-left > .sub-menu {
left: auto;
right: -12px;
}
.navigation > .menu > li.current-menu-item > a,
.navigation > .menu > li.current-menu-ancestor > a,
.navigation > .menu > li.current_page_item > a,
.navigation > .menu > li.current_page_parent > a,
.navigation > .menu > li.current-menu-ancestor > a,
.navigation > .menu > li:hover > a {
color: inherit;
}
.navigation > .menu .sub-menu > li:not(.is-content) > a,
.navigation > .menu .sub-menu > li:not(.is-content) > span {
position: relative;
display: inline-block;
z-index: 1;
font-size: 14px;
font-weight: 500;
color: #666666;
line-height: 1.1;
}
.navigation > .menu .sub-menu > li:not(.is-content) > a:before,
.navigation > .menu .sub-menu > li:not(.is-content) > span:before {
content: '';
position: absolute;
top: -2px;
left: -15px;
right: -15px;
bottom: 0;
background: #F4F4F4;
z-index: -2;
opacity: 0;
}
.light-header .navigation > .menu .sub-menu > li:not(.is-content) > a:before, .light-header .navigation > .menu .sub-menu > li:not(.is-content) > span:before {
background: #202020;
}
.navigation > .menu .sub-menu > li:not(.is-content) > a span,
.navigation > .menu .sub-menu > li:not(.is-content) > span span {
position: relative;
}
.navigation > .menu .sub-menu > li:not(.is-content) > a span:before,
.navigation > .menu .sub-menu > li:not(.is-content) > span span:before {
content: '';
position: absolute;
right: 0;
bottom: 0;
height: 7px;
width: 0;
z-index: -1;
opacity: 0;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.navigation > .menu .sub-menu > li:not(.is-content).current-menu-item > a,
.navigation > .menu .sub-menu > li:not(.is-content).current-menu-item > span, .navigation > .menu .sub-menu > li:not(.is-content).current-menu-ancestor > a,
.navigation > .menu .sub-menu > li:not(.is-content).current-menu-ancestor > span, .navigation > .menu .sub-menu > li:not(.is-content).current_page_item > a,
.navigation > .menu .sub-menu > li:not(.is-content).current_page_item > span, .navigation > .menu .sub-menu > li:not(.is-content).current_page_parent > a,
.navigation > .menu .sub-menu > li:not(.is-content).current_page_parent > span, .navigation > .menu .sub-menu > li:not(.is-content):hover > a,
.navigation > .menu .sub-menu > li:not(.is-content):hover > span {
color: #000;
}
.navigation > .menu .sub-menu > li:not(.is-content).current-menu-item > a:before,
.navigation > .menu .sub-menu > li:not(.is-content).current-menu-item > span:before, .navigation > .menu .sub-menu > li:not(.is-content).current-menu-ancestor > a:before,
.navigation > .menu .sub-menu > li:not(.is-content).current-menu-ancestor > span:before, .navigation > .menu .sub-menu > li:not(.is-content).current_page_item > a:before,
.navigation > .menu .sub-menu > li:not(.is-content).current_page_item > span:before, .navigation > .menu .sub-menu > li:not(.is-content).current_page_parent > a:before,
.navigation > .menu .sub-menu > li:not(.is-content).current_page_parent > span:before, .navigation > .menu .sub-menu > li:not(.is-content):hover > a:before,
.navigation > .menu .sub-menu > li:not(.is-content):hover > span:before {
opacity: 1;
}
.navigation > .menu .sub-menu > li:not(.is-content).current-menu-item > a span:before,
.navigation > .menu .sub-menu > li:not(.is-content).current-menu-item > span span:before, .navigation > .menu .sub-menu > li:not(.is-content).current-menu-ancestor > a span:before,
.navigation > .menu .sub-menu > li:not(.is-content).current-menu-ancestor > span span:before, .navigation > .menu .sub-menu > li:not(.is-content).current_page_item > a span:before,
.navigation > .menu .sub-menu > li:not(.is-content).current_page_item > span span:before, .navigation > .menu .sub-menu > li:not(.is-content).current_page_parent > a span:before,
.navigation > .menu .sub-menu > li:not(.is-content).current_page_parent > span span:before, .navigation > .menu .sub-menu > li:not(.is-content):hover > a span:before,
.navigation > .menu .sub-menu > li:not(.is-content):hover > span span:before {
width: 50%;
opacity: .7;
}
.light-header .navigation > .menu .sub-menu > li:not(.is-content).current-menu-item > a, .light-header .navigation > .menu .sub-menu > li:not(.is-content).current-menu-item > span, .light-header .navigation > .menu .sub-menu > li:not(.is-content).current-menu-ancestor > a, .light-header .navigation > .menu .sub-menu > li:not(.is-content).current-menu-ancestor > span, .light-header .navigation > .menu .sub-menu > li:not(.is-content).current_page_item > a, .light-header .navigation > .menu .sub-menu > li:not(.is-content).current_page_item > span, .light-header .navigation > .menu .sub-menu > li:not(.is-content).current_page_parent > a, .light-header .navigation > .menu .sub-menu > li:not(.is-content).current_page_parent > span, .light-header .navigation > .menu .sub-menu > li:not(.is-content):hover > a, .light-header .navigation > .menu .sub-menu > li:not(.is-content):hover > span {
color: #fff;
}
.navigation > .menu .sub-menu > li:not(.is-content).menu-item-has-children > a:after,
.navigation > .menu .sub-menu > li:not(.is-content).menu-item-has-children > span:after {
content: '+';
margin-left: 5px;
}
.navigation > .menu .is-content.content-on-left {
text-align: left;
}
.navigation > .menu .is-content.content-on-center {
text-align: center;
}
.navigation > .menu .is-content.content-on-right {
text-align: right;
}
.navigation > .menu .is-content.content-white {
color: #fff;
}
.navigation > .menu .is-content.content-white .text {
color: #A5A5A5;
}
.navigation > .menu .is-content.content-black {
color: #000;
}
.navigation > .menu .is-content.content-without-padding {
padding: 0 !important;
}
.navigation > .menu .is-content.content-full-height .content-box {
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: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 100%;
padding: 20px 25px;
}
.navigation > .menu .is-content.content-top .content-box {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navigation > .menu .is-content.content-middle .content-box {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.navigation > .menu .is-content .content-box {
position: relative;
display: block;
z-index: 1;
}
.navigation > .menu .is-content .content-box[style*="background-image"]:before {
content: '';
background: rgba(28, 28, 28, 0.5);
z-index: -1;
}
.navigation > .menu .is-content .content-box .title,
.navigation > .menu .is-content .content-box .text,
.navigation > .menu .is-content .content-box .h-button {
display: block;
}
.navigation > .menu .is-content .content-box .title {
font-size: 16px;
font-weight: bold;
}
.before-header-block .text,
.navigation > .menu .is-content .content-box .text {
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 1;
margin: 5px 0;
}
.before-header-block .h-button,
.navigation > .menu .is-content .content-box .h-button {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 12px;
color: #F0F0F0;
height: 24px;
padding: 0 15px;
border-radius: 12px;
background: #8BC34A;
}
.before-header-block .h-button:hover,
.navigation > .menu .is-content .content-box .h-button:hover {
color: #fff;
}
.before-header-block .h-button i,
.navigation > .menu .is-content .content-box .h-button i {
font-size: 10px;
margin-left: 3px;
}
.navigation.on-center .menu {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.navigation.hover-type1 > .menu > li > a:before {
content: '';
position: absolute;
top: 50%;
left: auto;
right: 100%;
height: 2px;
width: 0;
margin-top: -1px;
margin-right: 4px;
border-radius: 4px;
-webkit-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
z-index: -1;
}
.navigation.hover-type1 > .menu > li.current-menu-item > a:before, .navigation.hover-type1 > .menu > li.current-menu-ancestor > a:before, .navigation.hover-type1 > .menu > li.current_page_item > a:before, .navigation.hover-type1 > .menu > li.current_page_parent > a:before, .navigation.hover-type1 > .menu > li.current-menu-ancestor > a:before, .navigation.hover-type1 > .menu > li:hover > a:before {
width: 12px;
}
.navigation.hover-type2 > .menu > li > a {
padding: 0 0;
margin: 0 0;
}
.navigation.hover-type2 > .menu > li > a:before {
content: '';
position: absolute;
top: 50%;
left: -10px;
height: 6px;
width: 6px;
margin-top: -4px;
-webkit-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
-webkit-transition-property: width;
-o-transition-property: width;
transition-property: width;
-webkit-box-shadow: inset 0 0 0 5px;
box-shadow: inset 0 0 0 5px;
border-radius: 50%;
}
.navigation.hover-type1 > .menu > li.current-menu-item > a:before,
.navigation.hover-type1 > .menu > li.current-menu-ancestor > a:before,
.navigation.hover-type1 > .menu > li.current_page_item > a:before,
.navigation.hover-type1 > .menu > li.current_page_parent > a:before,
.navigation.hover-type1 > .menu > li.current-menu-ancestor > a:before,
.navigation.hover-type1 > .menu > li:hover > a:before,
.navigation.hover-type2 > .menu > li.current-menu-item > a:before,
.navigation.hover-type2 > .menu > li.current-menu-ancestor > a:before,
.navigation.hover-type2 > .menu > li.current_page_item > a:before,
.navigation.hover-type2 > .menu > li.current_page_parent > a:before,
.navigation.hover-type2 > .menu > li.current-menu-ancestor > a:before,
.navigation.hover-type2 > .menu > li:hover > a:before {
visibility: visible;
opacity: 1;
}
.navigation li > .sub-menu,
.navigation li:not(.mega-menu-col) > .children {
position: absolute;
width: 240px;
left: -12px;
top: 100%;
margin-top: 0px;
font-size: 16px;
font-weight: normal;
color: #000;
z-index: 1;
padding: 15px 25px;
background: #FFFFFF;
-webkit-transform: rotateX(-80deg);
transform: rotateX(-80deg);
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
-webkit-box-shadow: 2px 2px 20px rgba(53, 53, 53, 0.2);
box-shadow: 2px 2px 20px rgba(53, 53, 53, 0.2);
border-radius: 8px;
}
.light-header .navigation li > .sub-menu, .light-header .navigation li:not(.mega-menu-col) > .children {
background: #161616;
color: #fff;
}
.navigation li > .sub-menu li.menu-item-has-children,
.navigation li:not(.mega-menu-col) > .children li.menu-item-has-children {
position: relative;
}
.navigation li > .sub-menu li.menu-item-has-children.sub-on-left .sub-menu,
.navigation li:not(.mega-menu-col) > .children li.menu-item-has-children.sub-on-left .sub-menu {
left: auto;
margin-left: 0;
right: 100%;
margin-right: 25px;
}
.navigation li > .sub-menu .sub-menu,
.navigation li > .sub-menu .children,
.navigation li:not(.mega-menu-col) > .children .sub-menu,
.navigation li:not(.mega-menu-col) > .children .children {
padding: 5px 15px;
}
@media (min-width: 992px) {
.navigation li > .sub-menu .sub-menu,
.navigation li > .sub-menu .children,
.navigation li:not(.mega-menu-col) > .children .sub-menu,
.navigation li:not(.mega-menu-col) > .children .children {
left: 100%;
top: -15px;
margin-left: 25px;
padding: 15px 25px;
}
}
.navigation li > .sub-menu li,
.navigation li:not(.mega-menu-col) > .children li {
margin: 0 0;
}
.navigation li > .sub-menu li > a,
.navigation li > .sub-menu li > span,
.navigation li:not(.mega-menu-col) > .children li > a,
.navigation li:not(.mega-menu-col) > .children li > span {
display: block;
padding: 8px 0;
}
.screen-section .navigation li > .sub-menu, .screen-section .navigation li:not(.mega-menu-col) > .children {
top: auto;
bottom: 100%;
}
.navigation .menu-item-has-mega-menu:hover .mega-menu {
-webkit-transform: translateX(-50%) rotateX(0deg);
transform: translateX(-50%) rotateX(0deg);
}
.navigation .mega-menu {
position: fixed;
top: 103px;
left: 50%;
width: 95%;
max-width: 1240px;
font-size: 12px;
color: #000;
padding: 20px 25px 20px;
text-transform: uppercase;
background: #FFFFFF;
-webkit-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.03);
box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.03);
border-radius: 4px;
-webkit-transform: translateX(-50%) rotateX(-80deg);
transform: translateX(-50%) rotateX(-80deg);
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
}
.light-header .navigation .mega-menu {
background: #161616;
color: #fff;
}
.fixed .navigation .mega-menu {
top: 80px;
border-radius: 0 0 4px 4px;
}
.navigation .mega-menu .mega-menu-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.navigation .mega-menu .mega-menu-row .sub-menu {
margin: 15px 10px;
font-weight: 500;
font-size: 14px;
text-transform: none;
}
.navigation .mega-menu .mega-menu-row .sub-menu .sub-menu {
position: relative;
left: 0;
right: 0;
margin: 0;
padding: 0 0 0 10px;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.navigation .mega-menu .mega-menu-row .sub-menu .sub-menu li {
margin: 0;
}
.navigation .mega-menu .mega-menu-row .sub-menu .sub-menu a:after {
display: none;
}
.navigation .mega-menu .mega-menu-row .sub-menu .sub-menu .sub-menu {
top: 0;
left: 0;
right: 0;
margin: 0;
}
.navigation .mega-menu .mega-menu-row .sub-menu li {
margin: 8px 0;
}
.navigation .mega-menu .mega-menu-row .sub-menu li.current-menu-item > a, .navigation .mega-menu .mega-menu-row .sub-menu li.current-menu-ancestor > a, .navigation .mega-menu .mega-menu-row .sub-menu li.current_page_item > a, .navigation .mega-menu .mega-menu-row .sub-menu li.current_page_parent > a, .navigation .mega-menu .mega-menu-row .sub-menu li.current-menu-ancestor > a {
font-weight: bold;
}
.navigation .mega-menu .mega-menu-row .sub-menu li a {
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.navigation .mega-menu .mega-menu-row .sub-menu li a:before {
content: '';
position: absolute;
top: 10px;
left: 0;
width: 0;
border-bottom: 1px solid;
-webkit-transition: 400ms ease;
-o-transition: 400ms ease;
transition: 400ms ease;
-webkit-transition-property: width, left;
-o-transition-property: width, left;
transition-property: width, left;
}
.navigation .mega-menu .mega-menu-row .sub-menu li:hover > a {
padding-left: 15px;
}
.navigation .mega-menu .mega-menu-row .sub-menu li:hover > a:before {
left: -7px;
width: 15px;
}
.navigation .mega-menu .mega-menu-row > li > a {
display: block;
font-weight: 600;
font-size: 11px;
line-height: 13px;
text-transform: uppercase;
margin: 5px 0;
}
.navigation .mega-menu .mega-menu-row > li > a:hover {
color: inherit;
}
.navigation .mega-menu .mega-menu-row > li > a span {
position: relative;
display: inline-block;
padding: 5px 10px;
}
.navigation .mega-menu .mega-menu-row > li > a span:before {
content: '';
background: #E6E1DF;
opacity: 0.25;
border-radius: 4px;
z-index: -1;
}
.navigation .mega-menu .mega-menu-row > li.current-menu-item > a span:before, .navigation .mega-menu .mega-menu-row > li.current-menu-ancestor > a span:before, .navigation .mega-menu .mega-menu-row > li.current_page_item > a span:before, .navigation .mega-menu .mega-menu-row > li.current_page_parent > a span:before, .navigation .mega-menu .mega-menu-row > li.current-menu-ancestor > a span:before {
opacity: .6;
}
.navigation .mega-menu .mega-menu-row > li > a:hover span:before {
opacity: .6;
}
.navigation .mega-menu .mega-menu-col {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
.navigation .megamenu-block > .sub-menu {
position: fixed;
top: 55px;
left: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: #fff;
width: 850px;
-webkit-box-shadow: 2px 2px 20px rgba(53, 53, 53, 0.2);
box-shadow: 2px 2px 20px rgba(53, 53, 53, 0.2);
border-radius: 8px;
padding: 0;
overflow: hidden;
-webkit-transform: translateX(-50%) rotateX(-80deg);
transform: translateX(-50%) rotateX(-80deg);
opacity: 0;
visibility: hidden;
z-index: 200;
pointer-events: none;
}
.light-header .navigation .megamenu-block > .sub-menu {
background: #161616;
color: #fff;
}
.navigation .megamenu-block > .sub-menu a {
pointer-events: none !important;
}
.navigation .megamenu-block > .sub-menu .image-nav-block,
.navigation .megamenu-block > .sub-menu .image-nav-block .content-box a {
pointer-events: none !important;
}
.navigation .megamenu-block > .sub-menu .megamenu-col {
padding: 25px 30px;
}
.navigation .megamenu-block > .sub-menu .megamenu-col ul.sub-menu {
right: 0;
left: 0;
margin: 0;
}
.navigation .megamenu-block > .sub-menu .megamenu-col.is-content.col-12.content-on-left .content-box {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navigation .megamenu-block > .sub-menu .megamenu-col.is-content.col-12.content-on-center .content-box {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.navigation .megamenu-block > .sub-menu .megamenu-col.is-content.col-12.content-on-right .content-box {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.navigation .megamenu-block > .sub-menu .megamenu-col.is-content.col-12 .content-box {
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;
padding: 8px 20px;
}
.navigation .megamenu-block > .sub-menu .megamenu-col.is-content.col-12 .content-box > *:not(:last-child) {
margin-right: 30px;
}
.navigation .megamenu-block > .sub-menu .megamenu-col.border-right > .sub-menu:before {
content: '';
position: absolute;
top: 0;
right: -30px;
bottom: 0;
border-right: 1px solid #e6e6e6;
}
.light-header .navigation .megamenu-block > .sub-menu .megamenu-col.border-right > .sub-menu:before {
border-color: #282828;
}
.navigation .megamenu-block > .sub-menu .megamenu-col > a {
margin: 0;
}
.navigation .megamenu-block > .sub-menu .megamenu-col .sub-menu {
position: relative;
left: 0;
top: 0;
margin: 0;
padding: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
visibility: visible;
background: none;
width: auto;
-webkit-box-shadow: none;
box-shadow: none;
transform: none !important;
}
.navigation .megamenu-block > .sub-menu .megamenu-col.menu-item-has-children > a,
.navigation .megamenu-block > .sub-menu .megamenu-col.menu-item-has-children > span {
display: inline-block;
border: 1px solid #ABABAB;
border-radius: 8px;
font-size: 9px;
text-transform: uppercase;
font-weight: 500;
line-height: 1;
padding: 5px 10px;
margin-bottom: 10px;
}
.navigation .megamenu-block > .sub-menu .megamenu-col.menu-item-has-children > a:after, .navigation .megamenu-block > .sub-menu .megamenu-col.menu-item-has-children > a:before,
.navigation .megamenu-block > .sub-menu .megamenu-col.menu-item-has-children > a span:before,
.navigation .megamenu-block > .sub-menu .megamenu-col.menu-item-has-children > span:after,
.navigation .megamenu-block > .sub-menu .megamenu-col.menu-item-has-children > span:before,
.navigation .megamenu-block > .sub-menu .megamenu-col.menu-item-has-children > span span:before {
display: none;
}
.light-header .navigation .megamenu-block > .sub-menu .megamenu-col.menu-item-has-children > a, .light-header .navigation .megamenu-block > .sub-menu .megamenu-col.menu-item-has-children > span {
border-color: #ABABAB;
color: #fff;
}
.navigation .megamenu-block > .sub-menu .megamenu-col.with-index-num > ul > li {
counter-increment: slides-num;
}
.navigation .megamenu-block > .sub-menu .megamenu-col.with-index-num > ul > li > a,
.navigation .megamenu-block > .sub-menu .megamenu-col.with-index-num > ul > li > span {
display: inline-block;
padding-left: 12px;
}
.navigation .megamenu-block > .sub-menu .megamenu-col.with-index-num > ul > li > a:after,
.navigation .megamenu-block > .sub-menu .megamenu-col.with-index-num > ul > li > span:after {
content: "0" counter(slides-num);
position: absolute;
top: 6px;
left: 0;
font-size: 7px;
font-weight: bold;
margin: 0;
}
.navigation .megamenu-block > .sub-menu .megamenu-col.with-index-num > ul > li:nth-child(n+10) > a:after {
content: counter(slides-num);
}
.navigation .megamenu-block > .sub-menu .megamenu-col > .sub-menu > li > .sub-menu {
padding-left: 25px;
}
.navigation .megamenu-block > .sub-menu .megamenu-col .sub-menu .sub-menu {
padding-left: 10px;
}
.navigation .megamenu-block > .sub-menu .megamenu-col .sub-menu .sub-menu li > a,
.navigation .megamenu-block > .sub-menu .megamenu-col .sub-menu .sub-menu li > span {
padding: 2px 0;
}
.navigation .megamenu-block.hover > .sub-menu {
-webkit-transform: translateX(-50%) rotateX(0deg) !important;
transform: translateX(-50%) rotateX(0deg) !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: all;
}
.navigation .megamenu-block.hover > .sub-menu a {
pointer-events: all !important;
}
.navigation .megamenu-block .image-nav-block .content-box {
margin: 40px 0;
}
@media (max-width: 991.98px) {
.navigation {
display: none;
}
}
/*
- Center Navigation
*/
.center-navigation {
position: absolute;
top: 50%;
left: 50%;
padding: 0 100px;
}
.center-navigation .navigation {
position: absolute;
top: 50%;
margin-top: -24px;
}
.center-navigation .navigation.on-left {
right: 100%;
}
.center-navigation .navigation.on-right {
left: 100%;
}
/*
- Side Navigation
*/
.side-navigation {
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
}
.side-navigation > ul.menu {
padding: 0;
}
.side-navigation .menu > li {
position: relative;
margin-left: 35px;
margin-right: 10px;
}
.side-navigation .menu > li > a {
position: relative;
padding: 3px 0;
color: inherit;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.side-navigation .menu > li > a span {
position: relative;
display: inline-block;
vertical-align: middle;
}
.side-navigation .menu > li.current-menu-item > a, .side-navigation .menu > li.current-menu-ancestor > a, .side-navigation .menu > li.current_page_item > a, .side-navigation .menu > li.current_page_parent > a, .side-navigation .menu > li.current-menu-ancestor > a {
font-weight: bold;
}
.side-navigation .menu li a span {
position: relative;
}
.side-navigation .menu li a span:before {
content: '';
position: absolute;
top: 8px;
left: -8px;
width: 4px;
height: 4px;
border-radius: 50%;
}
.side-navigation .menu li.menu-item-has-children > a:after {
content: '+';
display: inline-block;
margin-left: 8px;
font-size: 14px;
line-height: 1;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
font-weight: normal;
vertical-align: middle;
margin-bottom: 4px;
}
.side-navigation .menu li.menu-item-has-children.current > a:after {
content: '-';
}
.side-navigation .menu .sub-menu {
position: absolute;
top: -11px;
left: 100%;
width: 250px;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
-webkit-transform: translateX(-10%);
-ms-transform: translateX(-10%);
transform: translateX(-10%);
background: #fff;
-webkit-box-shadow: 2px 2px 20px rgba(53, 53, 53, 0.2);
box-shadow: 2px 2px 20px rgba(53, 53, 53, 0.2);
border-radius: 8px;
padding: 10px 0;
font-size: 14px;
text-transform: capitalize;
}
.side-navigation .menu .sub-menu li {
position: relative;
}
.side-navigation .menu .sub-menu li:hover > a {
font-weight: bold;
}
.side-navigation .menu .sub-menu li a {
position: relative;
display: block;
padding: 5px 25px;
color: inherit;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.side-navigation .menu .sub-menu li a span:before {
top: 6px;
}
.side-navigation .menu .sub-menu li .sub-menu {
top: -10px;
}
.header-light .side-navigation .menu .sub-menu {
background: #161616;
}
.side-navigation .menu li:hover > .sub-menu {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.side-navigation .highlighted {
font-size: 16px;
font-weight: 600;
}
.side-navigation .highlighted > a {
font-weight: inherit !important;
}
.side-navigation .highlighted > a .index-num {
position: absolute;
top: 2px;
right: 100%;
margin-right: 4px;
font-size: 8px;
opacity: .7;
}
.side-navigation .highlighted > a i {
position: relative;
margin-left: 7px;
-webkit-transition: 300ms ease-in;
-o-transition: 300ms ease-in;
transition: 300ms ease-in;
-webkit-transition-property: left, opacity;
-o-transition-property: left, opacity;
transition-property: left, opacity;
opacity: 0;
left: -7px;
}
.side-navigation .highlighted > a:hover i {
opacity: 1;
left: 0;
}
.side-navigation .highlighted-with-bg:before {
content: '';
left: -40px;
background: #fff;
}
.side-navigation .divider {
height: 1px;
border-bottom: 1px solid;
opacity: .1;
margin: 20px 0;
max-width: 115px;
margin-left: 30px !important;
}
.side-navigation .divider > a,
.side-navigation .divider .sub-menu {
display: none !important;
}
div#mega-menu-wrap-side-navigation,
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation,
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation ul.mega-sub-menu,
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation li.mega-menu-item,
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation li.mega-menu-row,
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation li.mega-menu-column,
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation a.mega-menu-link,
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation span.mega-menu-badge {
color: inherit !important;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation {
text-transform: uppercase;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item {
display: block;
margin-left: 40px;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item > a.mega-menu-link {
text-transform: uppercase;
padding: 6px 0;
font-weight: 500;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item > a.mega-menu-link:hover {
font-weight: 600;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item > a.mega-menu-link .mega-indicator {
display: none !important;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item.mega-highlighted {
font-size: 16px;
font-weight: 600;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item.mega-highlighted > a.mega-menu-link {
font-weight: inherit !important;
text-transform: uppercase;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item.mega-highlighted > a.mega-menu-link .index-num {
position: absolute;
top: 2px;
right: 100%;
margin-right: 4px;
font-size: 8px;
opacity: .7;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item.mega-highlighted > a.mega-menu-link i {
position: relative;
margin-left: 7px;
-webkit-transition: 300ms ease-in;
-o-transition: 300ms ease-in;
transition: 300ms ease-in;
-webkit-transition-property: left, opacity;
-o-transition-property: left, opacity;
transition-property: left, opacity;
opacity: 0;
left: -7px;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item.mega-highlighted > a.mega-menu-link:hover i, div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item.mega-highlighted > a.mega-menu-link[aria-expanded="true"] i {
opacity: 1;
left: 0;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item.highlighted-with-bg:before {
content: '';
left: -40px;
background: #fff;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item.mega-divider {
height: 1px;
border-bottom: 1px solid;
opacity: .1;
margin: 20px 0;
max-width: 115px;
margin-left: 30px !important;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item.mega-divider > a,
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item.mega-divider .sub-menu {
display: none !important;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu {
position: fixed;
top: 125px;
left: 250px;
width: 500px;
padding: 0px 25px 10px;
background: #fff;
-webkit-transition: all 300ms ease !important;
-o-transition: all 300ms ease !important;
transition: all 300ms ease !important;
}
.fixed-header div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu {
top: 80px;
}
.admin-bar div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu {
top: 157px;
}
.admin-bar.fixed-header div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu {
top: 112px;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
font-weight: 500;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu a.mega-menu-link:hover {
font-weight: 600 !important;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu ul.mega-sub-menu li.mega-menu-column {
text-transform: uppercase;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item:not(.mega-menu-megamenu) > ul.mega-sub-menu {
top: 0;
left: 100%;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-item:not(.mega-menu-megamenu) > ul.mega-sub-menu a.mega-menu-link {
background: #fff !important;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
font-size: 14px;
color: inherit !important;
padding: 5px 0;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
text-transform: uppercase;
font-size: 11px;
padding: 5px 0;
font-weight: normal;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
color: inherit !important;
}
div#mega-menu-wrap-side-navigation ul#mega-menu-side-navigation .mega-menu-megamenu a.mega-menu-link {
color: #000 !important;
}
div#mega-menu-wrap-side-navigation-shop,
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop,
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop ul.mega-sub-menu,
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop li.mega-menu-item,
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop li.mega-menu-row,
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop li.mega-menu-column,
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop a.mega-menu-link,
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop span.mega-menu-badge {
color: inherit !important;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop {
text-transform: uppercase;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item {
display: block;
margin-left: 40px;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item > a.mega-menu-link {
text-transform: uppercase;
padding: 6px 0;
font-weight: 500;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item > a.mega-menu-link:hover {
font-weight: 600;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item > a.mega-menu-link .mega-indicator {
display: none !important;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item.mega-highlighted {
font-size: 16px;
font-weight: 600;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item.mega-highlighted > a.mega-menu-link {
font-weight: inherit !important;
text-transform: uppercase;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item.mega-highlighted > a.mega-menu-link .index-num {
position: absolute;
top: 2px;
right: 100%;
margin-right: 4px;
font-size: 8px;
opacity: .7;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item.mega-highlighted > a.mega-menu-link i {
position: relative;
margin-left: 7px;
-webkit-transition: 300ms ease-in;
-o-transition: 300ms ease-in;
transition: 300ms ease-in;
-webkit-transition-property: left, opacity;
-o-transition-property: left, opacity;
transition-property: left, opacity;
opacity: 0;
left: -7px;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item.mega-highlighted > a.mega-menu-link:hover i, div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item.mega-highlighted > a.mega-menu-link[aria-expanded="true"] i {
opacity: 1;
left: 0;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item.highlighted-with-bg:before {
content: '';
left: -40px;
background: #fff;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item.mega-divider {
height: 1px;
border-bottom: 1px solid;
opacity: .1;
margin: 20px 0;
max-width: 115px;
margin-left: 30px !important;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item.mega-divider > a,
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item.mega-divider .sub-menu {
display: none !important;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu {
position: fixed;
top: 125px;
left: 250px;
width: 500px;
padding: 0px 25px 10px;
background: #fff;
-webkit-transition: all 300ms ease !important;
-o-transition: all 300ms ease !important;
transition: all 300ms ease !important;
}
.fixed-header div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu {
top: 80px;
}
.admin-bar div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu {
top: 157px;
}
.admin-bar.fixed-header div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu {
top: 112px;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
font-weight: 500;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu a.mega-menu-link:hover {
font-weight: 600 !important;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu ul.mega-sub-menu li.mega-menu-column {
text-transform: uppercase;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item:not(.mega-menu-megamenu) > ul.mega-sub-menu {
top: 0;
left: 100%;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-item:not(.mega-menu-megamenu) > ul.mega-sub-menu a.mega-menu-link {
background: #fff !important;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
font-size: 14px;
color: inherit !important;
padding: 5px 0;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
text-transform: uppercase;
font-size: 11px;
padding: 5px 0;
font-weight: normal;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
color: inherit !important;
}
div#mega-menu-wrap-side-navigation-shop ul#mega-menu-side-navigation-shop .mega-menu-megamenu a.mega-menu-link {
color: #000 !important;
}
div#mega-menu-wrap-navigation,
div#mega-menu-wrap-navigation ul#mega-menu-navigation,
div#mega-menu-wrap-navigation ul#mega-menu-navigation ul.mega-sub-menu,
div#mega-menu-wrap-navigation ul#mega-menu-navigation li.mega-menu-item,
div#mega-menu-wrap-navigation ul#mega-menu-navigation li.mega-menu-row,
div#mega-menu-wrap-navigation ul#mega-menu-navigation li.mega-menu-column,
div#mega-menu-wrap-navigation ul#mega-menu-navigation a.mega-menu-link,
div#mega-menu-wrap-navigation ul#mega-menu-navigation span.mega-menu-badge {
color: inherit;
font-size: inherit;
font-weight: inherit;
}
div#mega-menu-wrap-navigation {
background: none;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-transform: uppercase;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-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;
margin-right: 20px;
height: 80px;
}
@media (max-width: 1199.98px) {
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item {
margin-right: 10px;
}
}
.header-with-fill div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item,
.header-with-accent-fill div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item {
height: 50px;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item:last-of-type {
margin-right: 0;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item > a.mega-menu-link {
display: block;
position: relative;
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
height: auto;
border-radius: 4px !important;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
overflow: hidden;
}
.navigation-hover-style1 div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item > a.mega-menu-link:before {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
-webkit-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
-webkit-box-shadow: inset 0 0 0 40px;
box-shadow: inset 0 0 0 40px;
border-radius: 4px;
margin: 0;
z-index: -1;
}
.navigation-hover-style2 div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item > a.mega-menu-link {
padding: 0 0;
margin: 0 0;
border-radius: 0 !important;
}
.navigation-hover-style2 div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item > a.mega-menu-link:before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 0;
margin: 0;
-webkit-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
-webkit-transition-property: width;
-o-transition-property: width;
transition-property: width;
-webkit-box-shadow: inset 0 0 0 5px;
box-shadow: inset 0 0 0 5px;
}
.navigation-hover-style2.header-with-accent-fill div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item > a.mega-menu-link:before {
color: inherit;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item > a.mega-menu-link:hover {
color: inherit;
font-weight: inherit;
background: none;
}
.navigation-hover-style1 div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:before, .navigation-hover-style1 div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:before, .navigation-hover-style1 div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:before, .navigation-hover-style1 div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:before, .navigation-hover-style1 div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item > a.mega-menu-link:hover:before {
opacity: .2;
visibility: visible;
}
.navigation-hover-style1 .dark-color div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:before, .navigation-hover-style1 .dark-color div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:before, .navigation-hover-style1 .dark-color div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:before, .navigation-hover-style1 .dark-color div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:before, .navigation-hover-style1 .dark-color div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item > a.mega-menu-link:hover:before {
opacity: .05;
}
.navigation-hover-style2 div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:before, .navigation-hover-style2 div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:before, .navigation-hover-style2 div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:before, .navigation-hover-style2 div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:before, .navigation-hover-style2 div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item > a.mega-menu-link:hover:before {
width: 15px;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu {
position: fixed;
top: 103px;
left: 50%;
width: 95%;
max-width: 1240px;
font-size: 12px;
color: #000;
padding: 20px 25px 20px;
text-transform: uppercase;
background: #FFFFFF;
-webkit-box-shadow: 0px 10px 35px rgba(216, 216, 216, 0.5);
box-shadow: 0px 10px 35px rgba(216, 216, 216, 0.5);
border-radius: 4px;
-webkit-transform: translateX(-50%) rotateX(-80deg) !important;
transform: translateX(-50%) rotateX(-80deg) !important;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition: all 700ms ease !important;
-o-transition: all 700ms ease !important;
transition: all 700ms ease !important;
opacity: 1 !important;
}
.header-with-fill div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu,
.header-with-accent-fill div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu {
top: 88px;
}
.light-header div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu {
background: #161616;
color: #fff;
-webkit-box-shadow: 0px 10px 35px rgba(46, 46, 46, 0.5);
box-shadow: 0px 10px 35px rgba(46, 46, 46, 0.5);
}
.fixed div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu {
top: 80px;
border-radius: 0 0 4px 4px;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item.mega-menu-megamenu.mega-toggle-on > .mega-sub-menu {
-webkit-transform: translateX(-50%) rotateX(0deg) !important;
transform: translateX(-50%) rotateX(0deg) !important;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu {
position: absolute;
top: 100%;
left: 0;
border-radius: 4px;
color: #000;
background: #fff;
padding: 8px 0;
-webkit-transform: rotateX(-80deg) !important;
transform: rotateX(-80deg) !important;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition: all 700ms ease !important;
-o-transition: all 700ms ease !important;
transition: all 700ms ease !important;
-webkit-box-shadow: 0px 10px 35px rgba(216, 216, 216, 0.5);
box-shadow: 0px 10px 35px rgba(216, 216, 216, 0.5);
}
.fixed div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu {
border-radius: 0 0 4px 4px;
}
.light-header div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu {
background: #161616;
color: #fff;
-webkit-box-shadow: 0px 10px 35px rgba(46, 46, 46, 0.5);
box-shadow: 0px 10px 35px rgba(46, 46, 46, 0.5);
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item a.mega-menu-link {
background: none;
padding: 8px 20px;
line-height: 1.2em;
font-weight: 500;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
color: inherit;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item a.mega-menu-link:before {
content: '';
position: absolute;
top: 16px;
left: 20px;
width: 0;
height: 0;
border-bottom: 1px solid;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
background: transparent;
font-weight: 500;
padding-left: 35px;
color: inherit;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item a.mega-menu-link:hover:before, div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item a.mega-menu-link:focus:before {
width: 15px;
left: 12px;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item.mega-menu-item-has-children > a {
position: relative;
padding-right: 30px;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item.mega-menu-item-has-children > a:after {
content: '+';
display: block;
position: absolute;
top: 50%;
right: 15px;
margin-top: -0.6em;
font-weight: normal;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu .mega-sub-menu {
top: -8px !important;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu .mega-current-menu-item > a,
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu .mega-current-menu-ancestor > a,
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu .mega-current-page-ancestor > a {
font-weight: bold !important;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item:not(.mega-menu-megamenu).mega-toggle-on > .mega-sub-menu,
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item:not(.mega-menu-megamenu) li.mega-toggle-on > .mega-sub-menu {
-webkit-transform: rotateX(0deg) !important;
transform: rotateX(0deg) !important;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
padding-top: 0;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
display: inline-block;
font-size: 11px;
font-weight: 500;
color: #575757;
background: #faf9f9;
padding: 2px 10px;
border-radius: 4px;
margin: 0 -10px;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu {
margin-top: 10px;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu .mega-current-menu-item > a,
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu .mega-current-menu-ancestor > a,
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu .mega-current-page-ancestor > a {
font-weight: bold !important;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu a {
color: #272626 !important;
font-weight: 500 !important;
font-size: 14px !important;
margin-bottom: 8px !important;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.light-header div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu a {
color: #fff !important;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu a:before {
content: '';
position: absolute;
top: 12px;
left: 0;
width: 0;
border-bottom: 1px solid;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu a:hover {
padding-left: 10px;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu a:hover:before {
left: -10px;
width: 15px;
}
div#mega-menu-wrap-navigation ul#mega-menu-navigation .mega-indicator {
display: none !important;
}
div#mega-menu-wrap-center-logo-left,
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left,
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left ul.mega-sub-menu,
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left li.mega-menu-item,
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left li.mega-menu-row,
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left li.mega-menu-column,
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left a.mega-menu-link,
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left span.mega-menu-badge {
color: inherit;
font-size: inherit;
font-weight: inherit;
}
div#mega-menu-wrap-center-logo-left {
background: none;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-transform: uppercase;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-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;
margin-right: 20px;
height: 80px;
}
@media (max-width: 1199.98px) {
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item {
margin-right: 10px;
}
}
.header-with-fill div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item,
.header-with-accent-fill div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item {
height: 50px;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item:last-of-type {
margin-right: 0;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item > a.mega-menu-link {
display: block;
position: relative;
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
height: auto;
border-radius: 4px !important;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
overflow: hidden;
}
.navigation-hover-style1 div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item > a.mega-menu-link:before {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
-webkit-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
-webkit-box-shadow: inset 0 0 0 40px;
box-shadow: inset 0 0 0 40px;
border-radius: 4px;
margin: 0;
z-index: -1;
}
.navigation-hover-style2 div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item > a.mega-menu-link {
padding: 0 0;
margin: 0 0;
border-radius: 0 !important;
}
.navigation-hover-style2 div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item > a.mega-menu-link:before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 0;
margin: 0;
-webkit-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
-webkit-transition-property: width;
-o-transition-property: width;
transition-property: width;
-webkit-box-shadow: inset 0 0 0 5px;
box-shadow: inset 0 0 0 5px;
}
.navigation-hover-style2.header-with-accent-fill div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item > a.mega-menu-link:before {
color: inherit;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item > a.mega-menu-link:hover {
color: inherit;
font-weight: inherit;
background: none;
}
.navigation-hover-style1 div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:before, .navigation-hover-style1 div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:before, .navigation-hover-style1 div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:before, .navigation-hover-style1 div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:before, .navigation-hover-style1 div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item > a.mega-menu-link:hover:before {
opacity: .2;
visibility: visible;
}
.navigation-hover-style1 .dark-color div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:before, .navigation-hover-style1 .dark-color div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:before, .navigation-hover-style1 .dark-color div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:before, .navigation-hover-style1 .dark-color div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:before, .navigation-hover-style1 .dark-color div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item > a.mega-menu-link:hover:before {
opacity: .05;
}
.navigation-hover-style2 div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:before, .navigation-hover-style2 div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:before, .navigation-hover-style2 div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:before, .navigation-hover-style2 div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:before, .navigation-hover-style2 div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item > a.mega-menu-link:hover:before {
width: 15px;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu {
position: fixed;
top: 103px;
left: 50%;
width: 95%;
max-width: 1240px;
font-size: 12px;
color: #000;
padding: 20px 25px 20px;
text-transform: uppercase;
background: #FFFFFF;
-webkit-box-shadow: 0px 10px 35px rgba(216, 216, 216, 0.5);
box-shadow: 0px 10px 35px rgba(216, 216, 216, 0.5);
border-radius: 4px;
-webkit-transform: translateX(-50%) rotateX(-80deg) !important;
transform: translateX(-50%) rotateX(-80deg) !important;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition: all 700ms ease !important;
-o-transition: all 700ms ease !important;
transition: all 700ms ease !important;
opacity: 1 !important;
}
.header-with-fill div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu,
.header-with-accent-fill div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu {
top: 88px;
}
.light-header div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu {
background: #161616;
color: #fff;
-webkit-box-shadow: 0px 10px 35px rgba(46, 46, 46, 0.5);
box-shadow: 0px 10px 35px rgba(46, 46, 46, 0.5);
}
.fixed div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu {
top: 80px;
border-radius: 0 0 4px 4px;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item.mega-menu-megamenu.mega-toggle-on > .mega-sub-menu {
-webkit-transform: translateX(-50%) rotateX(0deg) !important;
transform: translateX(-50%) rotateX(0deg) !important;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu {
position: absolute;
top: 100%;
left: 0;
border-radius: 4px;
color: #000;
background: #fff;
padding: 8px 0;
-webkit-transform: rotateX(-80deg) !important;
transform: rotateX(-80deg) !important;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition: all 700ms ease !important;
-o-transition: all 700ms ease !important;
transition: all 700ms ease !important;
-webkit-box-shadow: 0px 10px 35px rgba(216, 216, 216, 0.5);
box-shadow: 0px 10px 35px rgba(216, 216, 216, 0.5);
}
.fixed div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu {
border-radius: 0 0 4px 4px;
}
.light-header div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu {
background: #161616;
color: #fff;
-webkit-box-shadow: 0px 10px 35px rgba(46, 46, 46, 0.5);
box-shadow: 0px 10px 35px rgba(46, 46, 46, 0.5);
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item a.mega-menu-link {
background: none;
padding: 8px 20px;
line-height: 1.2em;
font-weight: 500;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
color: inherit;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item a.mega-menu-link:before {
content: '';
position: absolute;
top: 16px;
left: 20px;
width: 0;
height: 0;
border-bottom: 1px solid;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
background: transparent;
font-weight: 500;
padding-left: 35px;
color: inherit;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item a.mega-menu-link:hover:before, div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item a.mega-menu-link:focus:before {
width: 15px;
left: 12px;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item.mega-menu-item-has-children > a {
position: relative;
padding-right: 30px;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item.mega-menu-item-has-children > a:after {
content: '+';
display: block;
position: absolute;
top: 50%;
right: 15px;
margin-top: -0.6em;
font-weight: normal;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu .mega-sub-menu {
top: -8px !important;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu .mega-current-menu-item > a,
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu .mega-current-menu-ancestor > a,
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu .mega-current-page-ancestor > a {
font-weight: bold !important;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item:not(.mega-menu-megamenu).mega-toggle-on > .mega-sub-menu,
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item:not(.mega-menu-megamenu) li.mega-toggle-on > .mega-sub-menu {
-webkit-transform: rotateX(0deg) !important;
transform: rotateX(0deg) !important;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
padding-top: 0;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
display: inline-block;
font-size: 11px;
font-weight: 500;
color: #575757;
background: #faf9f9;
padding: 2px 10px;
border-radius: 4px;
margin: 0 -10px;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu {
margin-top: 10px;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu .mega-current-menu-item > a,
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu .mega-current-menu-ancestor > a,
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu .mega-current-page-ancestor > a {
font-weight: bold !important;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu a {
color: #272626 !important;
font-weight: 500 !important;
font-size: 14px !important;
margin-bottom: 8px !important;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.light-header div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu a {
color: #fff !important;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu a:before {
content: '';
position: absolute;
top: 12px;
left: 0;
width: 0;
border-bottom: 1px solid;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu a:hover {
padding-left: 10px;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu a:hover:before {
left: -10px;
width: 15px;
}
div#mega-menu-wrap-center-logo-left ul#mega-menu-center-logo-left .mega-indicator {
display: none !important;
}
div#mega-menu-wrap-center-logo-right,
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right,
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right ul.mega-sub-menu,
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right li.mega-menu-item,
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right li.mega-menu-row,
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right li.mega-menu-column,
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right a.mega-menu-link,
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right span.mega-menu-badge {
color: inherit;
font-size: inherit;
font-weight: inherit;
}
div#mega-menu-wrap-center-logo-right {
background: none;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-transform: uppercase;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-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;
margin-right: 20px;
height: 80px;
}
@media (max-width: 1199.98px) {
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item {
margin-right: 10px;
}
}
.header-with-fill div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item,
.header-with-accent-fill div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item {
height: 50px;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item:last-of-type {
margin-right: 0;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item > a.mega-menu-link {
display: block;
position: relative;
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
height: auto;
border-radius: 4px !important;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
overflow: hidden;
}
.navigation-hover-style1 div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item > a.mega-menu-link:before {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
-webkit-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
-webkit-box-shadow: inset 0 0 0 40px;
box-shadow: inset 0 0 0 40px;
border-radius: 4px;
margin: 0;
z-index: -1;
}
.navigation-hover-style2 div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item > a.mega-menu-link {
padding: 0 0;
margin: 0 0;
border-radius: 0 !important;
}
.navigation-hover-style2 div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item > a.mega-menu-link:before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 0;
margin: 0;
-webkit-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
-webkit-transition-property: width;
-o-transition-property: width;
transition-property: width;
-webkit-box-shadow: inset 0 0 0 5px;
box-shadow: inset 0 0 0 5px;
}
.navigation-hover-style2.header-with-accent-fill div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item > a.mega-menu-link:before {
color: inherit;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item > a.mega-menu-link:hover {
color: inherit;
font-weight: inherit;
background: none;
}
.navigation-hover-style1 div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:before, .navigation-hover-style1 div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:before, .navigation-hover-style1 div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:before, .navigation-hover-style1 div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:before, .navigation-hover-style1 div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item > a.mega-menu-link:hover:before {
opacity: .2;
visibility: visible;
}
.navigation-hover-style1 .dark-color div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:before, .navigation-hover-style1 .dark-color div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:before, .navigation-hover-style1 .dark-color div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:before, .navigation-hover-style1 .dark-color div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:before, .navigation-hover-style1 .dark-color div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item > a.mega-menu-link:hover:before {
opacity: .05;
}
.navigation-hover-style2 div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:before, .navigation-hover-style2 div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:before, .navigation-hover-style2 div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:before, .navigation-hover-style2 div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:before, .navigation-hover-style2 div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item > a.mega-menu-link:hover:before {
width: 15px;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu {
position: fixed;
top: 103px;
left: 50%;
width: 95%;
max-width: 1240px;
font-size: 12px;
color: #000;
padding: 20px 25px 20px;
text-transform: uppercase;
background: #FFFFFF;
-webkit-box-shadow: 0px 10px 35px rgba(216, 216, 216, 0.5);
box-shadow: 0px 10px 35px rgba(216, 216, 216, 0.5);
border-radius: 4px;
-webkit-transform: translateX(-50%) rotateX(-80deg) !important;
transform: translateX(-50%) rotateX(-80deg) !important;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition: all 700ms ease !important;
-o-transition: all 700ms ease !important;
transition: all 700ms ease !important;
opacity: 1 !important;
}
.header-with-fill div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu,
.header-with-accent-fill div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu {
top: 88px;
}
.light-header div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu {
background: #161616;
color: #fff;
-webkit-box-shadow: 0px 10px 35px rgba(46, 46, 46, 0.5);
box-shadow: 0px 10px 35px rgba(46, 46, 46, 0.5);
}
.fixed div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item.mega-menu-megamenu > .mega-sub-menu {
top: 80px;
border-radius: 0 0 4px 4px;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item.mega-menu-megamenu.mega-toggle-on > .mega-sub-menu {
-webkit-transform: translateX(-50%) rotateX(0deg) !important;
transform: translateX(-50%) rotateX(0deg) !important;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu {
position: absolute;
top: 100%;
left: 0;
border-radius: 4px;
color: #000;
background: #fff;
padding: 8px 0;
-webkit-transform: rotateX(-80deg) !important;
transform: rotateX(-80deg) !important;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition: all 700ms ease !important;
-o-transition: all 700ms ease !important;
transition: all 700ms ease !important;
-webkit-box-shadow: 0px 10px 35px rgba(216, 216, 216, 0.5);
box-shadow: 0px 10px 35px rgba(216, 216, 216, 0.5);
}
.fixed div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu {
border-radius: 0 0 4px 4px;
}
.light-header div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu {
background: #161616;
color: #fff;
-webkit-box-shadow: 0px 10px 35px rgba(46, 46, 46, 0.5);
box-shadow: 0px 10px 35px rgba(46, 46, 46, 0.5);
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item a.mega-menu-link {
background: none;
padding: 8px 20px;
line-height: 1.2em;
font-weight: 500;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
color: inherit;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item a.mega-menu-link:before {
content: '';
position: absolute;
top: 16px;
left: 20px;
width: 0;
height: 0;
border-bottom: 1px solid;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
background: transparent;
font-weight: 500;
padding-left: 35px;
color: inherit;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item a.mega-menu-link:hover:before, div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item a.mega-menu-link:focus:before {
width: 15px;
left: 12px;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item.mega-menu-item-has-children > a {
position: relative;
padding-right: 30px;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu li.mega-menu-item.mega-menu-item-has-children > a:after {
content: '+';
display: block;
position: absolute;
top: 50%;
right: 15px;
margin-top: -0.6em;
font-weight: normal;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu .mega-sub-menu {
top: -8px !important;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu .mega-current-menu-item > a,
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu .mega-current-menu-ancestor > a,
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item:not(.mega-menu-megamenu) .mega-sub-menu .mega-current-page-ancestor > a {
font-weight: bold !important;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item:not(.mega-menu-megamenu).mega-toggle-on > .mega-sub-menu,
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item:not(.mega-menu-megamenu) li.mega-toggle-on > .mega-sub-menu {
-webkit-transform: rotateX(0deg) !important;
transform: rotateX(0deg) !important;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
padding-top: 0;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
display: inline-block;
font-size: 11px;
font-weight: 500;
color: #575757;
background: #faf9f9;
padding: 2px 10px;
border-radius: 4px;
margin: 0 -10px;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu {
margin-top: 10px;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu .mega-current-menu-item > a,
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu .mega-current-menu-ancestor > a,
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu .mega-current-page-ancestor > a {
font-weight: bold !important;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu a {
color: #272626 !important;
font-weight: 500 !important;
font-size: 14px !important;
margin-bottom: 8px !important;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.light-header div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu a {
color: #fff !important;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu a:before {
content: '';
position: absolute;
top: 12px;
left: 0;
width: 0;
border-bottom: 1px solid;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu a:hover {
padding-left: 10px;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right > li.mega-menu-item ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > .mega-sub-menu a:hover:before {
left: -10px;
width: 15px;
}
div#mega-menu-wrap-center-logo-right ul#mega-menu-center-logo-right .mega-indicator {
display: none !important;
}
/*
- Navigation Butter
*/
.nav-butter,
.sidebar-butter {
position: relative;
width: 24px;
height: 18px;
padding: 3px;
-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;
pointer-events: all;
cursor: pointer;
}
.nav-butter.visible_menu,
.sidebar-butter.visible_menu {
display: none;
}
@media (max-width: 991.98px) {
.nav-butter.visible_menu,
.sidebar-butter.visible_menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.nav-butter > span,
.sidebar-butter > span {
display: block;
width: 100%;
height: 2px;
-webkit-box-shadow: inset 0 0 0 2px;
box-shadow: inset 0 0 0 2px;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
border-radius: 2px;
}
.nav-butter.active > span:nth-child(1),
.sidebar-butter.active > span:nth-child(1) {
-webkit-transform: translateY(5px) rotate(45deg);
-ms-transform: translateY(5px) rotate(45deg);
transform: translateY(5px) rotate(45deg);
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
}
.nav-butter.active > span:nth-child(2),
.sidebar-butter.active > span:nth-child(2) {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
}
.nav-butter.active > span:nth-child(3),
.sidebar-butter.active > span:nth-child(3) {
-webkit-transform: translateY(-5px) rotate(-45deg);
-ms-transform: translateY(-5px) rotate(-45deg);
transform: translateY(-5px) rotate(-45deg);
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
}
.nav-butter:before {
content: '';
display: none;
position: absolute;
top: -12px;
left: -7px;
right: -7px;
bottom: -12px;
background: #202020;
border-radius: 4px;
opacity: .8;
z-index: -1;
}
.light-header .nav-butter:before {
background: #202020;
}
.header-side .nav-butter {
display: none;
}
@media (max-width: 991.98px) {
.header-side .nav-butter {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.sidebar-butter {
margin-left: 0;
}
@media (max-width: 991.98px) {
.sidebar-butter {
display: none;
}
}
/*
- Mobile Navigation Block
*/
.mobile-navigation-block {
position: fixed;
background: #fff;
-webkit-transform: translate(100%);
-ms-transform: translate(100%);
transform: translate(100%);
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
z-index: 200;
}
.mobile-navigation-block.light-header {
background: #161616;
color: #fff;
}
.admin-bar .mobile-navigation-block {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .mobile-navigation-block {
top: 46px;
}
}
.mobile-navigation-block.active {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
.mobile-navigation-block.fixed .mobile-navigation {
top: 100px;
}
.mobile-navigation-block .close {
position: absolute;
top: 20px;
right: 20px;
}
.mobile-navigation-block .header-bottom-block {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.mobile-navigation-block .header-bottom-block:before {
content: '';
position: absolute;
top: 0;
left: 15px;
right: 0;
background: -webkit-gradient(linear, left top, right top, from(#000), to(#fff));
background: -o-linear-gradient(left, #000 0%, #fff 100%);
background: linear-gradient(to right, #000 0%, #fff 100%);
height: 1px;
opacity: .2;
}
.header-light .mobile-navigation-block .header-bottom-block:before {
background: -webkit-gradient(linear, left top, right top, from(#fff), to(#000));
background: -o-linear-gradient(left, #fff 0%, #000 100%);
background: linear-gradient(to right, #fff 0%, #000 100%);
}
.mobile-navigation-block .header-bottom-block .container,
.mobile-navigation-block .header-bottom-block .container-fluid {
padding: 25px 35px;
}
/*
- Mobile Navigation
*/
.mobile-navigation {
position: absolute;
top: 130px;
left: 20px;
right: 0px;
padding-right: 17px;
bottom: 90px;
overflow-x: hidden;
overflow-y: auto;
font-weight: 500;
}
.mobile-navigation .mega-menu-toggle {
display: none;
}
.mobile-navigation a {
color: inherit;
}
.mobile-navigation .menu {
padding-left: 20px;
}
.mobile-navigation .menu.container {
margin: 0 auto;
}
.mobile-navigation .menu > li > a {
position: relative;
display: block;
font-size: 28px;
line-height: 1.1;
text-transform: uppercase;
padding: 5px 0;
margin: 1px 0;
opacity: .6;
z-index: 1;
}
.mobile-navigation .menu > li > a:before {
content: '';
position: absolute;
top: 0;
left: -20px;
bottom: 0;
width: 200%;
background: #000;
opacity: 0;
z-index: -1;
}
.header-light .mobile-navigation .menu > li > a:before {
background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
background: -o-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
.mobile-navigation .menu > li > a.current,
.mobile-navigation .menu > li.current-menu-item > a,
.mobile-navigation .menu > li.current-menu-ancestor > a,
.mobile-navigation .menu > li.current_page_item > a,
.mobile-navigation .menu > li.current_page_parent > a,
.mobile-navigation .menu > li.current-menu-ancestor > a,
.mobile-navigation .menu > li.mega-current-menu-item > a,
.mobile-navigation .menu > li.mega-current-menu-ancestor > a,
.mobile-navigation .menu > li.mega-current_page_item > a,
.mobile-navigation .menu > li.mega-current_page_parent > a,
.mobile-navigation .menu > li.mega-current-menu-ancestor > a,
.mobile-navigation .menu > li:hover > a {
opacity: 1;
}
.mobile-navigation .menu > li > a.current:before,
.mobile-navigation .menu > li.current-menu-item > a:before,
.mobile-navigation .menu > li.current-menu-ancestor > a:before,
.mobile-navigation .menu > li.current_page_item > a:before,
.mobile-navigation .menu > li.current_page_parent > a:before,
.mobile-navigation .menu > li.current-menu-ancestor > a:before,
.mobile-navigation .menu > li.mega-current-menu-item > a:before,
.mobile-navigation .menu > li.mega-current-menu-ancestor > a:before,
.mobile-navigation .menu > li.mega-current_page_item > a:before,
.mobile-navigation .menu > li.mega-current_page_parent > a:before,
.mobile-navigation .menu > li.mega-current-menu-ancestor > a:before,
.mobile-navigation .menu > li:hover > a:before {
opacity: .05;
}
.mobile-navigation .menu li > a {
display: block;
}
.mobile-navigation .menu li.menu-item-has-children, .mobile-navigation .menu li.mega-menu-item-has-children {
position: relative;
}
.mobile-navigation .menu li.menu-item-has-children > a:after, .mobile-navigation .menu li.mega-menu-item-has-children > a:after {
content: '+';
display: inline-block;
margin-left: 8px;
font-size: 14px;
line-height: 1;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
font-weight: normal;
vertical-align: middle;
margin-bottom: 4px;
}
.mobile-navigation .menu li.menu-item-has-children > a.current:after, .mobile-navigation .menu li.mega-menu-item-has-children > a.current:after {
content: '-';
}
.mobile-navigation .sub-menu,
.mobile-navigation .mega-sub-menu {
position: relative;
padding: 10px 20px;
display: none;
font-size: 14px;
margin-bottom: 18px;
counter-reset: slides-num;
z-index: 1;
}
.mobile-navigation .sub-menu > li,
.mobile-navigation .mega-sub-menu > li {
position: relative;
counter-increment: slides-num;
z-index: 1;
}
.mobile-navigation .sub-menu > li > a,
.mobile-navigation .mega-sub-menu > li > a {
display: inline-block;
position: relative;
color: #868686;
}
.mobile-navigation .sub-menu > li > a span,
.mobile-navigation .mega-sub-menu > li > a span {
position: relative;
}
.mobile-navigation .sub-menu > li > a span:before,
.mobile-navigation .mega-sub-menu > li > a span:before {
content: "0" counter(slides-num);
position: absolute;
top: -3px;
right: 100%;
margin-right: 1px;
font-weight: bold;
font-size: 8px;
opacity: 0.8;
}
.mobile-navigation .sub-menu > li > a span:after,
.mobile-navigation .mega-sub-menu > li > a span:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 50%;
height: 7px;
z-index: -1;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.mobile-navigation .sub-menu > li:nth-child(n+10) > a > span:before,
.mobile-navigation .mega-sub-menu > li:nth-child(n+10) > a > span:before {
content: counter(slides-num);
}
.mobile-navigation .sub-menu > li > a.current,
.mobile-navigation .sub-menu > li.current-menu-item > a,
.mobile-navigation .sub-menu > li.current-menu-ancestor > a,
.mobile-navigation .sub-menu > li.current_page_item > a,
.mobile-navigation .sub-menu > li.current_page_parent > a,
.mobile-navigation .sub-menu > li.current-menu-ancestor > a,
.mobile-navigation .sub-menu > li.mega-current-menu-item > a,
.mobile-navigation .sub-menu > li.mega-current-menu-ancestor > a,
.mobile-navigation .sub-menu > li.mega-current_page_item > a,
.mobile-navigation .sub-menu > li.mega-current_page_parent > a,
.mobile-navigation .sub-menu > li.mega-current-menu-ancestor > a,
.mobile-navigation .sub-menu > li:hover > a,
.mobile-navigation .mega-sub-menu > li.current-menu-item > a,
.mobile-navigation .mega-sub-menu > li.current-menu-ancestor > a,
.mobile-navigation .mega-sub-menu > li.current_page_item > a,
.mobile-navigation .mega-sub-menu > li.current_page_parent > a,
.mobile-navigation .mega-sub-menu > li.current-menu-ancestor > a,
.mobile-navigation .mega-sub-menu > li.mega-current-menu-item > a,
.mobile-navigation .mega-sub-menu > li.mega-current-menu-ancestor > a,
.mobile-navigation .mega-sub-menu > li.mega-current_page_item > a,
.mobile-navigation .mega-sub-menu > li.mega-current_page_parent > a,
.mobile-navigation .mega-sub-menu > li.mega-current-menu-ancestor > a,
.mobile-navigation .mega-sub-menu > li:hover > a {
color: #fff;
}
.dark-header .mobile-navigation .sub-menu > li > a.current, .dark-header .mobile-navigation .sub-menu > li.current-menu-item > a, .dark-header .mobile-navigation .sub-menu > li.current-menu-ancestor > a, .dark-header .mobile-navigation .sub-menu > li.current_page_item > a, .dark-header .mobile-navigation .sub-menu > li.current_page_parent > a, .dark-header .mobile-navigation .sub-menu > li.current-menu-ancestor > a, .dark-header .mobile-navigation .sub-menu > li.mega-current-menu-item > a, .dark-header .mobile-navigation .sub-menu > li.mega-current-menu-ancestor > a, .dark-header .mobile-navigation .sub-menu > li.mega-current_page_item > a, .dark-header .mobile-navigation .sub-menu > li.mega-current_page_parent > a, .dark-header .mobile-navigation .sub-menu > li.mega-current-menu-ancestor > a, .dark-header .mobile-navigation .sub-menu > li:hover > a, .dark-header .mobile-navigation .mega-sub-menu > li.current-menu-item > a, .dark-header .mobile-navigation .mega-sub-menu > li.current-menu-ancestor > a, .dark-header .mobile-navigation .mega-sub-menu > li.current_page_item > a, .dark-header .mobile-navigation .mega-sub-menu > li.current_page_parent > a, .dark-header .mobile-navigation .mega-sub-menu > li.current-menu-ancestor > a, .dark-header .mobile-navigation .mega-sub-menu > li.mega-current-menu-item > a, .dark-header .mobile-navigation .mega-sub-menu > li.mega-current-menu-ancestor > a, .dark-header .mobile-navigation .mega-sub-menu > li.mega-current_page_item > a, .dark-header .mobile-navigation .mega-sub-menu > li.mega-current_page_parent > a, .dark-header .mobile-navigation .mega-sub-menu > li.mega-current-menu-ancestor > a, .dark-header .mobile-navigation .mega-sub-menu > li:hover > a {
color: #000;
}
.mobile-navigation .sub-menu > li > a.current:before,
.mobile-navigation .sub-menu > li.current-menu-item > a:before,
.mobile-navigation .sub-menu > li.current-menu-ancestor > a:before,
.mobile-navigation .sub-menu > li.current_page_item > a:before,
.mobile-navigation .sub-menu > li.current_page_parent > a:before,
.mobile-navigation .sub-menu > li.current-menu-ancestor > a:before,
.mobile-navigation .sub-menu > li.mega-current-menu-item > a:before,
.mobile-navigation .sub-menu > li.mega-current-menu-ancestor > a:before,
.mobile-navigation .sub-menu > li.mega-current_page_item > a:before,
.mobile-navigation .sub-menu > li.mega-current_page_parent > a:before,
.mobile-navigation .sub-menu > li.mega-current-menu-ancestor > a:before,
.mobile-navigation .sub-menu > li:hover > a:before,
.mobile-navigation .mega-sub-menu > li.current-menu-item > a:before,
.mobile-navigation .mega-sub-menu > li.current-menu-ancestor > a:before,
.mobile-navigation .mega-sub-menu > li.current_page_item > a:before,
.mobile-navigation .mega-sub-menu > li.current_page_parent > a:before,
.mobile-navigation .mega-sub-menu > li.current-menu-ancestor > a:before,
.mobile-navigation .mega-sub-menu > li.mega-current-menu-item > a:before,
.mobile-navigation .mega-sub-menu > li.mega-current-menu-ancestor > a:before,
.mobile-navigation .mega-sub-menu > li.mega-current_page_item > a:before,
.mobile-navigation .mega-sub-menu > li.mega-current_page_parent > a:before,
.mobile-navigation .mega-sub-menu > li.mega-current-menu-ancestor > a:before,
.mobile-navigation .mega-sub-menu > li:hover > a:before {
opacity: 1;
}
.mobile-navigation .sub-menu > li > a.current span:after,
.mobile-navigation .sub-menu > li.current-menu-item > a span:after,
.mobile-navigation .sub-menu > li.current-menu-ancestor > a span:after,
.mobile-navigation .sub-menu > li.current_page_item > a span:after,
.mobile-navigation .sub-menu > li.current_page_parent > a span:after,
.mobile-navigation .sub-menu > li.current-menu-ancestor > a span:after,
.mobile-navigation .sub-menu > li.mega-current-menu-item > a span:after,
.mobile-navigation .sub-menu > li.mega-current-menu-ancestor > a span:after,
.mobile-navigation .sub-menu > li.mega-current_page_item > a span:after,
.mobile-navigation .sub-menu > li.mega-current_page_parent > a span:after,
.mobile-navigation .sub-menu > li.mega-current-menu-ancestor > a span:after,
.mobile-navigation .sub-menu > li:hover > a span:after,
.mobile-navigation .mega-sub-menu > li.current-menu-item > a span:after,
.mobile-navigation .mega-sub-menu > li.current-menu-ancestor > a span:after,
.mobile-navigation .mega-sub-menu > li.current_page_item > a span:after,
.mobile-navigation .mega-sub-menu > li.current_page_parent > a span:after,
.mobile-navigation .mega-sub-menu > li.current-menu-ancestor > a span:after,
.mobile-navigation .mega-sub-menu > li.mega-current-menu-item > a span:after,
.mobile-navigation .mega-sub-menu > li.mega-current-menu-ancestor > a span:after,
.mobile-navigation .mega-sub-menu > li.mega-current_page_item > a span:after,
.mobile-navigation .mega-sub-menu > li.mega-current_page_parent > a span:after,
.mobile-navigation .mega-sub-menu > li.mega-current-menu-ancestor > a span:after,
.mobile-navigation .mega-sub-menu > li:hover > a span:after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.mobile-navigation .sub-menu a,
.mobile-navigation .mega-sub-menu a {
padding: 3px 0;
}
.mobile-navigation .sub-menu .sub-menu,
.mobile-navigation .sub-menu .mega-sub-menu,
.mobile-navigation .mega-sub-menu .sub-menu,
.mobile-navigation .mega-sub-menu .mega-sub-menu {
margin: 7px 0;
padding: 0 0 0 15px;
background: none;
}
.mobile-navigation .mega-menu-row > .mega-sub-menu,
.mobile-navigation .mega-menu-grid > .mega-sub-menu {
display: block;
padding-left: 0;
margin: 0;
}
.mobile-navigation .image-nav-block {
display: none;
}
/*
- Popup Search Form
*/
.search-popup {
position: fixed;
z-index: 99;
background: rgba(0, 0, 0, 0.3);
color: #000;
-webkit-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
}
.admin-bar .search-popup {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .search-popup {
top: 46px;
}
}
.search-popup .form-block {
padding: 150px 30px 90px;
background: #fff;
width: 100%;
}
.search-popup .title {
color: #4B4B4B;
opacity: 0.8;
max-width: 1280px;
margin: 0 auto 20px;
}
.search-popup .searchform {
position: relative;
border: none;
border-bottom: 2px solid #ccc;
max-width: 1280px;
padding: 0;
margin: 0 auto;
background: none;
color: inherit;
}
.search-popup .searchform:before {
content: '';
position: absolute;
top: 100%;
left: 0;
width: 0;
height: 2px;
-webkit-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
}
.search-popup .searchform > div .input {
font-size: 30px;
color: #4B4B4B;
font-style: normal;
height: 60px;
}
.search-popup .searchform .searchsubmit {
font-size: 30px;
opacity: 1;
}
.search-popup .searchform.focus:before {
width: 100%;
}
.search-popup .close {
position: absolute;
top: 50%;
left: 50%;
cursor: pointer;
margin-top: -80px;
margin-left: 250px;
font-size: 12px;
}
.search-popup.light-color {
background: rgba(0, 0, 0, 0.3);
color: #fff;
}
.search-popup.light-color .form-block {
background: #000;
color: #fff;
}
.search-popup.light-color .title {
color: #d8d8d8;
}
@media (max-width: 767.98px) {
.search-popup .form-block {
padding: 105px 15px 45px;
}
.search-popup .searchform > div .input {
font-size: 20px;
height: 40px;
}
.search-popup .searchform .searchsubmit {
font-size: 18px;
}
}
/*
- Subscribe Popup
*/
.subscribe-popup {
position: fixed;
z-index: 99;
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: rgba(0, 0, 0, 0.95);
-webkit-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
}
.subscribe-popup .close {
position: absolute;
top: 50%;
left: 50%;
cursor: pointer;
margin-top: -80px;
margin-left: 250px;
font-size: 12px;
}
.subscribe-popup .wrap {
width: 100%;
padding: 0 30px;
max-width: 480px;
}
.subscribe-popup .subscribe-form {
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;
width: 100%;
}
.subscribe-popup .subscribe-form .input-row {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.subscribe-popup .subscribe-form .input {
margin-bottom: 0;
font-size: 14px;
padding: 10px 0;
}
.subscribe-popup .subscribe-form button {
margin-left: 30px;
font-size: 14px;
}
/*
- Sidebar Content Block
*/
.sidebar-content-block {
position: fixed;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
top: 0;
left: 0;
bottom: 0;
background: #fff;
border-right: 1px solid #eee;
z-index: 101;
width: 100%;
max-width: 380px;
padding: 60px 30px 30px !important;
-webkit-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
-webkit-transition-property: margin, -webkit-transform;
transition-property: margin, -webkit-transform;
-o-transition-property: transform, margin;
transition-property: transform, margin;
transition-property: transform, margin, -webkit-transform;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
margin-bottom: 0 !important;
}
.dark-scheme .sidebar-content-block {
background: #000;
border-right: 1px solid #141414;
}
.dark-scheme .sidebar-content-block .scrollbar-inner > .scroll-element .scroll-element_track {
background: #5a5a5a;
}
.dark-scheme .sidebar-content-block .scrollbar-inner > .scroll-element .scroll-bar {
background: #353535;
}
.sidebar-content-block.active {
-webkit-transform: translate(0) !important;
-ms-transform: translate(0) !important;
transform: translate(0) !important;
}
.admin-bar .sidebar-content-block {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .sidebar-content-block {
top: 46px;
}
}
.with-sidebar .sidebar-content-block,
.with-sidebar-shop .sidebar-content-block {
right: auto;
left: 0;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
margin-left: 0;
border-right: none;
border-right: 1px solid #eaeaea;
}
.with-sidebar .sidebar-content-block.active,
.with-sidebar-shop .sidebar-content-block.active {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
margin-left: 75px;
}
.sidebar-content-block .close {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
}
.sidebar-content-block .wrap {
height: 100%;
width: 100%;
}
.sidebar-content-block .wrap .scroll-element.scroll-y.scroll-scrolly_visible {
right: -20px;
}
.sidebar-content-block .scrollbar-inner > .scroll-element.scroll-x {
display: none !important;
}
.sidebar-content-block .scroll-wrapper > .scroll-content {
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.sidebar-content-block .widget:not(:last-of-type) {
margin-bottom: 48px;
}
.sidebar-content-block .widget-title {
font-size: 24px;
font-weight: 500;
margin-bottom: 35px;
}
.sidebar-content-overlay {
position: fixed;
background: #000000;
z-index: 100;
}
.sidebar-content-overlay.active {
opacity: .8;
}
/*
- Main Container
*/
.main-container {
min-width: 100%;
}
.header-space-true .main-container {
padding-top: 35px;
}
.single-post .main-container {
padding-top: 0;
}
.page-template-template-landing.header-space-true .main-container,
.single-product .main-container {
padding: 0;
}
.main-section {
position: relative;
z-index: 1;
}
/*
- Footer
*/
.site-footer {
position: relative;
z-index: 1;
background: #0B2976;
color: #fff;
margin-top: auto;
}
.site-footer .dark-scheme,
.site-footer .light-scheme {
background: none !important;
}
.site-footer.default-footer {
padding: 55px 0 25px;
}
.site-footer .site-logo {
margin-bottom: 16px;
min-height: 40px;
margin-top: -12px;
}
.site-footer .site-logo + .widget_archive {
margin-top: 41px;
}
.site-footer .social-links {
margin: 20px 0;
}
.site-footer .widget {
margin-bottom: 45px;
}
.site-footer .widget .widget-title {
margin: 0px 0 22px;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
}
.site-footer .widget ul {
color: inherit;
}
.site-footer .widget ul li {
border-bottom: none;
}
.site-footer .widget + .social-links-widget {
margin-top: -27px;
}
.site-footer .social-links .label {
font-size: 14px;
font-weight: 500;
}
.site-footer .footer-bottom {
position: relative;
font-size: 13px;
padding: 17px 0;
background: #071B50;
}
.site-footer .footer-bottom .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.site-footer .footer-bottom .left-text {
opacity: 0.6;
}
.site-footer .footer-bottom .right-text {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: auto;
}
@media (max-width: 575.98px) {
.site-footer .footer-bottom .right-text {
display: block;
}
}
.footer-links,
.site-footer .footer-bottom .links {
display: inline-block;
font-size: 13px;
}
.footer-links a,
.site-footer .footer-bottom .links a {
position: relative;
color: inherit;
}
.footer-links a:not(:last-child),
.site-footer .footer-bottom .links a:not(:last-child) {
margin-right: 22px;
}
.footer-links a:not(:last-child):after,
.site-footer .footer-bottom .links a:not(:last-child):after {
content: '';
position: absolute;
top: 50%;
right: -14px;
width: 1px;
height: 20px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
opacity: 0.1;
margin-top: -10px;
}
.footer-links a:hover span,
.site-footer .footer-bottom .links a:hover span {
opacity: .5;
}
.footer-site-right,
.site-footer .footer-bottom .site-right {
display: inline-block;
font-size: 13px;
margin-left: 25px;
opacity: 0.6;
}
@media (max-width: 575.98px) {
.footer-site-right,
.site-footer .footer-bottom .site-right {
margin-left: 15px;
}
}
@media (max-width: 575.98px) {
.site-footer .footer-bottom {
display: block;
}
}
/*
- Heading Block
*/
.wpb_wrapper > p {
font-size: 44px;
font-weight: 400;
line-height: 1.32;
color: #000;
margin: 0 auto 20px;
}
.heading-block {
position: relative;
}
.heading-block.page-title {
margin: 0 0 50px;
}
.heading-block .h-top {
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;
}
.heading-block .h-top i {
margin-bottom: 15px;
margin-right: 10px;
color: #FCCB71;
}
.heading-block .h-top i img {
display: block !important;
margin: 0 !important;
}
.heading-block .h-top + .h {
margin-top: 0.12em;
}
.heading-block .h-top + .h1 {
margin-top: .05em;
}
.heading-block.tac .h-top {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.heading-block.tar .h-top {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.heading-block .sub-h {
position: relative;
display: inline-block;
margin-bottom: 15px;
font-size: 18px;
color: #535353;
z-index: 1;
}
body.dark-scheme .heading-block .sub-h,
body .dark-scheme .heading-block .sub-h {
color: #A4A4A4;
}
.heading-block .sub-h span {
opacity: .75;
}
@media (max-width: 575.98px) {
.heading-block .sub-h {
font-size: 16px;
}
}
.heading-block.with-sub-h-bg .sub-h {
padding: 5px 12px 3px;
color: #6B6B6B;
}
.heading-block.with-sub-h-bg .sub-h:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #f6f6f6;
border-radius: 8px;
z-index: -1;
}
body.dark-scheme .heading-block.with-sub-h-bg .sub-h:before,
body .dark-scheme .heading-block.with-sub-h-bg .sub-h:before,
.banner-item.white .heading-block.with-sub-h-bg .sub-h:before {
background: #212121;
}
.heading-block.with-sub-h-bg .sub-h span {
opacity: .75;
}
.elementor-heading-block,
.heading-block .h {
position: relative;
font-size: 18px;
font-weight: 500;
line-height: 2.14;
letter-spacing: 1px;
color: #303381;
margin: 0 auto;
}
body.dark-scheme .elementor-heading-block,
body .dark-scheme .elementor-heading-block,
.content-color-white .elementor-heading-block,
.banner-item.white .elementor-heading-block, body.dark-scheme .heading-block .h,
body .dark-scheme .heading-block .h,
.content-color-white .heading-block .h,
.banner-item.white .heading-block .h {
color: #fff;
}
.site-footer .elementor-heading-block, .site-footer .heading-block .h {
color: inherit;
}
.elementor-heading-block .div span,
.elementor-heading-block div span,
.heading-block .h .div span,
.heading-block .h div span {
position: relative;
}
.elementor-heading-block .div span img,
.elementor-heading-block div span img,
.heading-block .h .div span img,
.heading-block .h div span img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
width: 360px;
max-width: none;
}
.elementor-heading-block .div span:hover img,
.elementor-heading-block div span:hover img,
.heading-block .h .div span:hover img,
.heading-block .h div span:hover img {
opacity: .6;
}
.heading-block .decor-svg {
line-height: 0;
margin-bottom: 30px;
}
.heading-block .decor-svg svg {
display: inline-block;
stroke: currentColor;
}
.elementor-heading-block.decor-lines > div,
.elementor-heading-block.decor-lines > .div,
.heading-block.decor-lines .h > div,
.heading-block.decor-lines .h > .div {
position: relative;
display: inline-block;
}
.elementor-heading-block.decor-lines > div:before, .elementor-heading-block.decor-lines > div:after,
.elementor-heading-block.decor-lines > .div:before,
.elementor-heading-block.decor-lines > .div:after,
.heading-block.decor-lines .h > div:before,
.heading-block.decor-lines .h > div:after,
.heading-block.decor-lines .h > .div:before,
.heading-block.decor-lines .h > .div:after {
content: '';
position: absolute;
top: 50%;
width: 3000px;
height: 1px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
margin: 0 20px;
opacity: 0.3;
}
.elementor-heading-block.decor-lines > div:before,
.elementor-heading-block.decor-lines > .div:before,
.heading-block.decor-lines .h > div:before,
.heading-block.decor-lines .h > .div:before {
right: 100%;
}
.elementor-heading-block.decor-lines > div:after,
.elementor-heading-block.decor-lines > .div:after,
.heading-block.decor-lines .h > div:after,
.heading-block.decor-lines .h > .div:after {
left: 100%;
}
.elementor-heading-block.with-underline .div span:before,
.heading-block.with-underline .h span:before {
display: none;
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 3px;
-webkit-box-shadow: inset 0 0 0 3px;
box-shadow: inset 0 0 0 3px;
margin-top: .42em;
z-index: 2;
}
.elementor-heading-block.with-underline.with-accent-bg .div span:before,
.heading-block.with-underline.with-accent-bg .h span:before {
left: 0.1em;
right: .1em;
}
.elementor-heading-block.with-shadow, .heading-block.with-shadow {
text-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
}
.elementor-heading-block.with-accent-bg .div span,
.heading-block.with-accent-bg .h span {
display: inline-block;
color: inherit;
padding: 0 .1em .1em;
}
.elementor-heading-block.with-accent-bg .div span:after,
.heading-block.with-accent-bg .h span:after {
content: attr(data-text);
color: #fff;
padding: 0 .1em;
background: #000;
-webkit-text-fill-color: inherit;
z-index: 1;
}
body.dark-scheme .elementor-heading-block.with-accent-bg .div span:after,
body .dark-scheme .elementor-heading-block.with-accent-bg .div span:after,
.content-color-white .elementor-heading-block.with-accent-bg .div span:after,
.banner-item.white .elementor-heading-block.with-accent-bg .div span:after, body.dark-scheme .heading-block.with-accent-bg .h span:after,
body .dark-scheme .heading-block.with-accent-bg .h span:after,
.content-color-white .heading-block.with-accent-bg .h span:after,
.banner-item.white .heading-block.with-accent-bg .h span:after {
color: #000;
background: #fff;
}
.elementor-heading-block.with-accent-bg .div span.uppercase,
.heading-block.with-accent-bg .h span.uppercase {
padding-bottom: 0;
}
/*
- Banner Social Links
*/
.banner-social-links {
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 20;
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;
pointer-events: none;
text-transform: lowercase;
width: 80px;
}
.one-screen-scroll .banner-social-links {
width: 60px;
}
.banner-social-links a {
pointer-events: all;
}
.bsl-right .banner-social-links {
left: auto;
right: 0;
}
.banner-social-links .social-links {
display: block;
}
.banner-social-links .social-links > a {
margin-right: 0;
margin-bottom: 20px;
}
.banner-social-links .social-links > a:last-child {
margin-bottom: 0;
}
.banner-social-links .social-links-with-label,
.banner-social-links .social-links-label {
-webkit-transform: rotate(-90deg) translateZ(0);
transform: rotate(-90deg) translateZ(0);
-webkit-transform-origin: 50.01% 50.01%;
-ms-transform-origin: 50.01% 50.01%;
transform-origin: 50.01% 50.01%;
}
.bsl-right .banner-social-links .social-links-with-label, .bsl-right .banner-social-links .social-links-label {
-webkit-transform: rotate(90deg) translateZ(0);
transform: rotate(90deg) translateZ(0);
}
@media (max-width: 767.98px) {
.banner-social-links {
display: none;
}
.banner-area .banner-social-links {
display: none;
}
}
/*
- Contact Row
*/
.contact-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
margin-bottom: 10px;
line-height: 1.71429em;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 1.2;
}
.contact-row .label {
min-width: 65px;
padding-right: 10px;
font-weight: 500;
}
/*
- CountDown
*/
.countdownHolder {
overflow: hidden;
}
.countdownHolder > span {
float: left;
margin-right: 55px;
margin-bottom: 15px;
}
.countdownHolder > span:last-child {
margin-right: 0 !important;
}
.countdownHolder .num {
display: block;
font-size: 100px;
height: .9em;
}
.countdownHolder .num .position {
float: left;
width: 0.6em;
height: .9em;
overflow: hidden;
position: relative;
font-weight: 200;
}
.countdownHolder .num .position .digit {
position: absolute;
display: block;
width: .6em;
line-height: .9em;
text-align: center;
}
.countdownHolder .name {
font-size: 18px;
}
@media (max-width: 575.98px) {
.countdownHolder {
margin-right: 30px;
max-width: 300px;
margin: 0 auto;
}
.countdownHolder .num {
font-size: 55px;
}
}
/*
- Blog
*/
.blog-block {
margin: 30px 0;
}
.blog-items .col-12 {
padding: 0 15px;
}
.archive-blog-items {
margin-top: -5px;
}
.author-info-block {
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;
}
.author-info-block .avatar {
width: 45px;
height: 45px;
margin-right: 7px;
border-radius: 50%;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.author-info-block .name {
font-weight: bold;
text-transform: capitalize;
font-size: 14px;
}
.author-info-block .date {
font-size: 14px;
}
.blog-item {
position: relative;
margin-bottom: 30px;
}
.blog-item.sticky .wrap {
background: #d5d6f7 !important;
}
.archive-blog-items .blog-item {
margin-bottom: 30px;
}
.blog-item .sticky {
position: absolute;
top: 1px;
left: 20px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
font-size: 24px;
opacity: 0.4;
z-index: 2;
}
.blog-item .author-info-block {
position: absolute;
top: 15px;
left: -17px;
color: #4B4B4B;
background: #fff;
-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
padding: 7px 23px 7px 17px;
pointer-events: none;
z-index: 2;
}
.with-image-overlay .blog-item .author-info-block {
background: none;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
left: 0;
}
.blog-item .wrap {
position: relative;
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;
height: 100%;
background: #FDFDFD;
-webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.08);
box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.08);
color: #000;
padding: 30px 17px 30px;
padding: 35px 28px 35px;
z-index: 1;
}
.dark-scheme #page .blog-item .wrap,
#page .dark-scheme .blog-item .wrap {
color: #fff;
background: #191919;
}
.blog-item .img {
position: relative;
margin: 0px 0px 30px;
z-index: 1;
}
.blog-item .img .decor {
content: '';
position: absolute;
top: -8px;
left: -8px;
right: 40px;
bottom: 15px;
z-index: -1;
}
.blog-item .img img {
display: block;
}
.blog-item .img a {
position: relative;
display: block;
padding-bottom: 73.01587%;
}
.with-image-overlay .blog-item .img a:before {
content: '';
background: rgba(0, 0, 0, 0.2);
}
.blog-item .categories {
font-size: 14px;
color: #5E5E5E;
margin-bottom: 0.42857em;
}
.blog-item .title {
display: block;
font-weight: bold;
font-size: 24px;
line-height: 1;
margin-top: 0;
margin-bottom: 0.41667em;
word-break: break-word;
color: #3E3E3E;
}
.dark-scheme #page .blog-item .title:not(:hover),
#page .dark-scheme .blog-item .title:not(:hover) {
color: inherit;
}
.blog-item .title + .button {
margin-top: auto;
padding-top: 30px;
}
.blog-item .title:hover {
color: #939393;
}
.blog-item .title a:hover {
color: inherit;
}
.blog-item .desc {
line-height: 1.37;
word-break: break-word;
color: #5A5A5A;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
line-clamp: 3;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -moz-box;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
box-orient: vertical;
}
.blog-item .button {
margin-top: 25px;
}
.blog-item .readmore-link {
font-weight: bold;
}
.blog-item .readmore-link i {
font-size: 13px;
margin-left: 5px;
}
.blog-items.style1 .blog-item .img {
margin-top: -9px;
margin-left: -11px;
margin-right: -11px;
}
.blog-items.style2 .blog-item .wrap {
background: #F9F9F9;
padding: 35px 28px 35px;
-webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.05);
box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.05);
}
.blog-items.style2 .blog-item .img {
position: relative;
margin: -35px -28px 35px;
}
.blog-items.style2 .blog-item .img .decor {
top: auto;
bottom: 0%;
left: 0;
right: 0;
height: 8px;
z-index: 2;
}
.blog-items.style2 .blog-item .img a {
padding-bottom: 60%;
}
.blog-items.style2 .blog-item .title {
line-height: 1.08333;
}
.blog-items.style2 .blog-item .author-info-block {
left: 0;
}
@media (max-width: 767.98px) {
.blog-items.style2 .blog-item .wrap {
padding: 25px 15px 17px;
}
.blog-items.style2 .blog-item .img {
margin: -25px -15px 28px;
}
}
.blog-masonry.blog-items.style2 .blog-item .img a {
padding-bottom: 0;
}
.blog-items.style3 .blog-item .wrap {
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;
background: #131313;
-webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.05);
box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.05);
padding: 180px 28px 40px;
color: #fff;
}
.blog-items.style3 .blog-item .wrap *:first-child {
margin-top: auto;
}
.blog-items.style3 .blog-item .author-info-block {
left: 0;
padding: 20px 28px;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
color: inherit;
}
.blog-items.style3 .blog-item .decor {
display: none;
}
.blog-items.style3 .blog-item .img {
z-index: -1;
margin: 0;
}
.blog-items.style3 .blog-item .img a {
padding: 0 !important;
}
.blog-items.style3 .blog-item .img a:before {
content: '';
display: block;
background: rgba(0, 0, 0, 0.6);
}
.blog-items.style3 .blog-item .img + * {
margin-top: auto;
}
.blog-items.style3 .blog-item .categories,
.blog-items.style3 .blog-item .title {
color: inherit;
}
.blog-items.style3 .blog-item .desc {
color: #AFAFAF;
}
.blog-items.style3 .blog-item .button {
margin-top: 15px;
padding-top: 0;
}
.blog-items.style3:not(.with-hover-image) .blog-item .img {
overflow: hidden;
}
.blog-items.style3:not(.with-hover-image) .blog-item .img a {
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.blog-items.style3:not(.with-hover-image) .blog-item:hover .img a {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.blog-items.style3.with-hover-image .blog-item .wrap {
background: #F9F9F9;
color: #040404;
}
.blog-items.style3.with-hover-image .blog-item .wrap:hover .img a {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.blog-items.style3.with-hover-image .blog-item .img a {
-webkit-clip-path: polygon(0 0, 60px 0, 60px 100%, 0% 100%);
clip-path: polygon(0 0, 60px 0, 60px 100%, 0% 100%);
opacity: .3;
-webkit-transition-property: -webkit-clip-path;
transition-property: -webkit-clip-path;
-o-transition-property: clip-path;
transition-property: clip-path;
transition-property: clip-path, -webkit-clip-path;
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
}
.blog-items.style3.with-hover-image .blog-item .author-info-block {
top: 35px;
color: #040404;
}
.blog-items.style3.with-hover-image .blog-item .desc {
color: #5A5A5A;
}
.blog-horizontal .blog-item .wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
padding: 50px 30px 50px;
}
.blog-horizontal .blog-item .img {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.42012%;
-ms-flex: 0 0 41.42012%;
flex: 0 0 41.42012%;
margin: -50px 42px -50px -30px;
}
.blog-horizontal .blog-item .img .decor {
display: none;
}
.blog-horizontal .blog-item .img a {
padding-bottom: 0;
height: 100%;
}
.blog-horizontal .blog-item .author-info-block {
position: relative;
top: 0;
left: 0;
background: none;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 40px;
}
.blog-horizontal .blog-item .button {
margin-top: 26px;
}
.blog-horizontal.boxed-off .blog-item .wrap {
background: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.blog-classic .blog-item {
margin-bottom: 40px;
}
.blog-classic .blog-item .wrap {
padding: 0;
background: none !important;
-webkit-box-shadow: none;
box-shadow: none;
}
.blog-classic .blog-item .img .decor {
display: none;
}
.blog-classic .blog-item .img a {
padding-bottom: 50%;
}
.blog-classic .blog-item .author-info-block {
top: 30px;
left: 0;
}
body.dark-scheme .blog-item .categories,
body .dark-scheme .blog-item .categories {
color: #868686;
}
body.dark-scheme .blog-item .tile,
body .dark-scheme .blog-item .tile {
color: #BEBEBE;
}
.blog-carousel .prev,
.blog-carousel .next {
position: absolute;
top: 50%;
margin-top: -.5em;
cursor: pointer;
}
.blog-carousel .prev {
left: -30px;
}
.blog-carousel .next {
right: -30px;
}
/*
- Single Post Page
*/
.post-featured-image {
margin: 0 -140px 65px;
}
.post-featured-image img {
display: block;
margin: 0 auto;
}
.post-featured-image span {
display: block;
padding-bottom: 30.12821%;
}
@media screen and (max-width: 1650px) {
.post-featured-image {
margin: 0 0 65px;
}
}
.post-content-block,
.project-content-block,
.content-area {
margin-bottom: 45px;
}
body.dark-scheme .post-content-block,
body .dark-scheme .post-content-block, body.dark-scheme .project-content-block,
body .dark-scheme .project-content-block, body.dark-scheme .content-area,
body .dark-scheme .content-area {
color: #fff;
}
.post-content-block .breadcrumbs,
.project-content-block .breadcrumbs,
.content-area .breadcrumbs {
margin-bottom: 40px;
}
.post-content-block .featured-image,
.project-content-block .featured-image,
.content-area .featured-image {
margin-bottom: 45px;
}
.post-content-block .featured-image img,
.project-content-block .featured-image img,
.content-area .featured-image img {
display: block;
}
.post-content-block .featured-image span,
.project-content-block .featured-image span,
.content-area .featured-image span {
display: block;
padding-bottom: 50%;
}
.post-content-block > .heading-block,
.project-content-block > .heading-block,
.content-area > .heading-block {
margin-bottom: -2px;
}
.post-content-block .post-content .wpb_text_column :first-child,
.post-content-block .post-content .wpb_text_column p:first-child,
.project-content-block .post-content .wpb_text_column :first-child,
.project-content-block .post-content .wpb_text_column p:first-child,
.content-area .post-content .wpb_text_column :first-child,
.content-area .post-content .wpb_text_column p:first-child {
margin-top: 0;
}
.post-content-block .post-top,
.project-content-block .post-top,
.content-area .post-top {
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;
margin-bottom: 30px;
}
.post-content-block .post-top + .heading-block,
.project-content-block .post-top + .heading-block,
.content-area .post-top + .heading-block {
margin-top: 5px;
}
.post-content-block .post-top .date,
.project-content-block .post-top .date,
.content-area .post-top .date {
font-size: 14px;
opacity: 0.7;
}
.post-content-block .post-top .categories,
.project-content-block .post-top .categories,
.content-area .post-top .categories {
font-size: 14px;
font-weight: bold;
text-transform: lowercase;
}
body.dark-scheme .post-content-block p,
body .dark-scheme .post-content-block p, body.dark-scheme .project-content-block p,
body .dark-scheme .project-content-block p, body.dark-scheme .content-area p,
body .dark-scheme .content-area p {
color: #BDBDBD;
}
.post-content-block p,
.post-content-block table:not(.cart):not(.shop_table),
.post-content-block dl,
.project-content-block p,
.project-content-block table:not(.cart):not(.shop_table),
.project-content-block dl,
.content-area p,
.content-area table:not(.cart):not(.shop_table),
.content-area dl {
font-size: 16px;
line-height: 1.62;
margin: 2em 0;
color: #535353;
}
.post-content-block p mark,
.post-content-block table:not(.cart):not(.shop_table) mark,
.post-content-block dl mark,
.project-content-block p mark,
.project-content-block table:not(.cart):not(.shop_table) mark,
.project-content-block dl mark,
.content-area p mark,
.content-area table:not(.cart):not(.shop_table) mark,
.content-area dl mark {
background: #d5d7fe;
-webkit-box-shadow: -3px -2px 0 #d5d7fe, 3px -2px 0 #d5d7fe, 3px 2px 0 #d5d7fe, -3px 2px 0 #d5d7fe;
box-shadow: -3px -2px 0 #d5d7fe, 3px -2px 0 #d5d7fe, 3px 2px 0 #d5d7fe, -3px 2px 0 #d5d7fe;
}
.dark-scheme .post-content-block p mark, .dark-scheme .post-content-block table:not(.cart):not(.shop_table) mark, .dark-scheme .post-content-block dl mark, .dark-scheme .project-content-block p mark, .dark-scheme .project-content-block table:not(.cart):not(.shop_table) mark, .dark-scheme .project-content-block dl mark, .dark-scheme .content-area p mark, .dark-scheme .content-area table:not(.cart):not(.shop_table) mark, .dark-scheme .content-area dl mark {
color: #BDBDBD;
background: #171832;
-webkit-box-shadow: -3px -2px 0 #171832, 3px -2px 0 #171832, 3px 2px 0 #171832, -3px 2px 0 #171832;
box-shadow: -3px -2px 0 #171832, 3px -2px 0 #171832, 3px 2px 0 #171832, -3px 2px 0 #171832;
}
.post-content-block ul,
.post-content-block ol,
.project-content-block ul,
.project-content-block ol,
.content-area ul,
.content-area ol {
color: #535353;
font-size: 18px;
line-height: 1.77778;
}
.post-content-block {
margin-top: 38px;
margin-bottom: 0;
/* color: #606060; */
}
.post-content-block + .post-nav-buttons {
margin-top: 30px;
margin-bottom: 75px;
}
.project-content-block {
position: relative;
margin-top: 40px;
}
.project-content-block .post-share-block {
position: absolute;
right: 100%;
margin-right: 18px;
}
.project-content-block .post-content > .clearfix > *:first-child {
margin-top: 0;
}
.project-content-block .post-content > .clearfix > *:last-child {
margin-bottom: 0;
}
.project-content-block .project-top-block {
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;
}
.project-content-block .project-top-block .zilla-likes {
margin-left: auto;
margin-bottom: 12px;
}
.project-content-block .categories {
color: #9B9B9B;
font-size: 14px;
line-height: 1.28571;
margin-bottom: 12px;
}
.project-content-block .heading-block {
margin: 0 0 28px;
}
.project-content-block .heading-block .sub-h {
text-transform: capitalize;
}
.light-scheme .project-content-block .share-stick-block {
top: 0;
color: #000;
background: rgba(0, 0, 0, 0.05);
}
.project-content-block .post-bottom-block {
margin-top: 40px;
}
.zilla-likes {
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: bold;
font-size: 12px;
color: inherit;
text-transform: capitalize;
}
.zilla-likes span {
opacity: .61;
}
.zilla-likes .icon {
position: relative;
margin-left: 2px;
opacity: 1;
}
.zilla-likes .icon i {
display: block;
font-size: 20px;
}
.zilla-likes .icon i + i {
position: absolute;
top: 0;
left: 0;
}
.zilla-likes.active .icon {
color: #303381;
}
.post-like-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 25px 0;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.post-bottom-meta-block {
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;
margin-bottom: 60px;
}
.post-bottom-meta-block .tags {
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;
}
.post-bottom-meta-block .tags > * {
margin-top: 4px;
margin-bottom: 4px;
}
.post-bottom-meta-block .tags .label {
font-weight: bold;
margin-right: 7px;
}
.post-bottom-meta-block .tags a {
background: #F6F6F6;
height: 20px;
padding: 0 10px;
border-radius: 15px;
margin-right: 8px;
font-size: 12px;
color: #696969;
}
.post-bottom-meta-block .tags a:hover {
color: #fff;
}
.dark-scheme .post-bottom-meta-block .tags a:not(:hover) {
color: #fff;
background: #4c4c4c;
}
.post-bottom-meta-block .post-like-block {
margin-left: auto;
}
@media (max-width: 767.98px) {
.post-bottom-meta-block {
display: block;
}
.post-bottom-meta-block .post-like-block {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.post-bottom-block {
position: relative;
border-top: 1px solid #e6e6e6;
padding-top: 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;
margin-top: 10px;
}
.post-bottom-block .button-style3 {
height: 40px;
padding: 0 25px;
}
.post-bottom-block .button-style3:before {
border-radius: 25px;
}
.post-bottom-block .next {
margin-left: auto;
}
.post-bottom-block .next:not(:hover):before,
.post-bottom-block .prev:not(:hover):before {
border-color: #696969;
}
.post-bottom-block .bottom-link {
position: absolute;
left: 50%;
bottom: 0;
font-size: 24px;
color: inherit;
line-height: 40px;
margin-left: -.5em;
}
.dark-scheme .post-bottom-block {
border-top-color: #4c4c4c;
}
@media (max-width: 767.98px) {
.post-bottom-block .button-style3 {
height: 35px;
padding: 0 18px;
font-size: 14px;
}
.post-bottom-block .bottom-link {
line-height: 35px;
}
}
@media (max-width: 575.98px) {
.post-bottom-block .zilla-likes {
position: absolute;
right: 0;
bottom: 100%;
margin-bottom: 10px;
}
}
/*
- Scroll To Top Button
*/
.scroll-to-top-button {
position: fixed;
right: 40px;
bottom: 10px;
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;
text-transform: uppercase;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
-webkit-transform: rotate(-90deg) translateX(100%);
-ms-transform: rotate(-90deg) translateX(100%);
transform: rotate(-90deg) translateX(100%);
-webkit-transform-origin: 99.9% 0%;
-ms-transform-origin: 99.9% 0%;
transform-origin: 99.9% 0%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 100;
cursor: pointer;
}
.scroll-to-top-button i {
font-size: 15px;
margin-right: 13px;
}
.scroll-to-top-button span {
font-size: 12px;
}
.scroll-to-top-button:hover {
-webkit-transform: rotate(-90deg) translateX(102%);
-ms-transform: rotate(-90deg) translateX(102%);
transform: rotate(-90deg) translateX(102%);
}
@media (max-width: 767.98px) {
.scroll-to-top-button {
display: none;
}
}
/*
- Project Page
*/
.project-single-page {
padding-top: 0 !important;
}
.project-single-page .featured-image {
margin-top: 45px;
margin-bottom: 40px;
}
.project-single-page .featured-image div {
padding-bottom: 55%;
}
.project-single-page .featured-image img {
display: block;
margin: 0 auto;
}
.project-content-block {
background: transparent;
border: none;
padding: 0;
}
.project-fields {
margin: 40px 0px 60px;
background: #000;
padding: 30px 30px 0;
}
.project-fields .col {
margin-bottom: 30px;
}
.project-fields .label {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
opacity: 0.52;
margin-bottom: 10px;
}
.project-fields .value {
font-size: 18px;
font-weight: 600;
}
.project-video {
margin: 40px 0 20px;
}
.project-video .wrap {
position: relative;
padding-bottom: 56.25%;
}
.project-video .wrap iframe,
.project-video .wrap video {
height: 100%;
width: 100%;
}
.project-gallery {
margin: 40px -15px;
}
.project-gallery .item {
position: relative;
}
.project-gallery .item a {
display: block;
margin-bottom: 30px;
}
.project-gallery .item a span {
display: block;
}
.project-gallery .item img {
display: block;
}
.project-gallery.style-grid .item, .project-gallery.style-packery .item {
padding: 0;
margin-bottom: 0;
}
.project-gallery.style-grid .item:before, .project-gallery.style-packery .item:before {
content: '';
display: block;
padding-bottom: 100%;
}
.project-gallery.style-grid .item a, .project-gallery.style-packery .item a {
margin-bottom: 0;
}
.project-gallery.style-grid .item a span, .project-gallery.style-packery .item a span {
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
}
.project-gallery.style-packery.cols-3 .item:nth-child(4n+4):before {
padding-bottom: 200.1%;
}
.project-gallery.style-packery.cols-3 .item:nth-child(4n+5) {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.project-gallery.style-packery.cols-3 .item:nth-child(4n+5):before {
padding-bottom: 50%;
}
.project-slider {
position: relative;
margin-bottom: 41px;
}
.project-slider .prev,
.project-slider .next {
position: absolute;
top: 50%;
font-size: 16px;
margin-top: -0.5em;
cursor: pointer;
z-index: 24;
}
.project-slider .prev {
left: -22px;
}
.project-slider .next {
right: -22px;
}
.project-carousel div.counter-block,
.project-slider div.counter-block {
right: 0;
bottom: 0;
background: #fff;
height: 45px;
padding: 0 20px;
}
.project-carousel div.counter-block .total,
.project-slider div.counter-block .total {
color: #A7A7A7;
}
.project-slider .slider .swiper-slide a {
display: block;
}
.project-slider .slider .swiper-slide a span {
display: block;
padding-bottom: 45.45455%;
}
.project-slider .thumbs {
position: absolute;
left: 50%;
bottom: 15px;
background: rgba(244, 244, 244, 0.4);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
padding: 15px 30px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2;
border-radius: 20px;
width: 410px;
}
.project-slider .thumbs[data-count="3"] {
width: 330px;
}
.project-slider .thumbs[data-count="2"] {
width: 230px;
}
.project-slider .thumbs .prev {
left: 7px;
}
.project-slider .thumbs .next {
right: 7px;
}
.project-slider .thumbs .swiper-slide {
border-radius: 15px;
cursor: pointer;
}
.project-slider .thumbs .swiper-slide:before {
content: '';
display: block;
padding-bottom: 100%;
opacity: .8;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
border-radius: 15px;
}
.project-slider .thumbs .swiper-slide.swiper-slide-thumb-active:before {
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
}
/*
- Project Carousel
*/
.project-carousel {
position: relative;
margin-bottom: 41px;
}
.project-carousel .prev,
.project-carousel .next {
position: absolute;
top: 50%;
left: 50%;
margin-top: -.5em;
z-index: 5;
cursor: pointer;
}
.project-carousel .prev {
margin-left: -389px;
}
.project-carousel .next {
margin-left: 372px;
}
.project-carousel .swiper-container .swiper-slide {
position: relative;
width: 730px;
opacity: .6;
}
.project-carousel .swiper-container .swiper-slide.swiper-slide-active {
opacity: 1;
}
.project-carousel .swiper-container .swiper-slide a {
display: block;
padding-bottom: 68.49315%;
}
.project-carousel .swiper-container .swiper-slide .play-button {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
}
.project-carousel div.counter-block {
position: absolute;
left: 50%;
right: auto;
margin-left: 394px;
min-width: 160px;
}
@media (max-width: 991.98px) {
.project-carousel .prev {
margin-left: -311px;
}
.project-carousel .next {
margin-left: 309px;
}
.project-carousel div.counter-block {
margin-left: 325px;
min-width: 105px;
}
.project-carousel .swiper-container .swiper-slide {
width: 595px;
}
}
@media (max-width: 767.98px) {
.project-carousel .prev {
margin-left: -211px;
}
.project-carousel .next {
margin-left: 195px;
}
.project-carousel div.counter-block {
margin-left: 217px;
}
.project-carousel .swiper-container .swiper-slide {
width: 375px;
}
}
@media (max-width: 575.98px) {
.project-carousel .prev {
margin-left: -161px;
}
.project-carousel .next {
margin-left: 144px;
}
.project-carousel div.counter-block {
margin-left: 53px;
height: 35px;
padding: 0 10px;
min-width: 85px;
}
.project-carousel .swiper-container .swiper-slide {
width: 275px;
}
}
/*
- Project Horizontal
*/
.project-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-left: 150px;
}
.project-horizontal .project-content-block {
-webkit-box-flex: 0;
-webkit-flex: 0 0 450px;
-ms-flex: 0 0 450px;
flex: 0 0 450px;
margin-right: 30px;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.project-horizontal .project-horizontal-carousel {
position: relative;
padding-bottom: 52px;
}
.project-horizontal .project-horizontal-carousel .counter-block {
right: 100px;
}
.project-horizontal .project-horizontal-carousel .swiper-slide {
position: relative;
width: auto;
}
.project-horizontal .project-horizontal-carousel .swiper-slide .play-button {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
}
.project-horizontal .project-horizontal-carousel .swiper-slide img {
display: block;
width: auto;
max-width: none;
}
.project-page-image-right-side .post-bottom-block,
.project-split-screen .post-bottom-block,
.project-horizontal .post-bottom-block {
padding: 11px 0 0;
}
.project-page-image-right-side .post-bottom-block .button-style4,
.project-split-screen .post-bottom-block .button-style4,
.project-horizontal .post-bottom-block .button-style4 {
height: 32px;
font-size: 13px;
padding: 0 13px;
}
.project-page-image-right-side .post-bottom-block .button-style4 i,
.project-split-screen .post-bottom-block .button-style4 i,
.project-horizontal .post-bottom-block .button-style4 i {
font-size: 1em;
}
.project-page-image-right-side .post-bottom-block .button-style3,
.project-split-screen .post-bottom-block .button-style3,
.project-horizontal .post-bottom-block .button-style3 {
height: 35px;
padding: 0 20px;
}
.project-page-image-right-side .post-bottom-block .prev,
.project-split-screen .post-bottom-block .prev,
.project-horizontal .post-bottom-block .prev {
-webkit-box-ordinal-group: -1;
-webkit-order: -2;
-ms-flex-order: -2;
order: -2;
margin-right: 15px;
}
.project-page-image-right-side .post-bottom-block .next,
.project-split-screen .post-bottom-block .next,
.project-horizontal .post-bottom-block .next {
margin-left: 0;
}
.project-page-image-right-side .post-bottom-block .bottom-link,
.project-split-screen .post-bottom-block .bottom-link,
.project-horizontal .post-bottom-block .bottom-link {
position: relative;
left: 0;
margin-left: 0;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
margin-right: 15px;
font-size: 20px;
}
.project-page-image-right-side .post-bottom-block .zilla-likes,
.project-split-screen .post-bottom-block .zilla-likes,
.project-horizontal .post-bottom-block .zilla-likes {
margin-left: auto;
}
.project-horizontal div.counter-block {
bottom: 10px;
}
@media (max-width: 991.98px) {
.project-horizontal {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 !important;
padding: 0;
}
.project-horizontal .project-content-block {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0 0 0;
}
.project-horizontal .project-horizontal-carousel {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
-webkit-box-flex: 1 !important;
-webkit-flex: 1 !important;
-ms-flex: 1 !important;
flex: 1 !important;
max-width: none !important;
}
.project-horizontal .project-horizontal-carousel .counter-block {
left: auto;
right: 0;
}
.project-horizontal .project-horizontal-carousel .swiper-slide img {
height: 240px !important;
}
.project-horizontal .post-bottom-block {
margin-bottom: 40px;
}
}
/*
- Project Page Image Right Side
*/
.project-page-image-right-side {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.project-page-image-right-side .heading-block {
margin-top: 0;
}
.project-page-image-right-side .project-content-block {
-webkit-box-flex: 0;
-webkit-flex: 0 0 450px;
-ms-flex: 0 0 450px;
flex: 0 0 450px;
max-width: 450px;
margin-right: 50px;
}
.project-page-image-right-side .right-side {
min-height: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.project-page-image-right-side .right-side > .wrap {
overflow: hidden;
overflow-y: auto;
-ms-overflow-style: none;
}
.project-page-image-right-side .right-side > .wrap::-webkit-scrollbar {
display: none;
}
.project-page-image-right-side .right-side > .scroll-element.scroll-y {
right: 0;
}
.project-page-image-right-side .right-side > .scroll-element.scroll-x {
display: none !important;
}
.project-page-image-right-side .right-side > .scroll-element .scroll-bar {
background: #000;
opacity: 0.2;
}
.project-page-image-right-side .right-side > .scroll-element .scroll-bar:hover {
opacity: 1;
}
.project-page-image-right-side .right-side .scroll-element .scroll-element_track {
background: none;
}
.project-page-image-right-side .right-side .project-video {
margin: 0 0 30px;
}
.project-page-image-right-side .right-side .item {
margin-bottom: 30px;
}
.project-page-image-right-side .right-side .item:last-child,
.project-page-image-right-side .right-side .item:last-child a {
margin-bottom: 0;
}
.project-page-image-right-side .right-side .item a {
display: block;
padding-bottom: 70%;
}
.project-page-image-right-side .right-side .item img {
display: block;
width: 100%;
}
.project-page-image-right-side.masonry .right-side {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.project-page-image-right-side.masonry .right-side .project-gallery {
margin: 0 -15px;
}
.project-page-image-right-side.masonry .right-side .item a {
padding-bottom: 0;
}
.project-page-image-right-side.masonry .right-side .project-video {
margin-bottom: 30px;
}
@media (max-width: 991.98px) {
.project-page-image-right-side {
display: block;
}
.project-page-image-right-side .project-content-block {
max-width: 100%;
margin-right: 0;
}
.project-page-image-right-side .right-side > .wrap {
padding-bottom: 30px;
height: auto !important;
margin-right: 0 !important;
}
}
/*
- Project Split Screen
*/
.project-split-screen {
position: relative;
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;
width: 100vw;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.project-split-screen .heading-block {
margin-top: 0;
}
.project-split-screen .project-content-block {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding: 0 15px;
}
.project-split-screen .project-content-block > .content {
max-width: 620px;
margin: auto;
}
.project-split-screen .right-side {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.project-split-screen .right-side .nav-arrows-block {
left: 0;
}
.project-split-screen .right-side .swiper-slide {
position: relative;
}
.project-split-screen .right-side .swiper-slide a {
z-index: 0;
}
.project-split-screen .right-side .swiper-slide .video-button {
position: relative;
z-index: 2;
}
.project-split-screen .swiper-dots-type2 {
position: absolute;
top: 50%;
left: 100%;
color: #fff;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
margin: 0;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
z-index: 2;
display: none;
}
@media (max-width: 991.98px) {
.project-split-screen {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.project-split-screen .project-content-block {
max-width: 100%;
}
.project-split-screen .right-side {
position: relative;
width: 100%;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.project-split-screen .right-side .nav-arrows-block {
left: 0 !important;
margin-left: 0 !important;
}
.project-split-screen .right-side > .wrap {
height: 500px !important;
margin: 0 !important;
}
.project-split-screen .swiper-dots {
top: auto;
bottom: 0;
left: 0;
-webkit-box-orient: inherit;
-webkit-box-direction: inherit;
-webkit-flex-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
width: auto;
}
.project-split-screen .swiper-dots .swiper-pagination-bullet {
margin: 4px !important;
}
}
/*
- Comments
*/
.comments-area {
margin-top: 82px;
margin-bottom: 90px;
}
.comments-area .comment-items-wrap {
margin-bottom: 88px;
max-width: 635px;
}
.comments-area #commentform-area {
max-width: 635px;
}
.comments-area .comment-title {
margin-bottom: 33px;
font-size: 32px;
}
.comments-area .comment-items {
padding: 0;
margin: 0;
}
.comments-area .comment-items .comment-item {
position: relative;
margin-bottom: 45px;
display: block;
}
.comments-area .comment-items .comment-item .replytocom {
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;
margin-left: auto;
font-weight: bold;
font-size: 14px;
text-transform: capitalize;
border: 1px solid #696969;
border-radius: 30px;
height: 27px;
padding: 0 12px;
}
.comments-area .comment-items .comment-item .replytocom i {
margin-right: 4px;
}
.comments-area .comment-items .comment-item .replytocom:hover {
border-color: inherit;
}
.comments-area .comment-items .comment-item .top-block {
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;
margin-bottom: 5px;
}
.comments-area .comment-items .comment-item .image {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50px;
-ms-flex: 0 0 50px;
flex: 0 0 50px;
max-width: 50px;
margin-right: 13px;
border-radius: 50%;
overflow: hidden;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.comments-area .comment-items .comment-item .image:before {
content: '';
display: block;
padding-bottom: 100%;
}
@media (max-width: 767.98px) {
.comments-area .comment-items .comment-item .image {
display: none;
}
}
.comments-area .comment-items .comment-item .area {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
-webkit-box-flex: 1;
-webkit-flex: 1 0 0;
-ms-flex: 1 0 0px;
flex: 1 0 0;
overflow: hidden;
}
.comments-area .comment-items .comment-item .top {
padding: 7px 0;
line-height: 1.2;
}
.comments-area .comment-items .comment-item .top .name {
font-size: 16px;
text-transform: capitalize;
font-weight: 500;
margin-bottom: 2px;
color: #4B4B4B;
}
.comments-area .comment-items .comment-item .top .time {
font-size: 14px;
color: #8E8E8E;
}
@media (max-width: 767.98px) {
.comments-area .comment-items .comment-item .top {
display: block;
}
}
.comments-area .comment-items .comment-item .content {
position: relative;
line-height: 1.57143;
padding: 11px 13px;
border-radius: 8px;
color: #535353;
background: #F4F5FB;
font-size: 14px;
z-index: 1;
}
.dark-scheme .comments-area .comment-items .comment-item .content {
color: #b7b7b7;
background: #252525;
}
.comments-area .comment-items .comment-item .comment-respond {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-top: 40px;
}
.comments-area .comment-items .comment-item .comment-respond .comment-title {
margin-bottom: 45px;
}
.comments-area .comment-items .comment-item .comment-respond .comment-title span {
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;
}
.comments-area .comment-items .comment-item .comment-respond .comment-title span small {
font-size: 12px;
text-transform: uppercase;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.comments-area .comment-items .comment-item.with-avatar .content {
margin-left: 50px;
}
@media (max-width: 767.98px) {
.comments-area .comment-items .comment-item.with-avatar .content {
margin-left: 0;
}
}
.comments-area .comment-items .children {
margin-left: 35px;
padding-left: 0;
}
.comments-area .comment-items .children li.comment {
max-width: 450px;
}
@media (max-width: 767.98px) {
.comments-area .comment-items .children {
margin-left: 15px;
}
}
.comments-area .comment-respond .button-style1 {
min-width: 105px;
}
.comment-form-cookies-consent {
padding: 0 15px;
margin: -6px 0 22px;
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;
}
.comment-form-cookies-consent #wp-comment-cookies-consent {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 10px;
}
.comment-form-cookies-consent label {
font-size: 12px;
line-height: 1.3;
color: #353535;
}
/*
- Logged Links
*/
.logged-links {
font-size: 14px;
margin: -20px 0 18px;
right: 0;
}
.logged-links a {
color: inherit;
}
.logged-links a:hover {
text-decoration: underline;
}
.comment-item .logged-links {
position: relative;
top: 0;
margin-top: -25px;
}
.logged-links a.logout {
margin-left: 10px;
}
/*
- Widget Side Bar
*/
.widget .screen-reader-text {
display: none;
}
.widget select {
color: #696969;
width: 100%;
border: none;
padding: 0 45px 0 22px;
height: 33px;
margin: 0 0 0;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent right 20px top 50% url(../images/select2.png) no-repeat;
background-size: 8px;
font-size: 14px;
font-family: inherit;
font-weight: normal;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
border: 1px solid #959595;
border-radius: 29px;
}
body.dark-scheme .widget select,
body .dark-scheme .widget select {
background-image: url(../images/select2-white.png);
color: #BABABA;
}
body.dark-scheme .widget select option,
body .dark-scheme .widget select option {
background: #0a0a0a;
}
.site-sidebar,
.wpb_widgetised_column,
.sidebar-content-block {
margin-bottom: 45px;
}
.single-post .site-sidebar, .single-post .wpb_widgetised_column, .single-post .sidebar-content-block {
margin-top: 46px;
}
@media (min-width: 768px) {
.site-sidebar,
.wpb_widgetised_column,
.sidebar-content-block {
padding-left: 50px;
}
}
.site-sidebar .widget-title,
.wpb_widgetised_column .widget-title,
.sidebar-content-block .widget-title {
margin: -15px -30px 30px;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
background: #F9F9F9;
color: #646060;
padding: 11px 30px;
line-height: 27px;
}
body.dark-scheme .site-sidebar .widget-title,
body .dark-scheme .site-sidebar .widget-title, body.dark-scheme .wpb_widgetised_column .widget-title,
body .dark-scheme .wpb_widgetised_column .widget-title, body.dark-scheme .sidebar-content-block .widget-title,
body .dark-scheme .sidebar-content-block .widget-title {
color: #c7c2c2;
background: #292929;
}
.site-sidebar .widget,
.wpb_widgetised_column .widget,
.sidebar-content-block .widget {
margin-bottom: 0px;
padding: 15px 30px;
}
.site-sidebar .widget.widget_search,
.wpb_widgetised_column .widget.widget_search,
.sidebar-content-block .widget.widget_search {
background: none;
padding: 0;
border: none;
}
.site-sidebar .widget.widget_search .searchform,
.wpb_widgetised_column .widget.widget_search .searchform,
.sidebar-content-block .widget.widget_search .searchform {
margin-bottom: 0;
}
.site-sidebar .widget.widget_search .searchform:first-child,
.wpb_widgetised_column .widget.widget_search .searchform:first-child,
.sidebar-content-block .widget.widget_search .searchform:first-child {
margin-top: 0;
}
.site-sidebar .widget .textwidget > *:first-child,
.wpb_widgetised_column .widget .textwidget > *:first-child,
.sidebar-content-block .widget .textwidget > *:first-child {
margin-top: 0;
}
.site-sidebar .widget_recent_entries,
.wpb_widgetised_column .widget_recent_entries,
.sidebar-content-block .widget_recent_entries {
padding-bottom: 15px;
}
.site-sidebar .widget_text .textwidget,
.wpb_widgetised_column .widget_text .textwidget,
.sidebar-content-block .widget_text .textwidget {
padding: 0 15px 10px;
}
.site-sidebar .widget_archive,
.site-sidebar .widget_categories,
.site-sidebar .widget_pages,
.site-sidebar .widget_meta,
.site-sidebar .widget_nav_menu,
.site-sidebar .product-categories,
.site-sidebar .widget_recent_entries,
.wpb_widgetised_column .widget_archive,
.wpb_widgetised_column .widget_categories,
.wpb_widgetised_column .widget_pages,
.wpb_widgetised_column .widget_meta,
.wpb_widgetised_column .widget_nav_menu,
.wpb_widgetised_column .product-categories,
.wpb_widgetised_column .widget_recent_entries,
.sidebar-content-block .widget_archive,
.sidebar-content-block .widget_categories,
.sidebar-content-block .widget_pages,
.sidebar-content-block .widget_meta,
.sidebar-content-block .widget_nav_menu,
.sidebar-content-block .product-categories,
.sidebar-content-block .widget_recent_entries {
padding-bottom: 26px;
}
.site-sidebar .widget_archive .widget-title,
.site-sidebar .widget_categories .widget-title,
.site-sidebar .widget_pages .widget-title,
.site-sidebar .widget_meta .widget-title,
.site-sidebar .widget_nav_menu .widget-title,
.site-sidebar .product-categories .widget-title,
.site-sidebar .widget_recent_entries .widget-title,
.wpb_widgetised_column .widget_archive .widget-title,
.wpb_widgetised_column .widget_categories .widget-title,
.wpb_widgetised_column .widget_pages .widget-title,
.wpb_widgetised_column .widget_meta .widget-title,
.wpb_widgetised_column .widget_nav_menu .widget-title,
.wpb_widgetised_column .product-categories .widget-title,
.wpb_widgetised_column .widget_recent_entries .widget-title,
.sidebar-content-block .widget_archive .widget-title,
.sidebar-content-block .widget_categories .widget-title,
.sidebar-content-block .widget_pages .widget-title,
.sidebar-content-block .widget_meta .widget-title,
.sidebar-content-block .widget_nav_menu .widget-title,
.sidebar-content-block .product-categories .widget-title,
.sidebar-content-block .widget_recent_entries .widget-title {
margin-bottom: 26px;
}
.site-sidebar .widget_archive ul,
.site-sidebar .widget_categories ul,
.site-sidebar .widget_pages ul,
.site-sidebar .widget_meta ul,
.site-sidebar .widget_nav_menu ul,
.site-sidebar .product-categories ul,
.site-sidebar .widget_recent_entries ul,
.wpb_widgetised_column .widget_archive ul,
.wpb_widgetised_column .widget_categories ul,
.wpb_widgetised_column .widget_pages ul,
.wpb_widgetised_column .widget_meta ul,
.wpb_widgetised_column .widget_nav_menu ul,
.wpb_widgetised_column .product-categories ul,
.wpb_widgetised_column .widget_recent_entries ul,
.sidebar-content-block .widget_archive ul,
.sidebar-content-block .widget_categories ul,
.sidebar-content-block .widget_pages ul,
.sidebar-content-block .widget_meta ul,
.sidebar-content-block .widget_nav_menu ul,
.sidebar-content-block .product-categories ul,
.sidebar-content-block .widget_recent_entries ul {
color: #555659;
font-weight: 600;
}
.site-sidebar .widget_archive ul li,
.site-sidebar .widget_categories ul li,
.site-sidebar .widget_pages ul li,
.site-sidebar .widget_meta ul li,
.site-sidebar .widget_nav_menu ul li,
.site-sidebar .product-categories ul li,
.site-sidebar .widget_recent_entries ul li,
.wpb_widgetised_column .widget_archive ul li,
.wpb_widgetised_column .widget_categories ul li,
.wpb_widgetised_column .widget_pages ul li,
.wpb_widgetised_column .widget_meta ul li,
.wpb_widgetised_column .widget_nav_menu ul li,
.wpb_widgetised_column .product-categories ul li,
.wpb_widgetised_column .widget_recent_entries ul li,
.sidebar-content-block .widget_archive ul li,
.sidebar-content-block .widget_categories ul li,
.sidebar-content-block .widget_pages ul li,
.sidebar-content-block .widget_meta ul li,
.sidebar-content-block .widget_nav_menu ul li,
.sidebar-content-block .product-categories ul li,
.sidebar-content-block .widget_recent_entries ul li {
position: relative;
padding: 0;
margin-bottom: 3px;
}
.site-sidebar .widget_archive ul li a,
.site-sidebar .widget_categories ul li a,
.site-sidebar .widget_pages ul li a,
.site-sidebar .widget_meta ul li a,
.site-sidebar .widget_nav_menu ul li a,
.site-sidebar .product-categories ul li a,
.site-sidebar .widget_recent_entries ul li a,
.wpb_widgetised_column .widget_archive ul li a,
.wpb_widgetised_column .widget_categories ul li a,
.wpb_widgetised_column .widget_pages ul li a,
.wpb_widgetised_column .widget_meta ul li a,
.wpb_widgetised_column .widget_nav_menu ul li a,
.wpb_widgetised_column .product-categories ul li a,
.wpb_widgetised_column .widget_recent_entries ul li a,
.sidebar-content-block .widget_archive ul li a,
.sidebar-content-block .widget_categories ul li a,
.sidebar-content-block .widget_pages ul li a,
.sidebar-content-block .widget_meta ul li a,
.sidebar-content-block .widget_nav_menu ul li a,
.sidebar-content-block .product-categories ul li a,
.sidebar-content-block .widget_recent_entries ul li a {
display: block;
border-radius: 4px;
line-height: 1.15;
padding: 5px 30px 5px 0;
}
.site-sidebar .widget_archive ul li a:before,
.site-sidebar .widget_categories ul li a:before,
.site-sidebar .widget_pages ul li a:before,
.site-sidebar .widget_meta ul li a:before,
.site-sidebar .widget_nav_menu ul li a:before,
.site-sidebar .product-categories ul li a:before,
.site-sidebar .widget_recent_entries ul li a:before,
.wpb_widgetised_column .widget_archive ul li a:before,
.wpb_widgetised_column .widget_categories ul li a:before,
.wpb_widgetised_column .widget_pages ul li a:before,
.wpb_widgetised_column .widget_meta ul li a:before,
.wpb_widgetised_column .widget_nav_menu ul li a:before,
.wpb_widgetised_column .product-categories ul li a:before,
.wpb_widgetised_column .widget_recent_entries ul li a:before,
.sidebar-content-block .widget_archive ul li a:before,
.sidebar-content-block .widget_categories ul li a:before,
.sidebar-content-block .widget_pages ul li a:before,
.sidebar-content-block .widget_meta ul li a:before,
.sidebar-content-block .widget_nav_menu ul li a:before,
.sidebar-content-block .product-categories ul li a:before,
.sidebar-content-block .widget_recent_entries ul li a:before {
display: none;
}
.site-sidebar .widget_archive ul li a:after,
.site-sidebar .widget_categories ul li a:after,
.site-sidebar .widget_pages ul li a:after,
.site-sidebar .widget_meta ul li a:after,
.site-sidebar .widget_nav_menu ul li a:after,
.site-sidebar .product-categories ul li a:after,
.site-sidebar .widget_recent_entries ul li a:after,
.wpb_widgetised_column .widget_archive ul li a:after,
.wpb_widgetised_column .widget_categories ul li a:after,
.wpb_widgetised_column .widget_pages ul li a:after,
.wpb_widgetised_column .widget_meta ul li a:after,
.wpb_widgetised_column .widget_nav_menu ul li a:after,
.wpb_widgetised_column .product-categories ul li a:after,
.wpb_widgetised_column .widget_recent_entries ul li a:after,
.sidebar-content-block .widget_archive ul li a:after,
.sidebar-content-block .widget_categories ul li a:after,
.sidebar-content-block .widget_pages ul li a:after,
.sidebar-content-block .widget_meta ul li a:after,
.sidebar-content-block .widget_nav_menu ul li a:after,
.sidebar-content-block .product-categories ul li a:after,
.sidebar-content-block .widget_recent_entries ul li a:after {
content: "";
font-family: "base-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-transform: none;
font-size: 12px;
margin-left: 4px;
position: absolute;
top: 8px;
right: 0;
}
.site-sidebar .widget select,
.wpb_widgetised_column .widget select,
.sidebar-content-block .widget select {
margin: 8px 0;
}
.site-sidebar .widget_tag_cloud .widget-title,
.wpb_widgetised_column .widget_tag_cloud .widget-title,
.sidebar-content-block .widget_tag_cloud .widget-title {
margin-bottom: 35px;
}
.site-sidebar .widget_tag_cloud .tagcloud,
.wpb_widgetised_column .widget_tag_cloud .tagcloud,
.sidebar-content-block .widget_tag_cloud .tagcloud {
padding-bottom: 12px;
}
.site-sidebar .widget_black_studio_tinymce .widget-title,
.wpb_widgetised_column .widget_black_studio_tinymce .widget-title,
.sidebar-content-block .widget_black_studio_tinymce .widget-title {
margin-bottom: 35px;
}
.site-sidebar .widget_categories ul li,
.wpb_widgetised_column .widget_categories ul li,
.sidebar-content-block .widget_categories ul li {
position: relative;
}
.site-sidebar .widget_categories ul li a,
.wpb_widgetised_column .widget_categories ul li a,
.sidebar-content-block .widget_categories ul li a {
display: inline-block;
position: static !important;
padding-right: 0;
}
.site-sidebar .widget_categories ul li a:after,
.wpb_widgetised_column .widget_categories ul li a:after,
.sidebar-content-block .widget_categories ul li a:after {
position: absolute;
top: 8px;
right: 0;
}
.site-sidebar .widget_categories ul li a:hover,
.wpb_widgetised_column .widget_categories ul li a:hover,
.sidebar-content-block .widget_categories ul li a:hover {
background: transparent;
}
.site-sidebar .widget_archive ul li,
.wpb_widgetised_column .widget_archive ul li,
.sidebar-content-block .widget_archive ul li {
padding: 5px 15px !important;
}
.site-sidebar .widget_archive ul li a,
.wpb_widgetised_column .widget_archive ul li a,
.sidebar-content-block .widget_archive ul li a {
display: inline;
padding: 0;
}
.site-sidebar .widget_archive ul li:hover,
.wpb_widgetised_column .widget_archive ul li:hover,
.sidebar-content-block .widget_archive ul li:hover {
background: #F9F9F9;
}
.site-sidebar .widget_recent_comments .widget-title,
.wpb_widgetised_column .widget_recent_comments .widget-title,
.sidebar-content-block .widget_recent_comments .widget-title {
margin-bottom: 18px;
}
.site-sidebar .widget_recent_comments ul,
.wpb_widgetised_column .widget_recent_comments ul,
.sidebar-content-block .widget_recent_comments ul {
padding: 0 15px 16px;
}
.site-sidebar .widget_recent_comments ul li span,
.wpb_widgetised_column .widget_recent_comments ul li span,
.sidebar-content-block .widget_recent_comments ul li span {
font-weight: 600;
opacity: 1;
}
.site-sidebar .widget_recent_comments ul li span a,
.wpb_widgetised_column .widget_recent_comments ul li span a,
.sidebar-content-block .widget_recent_comments ul li span a {
opacity: 1;
}
.site-sidebar .widget_recent_comments ul li a,
.wpb_widgetised_column .widget_recent_comments ul li a,
.sidebar-content-block .widget_recent_comments ul li a {
opacity: .8;
}
.site-sidebar .widget_rss,
.wpb_widgetised_column .widget_rss,
.sidebar-content-block .widget_rss {
padding-bottom: 20px;
}
.site-sidebar .widget_rss ul li,
.wpb_widgetised_column .widget_rss ul li,
.sidebar-content-block .widget_rss ul li {
background: #F9F9F9;
padding: 25px 15px;
margin-bottom: 9px;
}
.site-sidebar .widget_rss li .rsswidget,
.wpb_widgetised_column .widget_rss li .rsswidget,
.sidebar-content-block .widget_rss li .rsswidget {
font-weight: 600;
color: #041B28;
}
.site-sidebar .widget_rss li .rss-date,
.wpb_widgetised_column .widget_rss li .rss-date,
.sidebar-content-block .widget_rss li .rss-date {
font-size: 12px;
opacity: .7;
}
.site-sidebar .widget_rss li .rssSummary,
.wpb_widgetised_column .widget_rss li .rssSummary,
.sidebar-content-block .widget_rss li .rssSummary {
font-weight: 500;
font-size: 12px;
color: #676767;
line-height: 16px;
}
.site-sidebar .widget_rss li cite,
.wpb_widgetised_column .widget_rss li cite,
.sidebar-content-block .widget_rss li cite {
font-size: 12px;
font-style: normal;
opacity: .7;
}
.site-sidebar .social-links-widget,
.wpb_widgetised_column .social-links-widget,
.sidebar-content-block .social-links-widget {
border-bottom: none;
padding-left: 15px;
padding-right: 15px;
}
.site-sidebar .social-links-widget .label,
.wpb_widgetised_column .social-links-widget .label,
.sidebar-content-block .social-links-widget .label {
font-weight: 500;
}
.site-sidebar .widget + .social-links-widget,
.wpb_widgetised_column .widget + .social-links-widget,
.sidebar-content-block .widget + .social-links-widget {
margin-top: -9px;
}
.sidebar-style2 .widget {
background: #0f0f0f;
padding: 30px 15px;
}
.sidebar-style2 .widget-title {
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 5px;
margin-bottom: 20px;
}
/*
- Search Form
*/
.searchform,
.protected-post-form .form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0 0 0 15px;
margin: 25px 0;
border: 1px solid #f0f0f0;
background: #fff;
color: #000;
}
.searchform > div,
.protected-post-form .form > div {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.searchform > div .input,
.protected-post-form .form > div .input {
background: transparent;
border: none;
font-size: 16px;
color: #b1b0b0;
height: 45px;
width: 100%;
}
.searchform button,
.protected-post-form .form button {
-webkit-box-flex: 0;
-webkit-flex: 0 0 45px;
-ms-flex: 0 0 45px;
flex: 0 0 45px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
opacity: .5;
border-radius: 0;
}
.searchform button:hover,
.protected-post-form .form button:hover {
opacity: 1;
}
/*
- Widget Categories
*/
.widget_archive > ul > li:first-child,
.widget_categories > ul > li:first-child,
.widget_pages > ul > li:first-child,
.widget_meta > ul > li:first-child,
.widget_nav_menu > ul > li:first-child,
.product-categories > ul > li:first-child {
padding-top: 0;
}
.widget_archive ul,
.widget_categories ul,
.widget_pages ul,
.widget_meta ul,
.widget_nav_menu ul,
.product-categories ul {
font-weight: 500;
}
.widget_archive ul li,
.widget_categories ul li,
.widget_pages ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.product-categories ul li {
position: relative;
padding: 3px 0;
}
.widget_archive ul li:last-child,
.widget_categories ul li:last-child,
.widget_pages ul li:last-child,
.widget_meta ul li:last-child,
.widget_nav_menu ul li:last-child,
.product-categories ul li:last-child {
margin-bottom: 0;
border-bottom: 0;
}
.widget_archive ul li.menu-item-has-children a,
.widget_categories ul li.menu-item-has-children a,
.widget_pages ul li.menu-item-has-children a,
.widget_meta ul li.menu-item-has-children a,
.widget_nav_menu ul li.menu-item-has-children a,
.product-categories ul li.menu-item-has-children a {
position: relative;
}
.widget_archive ul li .sub-menu,
.widget_archive ul li .children,
.widget_categories ul li .sub-menu,
.widget_categories ul li .children,
.widget_pages ul li .sub-menu,
.widget_pages ul li .children,
.widget_meta ul li .sub-menu,
.widget_meta ul li .children,
.widget_nav_menu ul li .sub-menu,
.widget_nav_menu ul li .children,
.product-categories ul li .sub-menu,
.product-categories ul li .children {
margin: 5px 0;
margin-right: 0px;
padding-left: 15px;
font-size: 14px;
}
.widget_archive ul li .sub-menu .sub-menu,
.widget_archive ul li .sub-menu .children,
.widget_archive ul li .children .sub-menu,
.widget_archive ul li .children .children,
.widget_categories ul li .sub-menu .sub-menu,
.widget_categories ul li .sub-menu .children,
.widget_categories ul li .children .sub-menu,
.widget_categories ul li .children .children,
.widget_pages ul li .sub-menu .sub-menu,
.widget_pages ul li .sub-menu .children,
.widget_pages ul li .children .sub-menu,
.widget_pages ul li .children .children,
.widget_meta ul li .sub-menu .sub-menu,
.widget_meta ul li .sub-menu .children,
.widget_meta ul li .children .sub-menu,
.widget_meta ul li .children .children,
.widget_nav_menu ul li .sub-menu .sub-menu,
.widget_nav_menu ul li .sub-menu .children,
.widget_nav_menu ul li .children .sub-menu,
.widget_nav_menu ul li .children .children,
.product-categories ul li .sub-menu .sub-menu,
.product-categories ul li .sub-menu .children,
.product-categories ul li .children .sub-menu,
.product-categories ul li .children .children {
padding-left: 10px;
}
.widget_archive ul li .sub-menu li:last-of-type,
.widget_archive ul li .children li:last-of-type,
.widget_categories ul li .sub-menu li:last-of-type,
.widget_categories ul li .children li:last-of-type,
.widget_pages ul li .sub-menu li:last-of-type,
.widget_pages ul li .children li:last-of-type,
.widget_meta ul li .sub-menu li:last-of-type,
.widget_meta ul li .children li:last-of-type,
.widget_nav_menu ul li .sub-menu li:last-of-type,
.widget_nav_menu ul li .children li:last-of-type,
.product-categories ul li .sub-menu li:last-of-type,
.product-categories ul li .children li:last-of-type {
border: none;
padding-bottom: 0;
}
.widget_archive ul li a,
.widget_categories ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_nav_menu ul li a,
.product-categories ul li a {
display: block;
text-decoration: none;
color: inherit;
font-size: 15px;
line-height: 1.2em;
opacity: 1;
}
.widget_archive ul li a:before,
.widget_categories ul li a:before,
.widget_pages ul li a:before,
.widget_meta ul li a:before,
.widget_nav_menu ul li a:before,
.product-categories ul li a:before {
content: '- ';
}
.site-footer .widget_archive ul li a, .site-footer .widget_categories ul li a, .site-footer .widget_pages ul li a, .site-footer .widget_meta ul li a, .site-footer .widget_nav_menu ul li a, .site-footer .product-categories ul li a {
display: inline;
}
.widget_archive ul li a:hover,
.widget_categories ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_nav_menu ul li a:hover,
.product-categories ul li a:hover {
opacity: .7;
color: inherit !important;
}
.site-footer .widget_archive ul, .site-footer .widget_categories ul, .site-footer .widget_pages ul, .site-footer .widget_meta ul, .site-footer .widget_nav_menu ul, .site-footer .product-categories ul {
font-size: 14px;
}
.site-footer .widget_archive ul li, .site-footer .widget_categories ul li, .site-footer .widget_pages ul li, .site-footer .widget_meta ul li, .site-footer .widget_nav_menu ul li, .site-footer .product-categories ul li {
padding: 0;
}
.site-footer .widget_archive ul li:not(:last-of-type), .site-footer .widget_categories ul li:not(:last-of-type), .site-footer .widget_pages ul li:not(:last-of-type), .site-footer .widget_meta ul li:not(:last-of-type), .site-footer .widget_nav_menu ul li:not(:last-of-type), .site-footer .product-categories ul li:not(:last-of-type) {
margin-bottom: 10px;
}
.site-footer .widget_archive ul li a, .site-footer .widget_categories ul li a, .site-footer .widget_pages ul li a, .site-footer .widget_meta ul li a, .site-footer .widget_nav_menu ul li a, .site-footer .product-categories ul li a {
padding-left: 0;
}
.social-link-menu {
font-size: 20px;
}
.social-link-menu a {
display: block;
}
.social-link-menu a:not(:last-of-type) {
margin-bottom: 10px;
}
.widget_recent_entries ul li {
margin-bottom: 8px;
}
.widget_recent_entries a {
font-weight: 600;
opacity: .6;
}
.widget_recent_entries .post-date {
display: block;
}
.widget_categories ul li a,
.widget_archive ul li a {
display: inline-block;
}
/*
- Widget RSS
*/
.widget_rss .widget-title {
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;
}
.widget_rss .widget-title a {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25px;
-ms-flex: 0 0 25px;
flex: 0 0 25px;
color: inherit;
font-size: 24px;
}
.widget_rss .widget-title a + a {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.widget_rss .widget-title img {
display: block;
width: 14px;
}
.widget_rss ul li {
padding: 15px 0;
}
.widget_rss .rsswidget {
line-height: 18px;
display: block;
text-decoration: none;
font-weight: 500;
font-style: normal;
color: inherit;
}
.widget_rss .rss-date {
font-size: 14px;
margin: 10px 0 10px 0;
font-weight: 500;
display: block;
opacity: 0.5;
}
.widget_rss .rssSummary {
font-size: 14px;
}
.widget_rss cite {
margin-top: 10px;
display: block;
font-size: 14px;
font-weight: 500;
opacity: 0.5;
}
/*
- Recent Comments
*/
.widget_recent_comments ul li {
margin-bottom: 8px;
}
.widget_recent_comments ul li span {
opacity: .7;
font-weight: 500;
}
/*
- Widget Calendar
*/
body.light-scheme .calendar_wrap,
body .light-scheme .calendar_wrap {
background: #f9f9f9;
}
body.light-scheme .calendar_wrap table td.pad,
body .light-scheme .calendar_wrap table td.pad {
background: #f7f7f7;
}
body.dark-scheme .calendar_wrap,
body .dark-scheme .calendar_wrap,
footer.light-color .calendar_wrap {
background: #1a1a1a;
}
body.dark-scheme .calendar_wrap table td.pad,
body .dark-scheme .calendar_wrap table td.pad,
footer.light-color .calendar_wrap table td.pad {
background: #323232;
}
.calendar_wrap table {
margin: 0;
border-collapse: collapse;
}
.calendar_wrap table td,
.calendar_wrap table th {
font-size: 11px;
padding: 2px 3px;
text-align: center;
}
.calendar_wrap table th {
padding: 10px 3px;
font-size: 12px;
}
.calendar_wrap table td,
.calendar_wrap table td {
padding: 10px 3px;
font-weight: 500;
}
.calendar_wrap table td a,
.calendar_wrap table td a {
text-decoration: none;
}
.calendar_wrap table td.pad,
.calendar_wrap table td.pad {
background: #1a1a1a;
}
.calendar_wrap table caption {
font-size: 14px;
font-weight: 500;
border-bottom: 0;
padding: 10px 0;
}
.calendar_wrap .wp-calendar-nav {
padding: 10px 15px;
font-size: 12px;
}
.calendar_wrap .wp-calendar-nav a {
color: inherit;
}
/*
- Widget Gallery
*/
.gallery-module {
margin: -4px;
}
.gallery-module .item {
padding: 4px;
text-align: center;
}
.gallery-module .item a {
display: block;
position: relative;
}
.gallery-module .item a:after {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
background: rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
visibility: hidden;
opacity: 0;
}
.gallery-module .item a:hover:after {
visibility: visible;
opacity: 1;
}
.gallery-module .item img {
display: block;
}
/*
- Widget Tags
*/
.tagcloud {
text-transform: capitalize;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 20px;
}
.tagcloud .tag-cloud-link {
background: #F6F6F6;
height: 30px;
padding: 0 15px;
border-radius: 25px;
margin-right: 8px;
font-size: 13px !important;
color: #696969;
margin-bottom: 8px;
}
.tagcloud .tag-cloud-link:hover {
color: #fff;
}
.dark-scheme .tagcloud .tag-cloud-link:not(:hover) {
color: #fff;
background: #4c4c4c;
}
/*
- Widget Blog Posts
*/
.blog-post-widget {
margin-bottom: 20px;
}
.blog-post-widget .item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
margin-bottom: 15px;
border-radius: 4px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.blog-post-widget .item:last-child {
margin-bottom: 0;
}
.blog-post-widget .item .image {
-webkit-box-flex: 0;
-webkit-flex: 0 0 80px;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
max-width: 80px;
margin-right: 10px;
}
.blog-post-widget .item .image a {
display: block;
padding-bottom: 100%;
}
.blog-post-widget .item .categories {
font-size: 12px;
color: #5E5E5E;
margin-bottom: 3px;
}
body.dark-scheme .blog-post-widget .item .categories,
body .dark-scheme .blog-post-widget .item .categories {
color: #868686;
}
.blog-post-widget .item .content {
padding: 2px 0;
}
.blog-post-widget .item .name {
line-height: 1.25;
display: block;
text-decoration: none;
font-weight: bold;
font-size: 16px;
color: inherit;
color: #3E3E3E;
}
.blog-post-widget .item .name:hover {
color: #939393;
}
body.dark-scheme .blog-post-widget .item .name,
body .dark-scheme .blog-post-widget .item .name {
color: #fff;
}
body.dark-scheme .blog-post-widget .item .name:hover,
body .dark-scheme .blog-post-widget .item .name:hover {
color: #939393;
}
.blog-post-widget .item .desc {
font-weight: 600;
font-size: 12px;
line-height: 16px;
color: #676767;
}
.blog-post-widget .item .readmore-link {
opacity: .7;
font-size: 10px;
}
.blog-post-widget .item .readmore-link i {
font-size: 10px;
margin-left: 4px;
margin-top: -1px;
}
.blog-post-widget .item .readmore-link:hover {
opacity: 1;
}
/*
- Widget About Me
*/
.widget_about_me .image {
margin-bottom: 15px;
}
.widget_about_me .desc {
font-size: 14px;
line-height: 1.71429;
color: #b1b0b0;
}
.widget_about_me .social-links {
margin-top: 25px;
}
.widget_about_me .social-links a {
font-size: 15px;
}
/*
- Search Page
*/
section.no-results {
padding-bottom: 40px;
}
section.no-results .searchform {
max-width: 420px;
}
.search-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-bottom: 0 !important;
margin-bottom: 45px;
}
.search-item:first-child {
margin-top: 25px;
}
.search-item .img {
-webkit-box-flex: 0;
-webkit-flex: 0 0 380px;
-ms-flex: 0 0 380px;
flex: 0 0 380px;
max-width: 380px;
border-radius: 4px 0 0 4px;
}
.search-item .img + .wrap {
border-radius: 0 4px 4px 0;
}
.search-item .wrap {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background: #FDFDFD;
-webkit-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.12);
color: #000;
padding: 35px 28px 35px;
}
.search-item .wrap > * {
margin-bottom: 20px;
}
.search-item .h {
margin-top: 0;
font-size: 24px !important;
opacity: .8;
}
.search-item .desc {
line-height: 1.37;
word-break: break-word;
color: #5A5A5A;
}
@media (max-width: 767.98px) {
.search-item {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.search-item .img {
padding-bottom: 200px;
border-radius: 4px 4px 0 0;
}
.search-item .img + .wrap {
border-radius: 0 0 4px 4px;
}
.search-item .wrap {
padding: 23px 20px 25px;
}
}
/*
- Right Click Disable
*/
.right-click-disable-message {
position: fixed;
z-index: 99;
background: rgba(0, 0, 0, 0.7);
}
.right-click-disable-message .container {
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;
}
/*
- Protected form
*/
.protected-post-form {
min-height: 400px;
text-align: center;
padding: 80px 30px;
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-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.protected-post-form .text {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
margin-bottom: 30px;
}
.protected-post-form .form {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 460px;
margin: 0 auto;
width: 100%;
border: 1px solid #e8e8eb;
}
.protected-post-form .form button:hover {
color: #fff;
}
/*
- Pagination
*/
.pagination,
nav.woocommerce-pagination {
margin: 30px 0 45px;
font-size: 14px;
}
.portfolio-items + .pagination,
.blog-items + .pagination, .portfolio-items + nav.woocommerce-pagination,
.blog-items + nav.woocommerce-pagination {
margin-top: 0;
}
.products + .pagination, .products + nav.woocommerce-pagination {
margin-top: -1em;
}
.pagination ul,
nav.woocommerce-pagination ul {
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;
}
.pagination ul li,
nav.woocommerce-pagination ul li {
line-height: 22px;
margin-right: 4px;
}
.pagination ul li a,
.pagination ul li span,
nav.woocommerce-pagination ul li a,
nav.woocommerce-pagination ul li span {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
color: inherit;
-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;
width: 100%;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
margin: 2px 0;
}
.pagination ul li i,
nav.woocommerce-pagination ul li i {
display: block;
font-size: 12px;
padding-top: 2px;
line-height: inherit;
line-height: 1;
}
.pagination ul li .page-numbers:not(.prev):not(.next),
nav.woocommerce-pagination ul li .page-numbers:not(.prev):not(.next) {
padding: 2px 7px 0;
min-width: 23px;
height: 23px;
line-height: 1;
}
.pagination ul li .page-numbers:not(.prev):not(.next):hover, .pagination ul li .page-numbers:not(.prev):not(.next).current,
nav.woocommerce-pagination ul li .page-numbers:not(.prev):not(.next):hover,
nav.woocommerce-pagination ul li .page-numbers:not(.prev):not(.next).current {
color: #fff;
}
.pagination ul li .button-style3,
nav.woocommerce-pagination ul li .button-style3 {
font-size: 13px;
height: 30px;
padding: 0 18px;
}
.pagination ul li .button-style3 span,
nav.woocommerce-pagination ul li .button-style3 span {
-webkit-transition: none;
-o-transition: none;
transition: none;
margin: 0;
}
.pagination ul li .button-style3 i,
nav.woocommerce-pagination ul li .button-style3 i {
font-size: 11px;
padding: 1px 0 0;
}
.pagination ul li .button-style3 span + i,
nav.woocommerce-pagination ul li .button-style3 span + i {
margin-left: 2px;
}
.pagination ul li .prev,
.pagination ul li .next,
nav.woocommerce-pagination ul li .prev,
nav.woocommerce-pagination ul li .next {
position: relative;
}
.pagination ul li .prev:before,
.pagination ul li .next:before,
nav.woocommerce-pagination ul li .prev:before,
nav.woocommerce-pagination ul li .next:before {
content: '';
position: absolute;
top: 50%;
width: 12px;
height: 0;
border-bottom: 1px solid;
}
.pagination ul li .prev,
nav.woocommerce-pagination ul li .prev {
padding-right: 25px;
}
.pagination ul li .prev:before,
nav.woocommerce-pagination ul li .prev:before {
right: 0;
}
.pagination ul li .prev i,
nav.woocommerce-pagination ul li .prev i {
margin-right: 10px;
}
.pagination ul li .next,
nav.woocommerce-pagination ul li .next {
padding-left: 25px;
}
.pagination ul li .next:before,
nav.woocommerce-pagination ul li .next:before {
left: 0;
}
.pagination ul li .next i,
nav.woocommerce-pagination ul li .next i {
margin-left: 10px;
}
nav.woocommerce-pagination {
margin-bottom: 90px;
}
/*
- Page Pagination
*/
.page-pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 14px;
margin: 30px 0;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.content-area + .page-pagination {
margin-top: -30px;
margin-bottom: 75px;
}
.page-pagination > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 0;
-ms-flex: 0 0 0px;
flex: 0 0 0;
min-width: 30px;
line-height: 28px;
margin-right: 15px;
text-align: center;
display: block;
width: 100%;
color: inherit;
padding: 0 5px;
border: 1px solid #444;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.page-pagination > span {
background: #1a1a1a;
color: #fff;
}
/*
- Cast
*/
.cast-block .cast-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;
-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;
padding: 20px 30px;
height: 385px;
text-align: center;
}
.cast-block .cast-item .heading-block {
margin: 0;
}
.cast-block .cast-item .heading-block .h {
margin: 10px 0;
}
.cast-block .cast-item .heading-block .h5 {
margin: 15px 0;
}
.cast-block .cast-item .button-style1 {
margin-top: 15px;
}
/*
- Post Banner
*/
.post-banner {
position: relative;
margin-bottom: 65px;
overflow: hidden;
z-index: 1;
}
.post-banner .bg-overlay .circles {
opacity: .1;
}
.post-banner .bg-overlay .circles span:nth-child(2) {
top: 50%;
-webkit-transform: translate(50%, -30%);
-ms-transform: translate(50%, -30%);
transform: translate(50%, -30%);
}
.post-banner .row {
height: 100vh;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.post-banner .col-auto {
background: rgba(0, 0, 0, 0.2);
padding: 60px 60px;
margin-left: -45px;
}
.post-banner .heading-block {
max-width: 507px;
margin: 0;
}
.post-banner .sub-h {
font-size: 10px;
text-transform: uppercase;
font-weight: normal;
}
.post-banner .h {
line-height: 1;
}
.post-banner .categories {
font-size: 12px;
margin-top: 20px;
}
/*
- Banner
*/
.banner-area {
position: relative;
width: 100%;
}
.banner-area.current-black .banner-bottom,
.banner-area.current-black .nav-block,
.banner-area.current-black .counter-block {
color: #000;
}
.banner-area.current-white .banner-bottom,
.banner-area.current-white .nav-block,
.banner-area.current-white .counter-block {
color: #fff;
}
.banner-area .banner-slider .counter-block {
bottom: 38px;
}
.banner-area .banner-slider:not(.swiper-container-initialized) .counter-block {
display: none;
}
.banner-area .link-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.banner-area .link-block > *:not(:last-child) {
margin-right: 17px;
}
.banner-area .banner-item {
position: relative;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 100%;
z-index: 1;
}
.banner-area .banner-item .container,
.banner-area .banner-item .container-fluid,
.banner-area .banner-item .extended-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
pointer-events: none;
-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;
padding: 15px 15px;
height: 100%;
}
.banner-area .banner-item .container.fixed-height,
.banner-area .banner-item .container-fluid.fixed-height,
.banner-area .banner-item .extended-container.fixed-height {
height: auto;
}
.banner-area .banner-item .container:after,
.banner-area .banner-item .container-fluid:after,
.banner-area .banner-item .extended-container:after {
display: none;
}
@media (min-width: 768px) {
.banner-area .banner-item .container,
.banner-area .banner-item .container-fluid,
.banner-area .banner-item .extended-container {
padding: 70px 15px;
}
}
.banner-area .banner-item .content-row.in-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.banner-area .banner-item .content-row.in-row .content-col {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.banner-area .banner-item .content-row.in-row .content-col .text-col {
margin: -20px 0 0;
display: none;
font-size: 16px;
}
@media (max-width: 991.98px) {
.banner-area .banner-item .content-row.in-row .content-col .text-col {
display: block;
max-width: 420px;
}
}
.banner-area .banner-item .content-row.in-row .text-col {
-webkit-box-flex: 0;
-webkit-flex: 0 0 445px;
-ms-flex: 0 0 445px;
flex: 0 0 445px;
margin-left: 40px;
color: #B5B5B5;
line-height: 1.5;
font-size: 20px;
margin-top: 55px;
}
.banner-area .banner-item .content-row.in-row .text-col .text {
font-size: inherit;
line-height: inherit;
}
@media (max-width: 991.98px) {
.banner-area .banner-item .content-row.in-row .text-col {
display: none;
}
}
.banner-area .banner-item.white {
color: #fff;
}
.banner-area .banner-item.black {
color: #000;
}
.banner-area .banner-item.top .container,
.banner-area .banner-item.top .container-fluid {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.banner-area .banner-item.bottom .container,
.banner-area .banner-item.bottom .container-fluid {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.banner-area .banner-item.tac .container,
.banner-area .banner-item.tac .container-fluid {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.banner-area .banner-item.tar .container,
.banner-area .banner-item.tar .container-fluid {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.banner-area .banner-item .heading-block {
margin-top: 0;
margin-bottom: 37px;
}
.banner-area .banner-item .text {
font-size: 18px;
line-height: 1.61;
margin-bottom: 29px;
}
.banner-area .banner-item .button-style2:hover {
color: inherit;
}
.banner-area .banner-item.background-shadow .bg-overlay:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 470px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
opacity: 0.7;
z-index: 40;
}
.banner-area .banner-item.content-on-top .container {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.banner-area .banner-item.content-on-bottom .container {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.banner-area .banner-item.content-on-bottom .play-button {
margin-bottom: 165px;
}
@media (max-width: 767.98px) {
.banner-area .banner-item.content-on-bottom .play-button {
margin-bottom: 0;
-webkit-box-ordinal-group: 0;
-webkit-order: -1px;
-ms-flex-order: -1px;
order: -1px;
}
}
.banner-area .banner-item.content-on-center .container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.banner-area .banner-item.content-on-center .container .content-row {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.banner-area .banner-item.content-on-center .container .heading-block {
text-align: center;
}
.banner-area .banner-item.content-on-center .container .heading-block .h-top {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.banner-area .banner-item.content-on-center .container .link-block {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.banner-area .banner-item.content-on-center .container .play-button {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
@media (max-width: 767.98px) {
.banner-area .banner-item.content-on-center .container .content-row {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
}
.banner-area .banner-item.content-on-right .container .content-row {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.banner-area .banner-item.content-on-right .container .heading-block {
text-align: right;
}
.banner-area .banner-item.content-on-right .container .heading-block .h-top {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.banner-area .banner-item.content-on-right .container .link-block {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 767.98px) {
.banner-area .banner-item.content-on-right .container .content-row {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.banner-area .banner-item.content-on-right .container .heading-block {
text-align: center;
}
.banner-area .banner-item.content-on-right .container .heading-block .h-top {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.banner-area .banner-item.content-on-right .container .link-block {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.banner-area .banner-bottom {
position: absolute;
left: 0;
right: 0;
bottom: 20px;
z-index: 3;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.banner-area .banner-bottom .social-links {
margin: 15px 0;
}
@media (max-width: 575.98px) {
.banner-area .banner-bottom .social-links .label {
display: none;
}
}
.banner-area .banner-bottom .right {
margin-left: auto;
text-align: right;
}
.banner-area .banner-bottom .hotel-rating-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: left;
}
@media (max-width: 575.98px) {
.banner-area .banner-bottom .hotel-rating-block {
display: none;
}
}
@media screen and (min-width: 1940px) {
.banner-area .banner-bottom.container .right {
margin-right: -300px;
}
}
.banner-area .banner-navigation {
display: inline-block;
position: relative;
padding: 0 30px;
margin-bottom: 30px;
}
.banner-area .banner-navigation .prev,
.banner-area .banner-navigation .next {
position: absolute;
top: 50%;
font-size: 20px;
margin-top: -.5em;
cursor: pointer;
}
.banner-area .banner-navigation .prev {
left: 0;
}
.banner-area .banner-navigation .next {
right: 0;
}
.banner-area .banner-navigation.style2 {
padding: 0 25px;
}
.banner-area .banner-navigation.style2 .prev,
.banner-area .banner-navigation.style2 .next {
font-size: 15px;
}
.banner-area .banner-navigation .counter {
position: relative;
font-weight: 500;
}
.banner-area .banner-navigation .counter:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 6px;
height: 1px;
border-bottom: 1px solid;
margin-left: -2px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.banner-area .banner-navigation .counter .current {
position: relative;
font-size: 16px;
margin-right: 16px;
}
.banner-area .banner-navigation .counter .total {
font-size: 12px;
line-height: 14px;
}
.banner-area .banner-navigation .pagination {
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;
margin: 0;
font-weight: 500;
font-size: 12px;
min-height: 24px;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
line-height: 18px;
}
.banner-area .banner-navigation .pagination .swiper-pagination-bullet {
display: inline-block;
position: relative;
margin-right: 10px;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.banner-area .banner-navigation .pagination .swiper-pagination-bullet:last-child {
margin-right: 0 !important;
}
.banner-area .banner-navigation .pagination .swiper-pagination-bullet:last-child:before {
display: none;
}
.banner-area .banner-navigation .pagination .swiper-pagination-bullet:before {
content: '';
position: absolute;
top: 50%;
left: 100%;
width: 0;
height: 1px;
border-bottom: 1px solid;
margin-top: 1px;
margin-left: 3px;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.banner-area .banner-navigation .pagination .swiper-pagination-bullet span {
display: inline-block;
-webkit-transition: -webkit-transform 400ms linear;
transition: -webkit-transform 400ms linear;
-o-transition: transform 400ms linear;
transition: transform 400ms linear;
transition: transform 400ms linear, -webkit-transform 400ms linear;
}
.banner-area .banner-navigation .pagination .swiper-pagination-bullet-active {
font-size: 16px;
}
.banner-area .banner-navigation .pagination .swiper-pagination-bullet-active:not(:last-child) {
margin-right: 15px;
}
.banner-area .banner-navigation .pagination .swiper-pagination-bullet-active:before {
width: 6px;
}
.banner-area .banner-navigation .pagination .swiper-pagination-bullet-active span {
-webkit-transform: translateY(-1px);
-ms-transform: translateY(-1px);
transform: translateY(-1px);
}
@media (max-width: 575.98px) {
.banner-area .banner-navigation {
margin-bottom: 13px;
}
}
.banner-area.content-on-bottom .banner-item .container,
.banner-area.content-on-bottom .banner-item .container-fluid {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.banner-area.content-on-bottom .banner-item .container .play-button,
.banner-area.content-on-bottom .banner-item .container-fluid .play-button {
margin-bottom: 135px;
margin-right: 120px;
}
.banner-area.with-social-links.content-on-bottom .banner-item .container,
.banner-area.with-social-links.content-on-bottom .banner-item .container-fluid {
padding-bottom: 155px;
}
.coming-soon-banner,
.banner-404 {
height: 100vh;
}
.coming-soon-banner .banner-item .content-block,
.banner-404 .banner-item .content-block {
margin-left: 125px;
margin-right: auto;
}
.coming-soon-banner .banner-item .sub-heading,
.banner-404 .banner-item .sub-heading {
color: #7C7C7C;
font-weight: 600;
line-height: 1.29167;
margin: 0 0 13px;
}
.coming-soon-banner .banner-item .heading-block,
.banner-404 .banner-item .heading-block {
margin-bottom: 20px;
}
.coming-soon-banner .banner-item .heading-block .h,
.banner-404 .banner-item .heading-block .h {
font-size: 72px;
}
.coming-soon-banner .banner-item .text,
.banner-404 .banner-item .text {
color: #595959;
font-size: 16px;
line-height: 1.62;
margin-bottom: 32px;
}
.coming-soon-banner .banner-item .button-style4:not(:hover),
.banner-404 .banner-item .button-style4:not(:hover) {
border-color: #696969;
}
.coming-soon-banner .banner-item .img,
.banner-404 .banner-item .img {
margin-right: 55px;
}
.coming-soon-banner .timer-block,
.banner-404 .timer-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 55px auto 0;
text-align: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 40px;
font-weight: 500;
line-height: .9;
}
.coming-soon-banner .timer-block > *,
.banner-404 .timer-block > * {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin: 0 0;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.coming-soon-banner .timer-block > *:after,
.banner-404 .timer-block > *:after {
content: '/';
opacity: 0.27;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin: 0 0.43333em;
}
.coming-soon-banner .timer-block > *:last-child:after,
.banner-404 .timer-block > *:last-child:after {
display: none;
}
.coming-soon-banner .timer-block .num,
.banner-404 .timer-block .num {
font-size: inherit;
margin-bottom: 0;
margin-right: 10px;
font-size: 38px;
font-weight: bold;
}
.coming-soon-banner .timer-block .num .position,
.banner-404 .timer-block .num .position {
font-weight: inherit;
}
.coming-soon-banner .timer-block .name,
.banner-404 .timer-block .name {
text-transform: lowercase;
font-size: 0.57895em;
line-height: 1.2;
margin-bottom: .8em;
color: #6C6C6C;
}
@media (max-width: 991.98px) {
.coming-soon-banner .timer-block,
.banner-404 .timer-block {
font-size: 24px;
}
}
@media (max-width: 767.98px) {
.coming-soon-banner .timer-block,
.banner-404 .timer-block {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.coming-soon-banner .timer-block > *,
.banner-404 .timer-block > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 5px 0;
}
.coming-soon-banner .timer-block > *:after,
.banner-404 .timer-block > *:after {
display: none;
}
.coming-soon-banner .timer-block > *:last-child,
.banner-404 .timer-block > *:last-child {
margin-right: 0 !important;
}
}
.banner-404.type-decors {
background: #121212;
text-align: center;
}
.coming-soon-banner .decor-block,
.banner-404.type-decors .decor-block {
pointer-events: none;
z-index: -1;
}
.coming-soon-banner .decor-block:before,
.banner-404.type-decors .decor-block:before {
content: '';
background: rgba(30, 30, 30, 0.92);
z-index: 2;
}
.coming-soon-banner .decor1,
.coming-soon-banner .decor2,
.banner-404.type-decors .decor1,
.banner-404.type-decors .decor2 {
position: absolute;
top: 50%;
left: 50%;
}
.coming-soon-banner .decor1,
.banner-404.type-decors .decor1 {
margin-top: -570px;
margin-left: -805px;
}
.coming-soon-banner .decor2,
.banner-404.type-decors .decor2 {
margin-top: -800px;
margin-left: -100px;
}
.banner-404.type-decors .content-block {
margin: 0 auto;
}
.banner-404.type-decors .content-block .icon {
margin-bottom: 16px;
}
.banner-404.type-decors .content-block .sub-heading {
color: #A3A3A3;
}
.banner-404.type-decors .content-block .text {
color: #A2A2A2;
}
.light-scheme .banner-404.type-decors {
background: #fff;
}
.light-scheme .banner-404.type-decors .decor-block:before {
background: rgba(240, 240, 240, 0.92);
}
.light-scheme .banner-404.type-decors .decor-block .decor1 {
opacity: .3;
}
.light-scheme .banner-404.type-decors .decor-block .decor2 {
opacity: .4;
}
.light-scheme .banner-404.type-decors .content-block .icon svg path {
stroke: #000;
}
.light-scheme .banner-404.type-decors .content-block .icon svg path:last-child {
fill: #000;
}
.light-scheme .banner-404.type-decors .content-block .sub-heading {
color: #7C7C7C;
}
.light-scheme .banner-404.type-decors .content-block .text {
color: #595959;
}
.dark-scheme .banner-404 .img svg .spaceman-a {
fill: #838383;
}
.dark-scheme .banner-404 .img svg .spaceman-b {
fill: #111111;
}
.dark-scheme .banner-404 .img svg .spaceman-c {
fill: #1f1f1f;
}
.dark-scheme .banner-404 .img svg .spaceman-d {
fill: #313131;
}
.dark-scheme .banner-404 .img svg .spaceman-e {
fill: #e4f2ff;
}
.dark-scheme .banner-404 .img svg .spaceman-f {
fill: #111111;
}
.coming-soon-banner {
text-align: center;
}
.coming-soon-banner .decor-block {
opacity: .04;
}
.coming-soon-banner .decor-block:before {
display: none;
}
.coming-soon-banner .content {
margin: auto;
}
.coming-soon-banner .icon {
margin-bottom: 19px;
}
.dark-scheme .coming-soon-banner .icon svg path {
stroke: #fff;
}
.coming-soon-banner .h,
.coming-soon-banner .dh {
line-height: 1.08;
margin: 0;
}
.coming-soon-banner .dh {
position: relative;
}
@supports (-webkit-background-clip: text) {
.coming-soon-banner .dh {
background: -webkit-gradient(linear, left top, right top, from(#842E81), to(#F94787));
background: -o-linear-gradient(left, #842E81, #F94787);
background: linear-gradient(90deg, #842E81, #F94787);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.dark-scheme .coming-soon-banner .dh {
background-image: -webkit-gradient(linear, left top, right top, from(#8174FC), to(#D16FAD));
background-image: -o-linear-gradient(left, #8174FC, #D16FAD);
background-image: linear-gradient(90deg, #8174FC, #D16FAD);
}
}
.coming-soon-banner .button-style4 {
margin-top: 48px;
}
/*
- Breadcrumbs
*/
.breadcrumbs {
font-size: 15px;
color: #4A4A4A;
}
body.dark-scheme .breadcrumbs,
body .dark-scheme .breadcrumbs {
color: #fff;
}
.breadcrumbs a {
font-weight: normal;
}
.breadcrumbs i {
font-size: 8px;
margin: 0 5px;
}
.breadcrumbs span {
opacity: .52;
}
/*
- Page Top Block
*/
.page-top-block {
position: relative;
z-index: 1;
margin-bottom: 40px;
}
.page-top-block.type-type2 .heading-block {
height: 350px;
}
.page-top-block .bg {
opacity: .85;
}
.page-top-block .container {
position: initial;
}
.page-top-block .heading-block {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
min-height: 205px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
max-width: 760px;
margin: 0;
padding: 20px 0;
}
.page-top-block .heading-block .h {
font-size: 72px;
margin: 0;
}
@media (max-width: 767.98px) {
.page-top-block .heading-block {
min-height: 150px;
}
}
.page-top-block.without-feature-image {
padding-top: 30px;
margin-bottom: 55px;
}
.page-top-block.without-feature-image .heading-block {
min-height: auto;
padding: 0;
}
.page-top-block.without-feature-image + .main-container {
padding-top: 0;
}
.content-with-side-images .left-image,
.content-with-side-images .right-image,
.post-top-block .left-image,
.post-top-block .right-image,
.page-top-block .left-image,
.page-top-block .right-image {
position: absolute;
top: 0;
bottom: 0;
opacity: .8;
}
.content-with-side-images .left-image,
.post-top-block .left-image,
.page-top-block .left-image {
opacity: .4;
right: 100%;
left: -200px;
margin-right: 50px;
}
@media (max-width: 767.98px) {
.content-with-side-images .left-image,
.post-top-block .left-image,
.page-top-block .left-image {
margin-right: 20px;
}
}
.content-with-side-images .right-image,
.post-top-block .right-image,
.page-top-block .right-image {
margin-left: 50px;
left: 100%;
right: -1000px;
}
@media (max-width: 767.98px) {
.content-with-side-images .right-image,
.post-top-block .right-image,
.page-top-block .right-image {
margin-left: 20px;
}
}
/*
- Scroll To Top
*/
.scroll-to-top {
position: fixed;
top: 50%;
right: 35px;
z-index: 100;
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: rotate(-90deg) translate(50%, 0%);
-ms-transform: rotate(-90deg) translate(50%, 0%);
transform: rotate(-90deg) translate(50%, 0%);
font-weight: 400;
color: #fff;
mix-blend-mode: exclusion;
cursor: pointer;
/* &.white {
color: #fff;
.progress {
background: #fff;
div {
background: #141414;
}
}
} */
}
.scroll-to-top .progress {
width: 50px;
height: 2px;
background: #262626;
-webkit-transition: background 400ms ease;
-o-transition: background 400ms ease;
transition: background 400ms ease;
}
.scroll-to-top .progress div {
width: 0;
height: 2px;
background: #eee;
}
.scroll-to-top .label {
margin-left: 15px;
font-size: 16px;
}
@media (max-width: 991.98px) {
.scroll-to-top {
display: none;
}
}
/*
- GDPR Modal Block
*/
.gdpr-modal-block {
position: fixed;
left: 15px;
bottom: 15px;
background: #1E1E1E 50% no-repeat;
color: #fff;
background-image: url(../images/cookie-bg.png);
max-width: 270px;
border-radius: 10px;
z-index: 1000;
padding: 50px 20px 20px;
text-align: center;
}
.gdpr-modal-block.right {
left: auto;
right: 15px;
}
.light-scheme:not(.page-template-template-starting) .gdpr-modal-block.inherit-scheme {
color: #000;
background-color: #f6f6f6;
}
.light-scheme:not(.page-template-template-starting) .gdpr-modal-block.inherit-scheme .close {
background: #e0e0e0;
color: #535353;
}
.light-scheme:not(.page-template-template-starting) .gdpr-modal-block.inherit-scheme .close:hover {
background: #17171a;
color: #fff;
}
.light-scheme:not(.page-template-template-starting) .gdpr-modal-block.inherit-scheme .text {
color: #535353;
}
.light-scheme:not(.page-template-template-starting) .gdpr-modal-block.inherit-scheme .text a:not(:hover) {
color: #323232;
}
.gdpr-modal-block .close {
position: absolute;
top: 12px;
right: 12px;
width: 25px;
height: 25px;
font-size: 19px;
border-radius: 50%;
background: #3D3D3D;
color: #ECECEC;
cursor: pointer;
}
.gdpr-modal-block .close:before {
display: block;
}
.gdpr-modal-block .close:hover {
background: #fff;
color: #000;
}
.gdpr-modal-block > img {
margin-bottom: 11px;
vertical-align: middle;
}
.gdpr-modal-block .title {
font-size: 22px;
line-height: 1;
margin: 0 0 13px;
}
.gdpr-modal-block .text {
font-size: 12px;
line-height: 1.33;
color: #747474;
}
.gdpr-modal-block .text a {
color: #ECECEC;
text-decoration: underline;
font-weight: 500;
}
.gdpr-modal-block .text a:hover {
text-decoration: none;
}
/*
- Account Page
*/
.account-page {
padding: 150px 0;
}
.account-page .bg-overlay {
left: 50%;
margin-left: -100px;
}
.account-page .content-area {
margin: 0;
}
.account-page .go-home-block {
position: absolute;
text-align: center;
font-weight: 500;
left: 0;
right: 0;
bottom: -70px;
}
.account-page .go-home-block .go-home-link {
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;
}
.account-page .go-home-block .go-home-link i {
margin-left: 15px;
}
.account-page .woocommerce-account-block {
position: relative;
max-width: 390px;
}
.account-page .woocommerce form.woocommerce-account-form {
position: relative;
border: none;
background: #fff;
padding: 40px 50px;
max-width: 390px;
width: 100%;
margin: 0 auto;
border-radius: 4px;
-webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.09);
box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.09);
z-index: 1;
}
.account-page .woocommerce form.woocommerce-account-form .title {
font-weight: 600;
font-size: 30px;
margin: 0 0 25px;
}
.account-page .woocommerce form.woocommerce-account-form .register-link,
.account-page .woocommerce form.woocommerce-account-form .login-link {
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;
margin-bottom: 30px;
}
.account-page .woocommerce form.woocommerce-account-form .form-row-wide {
margin-bottom: 30px !important;
}
.account-page .woocommerce form.woocommerce-account-form input.input-text {
min-height: 60px;
font-size: 12px;
height: 40px !important;
min-height: 40px;
padding: 0 10px;
font-weight: normal;
background: #F2F2F2;
border: none;
border-radius: 4px;
}
.account-page .woocommerce form.woocommerce-account-form .button {
width: 100%;
background: #041B28;
}
.account-page .woocommerce form.woocommerce-account-form .bottom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 35px;
-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;
font-size: 13px;
}
.account-page .woocommerce form.woocommerce-account-form .woocommerce-privacy-policy-text {
color: #B7B7B7;
line-height: 1.39;
font-size: 14px;
}
.account-page .woocommerce form.woocommerce-account-form .woocommerce-privacy-policy-text p {
color: inherit;
line-height: inherit;
font-size: inherit;
}
.account-page .woocommerce form.woocommerce-account-form p {
font-size: 14px;
}
.account-page .woocommerce form.woocommerce-account-form.register, .account-page .woocommerce form.woocommerce-account-form.lost_reset_password {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.account-page .woocommerce form.woocommerce-account-form.lost_reset_password .register-link,
.account-page .woocommerce form.woocommerce-account-form.lost_reset_password .login-link {
margin: 60px 0 0;
}
@media (max-width: 767.98px) {
.account-page .woocommerce form.woocommerce-account-form {
padding: 25px 30px;
}
}
@media (max-width: 575.98px) {
.account-page .woocommerce form.woocommerce-account-form .woocommerce-form-row {
padding: 0;
}
.account-page .woocommerce form.woocommerce-account-form .bottom {
display: block;
}
.account-page .woocommerce form.woocommerce-account-form .bottom .lost-password-link {
display: inline-block;
margin-top: 10px;
}
}
.icons-demo {
padding: 20px;
font-size: 36px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.icons-demo i {
margin: 10px;
}
/*
- Tinv Wishlist
*/
.tinv-wishlist .tinv-header {
margin-bottom: 40px;
}
.tinv-wishlist .tinv-header h2 {
font-size: 36px;
}
.tinv-wishlist table.tinvwl-table-manage-list {
margin-bottom: 10px;
}
.tinv-wishlist table.tinvwl-table-manage-list thead td,
.tinv-wishlist table.tinvwl-table-manage-list thead th,
.tinv-wishlist table.tinvwl-table-manage-list tbody td,
.tinv-wishlist table.tinvwl-table-manage-list tbody th,
.tinv-wishlist table.tinvwl-table-manage-list tfoot td,
.tinv-wishlist table.tinvwl-table-manage-list tfoot th {
border: none !important;
}
.tinv-wishlist table.tinvwl-table-manage-list thead th {
background: #f8f8f8;
font-size: 14px;
padding: 15px;
}
.tinv-wishlist table.tinvwl-table-manage-list .wishlist_item td {
padding: 0 0;
padding: 10px 15px;
border-bottom: 1px solid #eff4ff !important;
}
.tinv-wishlist table.tinvwl-table-manage-list tfoot td {
padding: 20px 0;
}
.tinv-wishlist table.tinvwl-table-manage-list tfoot td .tinvwl-to-right .button {
margin-left: 20px;
}
.tinv-wishlist table.tinvwl-table-manage-list td.product-price {
font-weight: 500;
font-size: 20px;
}
.tinv-wishlist table.tinvwl-table-manage-list td.product-price del {
margin-right: 5px;
opacity: 0.4;
font-size: .8em;
}
.tinv-wishlist table.tinvwl-table-manage-list td.product-price ins,
.tinv-wishlist table.tinvwl-table-manage-list td.product-price > .amount {
background: none;
}
.tinv-wishlist table.tinvwl-table-manage-list td.product-price ins {
display: inline-block;
color: inherit;
}
.tinv-wishlist table.tinvwl-table-manage-list td.product-price ins > span {
display: block;
}
.tinv-wishlist table.tinvwl-table-manage-list .entry-date {
font-size: 14px;
color: #575757;
}
.tinv-wishlist table.tinvwl-table-manage-list .product-thumbnail img {
display: block;
}
.tinv-wishlist table.tinvwl-table-manage-list .product-price,
.tinv-wishlist table.tinvwl-table-manage-list .product-date,
.tinv-wishlist table.tinvwl-table-manage-list .product-stock {
text-align: center;
}
.tinv-wishlist table.tinvwl-table-manage-list .product-stock p {
display: block;
margin: 0;
font-size: 14px;
}
.tinv-wishlist table.tinvwl-table-manage-list .product-stock p i {
display: none;
}
.tinv-wishlist table.tinvwl-table-manage-list .product-stock p span {
display: inline-block;
}
.tinv-wishlist table.tinvwl-table-manage-list .product-stock p .tinvwl-txt {
padding: 0 8px;
line-height: 27px;
border-radius: 4px;
background: #F5CDCD;
}
.tinv-wishlist table.tinvwl-table-manage-list .product-stock p.in-stock .tinvwl-txt {
background: #CDF5CD;
}
.tinv-wishlist table.tinvwl-table-manage-list .product-remove button {
padding: 0;
cursor: pointer;
}
.tinv-wishlist table.tinvwl-table-manage-list .product-remove button:hover {
color: #fff;
}
.tinv-wishlist table.tinvwl-table-manage-list .product-remove button i {
margin: auto;
}
.tinv-wishlist table.tinvwl-table-manage-list .product-action {
padding-right: 0 !important;
}
.tinv-wishlist table.tinvwl-table-manage-list button.button {
height: 36px;
font-size: 16px;
font-weight: bold;
}
.tinv-wishlist table.tinvwl-table-manage-list button.button.alt {
background: #272626;
}
.tinv-wishlist .tinvwl-input-group .form-control {
height: 36px;
border-radius: 4px;
border: 1px solid #EAEDF2;
padding-left: 10px;
}
.tinv-wishlist .tinvwl-input-group .tinvwl-mobile {
display: none;
}
.tinv-wishlist .social-buttons > span {
font-weight: 500;
margin-right: 15px;
}
.tinv-wishlist .social-buttons li:not(:last-child) {
margin-right: 12px;
}
.tinv-wishlist .social-buttons li a.social {
width: 1em;
height: 1em;
font-size: 16px;
color: inherit;
}
.tinv-wishlist .social-buttons li a.social i {
line-height: 1;
}
.tinv-wishlist .tinv-modal .tinv-modal-inner {
border-radius: 4px;
}
.tinv-wishlist .tinv-modal .tinv-modal-inner .tinvwl_button_view {
background: #000;
color: #fff;
margin-bottom: 22px;
width: auto;
}
.tinv-wishlist .tinv-modal .tinv-modal-inner .tinvwl_button_view i:before {
top: 0;
}
.tinv-wishlist .tinv-modal .tinv-modal-inner .tinvwl_button_close {
background: none;
color: #000;
text-decoration: underline;
height: auto;
margin-bottom: 0;
}
.tinv-wishlist .tinv-modal .tinv-modal-inner .tinvwl_button_close i {
display: none;
}
.tinv-wishlist .tinv-modal .tinv-modal-inner .tinvwl_button_close i:before {
top: 0;
}
/*
- Post Share Block
*/
.post-share-block {
position: relative;
}
.post-share-block > i {
display: block;
font-size: 20px;
cursor: pointer;
}
.post-share-block .box {
position: absolute;
top: 100%;
left: 2px;
padding-top: 15px;
-webkit-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
-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;
-webkit-transform: translateY(15px);
-ms-transform: translateY(15px);
transform: translateY(15px);
}
.post-share-block .box .social-links {
display: block;
}
.post-share-block .box .social-links a {
font-size: 16px;
opacity: .39;
}
.post-share-block .box .social-links a:not(:last-child) {
margin: 0 0 10px;
}
.post-share-block .box .social-links a:hover {
opacity: 1;
}
.post-share-block:hover .box {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
/*
- Post Page Top
*/
.post-top-block {
position: relative;
margin-bottom: 50px;
}
.post-top-block .bg-overlay {
opacity: .4;
}
.post-top-block .bg-overlay .image:before {
content: '';
opacity: .5;
}
.post-top-block .left-image:before,
.post-top-block .right-image:before {
content: '';
opacity: 0.5;
}
.post-top-block .container {
position: static;
}
.post-top-block .content-block {
display: inline-block;
position: relative;
max-width: 760px;
padding: 77px 0;
}
.post-top-block .content-top {
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;
position: relative;
margin-bottom: 18px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.dark-scheme .post-top-block .content-top {
color: #B8B8B8;
}
.post-top-block .content-top > * {
margin-top: 10px;
margin-bottom: 10px;
}
.post-top-block .content-top > *:not(:last-child) {
margin-right: 22px;
}
.post-top-block .categories {
background: #f6f6f6;
color: #535353;
padding: 6px 13px;
border-radius: 8px;
line-height: 1.1;
font-size: 14px;
max-width: 600px;
}
.dark-scheme .post-top-block .categories {
color: #929292;
background: #252525;
}
.post-top-block .left-image {
margin-right: 80px;
}
.post-top-block .comments-link {
font-size: 14px;
color: inherit;
text-decoration: underline;
}
.post-top-block .post-share-block {
position: absolute;
top: 50%;
right: 100%;
margin-right: 20px;
margin-top: -10px;
}
.post-top-block .post-title {
margin: 0;
}
.post-top-block.type-on-side .container {
position: relative;
}
.post-top-block.type-on-side .bg-overlay {
left: auto;
right: 0;
width: 50%;
}
.post-top-block.type-on-side .bg-overlay .image {
left: 15px;
right: 15px;
}
@media (max-width: 767.98px) {
.post-top-block.without-image .content-block {
padding: 0;
}
}
/*
- Post Nav
*/
.post-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;
margin: 8px 0 28px;
}
.single-post .post-nav {
margin-bottom: 29px;
}
@media (max-width: 767.98px) {
.post-nav {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.post-nav .back-h-button {
margin-left: 30px;
}
}
/*
- Post Nav Buttons
*/
.post-nav-buttons {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 35px 0 130px;
font-size: 18px;
font-weight: 500;
}
.post-nav-buttons a {
position: relative;
}
.post-nav-buttons a i {
font-size: 12px;
}
.post-nav-buttons a span + i,
.post-nav-buttons a i + span {
margin-left: 5px;
}
.post-nav-buttons a.next {
margin-left: auto;
}
.post-nav-buttons a.next:before {
left: -15px;
right: auto;
}
/*
- Page Sidebar Row
*/
.page-sidebar-row {
padding-top: 25px;
}
/*
- Mega Menu Overlay
*/
.menu-overlay {
position: fixed;
background: #000;
z-index: 2;
}
.megamenu-open .menu-overlay {
opacity: 0.8;
visibility: visible;
}
/*
- Post Item B
*/
.post-item-b {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
}
.post-item-b .image {
position: relative;
height: 75px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 15px;
}
.post-item-b .content {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.post-item-b .content .name {
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
}
.post-item-b .content .name a {
color: inherit;
}
.post-item-b .content .button-style4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 12px;
font-weight: normal;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
height: 17px;
}
.post-item-b .content .button-style4 i {
font-size: 12px;
}
/*
- Back H Button
*/
.back-h-button {
margin-left: auto;
font-size: 16px;
font-weight: 500;
white-space: nowrap;
cursor: pointer;
}
.back-h-button i {
font-size: 12px;
margin-right: 7px;
margin-top: 2px;
}
/*
- Subscribe Form Popup
*/
.subscribe-form-popup {
display: none;
position: fixed;
text-align: center;
z-index: 1000;
}
.subscribe-form-popup:before {
content: '';
background: rgba(0, 0, 0, 0.4);
}
.subscribe-form-popup .wrap {
position: relative;
width: 95%;
color: #000;
background: #fff;
border-radius: 4px;
overflow: hidden;
}
.subscribe-form-popup .wrap > .close {
position: absolute;
top: 10px;
right: 10px;
font-size: 12px;
cursor: pointer;
}
.subscribe-form-popup .wrap .content > .close {
font-weight: 500;
text-decoration: underline;
cursor: pointer;
}
.subscribe-form-popup .subscribe-form {
margin: 25px auto 60px;
max-width: 295px;
}
.subscribe-form-popup .subscribe-form .input-block {
padding: 9px 6px;
}
.subscribe-form-popup .subscribe-form .input-block:before {
opacity: .7;
}
.subscribe-form-popup .subscribe-form button {
height: 42px;
font-weight: bold;
font-size: 16px;
}
.subscribe-form-popup.horizontal .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 720px;
}
.subscribe-form-popup.horizontal .image {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.subscribe-form-popup.horizontal .content {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 40px 25px 25px;
}
.subscribe-form-popup.horizontal .h {
font-size: 24px;
margin: 0 0 20px;
line-height: 1.17;
}
.subscribe-form-popup.horizontal .desc {
line-height: 1.37;
}
@media (max-width: 575.98px) {
.subscribe-form-popup.horizontal .image {
display: none;
}
}
.subscribe-form-popup.vertical .wrap {
max-width: 330px;
padding: 60px 30px 20px;
}
.subscribe-form-popup.vertical .h {
font-size: 26px;
margin: 0 0 40px;
line-height: 1.08;
}
.subscribe-form-popup.vertical .subscribe-form {
display: block;
max-width: 215px;
margin-bottom: 45px;
}
.subscribe-form-popup.vertical .subscribe-form .input-block {
padding: 0;
margin: 0;
margin-bottom: 25px;
border-radius: 4px;
overflow: hidden;
}
.subscribe-form-popup.vertical .subscribe-form .input-block .input {
text-align: center;
background: #F2F2F3;
height: 42px;
}
.subscribe-form-popup.vertical .subscribe-form .input-block:before {
display: none;
}
/*
- Contact Item
*/
.contact-item {
margin-bottom: 25px;
}
.contact-item.without-label {
padding-top: 22px;
}
.contact-item .label {
line-height: 1.1875;
opacity: .6;
margin-bottom: 8px;
}
.contact-item .value {
line-height: 1.14286;
}
.site-footer .contact-item {
margin-bottom: 28px;
}
.site-footer .contact-item .label {
line-height: 1.14286;
opacity: .6;
margin-bottom: 4px;
}
.site-footer .contact-item .value {
font-size: 14px;
line-height: 1.14286;
}
.site-footer .contact-item .value b {
font-weight: 500;
}
/*
- Scroll Top Button
*/
.scroll-top-button {
position: fixed;
right: 17px;
bottom: 40px;
z-index: 20;
cursor: pointer;
-webkit-transition: 300ms ease-in-out;
-o-transition: 300ms ease-in-out;
transition: 300ms ease-in-out;
-webkit-transition-property: opacity, visibility;
-o-transition-property: opacity, visibility;
transition-property: opacity, visibility;
color: #000;
}
.scroll-top-button i {
position: absolute;
top: 50%;
left: 50%;
color: #fff;
font-size: 16px;
margin-top: -.5em;
margin-left: -.5em;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
z-index: 2;
}
.scroll-top-button svg {
display: block;
fill: #CECECE;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.scroll-top-button .label {
position: absolute;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
white-space: nowrap;
left: 50%;
bottom: 100%;
-webkit-transform: rotate(-90deg) translateX(-30px);
-ms-transform: rotate(-90deg) translateX(-30px);
transform: rotate(-90deg) translateX(-30px);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
opacity: 0;
pointer-events: none;
z-index: -1;
}
.scroll-top-button:hover svg {
fill: #131313;
-webkit-filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.29));
filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.29));
}
.scroll-top-button:hover .label {
opacity: 1;
-webkit-transform: rotate(-90deg) translateX(0px);
-ms-transform: rotate(-90deg) translateX(0px);
transform: rotate(-90deg) translateX(0px);
}
.scroll-top-button.white {
color: #fff;
}
.scroll-top-button.white svg {
fill: #414141;
}
.scroll-top-button.white:hover i {
color: #000;
}
.scroll-top-button.white:hover svg {
fill: #fff;
}
@media screen and (max-width: 1000px) {
.blog-block {
padding-left: 15px;
padding-right: 15px;
}
.vc_row {
margin: 0 !important;
}
.post-4828 {
padding-left: 15px;
padding-right: 15px;
}
}