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%;
padding-right: 15px;
padding-left: 15px;
}
.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;
}
.pace {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
background: #fff;
color: #000;
-webkit-transition: -webkit-transform 500ms ease-in-out;
transition: -webkit-transform 500ms ease-in-out;
-o-transition: transform 500ms ease-in-out;
transition: transform 500ms ease-in-out;
transition: transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
padding-top: 60px;
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;
overflow: hidden;
}
.admin-bar .pace {
top: 32px;
}
.pace .pace-progress {
background: #000;
margin-bottom: 30px;
}
.pace .pace-progress .pace-progress-inner {
height: 40px;
background: #fff;
}
.pace .pace-activity {
height: 100%;
}
.pace .container {
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;
}
.pace .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;
}
.pace .text {
opacity: .63;
}
.pace .site-logo + .text {
border-left: 1px solid;
margin-left: 25px;
padding-left: 25px;
}
.pace .number {
position: relative;
font-size: 50px;
font-weight: 700;
margin-left: auto;
line-height: 1;
}
.pace .number:after {
content: '%';
display: inline-block;
font-size: 30px;
font-weight: bold;
vertical-align: top;
margin-top: 0.12em;
}
@media (max-width: 991.98px) {
.pace {
padding-top: 30px;
}
.pace .number {
font-size: 300px;
}
}
@media (max-width: 767.98px) {
.pace {
padding-top: 10px;
}
.pace .number {
font-size: 200px;
margin-left: 0;
}
}
@media (max-width: 575.98px) {
.pace .number {
font-size: 100px;
}
}
.pace-done .pace {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
@-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);
}
}
.white-bg {
background: #fff !important;
}
.black-bg {
background: #fff !important;
} .preloader {
position: fixed;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10000;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s 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;
background: #fff;
}
.preloader .preloader_img img {
max-width: 200px;
max-height: 200px;
display: block;
}
.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-family: montserrat, sans-serif;
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;
}    html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} b, strong {
font-weight: bolder;
} code, kbd, samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button, input, optgroup, select, textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button, input {
overflow: visible;
} button, select {
text-transform: none;
} button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0; white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"], [type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}  ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template, [hidden] {
display: none;
}  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;
font-family: "Courier 10 Pitch", Courier, monospace;
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-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
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%;
} 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, ol {
padding-left: 25px;
}
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; max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%;
}  a:focus, a:hover, a:active {
outline: 0;
}  [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;
}  p.has-drop-cap:not(:focus)::first-letter {
font-size: 5em;
margin-top: 0.075em;
} .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;
} .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;
} .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;
} .wp-block-audio audio {
display: block;
width: 100%;
} .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;
} .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;
}  .wp-block-code {
background: transparent;
border: 0;
padding: 0;
} .wp-block-pullquote {
border: 0;
}
.wp-block-pullquote__citation,
.wp-block-pullquote cite {
font-size: inherit;
text-transform: none;
} .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;
}  .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;
} .wp-block-separator {
border: 0;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px;
} .wp-block-media-text {
margin-bottom: 1.5em;
}
.wp-block-media-text *:last-child {
margin-bottom: 0;
}  .wp-block-archives.aligncenter,
.wp-block-categories.aligncenter,
.wp-block-latest-posts.aligncenter {
list-style-position: inside;
text-align: center;
} .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;
} .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;
} .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;
} .wp-caption {
margin-bottom: 1.75em;
max-width: 100%;
}
.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;
} .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-family: Montserrat, "Helvetica Neue", sans-serif;
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;
} .header-login-button, .site-logo a, .fullscreen-navigation ul li a, .mobile-navigation a, .blog-item .title, .blog-item .title a, .post-bottom .zilla-likes, .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 {
color: inherit;
text-decoration: none;
}
.wpb_text_column ul, .navigation ul, .fullscreen-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, .fullscreen-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;
}
.social-links a, .social-links-circle, .social-links-circle a, .fullscreen-navigation-area, .side-navigation .menu > li > a, .nav-butter,
.sidebar-butter, .scroll-to-top, .account-page, .post-page-top, .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, .header-search-button i, .header-fullscreen-button, .header-login-button, .header-minicart .hm-count, .header-minicart .hm-count i, .header-minicart .minicart-wrap, .site-logo img, .social-links a, .navigation .mega-menu .mega-menu-row > li > a span:before, .search-popup .close, .subscribe-popup, .subscribe-popup .close, .sidebar-content-overlay, .site-footer .footer-bottom .links a span, .heading-block .h span img, .blog-item .categories, .blog-item .desc, .right-click-disable-message, .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, .main-container, .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, .comments-area .comment-items .comment-item .image, .search-item .img, .banner-area .banner-item, .coming-soon-banner .bg-overlay .image,
.banner-404 .bg-overlay .image, .page-top-block, .post-page-top .bg-overlay .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 .main-container, 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 .comments-area .comment-items .comment-item .image, .comments-area .comment-items .comment-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 .coming-soon-banner .bg-overlay .image, .coming-soon-banner .bg-overlay body.mobile-images-true .image,
body.mobile-images-true .banner-404 .bg-overlay .image, .banner-404 .bg-overlay body.mobile-images-true .image, body.mobile-images-true .page-top-block, body.mobile-images-true .post-page-top .bg-overlay .image, .post-page-top .bg-overlay body.mobile-images-true .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, .button-style2, .button-style3, .button-style4, .add-to-cart-button, .readmore-link, .link-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, .button-style2 span, .button-style3 span, .button-style4 span, .add-to-cart-button span, .readmore-link span, .link-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, input.style2,
textarea.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%;
}
.navigation-hover-style1 .navigation > .menu > li > a span:before, .navigation .mega-menu .mega-menu-row > li > a span:before, .fullscreen-navigation-area, .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, .blog-grid .blog-item .img a,
.blog-carousel .blog-item .img a, .blog-grid .blog-item .img a:before,
.blog-carousel .blog-item .img a:before, .blog-item.horizontal .img a, .project-video .wrap iframe,
.project-video .wrap video, .right-click-disable-message, .coming-soon-banner .bg-overlay,
.banner-404 .bg-overlay, .coming-soon-banner .bg-overlay .image,
.banner-404 .bg-overlay .image, .page-top-block .parallax-image, .post-page-top .bg-overlay, .post-page-top .bg-overlay .image, .post-page-top .bg-overlay .color, .menu-overlay, .post-item-b .image a, .subscribe-form-popup, .subscribe-form-popup:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.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:hover > .sub-menu,
.navigation > .menu li.page_item_has_children:hover > .children, .navigation .menu-item-has-mega-menu:hover .mega-menu, .navigation .mega-menu .mega-menu-row .sub-menu .sub-menu, .fullscreen-navigation .current + .sub-menu,
.fullscreen-navigation .current + .children, .side-navigation .menu li:hover > .sub-menu, .search-popup.active, .subscribe-popup.active, .sidebar-content-overlay.active, .heading-block .h span:hover img, .blog-item.style5 .wrap:hover .img, .scroll-to-top-button.show, .right-click-disable-message.active, .scroll-to-top.show, .account-page .woocommerce form.woocommerce-account-form.show {
opacity: 1;
visibility: visible;
}
.header-search-button i.base-icon-close-button, .header-search-button.active i, .header-minicart .minicart-wrap, .navigation.hidden_menu, .navigation-hover-style1 .navigation > .menu > li > a span:before, .navigation li:not(.mega-menu-col) > .sub-menu,
.navigation li:not(.mega-menu-col) > .children, .navigation .mega-menu, .fullscreen-navigation .hidden, .fullscreen-navigation .sub-menu,
.fullscreen-navigation .children, .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, .heading-block .h span img, .blog-item.style5 .wrap .img, .scroll-to-top-button, .right-click-disable-message, .scroll-to-top, .account-page .woocommerce form.woocommerce-account-form, .menu-overlay {
opacity: 0;
visibility: hidden;
}
.text-t1, .header-wishlist span, .header-minicart .hm-count span, .site-logo, .site-footer .footer-bottom .left-text, .site-footer .footer-bottom .site-right, .blog-item .desc, .post-content-block p,
.post-content-block table,
.post-content-block dl,
.project-content-block p,
.project-content-block table,
.project-content-block dl,
.content-area p,
.content-area table,
.content-area dl, .comments-area .comment-items .comment-item .content, .search-item .desc, .coming-soon-banner .text, .account-page .woocommerce form.woocommerce-account-form input.input-text, .tinv-wishlist table.tinvwl-table-manage-list td.product-price, .subscribe-form-popup.horizontal .desc {
font-family: 'proxima-nova', sans-serif;
}
.site-footer .widget > *:last-child, .comments-area .comment-items .comment-item .top > *:last-child, .search-item .wrap > *:last-child, .protected-post-form > *:last-child, .banner-area .banner-item div[class^="col-"] > *:last-child, .coming-soon-banner .col-auto > *:last-child, .banner-404 .col-auto > *:last-child, .coming-soon-banner .col-12 > *:last-child {
margin-bottom: 0 !important;
} .preloader-words .word span, .header-login-button:hover, .site-logo a:hover, .fullscreen-navigation ul li a:hover, .mobile-navigation a:hover, .blog-item .title:hover, .blog-item .title a:hover, .post-bottom .zilla-likes: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, .text-t2 a:hover, .text-t3 a:hover, .text-t4 a:hover, .button-style4.accent, .readmore-link:hover, .link-button.accent, .link-button:hover, .play-button.with-label i, .scroll-down-arrow:hover, .header-search-button:hover, .header-fullscreen-button:hover, .header-minicart .hm-count:hover i, .social-links a:hover, .social-links-with-label a:hover, .social-links-label a:hover, .navigation-hover-style2 .navigation > .menu > li > a span:before, .navigation li:not(.mega-menu-col) > .sub-menu li:hover > a,
.navigation li:not(.mega-menu-col) > .children li:hover > a, .fullscreen-navigation ul li.current-menu-item > a, .fullscreen-navigation ul li.current-menu-ancestor > a, .fullscreen-navigation ul li.current_page_item > a, .fullscreen-navigation ul li.current_page_parent > a, .fullscreen-navigation ul li:hover > a, .fullscreen-navigation li.back:hover, .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, .mobile-navigation li.current-menu-item > a span, .mobile-navigation li.current-menu-ancestor > a span, .mobile-navigation li.current_page_item > a span, .mobile-navigation li.current_page_parent > a span, .mobile-navigation li.mega-current-menu-item > a span, .mobile-navigation li.mega-current-menu-ancestor > a span, .mobile-navigation li.mega-current_page_item > a span, .mobile-navigation li.mega-current_page_parent > a span, .search-popup .close:hover, .subscribe-popup .close:hover, .sidebar-content-block .close:hover, .heading-block .sub-h span, .heading-block .h.accent-color, .heading-block .h span, .scroll-to-top-button:hover, .searchform button:hover,
.protected-post-form .form button:hover, .post-banner .categories, .tinv-wishlist .social-buttons li a.social:hover, .tinv-wishlist .tinv-modal .tinv-modal-inner .tinvwl_button_close:hover, .back-h-button:hover, .subscribe-form-popup .wrap > .close:hover, .subscribe-form-popup .wrap .content > .close:hover {
color: #BD0505;
}
.preloader-folding-cube .preloader-cube:before, .wpb_text_column ul li:before, .button-style1:hover, .button-style1.white:hover, .button-style1.accent, .input-row:before,
.woocommerce-form-row:before, .header-with-accent-fill .site-header .right, .search-popup .searchform:before, .post-bottom .tags a:hover, body.dark-scheme .tagcloud .tag-cloud-link:hover,
body .dark-scheme .tagcloud .tag-cloud-link:hover, .account-page .woocommerce form.woocommerce-account-form .button:hover, .tinv-wishlist table.tinvwl-table-manage-list .product-remove button:hover, .tinv-wishlist table.tinvwl-table-manage-list button.button.alt:hover, .post-nav-buttons .button-style1:hover {
background: #BD0505;
}
.button-style1.inherit:hover, .sidebar-style2 .widget-title {
border-color: #BD0505;
} ::-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;
} .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;
padding-top: 0.1px;
padding-bottom: 0.1px;
}
.wpadminbar {
position: fixed !important;
}
a {
color: #BD0505;
-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;
margin: .3em 0;
font-family: 'graphie';
}
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: 72px;
font-weight: 600;
}
h2,
.h2 {
font-size: 68px;
font-weight: 600;
}
h3,
.h3 {
font-size: 48px;
font-weight: 600;
}
h4,
.h4 {
font-size: 40px;
font-weight: 600;
}
h5,
.h5 {
font-size: 30px;
font-weight: 600;
}
h6,
.h6 {
font-size: 18px;
font-weight: 600;
}
@media (max-width: 767.98px) {
h1,
.h1 {
font-size: 68px !important;
}
h2,
.h2 {
font-size: 48px !important;
}
h3,
.h3 {
font-size: 40px !important;
}
h4,
.h4 {
font-size: 30px !important;
}
h5,
.h5 {
font-size: 18px !important;
}
h6,
.h6 {
font-size: 16px !important;
}
}
.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-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;
font-family: "roboto", sans-serif, arial;
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;
}
#page {
position: relative;
overflow: hidden;
z-index: 1;
}
.header-side #page,
.header-side-shop #page {
padding-left: 250px;
}
@media (max-width: 991.98px) {
.header-side #page,
.header-side-shop #page {
padding-left: 0;
}
}
.with-sidebar #page,
.with-sidebar-shop #page {
padding-left: 75px;
}
@media (max-width: 991.98px) {
.with-sidebar #page,
.with-sidebar-shop #page {
padding-left: 0;
}
}
.light-scheme #page,
#page .light-scheme {
background-color: #fff;
color: #000;
}
.dark-scheme #page,
#page .dark-scheme {
background-color: #272626;
color: #fff;
}
[contenteditable=true]:empty::before {
content: attr(data-placeholder);
display: inline;
}
.container-fluid.no-padding {
padding: 0;
}
.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;
}
.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;
}
.text-t1 {
font-size: 16px;
position: relative;
line-height: 1.5;
margin: 15px 0;
font-weight: normal;
}
.text-t1 strong {
font-weight: 600;
}
.text-t1 p {
margin: 1.5em 0;
}
.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 {
position: relative;
font-size: 22px;
line-height: 1.45;
font-weight: 500;
padding-left: 70px;
margin: 30px 0;
z-index: 1;
}
blockquote:before {
content: '\e91c';
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;
} .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;
}
.button-style1 {
font-size: 16px;
font-weight: 600;
overflow: visible;
height: 43px;
line-height: 1.2;
padding: 0 25px;
border-radius: 4px;
color: #fff;
background: #272626;
z-index: 1;
}
body.dark-scheme .button-style1:not(.accent),
body .dark-scheme .button-style1:not(.accent), .button-style1.white {
color: #000;
background: #fff;
}
body.dark-scheme .button-style1:not(.accent):hover,
body .dark-scheme .button-style1:not(.accent):hover, .button-style1.white:hover {
color: #fff;
background: #181818;
}
.button-style1:hover, .button-style1.white:hover {
color: #fff;
}
.button-style1 span {
position: relative;
display: block;
overflow: visible;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
z-index: 1;
}
.button-style1.inherit {
color: inherit;
}
.button-style1.inherit:hover {
color: #fff;
}
.button-style1.accent:hover {
background: #272626;
}
.button-style1.with-icon {
height: 55px;
font-size: 16px;
text-transform: uppercase;
padding: 0 30px;
}
.button-style1 i {
margin-right: 20px;
font-size: 25px;
-webkit-transition: -webkit-transform 300ms ease-in-out;
transition: -webkit-transform 300ms ease-in-out;
-o-transition: transform 300ms ease-in-out;
transition: transform 300ms ease-in-out;
transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}
.button-style1 i:last-child {
margin-left: 20px;
margin-right: auto;
}
.button-style1 i.base-icon-prev-5, .button-style1 i.base-icon-next-5 {
font-size: 10px;
}
.button-style2 {
font-size: 18px;
font-weight: bold;
overflow: visible;
height: 40px;
padding: 0;
line-height: 1.2;
}
.button-style2:before {
content: '';
display: block;
width: 50px;
height: 1px;
margin-right: 15px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
-webkit-transition: width 300ms ease;
-o-transition: width 300ms ease;
transition: width 300ms ease;
-webkit-transition-property: width, margin;
-o-transition-property: width, margin;
transition-property: width, margin;
}
.button-style2.small {
font-size: 16px;
}
.button-style2.small:before {
width: 40px;
}
.button-style2.extra-small {
font-size: 14px;
}
.button-style2.extra-small:before {
width: 45px;
}
.button-style2.l-on-right:before {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
margin-left: 15px;
margin-right: 0;
}
.button-style2:hover {
padding-right: 65px;
}
.button-style2:hover:before {
width: 0;
margin-right: 0;
}
.button-style3 {
font-weight: bold;
font-size: 16px;
line-height: 19px;
height: 25px;
padding: 0 10px;
}
.button-style3:after {
content: '';
position: absolute;
left: 50%;
bottom: 0;
width: 100%;
height: 1px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0.3;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.button-style3 span + i,
.button-style3 i + span {
margin-left: 17px;
}
.button-style3:hover:after, .button-style3.loading:after {
width: 30px;
}
.button-style4 {
font-weight: 700;
font-size: 16px;
line-height: 19px;
height: 25px;
overflow: visible;
}
.button-style4 span + i,
.button-style4 i + span {
margin-left: 17px;
}
.button-style4 i {
margin-top: 1px;
font-size: 22px;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.button-style4:hover i {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
.button-style4.extra-small {
font-weight: bold;
font-size: 14px;
}
.button-style4.extra-small span + i,
.button-style4.extra-small i + span {
margin-left: 6px;
}
.button-style4.extra-small i {
font-size: 17px;
margin-top: 1px;
}
.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;
}
.readmore-link {
font-size: 18px;
text-transform: uppercase;
}
.readmore-link i {
font-size: 10px;
}
.readmore-link i:first-child {
margin-right: 25px;
}
.readmore-link i:last-child {
margin-left: 25px;
}
.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;
} .play-button {
font-size: 45px;
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;
color: inherit;
-webkit-filter: drop-shadow(2px 1px 1px rgba(13, 13, 13, 0.5));
filter: drop-shadow(2px 1px 1px rgba(13, 13, 13, 0.5));
}
.play-button i {
font-size: 45px;
-webkit-filter: drop-shadow(5px 0 4px rgba(13, 13, 13, 0.7));
filter: drop-shadow(5px 0 4px rgba(13, 13, 13, 0.7));
margin-right: 20px;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.play-button span {
font-size: 15px;
font-weight: 600;
}
.play-button:hover i {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
@supports (-webkit-background-clip: text) {
.play-button.with-label i {
background-image: -webkit-gradient(linear, left top, right top, from(#08245f), to(#211841));
background-image: -o-linear-gradient(left, #08245f 0%, #211841 100%);
background-image: linear-gradient(90deg, #08245f 0%, #211841 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
.play-button.with-label:hover i {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
} .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 {
font-size: 14px;
font-weight: 400;
padding: 7px 0;
margin-bottom: 30px;
height: 30px;
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 #73787b;
}
body.dark-scheme input.style1,
body .dark-scheme input.style1, body.dark-scheme
textarea.style1,
body .dark-scheme
textarea.style1 {
border-bottom-color: #e6e6e6;
}
textarea.style1 {
height: auto;
}
input.style2,
textarea.style2,
select.style2 {
font-size: 14px;
font-weight: 400;
padding: 7px 15px;
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: #F9F9F9;
border-radius: 4px;
}
textarea.style2 {
height: auto;
}
select.style2 {
cursor: pointer;
background-image: url(//www.ggateway.tech/wp-content/themes/ottro/images/select.png);
background-size: 10px;
background-position: top 50% right 17px;
background-repeat: no-repeat;
}
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;
} .site-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 100;
-webkit-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
-webkit-transition-property: background-color, -webkit-transform;
transition-property: background-color, -webkit-transform;
-o-transition-property: background-color, transform;
transition-property: background-color, transform;
transition-property: background-color, transform, -webkit-transform;
pointer-events: none;
-webkit-perspective: 2000px;
perspective: 2000px; }
.header-fixed-false:not(.header-side):not(.header-side-shop) .site-header {
position: absolute;
margin-top: 0 !important;
}
.with-sidebar .site-header,
.with-sidebar-shop .site-header {
padding-left: 75px;
}
@media (max-width: 991.98px) {
.with-sidebar .site-header,
.with-sidebar-shop .site-header {
padding-left: 0;
}
}
.header-logo-right .site-header .logo-block {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.header-logo-right .site-header .right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.header-logo-right .site-header .right > * {
margin-left: 0;
margin-right: 30px;
}
.header-logo-right .site-header .header-search-button {
margin-right: 30px;
}
.header-side .site-header .nav-butter {
margin-right: 0 !important;
}
.header-side .site-header .logo-block {
margin-left: 15px;
}
.header-side .site-header .sidebar-butter + .logo-block {
margin-left: 0;
}
.site-header .logo-block,
.site-header .right {
pointer-events: all;
}
.site-header.hide-header {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.site-header .row {
min-height: 125px;
-webkit-transition: min-height 300ms ease;
-o-transition: min-height 300ms ease;
transition: min-height 300ms ease;
}
.admin-bar .site-header {
margin-top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .site-header {
margin-top: 46px;
}
}
.site-header .container-fluid {
padding: 0 75px;
}
.header-side .site-header .container-fluid,
.header-side-shop .site-header .container-fluid {
padding-left: 25px;
}
.header-logo-center .site-header .container-fluid {
padding-left: 40px;
}
@media (max-width: 991.98px) {
.site-header .container-fluid {
padding: 0 30px;
}
}
.site-header.dark-color {
color: #000;
}
.site-header.fixed.light-color, .site-header.fixed-bg.light-color {
background: #000;
color: #fff;
}
.site-header.fixed.dark-color, .site-header.fixed-bg.dark-color {
background: #fff;
color: #000;
}
.site-header.fixed .navigation .menu > li > a {
height: 50px;
}
.site-header.fixed .row {
min-height: 80px;
}
.site-header .logo-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 65px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.site-header .right {
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: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.site-header .right .navigation {
margin-right: 45px;
}
@media screen and (max-width: 1400px) {
.site-header .right .navigation {
margin-right: 0;
}
}
.site-header .right > *:not(:first-child) {
margin-left: 25px;
}
@media (max-width: 575.98px) {
.site-header .right > *:not(:first-child) {
margin-left: 20px;
}
}
.header-with-fill .site-header .right,
.header-with-accent-fill .site-header .right {
padding: 0 35px;
border-radius: 4px;
min-height: 50px;
}
@media (max-width: 991.98px) {
.header-with-fill .site-header .right,
.header-with-accent-fill .site-header .right {
padding: 0 25px;
}
.header-with-fill .site-header .right .navigation + *,
.header-with-accent-fill .site-header .right .navigation + * {
margin-left: 0;
}
}
@media (max-width: 767.98px) {
.header-with-fill .site-header .right,
.header-with-accent-fill .site-header .right {
padding: 0 20px;
margin-right: 15px;
}
}
.header-with-fill .site-header .right {
background: rgba(249, 249, 249, 0.85);
color: #272626;
}
.header-with-fill.header-light .site-header .right {
background: rgba(39, 38, 38, 0.7);
color: #fff;
}
.header-with-accent-fill .site-header .right {
color: #fff;
}
@media (max-width: 575.98px) {
.site-header .right {
padding-left: 0;
}
}
.site-header .left {
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: auto;
}
.site-header .left .nav-butter,
.site-header .left .sidebar-butter {
margin-left: 0;
}
.site-header .left > *:not(:last-child) {
margin-right: 20px;
}
@media (max-width: 575.98px) {
.site-header .left {
padding-right: 0;
}
.site-header .left .nav-butter {
margin-left: 0;
}
}
.site-header.on-side {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.header-logo-center .site-header .center {
position: absolute;
top: 50%;
left: 50%;
}
.header-logo-center .site-header .right {
margin-left: auto;
}
.header-logo-center .site-header .navigation {
position: absolute;
top: 50%;
}
.header-logo-center .site-header .navigation.on-left {
right: 100%;
margin-right: 60px;
}
.header-logo-center .site-header .navigation.on-right {
left: 100%;
margin-left: 60px;
}
@media (max-width: 767.98px) {
.header-logo-center .site-header .left {
display: none;
}
.header-logo-center .site-header .center {
left: 15px;
margin-left: 0 !important;
}
}
.site-header .header-button {
font-weight: 500;
height: 40px;
padding: 0 19px;
}
@media (max-width: 991.98px) {
.site-header .row {
min-height: 90px;
}
.site-header.on-side {
left: 0;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
}
@media (max-width: 575.98px) {
.site-header .container-fluid {
padding: 0 15px;
}
.site-header .site-logo {
max-width: 130px;
}
}
.header-with-fill .navigation .menu > li,
.header-with-accent-fill .navigation .menu > li {
height: 50px;
} @-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 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: fixed;
top: 0;
left: 0;
bottom: 0;
padding-top: 140px;
padding-bottom: 60px;
width: 250px;
background-color: #fbf8f6;
color: #000;
-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;
z-index: 99;
}
.side-header.on-top {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.side-header.on-middle {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.side-header.on-bottom {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.admin-bar .side-header {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .side-header {
top: 46px;
}
}
.side-header.light-color {
background-color: #000;
color: #fff;
}
.side-header .site-logo {
margin-left: 50px;
margin-top: 20px;
padding-right: 25px;
height: 60px;
}
.side-header .social-links {
position: relative;
margin: 20px 30px 0 40px;
padding-top: 30px;
}
.side-header .social-links:before {
content: '';
position: absolute;
top: 0;
left: -10px;
width: 115px;
border-bottom: 1px solid;
opacity: .1;
}
.dark-scheme .side-header .social-links:before {
opacity: .3;
}
.side-header .social-links a {
font-size: 15px;
}
.side-header .social-links a:not(:last-child) {
margin-right: 12px;
}
@media (max-width: 991.98px) {
.side-header {
display: none;
}
} .header-space {
height: 125px;
}
.header-space-false .header-space,
.header-side-type2 .header-space {
display: none;
}
@media (max-width: 991.98px) {
.header-space {
height: 90px;
}
} .header-search-button {
position: relative;
font-size: 20px;
cursor: pointer;
}
.site-header .header-search-button {
margin-left: 30px;
}
@media (max-width: 575.98px) {
.site-header .header-search-button {
margin-left: 0;
}
}
.header-search-button i {
display: block;
}
.header-search-button i.base-icon-close-button {
position: absolute;
top: 0;
left: 0;
} .header-wishlist {
position: relative;
font-size: 20px;
color: inherit;
}
.header-wishlist i {
display: block;
}
.header-wishlist span {
position: absolute;
top: -7px;
right: -7px;
font-size: 8px;
font-weight: 600;
line-height: 15px;
height: 14px;
min-width: 14px;
background: #272626;
color: #fff;
padding: 0 4px;
border-radius: 7px;
text-align: center;
} .header-fullscreen-button {
font-size: 20px;
cursor: pointer;
}
.header-fullscreen-button i {
display: block;
}
@media (hover: none) {
.header-fullscreen-button {
display: none;
}
} .header-login-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 12px;
font-weight: 500;
cursor: pointer;
}
.header-login-button i {
font-size: 20px;
margin-right: 10px;
}
@media (max-width: 575.98px) {
.header-login-button i {
margin-right: 0;
}
.header-login-button span {
display: none;
}
} .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: 15px;
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;
border: 1px solid #eee;
margin-top: 32px;
}
.header-minicart .minicart-wrap:before {
content: '';
position: absolute;
top: -10px;
left: 0;
right: 0;
height: 10px;
}
.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: 15px 15px 5px;
margin-top: 15px;
}
.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;
}
.header-minicart .minicart-wrap .bottom .buttons .button-style1 {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.header-minicart .minicart-wrap .bottom .buttons .button-style1.checkout {
margin-left: 5px;
} .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: bold;
font-size: 22px;
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;
}
.light-color .site-logo img.light,
.dark-color .site-logo img.dark {
opacity: 1;
}
.dark-color .site-logo img.light,
.light-color .site-logo img.dark {
opacity: 0;
} .language-switcher {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-transform: uppercase;
font-size: 16px;
margin-top: 2px;
}
.header-top .language-switcher {
margin-top: 0;
}
.language-switcher .item.current a {
opacity: 1;
}
.language-switcher .item a {
opacity: .4;
color: inherit;
}
.language-switcher .item a:hover {
opacity: 1;
}
.language-switcher .item:not(:last-child):after {
content: '\00a0\00a0\00a0|\00a0\00a0\00a0';
}
@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-phone {
font-size: 17px;
}
@media (max-width: 767.98px) {
.header-phone {
display: none;
}
} .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;
}
.social-links .label {
margin-right: 20px;
text-transform: none;
font-weight: 600;
}
.social-links a {
position: relative;
margin-right: 20px;
pointer-events: all;
z-index: 1;
font-size: 20px;
}
.social-links a:last-child {
margin-right: 0 !important;
}
.social-links a i {
display: block;
}
.social-links.social-links-block a {
opacity: 1;
}
.social-links.social-links-block {
font-size: 16px;
} .social-links {
font-size: 15px;
-webkit-transition: color 300ms ease-in-out;
-o-transition: color 300ms ease-in-out;
transition: color 300ms ease-in-out;
}
.social-links a {
position: relative;
color: inherit;
}
.social-links a:not(:last-child) {
margin-right: 15px;
} .social-links-with-label {
text-transform: capitalize;
font-size: 16px;
}
.social-links-with-label a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: inherit;
opacity: 1;
border-bottom: 1px solid #F0F0F0;
padding: 15px 0;
}
.social-links-with-label a:last-child {
border-bottom: none;
}
.social-links-with-label a i {
margin-right: 15px;
font-size: 18px;
-webkit-transition: opacity 400ms ease-in-out;
-o-transition: opacity 400ms ease-in-out;
transition: opacity 400ms ease-in-out;
width: 1em;
text-align: center;
} .social-links-label {
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: 12px;
font-weight: normal;
text-transform: lowercase;
}
.social-links-label a {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
color: inherit;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.social-links-label a:not(:last-child) {
margin-right: 35px;
}
.social-links-label a i {
margin-right: 12px;
font-size: 16px;
} .social-links-circle {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.social-links-circle a {
color: inherit;
width: 22px;
height: 22px;
border-radius: 50%;
font-size: 12px;
}
.social-links-circle a:not(:last-child) {
margin-right: 7px;
}
body.light-scheme .social-links-circle a,
body .light-scheme .social-links-circle a {
background: #bbbbbb;
color: #fff;
}
body.light-scheme .social-links-circle a:hover,
body .light-scheme .social-links-circle a:hover {
background: #000;
}
body.dark-scheme .social-links-circle a,
body .dark-scheme .social-links-circle a {
background: #fff;
color: #000;
}
body.dark-scheme .social-links-circle a:hover,
body .dark-scheme .social-links-circle a:hover {
background: #fff;
} .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: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.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;
}
.navigation > .menu li {
position: relative;
}
.navigation > .menu li.menu-item-has-children:hover > .sub-menu,
.navigation > .menu li.page_item_has_children: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: 80px;
-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;
}
.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%;
}
.navigation > .menu > li > a span {
display: block;
position: relative;
padding: 3px 0;
}
.navigation-hover-style1 .navigation > .menu > li > a span:before {
content: '';
position: absolute;
left: -12px;
right: -12px;
-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;
z-index: -1;
}
.navigation-hover-style2 .navigation > .menu > li > a span {
padding: 0 0;
margin: 0 0;
}
.navigation-hover-style2 .navigation > .menu > li > a span:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 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;
}
.header-with-accent-fill.navigation-hover-style2 .navigation > .menu > li > a span:before,
.header-with-fill.navigation-hover-style2.header-light .navigation > .menu > li > a span:before {
color: inherit;
}
.navigation > .menu > li:hover > a {
opacity: 1;
}
.navigation > .menu > li:not(:last-of-type) {
margin-right: 40px;
}
@media screen and (max-width: 1400px) {
.navigation > .menu > li:not(:last-of-type) {
margin-right: 25px;
}
}
.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 {
opacity: 1;
}
.navigation-hover-style1 .navigation > .menu > li.current-menu-item > a span:before, .navigation-hover-style1
.navigation > .menu > li.current-menu-ancestor > a span:before, .navigation-hover-style1
.navigation > .menu > li.current_page_item > a span:before, .navigation-hover-style1
.navigation > .menu > li.current_page_parent > a span:before, .navigation-hover-style1
.navigation > .menu > li.current-menu-ancestor > a span:before {
visibility: visible;
opacity: .1;
}
.navigation-hover-style2 .navigation > .menu > li.current-menu-item > a span:before, .navigation-hover-style2
.navigation > .menu > li.current-menu-ancestor > a span:before, .navigation-hover-style2
.navigation > .menu > li.current_page_item > a span:before, .navigation-hover-style2
.navigation > .menu > li.current_page_parent > a span:before, .navigation-hover-style2
.navigation > .menu > li.current-menu-ancestor > a span:before {
width: 20px;
}
.navigation-hover-style3 .navigation > .menu > li.current-menu-item > a span:before, .navigation-hover-style3
.navigation > .menu > li.current-menu-ancestor > a span:before, .navigation-hover-style3
.navigation > .menu > li.current_page_item > a span:before, .navigation-hover-style3
.navigation > .menu > li.current_page_parent > a span:before, .navigation-hover-style3
.navigation > .menu > li.current-menu-ancestor > a span:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.navigation-hover-style4 .navigation > .menu > li.current-menu-item > a span:before, .navigation-hover-style4
.navigation > .menu > li.current-menu-ancestor > a span:before, .navigation-hover-style4
.navigation > .menu > li.current_page_item > a span:before, .navigation-hover-style4
.navigation > .menu > li.current_page_parent > a span:before, .navigation-hover-style4
.navigation > .menu > li.current-menu-ancestor > a span:before {
height: 6px;
}
.navigation.on-center .menu {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.navigation li:not(.mega-menu-col) > .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-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: 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;
}
.light-color .navigation li:not(.mega-menu-col) > .sub-menu, .light-color
.navigation li:not(.mega-menu-col) > .children {
background: #161616;
color: #fff;
-webkit-box-shadow: 0px 10px 35px rgba(66, 66, 66, 0.5);
box-shadow: 0px 10px 35px rgba(66, 66, 66, 0.5);
}
.navigation li:not(.mega-menu-col) > .sub-menu li.menu-item-has-children,
.navigation li:not(.mega-menu-col) > .children li.menu-item-has-children {
position: relative;
}
.navigation li:not(.mega-menu-col) > .sub-menu li.menu-item-has-children > a,
.navigation li:not(.mega-menu-col) > .children li.menu-item-has-children > a {
padding-right: 20px;
}
.navigation li:not(.mega-menu-col) > .sub-menu li.menu-item-has-children > a:after,
.navigation li:not(.mega-menu-col) > .children li.menu-item-has-children > a:after {
content: '+';
position: absolute;
font-weight: normal;
top: 4px;
right: -10px;
font-size: 14px;
}
.navigation li:not(.mega-menu-col) > .sub-menu .sub-menu,
.navigation li:not(.mega-menu-col) > .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:not(.mega-menu-col) > .sub-menu .sub-menu,
.navigation li:not(.mega-menu-col) > .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:not(.mega-menu-col) > .sub-menu li,
.navigation li:not(.mega-menu-col) > .children li {
margin: 0 0;
}
.navigation li:not(.mega-menu-col) > .sub-menu li.current-menu-item > a, .navigation li:not(.mega-menu-col) > .sub-menu li.current-menu-ancestor > a, .navigation li:not(.mega-menu-col) > .sub-menu li.current_page_item > a, .navigation li:not(.mega-menu-col) > .sub-menu li.current_page_parent > a, .navigation li:not(.mega-menu-col) > .sub-menu li.current-menu-ancestor > 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:not(.mega-menu-col) > .children li.current-menu-ancestor > a {
font-weight: bold;
}
.navigation li:not(.mega-menu-col) > .sub-menu li a,
.navigation li:not(.mega-menu-col) > .children li a {
display: block;
padding: 3px 0;
}
.screen-section .navigation li:not(.mega-menu-col) > .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-color .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%;
}
@media (max-width: 991.98px) {
.navigation {
display: none;
}
} .fullscreen-navigation-area {
position: fixed;
padding: 100px 30px 30px;
background: #fff;
z-index: 95;
-webkit-transition: -webkit-transform 600ms ease-in-out;
transition: -webkit-transform 600ms ease-in-out;
-o-transition: transform 600ms ease-in-out;
transition: transform 600ms ease-in-out;
transition: transform 600ms ease-in-out, -webkit-transform 600ms ease-in-out;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.fullscreen-navigation-area.active {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.fullscreen-navigation-area .wrap {
width: 100%;
}
.fullscreen-navigation {
position: relative;
font-weight: 500;
text-align: center;
font-size: 30px;
text-transform: uppercase;
}
.fullscreen-navigation ul li {
margin: .5em 0;
-webkit-transition: 300ms ease;
-o-transition: 300ms ease;
transition: 300ms ease;
-webkit-transition-property: visibility, opacity;
-o-transition-property: visibility, opacity;
transition-property: visibility, opacity;
}
.fullscreen-navigation li.back {
position: absolute;
top: 0;
left: 0;
right: 0;
font-size: .8em;
-webkit-transform: translateY(-45px);
-ms-transform: translateY(-45px);
transform: translateY(-45px);
cursor: pointer;
}
.fullscreen-navigation .sub-menu,
.fullscreen-navigation .children {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 300ms ease;
-o-transition: 300ms ease;
transition: 300ms ease;
-webkit-transition-property: visibility, opacity;
-o-transition-property: visibility, opacity;
transition-property: visibility, opacity;
font-size: 24px;
width: 100%;
}
.fullscreen-navigation .mega-menu {
display: none !important;
} .side-navigation {
font-size: 14px;
font-weight: 300;
text-transform: uppercase;
font-family: graphie;
}
.side-navigation.default {
font-weight: 500;
}
.side-navigation > ul.menu {
padding: 0;
}
.side-navigation .menu > li {
position: relative;
margin-left: 40px;
}
.side-navigation .menu > li > a {
position: relative;
padding: 4px 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:hover > a {
font-weight: bold;
}
.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.current-menu-ancestor > a span:before {
width: 20px;
}
.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%);
color: #000;
background: #f8f5f3;
padding: 10px 0;
font-size: 14px;
text-transform: capitalize;
}
.light-color .side-navigation .menu .sub-menu {
color: #fff;
background: #000;
}
.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:before {
content: '';
position: absolute;
top: 15px;
left: 5px;
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;
}
.side-navigation .menu .sub-menu li:hover > a {
padding-left: 38px;
}
.side-navigation .menu .sub-menu li:hover > a:before {
left: 17px;
width: 15px;
}
.side-navigation .menu .sub-menu li .sub-menu {
top: -10px;
}
.side-navigation .menu .sub-menu li.current-menu-item > a, .side-navigation .menu .sub-menu li.current-menu-ancestor > a, .side-navigation .menu .sub-menu li.current_page_item > a, .side-navigation .menu .sub-menu li.current_page_parent > a, .side-navigation .menu .sub-menu li.current-menu-ancestor > a {
opacity: 0.5;
}
.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;
}
.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-color 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-color 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-color 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;
}
.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-color 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-color 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-color 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;
}
.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-color 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-color 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-color 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;
} .nav-butter,
.sidebar-butter {
position: relative;
width: 26px;
height: 17px;
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;
margin-left: 30px;
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: 3px;
-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;
}
.nav-butter.active > span:nth-child(1),
.sidebar-butter.active > span:nth-child(1) {
-webkit-transform: translateY(4px) rotate(45deg);
-ms-transform: translateY(4px) rotate(45deg);
transform: translateY(4px) 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: translateY(-3px) rotate(-45deg);
-ms-transform: translateY(-3px) rotate(-45deg);
transform: translateY(-3px) rotate(-45deg);
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
}
.nav-butter:before {
content: '';
position: absolute;
top: -12px;
left: -7px;
right: -7px;
bottom: -12px;
background: #F9F9F9;
border-radius: 4px;
opacity: .8;
z-index: -1;
}
.light-color .nav-butter:before {
background: #202020;
}
.header-logo-center .nav-butter,
.header-side .nav-butter {
display: none;
}
@media (max-width: 991.98px) {
.header-logo-center .nav-butter,
.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 {
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;
}
.header-light .mobile-navigation-block {
background: #000;
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 .close {
position: absolute;
top: 20px;
right: 20px;
}
.mobile-navigation-block .bottom {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 20px 25px;
}
.mobile-navigation-block .bottom:before {
content: '';
position: absolute;
top: 0;
left: 15px;
width: 135px;
border-bottom: 1px solid;
opacity: 0.3;
} .mobile-navigation {
position: absolute;
top: 60px;
left: 25px;
right: 0px;
padding-right: 17px;
bottom: 75px;
overflow: auto;
font-weight: 500;
}
.mobile-navigation .mega-menu-toggle {
display: none;
}
.mobile-navigation li > a {
display: block;
padding: 5px 0;
}
.mobile-navigation li.current-menu-item > a, .mobile-navigation li.current-menu-ancestor > a, .mobile-navigation li.current_page_item > a, .mobile-navigation li.current_page_parent > a, .mobile-navigation li.current-menu-ancestor > a, .mobile-navigation li.mega-current-menu-item > a, .mobile-navigation li.mega-current-menu-ancestor > a, .mobile-navigation li.mega-current_page_item > a, .mobile-navigation li.mega-current_page_parent > a, .mobile-navigation li.mega-current-menu-ancestor > a {
font-weight: bold;
}
.mobile-navigation li.menu-item-has-children, .mobile-navigation li.mega-menu-item-has-children {
position: relative;
}
.mobile-navigation li.menu-item-has-children > a, .mobile-navigation li.mega-menu-item-has-children > a {
padding-right: 20px;
}
.mobile-navigation li.menu-item-has-children > a:after, .mobile-navigation li.mega-menu-item-has-children > a:after {
content: '+';
display: inline-block;
margin-left: 8px;
font-size: 12px;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
font-weight: normal;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.mobile-navigation li.menu-item-has-children > a.current:after, .mobile-navigation li.mega-menu-item-has-children > a.current:after {
content: '-';
}
.mobile-navigation .sub-menu,
.mobile-navigation .mega-sub-menu {
padding-left: 10px;
display: none;
font-size: 14px;
font-weight: normal;
}
.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;
}
.mobile-navigation .mega-menu-row > .mega-sub-menu,
.mobile-navigation .mega-menu-grid > .mega-sub-menu {
display: block;
padding-left: 0;
margin: 0;
} .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: 130px 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;
}
.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(255, 255, 255, 0.3);
color: #fff;
}
.search-popup.light-color .form-block {
background: #000;
}
.search-popup.light-color .title {
color: #d8d8d8;
}
@media (max-width: 767.98px) {
.search-popup .form-block {
padding: 105px 30px 45px;
}
.search-popup .searchform > div .input {
font-size: 20px;
height: 40px;
}
.search-popup .searchform .searchsubmit {
font-size: 18px;
}
} .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 {
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;
-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%);
}
.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: 40px;
}
.sidebar-content-block .widget-title {
font-size: 18px;
text-transform: uppercase;
margin-bottom: 35px;
}
.sidebar-content-overlay {
position: fixed;
background: #000000;
z-index: 100;
}
.sidebar-content-overlay.active {
opacity: .8;
} .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;
} .site-footer {
padding: 55px 0 0;
position: relative;
z-index: 1;
background: #272525;
color: #fff;
}
.site-footer .site-logo {
margin-bottom: 10px;
min-height: 40px;
margin-top: -12px;
}
.site-footer .social-links {
margin: 20px 0;
}
.site-footer .widget {
margin-bottom: 45px;
}
.site-footer .widget .widget-title {
margin: 0px 0 25px;
font-weight: 700;
font-size: 16px;
}
.site-footer .widget ul {
color: inherit;
}
.site-footer .widget ul li {
border-bottom: none;
}
.site-footer .footer-bottom {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 13px;
padding: 20px 0;
}
.site-footer .footer-bottom:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
opacity: 0.1;
}
.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;
}
.site-footer .footer-bottom .links a {
position: relative;
color: inherit;
}
.site-footer .footer-bottom .links a:not(:last-child) {
margin-right: 22px;
}
.site-footer .footer-bottom .links a:not(:last-child):after {
content: '';
position: absolute;
top: 50%;
right: -11px;
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;
}
.site-footer .footer-bottom .links a:hover span {
opacity: .5;
}
.site-footer .footer-bottom .site-right {
margin-left: 25px;
opacity: 0.6;
}
@media (max-width: 575.98px) {
.site-footer .footer-bottom {
display: block;
}
}
.site-footer.light-color .subscribe-form .input-block:after {
color: #4d4d4d;
}
.site-footer.light-color .subscribe-form button:hover {
background: #1c1c1c;
} .heading-block {
position: relative;
font-variant-numeric: lining-nums;
margin: 30px 0;
}
.heading-block.page-title {
margin: 0 0 50px;
}
.heading-block.line-after-sub .sub-h:after {
content: '';
display: block;
width: 30px;
height: 1px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
margin: 15px 0;
}
.heading-block.with-line:after {
content: '';
display: block;
width: 65px;
height: 1px;
-webkit-box-shadow: inset 0 0 0 2px;
box-shadow: inset 0 0 0 2px;
margin-top: 35px;
}
@media (max-width: 767.98px) {
.heading-block.with-line:after {
margin-top: 20px;
}
}
.heading-block.tac.with-line:after {
margin: 15px auto 0;
}
.heading-block.tar.with-line:after {
margin-left: auto;
}
.heading-block .bg-text {
position: absolute;
top: -0.55em;
left: -0.48em;
font-weight: 800;
font-size: 180px;
opacity: 0.05;
line-height: 1;
}
@supports (-webkit-text-stroke: 1px) {
.heading-block .bg-text {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px;
}
}
.heading-block .sub-h {
position: relative;
margin-bottom: 0.8em;
text-transform: uppercase;
font-size: 14px;
opacity: .6;
}
.heading-block.tac .sub-h:before {
display: none;
}
.heading-block.tar .sub-h:before {
left: auto;
right: 0;
}
.heading-block .h {
position: relative;
margin: 0;
z-index: 1;
}
.heading-block .h span {
position: relative;
}
.heading-block .h 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;
}
.heading-block .h 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;
} .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 {
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;
} .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-block {
margin: 30px 0;
}
.blog-items {
margin: 0 -15px;
}
.blog-items .col-12 {
padding: 0 15px;
}
.archive-blog-items {
margin-top: -5px;
}
.blog-item {
position: relative;
margin-bottom: 30px;
}
.blog-item.sticky .wrap {
background: #f9f9f9;
}
.archive-blog-items .blog-item {
margin-bottom: 50px;
}
.blog-item .sticky {
position: absolute;
top: -11px;
left: 7px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
font-size: 24px;
opacity: 0.4;
z-index: 2;
}
.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: #F2F2F3;
color: #000;
padding: 170px 40px 32px;
border-radius: 4px;
z-index: 1;
overflow: hidden;
}
.dark-scheme #page .blog-item .wrap,
#page .dark-scheme .blog-item .wrap {
color: #fff;
background: #000;
}
.blog-item .img {
-webkit-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
}
.blog-item .img img {
display: block;
}
.blog-item .img a {
display: block;
}
.blog-grid .blog-item .img,
.blog-carousel .blog-item .img {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 130px;
z-index: -1;
}
.blog-grid .blog-item .img a:before,
.blog-carousel .blog-item .img a:before {
content: '';
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
background: #000;
opacity: 0;
}
.blog-item .author-block {
margin-bottom: 23px;
}
.blog-item .categories {
margin-bottom: 13px;
font-size: 13px;
opacity: 0.7;
}
.blog-item .title {
display: block;
font-weight: bold;
font-size: 24px;
line-height: 1.33333;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-top: 0;
margin-bottom: 15px;
word-break: break-word;
}
.blog-item .title:hover {
color: inherit;
}
.blog-item .title a:hover {
color: inherit;
}
.blog-item .desc {
font-size: 16px;
line-height: 1.37;
word-break: break-word;
}
.blog-item .desc + .button {
margin-top: 55px;
}
.blog-item .desc + .post-meta {
margin-top: 20px;
}
.blog-item .post-meta {
margin: 5px 0 10px;
}
.blog-item .button {
margin-top: 0;
}
.blog-item.style1 .wrap {
padding-top: 50px;
}
.blog-item.style1 .img {
display: none;
}
.blog-item.style3 .wrap:hover {
color: #fff;
}
.blog-item.style3 .wrap:hover .img a:before {
opacity: .6;
}
.blog-item.style4 .wrap {
color: #fff;
}
.blog-item.style4 .wrap .img {
height: 100%;
}
.blog-item.style4 .wrap .img a:before {
opacity: .6;
}
.blog-item.style5 .wrap .img {
height: 100%;
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
}
.blog-item.style5 .wrap .img a:before {
opacity: .6;
}
.blog-item.style5 .wrap:hover {
color: #fff;
}
.blog-carousel .blog-item {
height: 100%;
margin-bottom: 0;
}
.blog-masonry .blog-item.with-image .wrap {
padding-top: 0;
}
.blog-masonry .blog-item .img {
display: block !important;
margin: 0px -40px 30px;
}
.blog-item.horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.blog-item.horizontal .img {
position: relative;
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background: #E5E9EF;
border-radius: 4px 0 0 4px;
overflow: hidden;
}
.blog-item.horizontal .img + .wrap {
border-radius: 0 4px 4px 0;
}
.blog-item.horizontal .img a {
right: 30px;
}
.blog-item.horizontal .wrap {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 50px 50px 50px 20px;
min-height: 405px;
background: #E5E9EF;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.blog-item.horizontal .title {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
@media (max-width: 991.98px) {
.blog-item .wrap {
padding: 120px 20px 12px;
}
.blog-item .title {
font-size: 20px;
}
}
@media (max-width: 767.98px) {
.blog-item .title {
font-size: 24px !important;
}
} .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;
}
.post-content-block .author-block,
.project-content-block .author-block,
.content-area .author-block {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
margin-bottom: 30px;
}
.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-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: 15px;
}
.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;
}
.post-content-block p,
.post-content-block table,
.post-content-block dl,
.project-content-block p,
.project-content-block table,
.project-content-block dl,
.content-area p,
.content-area table,
.content-area dl {
font-size: 16px;
line-height: 1.5;
margin: 2em 0;
}
.post-content-block ul,
.post-content-block ol,
.project-content-block ul,
.project-content-block ol,
.content-area ul,
.content-area ol {
font-size: 18px;
line-height: 1.77778;
}
.project-content-block {
position: relative;
}
.project-content-block .heading-block {
margin: 40px 0 25px;
}
.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);
}
.post-bottom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-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;
margin-bottom: 35px;
}
.post-bottom .tags {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.post-bottom .tags .label {
font-weight: 500;
margin-right: 8px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.post-bottom .tags .links {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.post-bottom .tags a {
display: inline-block;
font-size: 14px;
text-decoration: none;
padding: 4px 7px;
line-height: 1em;
margin-bottom: 10px;
margin-right: 10px;
text-transform: capitalize;
background: #F6F6F6;
color: #000;
border-radius: 4px;
}
.post-bottom .tags a:hover {
color: #fff;
}
.post-bottom .zilla-likes {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: auto;
}
.post-bottom .zilla-likes i {
margin-right: 0;
margin-left: 8px;
font-size: 20px;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.post-bottom .zilla-likes span {
font-size: 16px;
font-weight: bold;
text-transform: capitalize;
}
@media (max-width: 767.98px) {
.post-bottom {
display: block;
margin-bottom: 0px;
}
.post-bottom > * {
margin-bottom: 25px;
}
}
.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;
}
.zilla-likes i {
margin: 0 10px 0 0;
} .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-single-page {
padding-top: 0 !important;
}
.project-single-page .featured-image {
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: 35px 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: 20px -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%;
} .comments-area {
margin-bottom: 90px;
max-width: 735px;
}
.comments-area .comment-items-wrap {
padding-bottom: 20px;
margin-bottom: 32px;
}
.comments-area .comment-title {
margin-bottom: 41px;
}
.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: 500;
font-size: 16px;
text-transform: capitalize;
}
.comments-area .comment-items .comment-item .replytocom i {
font-size: 20px;
margin-right: 8px;
}
.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: 25px;
}
.comments-area .comment-items .comment-item .image {
-webkit-box-flex: 0;
-webkit-flex: 0 0 65px;
-ms-flex: 0 0 65px;
flex: 0 0 65px;
margin-right: 20px;
border-radius: 50%;
overflow: hidden;
}
.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;
}
.comments-area .comment-items .comment-item .top .name {
font-size: 18px;
text-transform: capitalize;
font-weight: 500;
margin-bottom: 3px;
}
@media (max-width: 767.98px) {
.comments-area .comment-items .comment-item .top .name {
font-size: 16px;
}
}
.comments-area .comment-items .comment-item .top .time {
font-size: 14px;
opacity: 0.7;
}
@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.56;
background: #EFF4FF;
padding: 20px 20px;
border-radius: 4px;
}
.comments-area .comment-items .comment-item .content:before {
content: '';
position: absolute;
top: -14px;
left: 25px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 14px solid #EFF4FF;
}
.comments-area .comment-items .comment-item .comment-respond {
-webkit-box-flex: 1;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 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 .children {
margin-left: 80px;
padding-left: 0;
}
@media (max-width: 767.98px) {
.comments-area .comment-items .children {
margin-left: 15px;
}
}
.comments-area .comment-respond .input-row {
margin-bottom: 25px !important;
}
.comment-form-cookies-consent {
padding: 0 22px;
margin: 0px 0 25px;
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: 14px;
line-height: 1.3;
opacity: .7;
} .logged-links {
font-size: 14px;
margin: -20px 0 15px;
right: 0;
}
.comment-item .logged-links {
position: relative;
top: 0;
margin-top: -25px;
}
.logged-links a.logout {
margin-left: 10px;
} .widget .screen-reader-text {
display: none;
}
.widget select {
color: #fff;
width: 100%;
padding: 0 45px 0 15px;
height: 50px;
margin: 0 0 0;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent right 15px top 50% url(//www.ggateway.tech/wp-content/themes/ottro/images/select.png) no-repeat;
background-size: 13px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
border: 1px solid #f0f0f0;
font-size: 18px;
line-height: 1.5;
}
body.light-scheme .widget select,
body .light-scheme .widget select {
background-color: #fff;
color: #000;
}
body.dark-scheme .widget select option,
body .dark-scheme .widget select option {
background: #000;
}
.site-sidebar,
.wpb_widgetised_column {
margin-bottom: 45px;
}
@media (min-width: 768px) {
.site-sidebar,
.wpb_widgetised_column {
padding-left: 50px;
}
}
.site-sidebar .widget-title,
.wpb_widgetised_column .widget-title {
margin: 0 0 20px;
font-weight: bold;
font-size: 18px;
}
.site-sidebar .widget,
.wpb_widgetised_column .widget {
margin-bottom: 40px;
}
.site-sidebar .widget.widget_search,
.wpb_widgetised_column .widget.widget_search {
background: none;
padding: 0;
border: none;
}
.site-sidebar .widget.widget_search .searchform,
.wpb_widgetised_column .widget.widget_search .searchform {
margin-bottom: 0;
}
.site-sidebar .widget.widget_search .searchform:first-child,
.wpb_widgetised_column .widget.widget_search .searchform:first-child {
margin-top: 0;
}
.site-sidebar .widget .textwidget > *:first-child,
.wpb_widgetised_column .widget .textwidget > *:first-child {
margin-top: 0;
}
.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;
} .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;
}
.searchform button:hover,
.protected-post-form .form button:hover {
opacity: 1;
} .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 a,
.widget_archive ul li .children li a,
.widget_categories ul li .sub-menu li a,
.widget_categories ul li .children li a,
.widget_pages ul li .sub-menu li a,
.widget_pages ul li .children li a,
.widget_meta ul li .sub-menu li a,
.widget_meta ul li .children li a,
.widget_nav_menu ul li .sub-menu li a,
.widget_nav_menu ul li .children li a,
.product-categories ul li .sub-menu li a,
.product-categories ul li .children li a {
position: relative;
}
.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 {
position: relative;
display: block;
text-decoration: none;
color: inherit;
line-height: 1.2em;
opacity: .7;
}
.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: 1;
}
.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-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;
} .widget_recent_comments ul li {
margin-bottom: 8px;
}
.widget_recent_comments ul li span {
opacity: .7;
font-weight: 500;
} 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;
} .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;
} .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;
}
.tagcloud .tag-cloud-link {
font-size: 14px !important;
text-decoration: none;
padding: 13px 20px;
line-height: 1em;
margin-bottom: 10px;
margin-right: 10px;
border-radius: 4px;
}
body.light-scheme .tagcloud .tag-cloud-link,
body .light-scheme .tagcloud .tag-cloud-link {
background: #F9F9F9;
color: #575757;
}
body.light-scheme .tagcloud .tag-cloud-link:hover,
body .light-scheme .tagcloud .tag-cloud-link:hover {
background: #e9e8e8;
}
body.dark-scheme .tagcloud .tag-cloud-link,
body .dark-scheme .tagcloud .tag-cloud-link {
background: #323232;
color: #fff;
} .blog-post-widget {
margin-bottom: 45px;
}
.blog-post-widget .item {
position: relative;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
.blog-post-widget .item .categories {
font-size: 12px;
opacity: .64;
margin-bottom: 5px;
}
.blog-post-widget .item .name {
line-height: 1.37;
display: block;
text-decoration: none;
color: inherit;
font-weight: 500;
font-size: 16px;
opacity: .63;
}
.blog-post-widget .item .name:hover {
opacity: 1;
} .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;
} 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: #F2F2F3;
color: #000;
padding: 43px 40px 45px;
border-radius: 4px;
}
.search-item .wrap > * {
margin-bottom: 20px;
}
.search-item .h {
margin-top: 0;
font-size: 24px !important;
}
.search-item .desc {
font-size: 16px;
line-height: 1.37;
word-break: break-word;
margin-bottom: 15px;
}
@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-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-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;
} .pagination,
nav.woocommerce-pagination {
margin: 30px 0;
font-weight: 500;
}
.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;
}
.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;
text-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.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: 0 7px;
border-radius: 4px;
}
.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 {
background: #eaeaea;
}
.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 {
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;
}
.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-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 {
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-area {
position: relative;
width: 100%;
}
.banner-area.current-black .bn-bottom {
color: #000;
}
.banner-area.current-white .bn-bottom {
color: #fff;
}
.banner-area .banner-item {
position: relative;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 1;
}
.banner-area .banner-item .extends-height {
padding-bottom: 220px !important;
}
.banner-area .banner-item .heading-block {
font-size: 16px;
font-weight: 500;
}
.banner-area .banner-item .container,
.banner-area .banner-item .container-fluid {
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;
height: 100vh;
}
.banner-area .banner-item .container > .row,
.banner-area .banner-item .container-fluid > .row {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 40px 0;
pointer-events: none;
}
.banner-area .banner-item.white {
color: #fff;
}
.banner-area .banner-item.black {
color: #000;
}
.banner-area .banner-item div[class^="col-"] .heading-block {
margin: 0 0 35px;
}
.banner-area .banner-item div[class^="col-"] .heading-block .h {
margin-top: 0;
margin-bottom: 0;
line-height: 1;
}
.banner-area .banner-item div[class^="col-"] .text {
font-size: 20px;
line-height: 1.3;
margin-bottom: 35px;
}
@media (max-width: 991.98px) {
.banner-area .banner-item div[class^="col-"] .text {
font-size: 18px;
}
}
@media (max-width: 767.98px) {
.banner-area .banner-item div[class^="col-"] .heading-block,
.banner-area .banner-item div[class^="col-"] .text {
margin-bottom: 20px;
}
}
.banner-area .banner-item.tac .col-auto {
margin: 0 auto;
}
.banner-area .banner-item.tar .col-auto {
margin-left: auto;
}
.banner-area.content-on-top .banner-item .container > .row,
.banner-area.content-on-top .banner-item .container-fluid > .row {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.banner-area.content-on-bottom .banner-item .container > .row,
.banner-area.content-on-bottom .banner-item .container-fluid > .row {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.coming-soon-banner,
.banner-404 {
text-align: center;
}
.coming-soon-banner .banner-item,
.banner-404 .banner-item {
padding-top: 40px;
}
.coming-soon-banner .bg-overlay,
.banner-404 .bg-overlay {
z-index: -1;
pointer-events: none;
}
.coming-soon-banner .bg-overlay > div,
.banner-404 .bg-overlay > div {
z-index: 2 !important;
}
.coming-soon-banner .bg-overlay .image,
.banner-404 .bg-overlay .image {
opacity: 1;
}
.coming-soon-banner .bg-overlay .color,
.banner-404 .bg-overlay .color {
opacity: .66;
}
.coming-soon-banner .bg-overlay .dots,
.banner-404 .bg-overlay .dots {
opacity: .05;
}
.coming-soon-banner .content,
.banner-404 .content {
width: 100%;
}
.coming-soon-banner .heading-block,
.banner-404 .heading-block {
max-width: 940px;
margin: 0 auto 35px !important;
}
.coming-soon-banner .heading-block .h,
.banner-404 .heading-block .h {
font-weight: 600;
line-height: 1.03;
}
@media (min-width: 576px) {
.coming-soon-banner .heading-block .h,
.banner-404 .heading-block .h {
font-size: 48px;
}
}
@media (min-width: 768px) {
.coming-soon-banner .heading-block .h,
.banner-404 .heading-block .h {
font-size: 60px;
}
}
@media (min-width: 992px) {
.coming-soon-banner .heading-block .h,
.banner-404 .heading-block .h {
font-size: 68px;
}
}
.coming-soon-banner .text,
.banner-404 .text {
font-size: 18px;
margin: 0 auto 55px;
line-height: 1.61;
}
.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: 45px auto;
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;
}
.coming-soon-banner .timer-block > *:after,
.banner-404 .timer-block > *:after {
content: '/';
opacity: 0.27;
font-size: 0.75em;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin: 0 0.43333em;
}
.coming-soon-banner .timer-block > *:last-child,
.banner-404 .timer-block > *:last-child {
margin-right: 35px !important;
}
.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;
}
.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: inherit;
}
.coming-soon-banner .subscribe-form-type2,
.banner-404 .subscribe-form-type2 {
margin-bottom: 0;
}
@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 {
text-align: center;
}
.banner-404 i {
display: block;
font-size: 82px;
margin-bottom: 18px;
}
.banner-404 .heading-block {
margin-bottom: 25px !important;
}
.banner-404 .text {
position: relative;
max-width: 420px;
margin-bottom: 40px;
z-index: 2;
}
@media (max-width: 767.98px) {
.banner-404 .text {
font-size: 18px;
}
}
@media (max-width: 767.98px) {
.banner-404 i {
font-size: 64px;
}
.banner-404 .heading-block .h {
font-size: 36px !important;
}
}
.coming-soon-banner .col-12 {
position: static;
}
.coming-soon-banner .text {
font-size: 16px;
line-height: 1.8;
max-width: 545px;
opacity: .7;
}
.coming-soon-banner .bottom {
position: absolute;
left: 0;
right: 0;
bottom: 90px;
}
.coming-soon-banner .site-logo {
display: inline-block;
}
.coming-soon-banner .address {
font-weight: 500;
font-size: 14px;
line-height: 2.07;
}
@media (max-width: 767.98px) {
.coming-soon-banner .heading-block .h {
font-size: 42px !important;
}
.coming-soon-banner .bottom {
position: relative;
bottom: 0;
}
.coming-soon-banner .text {
margin-bottom: 40px;
}
.coming-soon-banner .address {
position: relative;
bottom: 0;
margin-top: 20px;
}
} .breadcrumbs {
font-size: 14px;
font-weight: 500;
opacity: .8;
}
.breadcrumbs a {
font-weight: normal;
}
.breadcrumbs i {
font-size: 8px;
margin: 0 5px;
} .page-top-block {
position: relative;
z-index: 1;
}
.page-top-block .parallax-image {
overflow: hidden;
}
.page-top-block .container {
padding-top: 160px;
padding-bottom: 16px;
}
.page-top-block .heading-block {
margin: 0;
}
.page-top-block .heading-block .h {
font-size: 36px;
font-weight: 600;
}
@media (min-width: 768px) {
.page-top-block .heading-block .h {
font-size: 48px;
}
}
@media (min-width: 992px) {
.page-top-block .heading-block .h {
font-size: 68px;
}
}
.page-top-block .bottom {
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: 65px;
}
@media (max-width: 767.98px) {
.page-top-block .bottom {
display: block;
}
.page-top-block .bottom .back-h-button {
margin-top: 10px;
}
} .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; }
.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 {
position: fixed;
right: 20px;
bottom: 20px;
color: #3C3531;
max-width: 580px;
padding: 11px 15px;
padding-right: 70px;
font-size: 16px;
background: #FDFDFD;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 5px;
z-index: 50;
}
.gdpr-modal-block .close {
position: absolute;
top: 17px;
right: 15px;
font-size: 14px;
cursor: pointer;
}
.gdpr-modal-block .close:hover {
opacity: .4;
}
.gdpr-modal-block .text p {
margin: 0;
}
.gdpr-modal-block a {
text-decoration: underline;
}
.gdpr-modal-block a:hover {
text-decoration: none;
}
@media (max-width: 575.98px) {
.gdpr-modal-block {
max-width: none;
left: 30px;
}
} .account-page {
padding: 150px 0;
}
.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;
}
.account-page .woocommerce form.woocommerce-account-form {
position: relative;
border: none;
background: #fff;
padding: 40px 50px;
max-width: 390px;
margin: 0 auto;
border-radius: 4px;
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 .woocommerce-form-row {
padding: 0 15px;
}
.account-page .woocommerce form.woocommerce-account-form input.input-text {
min-height: 60px;
font-size: 12px;
height: 35px !important;
min-height: 35px;
padding: 0 5px;
font-weight: normal;
border: none;
border-radius: 0;
border-bottom: 1px solid #000;
}
.account-page .woocommerce form.woocommerce-account-form .button {
width: 100%;
background: #272626;
}
.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-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: 600;
}
.tinv-wishlist table.tinvwl-table-manage-list td.product-price del {
opacity: .5;
margin-right: 10px;
}
.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-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-page-top {
position: relative;
min-height: 370px;
padding-bottom: 13px;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 22px;
}
.post-page-top.with-image {
color: #fff;
}
.post-page-top .bg-overlay .color {
background: #000;
opacity: .3;
}
.post-page-top .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;
}
.post-page-top .post-meta {
margin: 10px 0;
margin-left: auto;
opacity: 1;
}
.post-page-top .share-stick-block {
margin-right: 15px;
}
.post-page-top .post-title {
margin-top: 10px;
min-height: 144px;
}
@media (max-width: 767.98px) {
.post-page-top .post-title {
font-size: 46px !important;
}
}
@media (max-width: 575.98px) {
.post-page-top .post-title {
font-size: 36px !important;
}
} .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: 15px 0 35px;
}
@media (max-width: 767.98px) {
.post-nav {
display: block;
}
.post-nav .back-h-button {
margin-top: 5px;
}
} .post-nav-buttons {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 35px 0 78px;
}
.post-nav-buttons .button-style1 {
padding-left: 16px;
padding-right: 19px;
background: #EAEDF2;
color: #000;
}
.post-nav-buttons .button-style1 i {
font-size: 12px;
}
.post-nav-buttons .button-style1 span + i {
margin-left: 10px;
}
.post-nav-buttons .button-style1 i + span {
margin-right: 10px;
}
.post-nav-buttons .button-style1:hover {
color: #fff;
}
.post-nav-buttons .button-style1.next {
margin-left: auto;
} .page-sidebar-row {
padding-top: 25px;
} .menu-overlay {
position: fixed;
background: #000;
z-index: 2;
}
.megamenu-open .menu-overlay {
opacity: 0.8;
visibility: visible;
} .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 {
margin-left: auto;
font-size: 14px;
font-weight: 500;
opacity: .8;
cursor: pointer;
}
.back-h-button i {
font-size: 10px;
margin-right: 5px;
} .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;
}