@charset "UTF-8";
/**
* [Table of contents]
* 1 Page layout
* 2 Reset Styles
* 3 Utilities custom
* 4 Grid modules
* 5 Links
* 6 Typography
* 7 Novi
* 8 Lightgallery
* 9 Material Parallax
* 10 Panel custom
* 11 Google Map
*/
/** @section Page layout */
.page {
position: relative;
overflow: hidden;
min-height: 100vh !important;
}
.page .text-primary {
color: #981df0;
}
.page .text-secondary {
color: #ed1c94;
}
.page .text-secondary-3 {
color: #080ab4;
}
.page .text-gray-1 {
color: #c2c2c3;
}
.page .text-gray-light {
color: #838386;
}
.page .text-gray-4 {
color: #d8dae2;
}
.page .text-gray-darker {
color: #29293a;
}
.page a.text-secondary-1, .page a.text-secondary-1:focus, .page a.text-secondary-1:active {
color: inherit;
}
.page a.text-secondary-1:hover {
color: #ffec17;
}
.page a.text-gray-darker {
color: #29293a;
}
.page a.text-gray-darker:hover {
color: #981df0;
}
.page-header {
position: relative;
padding: 0;
margin: 0;
border-bottom: none;
}
/** @section Reset Styles */
a,
button {
padding: 0;
}
a:focus,
button:focus {
outline: none !important;
}
button::-moz-focus-inner {
border: 0;
}
*:focus {
outline: none;
}
blockquote {
padding: 0;
margin: 0;
}
input,
button,
select,
textarea {
outline: none;
}
button {
border: none;
}
label {
margin-bottom: 0;
}
p {
margin: 0;
}
ul,
ol {
list-style: none;
padding: 0;
margin: 0;
}
ul li,
ol li {
display: block;
}
dl {
margin: 0;
}
dt,
dd {
line-height: inherit;
}
dt {
font-weight: inherit;
}
dd {
margin-bottom: 0;
}
cite {
font-style: normal;
}
form {
margin-bottom: 0;
}
address {
margin-top: 0;
margin-bottom: 0;
}
figure {
margin-bottom: 0;
}
html p a:hover {
text-decoration: none;
}
hr {
margin: 0;
}
.bg-gradients.bg-secondary, .bg-secondary.bg-gradient-1, .bg-secondary.bg-gradient-2, .bg-secondary.bg-gradient-3 {
background-image: -moz-linear-gradient(left, #ed1c94 0%, #6d0eb1 100%);
/* FF3.6-15 */
background-image: -webkit-linear-gradient(left, #ed1c94 0%, #6d0eb1 100%);
/* Chrome10-25,Safari5.1-6 */
background-image: linear-gradient(to right, #ed1c94 0%, #6d0eb1 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c94', endColorstr='#6d0eb1', GradientType=1);
/* IE6-9 */
}
.bg-gradients.bg-secondary-2, .bg-secondary-2.bg-gradient-1, .bg-secondary-2.bg-gradient-2, .bg-secondary-2.bg-gradient-3 {
background-image: -moz-linear-gradient(-39deg, #6d0eb1 59%, #080ab4 100%);
/* FF3.6-15 */
background-image: -webkit-linear-gradient(-39deg, #6d0eb1 59%, #080ab4 100%);
/* Chrome10-25,Safari5.1-6 */
background-image: linear-gradient(135deg, #6d0eb1 59%, #080ab4 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d0eb1', endColorstr='#080ab4', GradientType=1);
}
/** @section Utilities custom */
img {
display: inline-block;
max-width: 100%;
height: auto;
}
@media (max-width: 479.98px) {
.image-responsive {
width: 100%;
max-width: 340px;
margin-left: auto;
margin-right: auto;
}
}
.frame-header {
width: 100%;
height: 500px;
outline: none;
border: 0;
}
@media (min-width: 992px) {
.frame-header {
height: 650px;
}
}
@media (min-width: 1600px) {
.frame-header {
height: 730px;
}
}
.fullwidth-page {
position: relative;
min-height: calc(100vh - 56px);
display: flex;
align-items: stretch;
}
.fullwidth-page-inner {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
width: 100%;
}
.fullwidth-page-inner > * {
position: relative;
width: 100%;
}
.fullwidth-page:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: "";
display: inline-block;
background-color: rgba(0, 0, 0, 0.4);
}
.fullwidth-page[class*='bg-gradient']:before {
content: none;
}
@media (min-width: 992px) {
.desktop .fullwidth-page {
min-height: 100vh;
}
.desktop .fullwidth-page > *:nth-child(1) {
padding-top: 180px;
}
}
@media (min-width: 1600px) {
.desktop .fullwidth-page > *:nth-child(1) {
padding-top: 90px;
}
}
.fullwidth-page .page-footer p.rights a:hover {
color: #ed1c94;
}
.fullwidth-page * + .button {
margin-top: 30px;
}
@media (min-width: 992px) {
.fullwidth-page {
min-height: 100vh;
}
}
@media (min-width: 1600px) {
.fullwidth-page * + .breadcrumbs-custom-title {
margin-top: 25px;
}
.fullwidth-page .heading-1 + p {
margin-top: 33px;
}
.fullwidth-page .button {
margin-top: 50px;
}
.fullwidth-page * + .countdown-wrap,
.fullwidth-page .countdown-wrap + * {
margin-top: 40px;
}
}
.ie-10 .fullwidth-page .fullwidth-page-inner,
.ie-11 .fullwidth-page .fullwidth-page-inner,
.ie-edge .fullwidth-page .fullwidth-page-inner {
min-height: 100vh;
}
@media (min-width: 1800px) {
.image-position-01 {
margin-top: 10px;
margin-bottom: -60px;
}
}
/**
* Blick
*/
.blick-wrap {
position: relative;
display: inline-block;
font-size: 0;
line-height: 0;
}
.blick-wrap > img {
pointer-events: none;
}
.blick-overlay,
.blick-content {
position: absolute;
}
.blick-overlay {
top: 0;
right: 0;
left: 0;
bottom: 32.16%;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
}
.blick-overlay[data-blick-overlay='ipad'] {
background-image: url(../images/blick-01.png);
}
.blick-content {
position: absolute;
overflow: hidden;
top: 4.3%;
bottom: 39.5%;
left: 4.1%;
right: 4.1%;
}
.blick-content img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
object-fit: cover;
height: 100%;
width: 100%;
}
.blick-content[data-blick-content='ipad'] {
top: 5.1%;
bottom: 5.1%;
left: 6.9%;
right: 6.95%;
}
.blick-content[data-blick-content='iphone'] {
top: 11.2%;
bottom: 17.7%;
left: 14.1%;
right: 17.6%;
}
.ie-10 .blick-wrap > img,
.ie-11 .blick-wrap > img {
width: 100%;
}
section {
position: relative;
}
.section-wave {
position: absolute;
top: 0;
transform: translateY(-97%);
width: 100vw;
line-height: 0;
}
.ie-10 .section-wave,
.ie-11 .section-wave,
.ie-edge .section-wave {
top: 1px;
}
.section-wave > svg {
width: 100vw;
height: auto;
}
.ie-10 .section-wave > svg,
.ie-11 .section-wave > svg,
.ie-edge .section-wave > svg {
max-height: 45px;
}
.tablet .section-wave > svg,
.mobile .section-wave > svg {
max-height: 25px;
}
.audio-gel {
visibility: hidden;
}
/** @section Grid modules */
.grid-demo {
letter-spacing: 0;
text-align: center;
}
.grid-demo p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.grid-demo * + p {
margin-top: 5px;
}
.grid-demo * + .row {
margin-top: 20px;
}
.grid-demo .row + .row {
margin-top: 0;
}
@media (min-width: 1200px) {
.grid-demo {
text-align: left;
}
.grid-demo p {
white-space: normal;
overflow: visible;
text-overflow: unset;
}
.grid-demo * + p {
margin-top: 25px;
}
}
.grid-demo-bordered .row {
border: 0 solid #d8dae2;
border-top-width: 1px;
}
.grid-demo-bordered .row:last-child {
border-bottom-width: 1px;
}
.grid-demo-bordered [class*='col'] {
padding: 5px 15px;
}
.grid-demo-bordered [class*='col']:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -1px;
border-left: 1px solid #d8dae2;
}
@media (min-width: 768px) {
.grid-demo-bordered [class*='col'] {
padding: 30px;
}
}
@media (min-width: 1200px) {
.grid-demo-bordered [class*='col'] {
padding: 50px 50px 45px;
}
}
.grid-demo-underlined .row {
border-bottom: 1px solid #d8dae2;
}
.grid-demo-underlined [class*='col'] {
padding: 5px 15px;
}
@media (min-width: 768px) {
.grid-demo-underlined [class*='col'] {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media (min-width: 1200px) {
.grid-demo-underlined [class*='col'] {
padding-top: 45px;
padding-bottom: 45px;
}
}
.row-narrow {
margin-left: -5px;
margin-right: -5px;
}
.row-narrow > [class*='col'] {
padding-left: 5px;
padding-right: 5px;
}
/** @section Preloader */
.page-loader {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
float: left;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
z-index: 9999999;
background: #ffffff;
background-image: linear-gradient(380deg, #fff 50%, #c2c2c3 100%);
transition: .3s all ease;
}
.page-loader.loaded {
opacity: 0;
visibility: hidden;
z-index: -1;
}
.page-loader.ending {
display: none;
}
.page-loader .page-loader-body {
text-align: center;
}
.page-loader .page-loader-logo-name {
text-transform: uppercase;
margin-bottom: 26px;
font-family: "Montserrat", sans-serif;
font-size: 24px;
line-height: 1;
font-weight: 900;
text-align: center;
color: #29293a;
}
@supports (-webkit-background-clip: text) {
.page-loader .page-loader-logo-name {
background: linear-gradient(to right, #981df0 20%, #ed1c94 40%, #ffec17 60%, #981df0 80%);
background-size: 200% auto;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
.ie-10 .page-loader .page-loader-logo-name,
.ie-11 .page-loader .page-loader-logo-name {
color: #ed1c94;
background: none;
}
[data-x-mode="true"] .page-loader {
display: none !important;
}
.preloader-wrapper {
display: inline-block;
font-size: 0;
position: relative;
width: 50px;
height: 50px;
}
.preloader-wrapper.small {
width: 36px;
height: 36px;
}
.preloader-wrapper.active {
-webkit-animation: container-rotate 1568ms linear infinite;
animation: container-rotate 1568ms linear infinite;
}
.preloader-big {
width: 64px;
height: 64px;
}
@-webkit-keyframes container-rotate {
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes container-rotate {
to {
transform: rotate(360deg);
}
}
.spinner-layer {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
border-color: #981df0;
}
.spinner-blue,
.spinner-blue-only {
border-color: #981df0;
}
.spinner-red,
.spinner-red-only {
border-color: #ed1c94;
}
.spinner-yellow,
.spinner-yellow-only {
border-color: #ffec17;
}
.spinner-green,
.spinner-green-only {
border-color: #080ab4;
}
.active .spinner-layer.spinner-blue {
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer.spinner-red {
/* durations: 4 * ARCTIME */
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer.spinner-yellow {
/* durations: 4 * ARCTIME */
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer.spinner-green {
/* durations: 4 * ARCTIME */
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer,
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only,
.active .spinner-layer.spinner-green-only {
/* durations: 4 * ARCTIME */
opacity: 1;
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
@-webkit-keyframes fill-unfill-rotate {
12.5% {
-webkit-transform: rotate(135deg);
}
/* 0.5 * ARCSIZE */
25% {
-webkit-transform: rotate(270deg);
}
/* 1 * ARCSIZE */
37.5% {
-webkit-transform: rotate(405deg);
}
/* 1.5 * ARCSIZE */
50% {
-webkit-transform: rotate(540deg);
}
/* 2 * ARCSIZE */
62.5% {
-webkit-transform: rotate(675deg);
}
/* 2.5 * ARCSIZE */
75% {
-webkit-transform: rotate(810deg);
}
/* 3 * ARCSIZE */
87.5% {
-webkit-transform: rotate(945deg);
}
/* 3.5 * ARCSIZE */
to {
-webkit-transform: rotate(1080deg);
}
/* 4 * ARCSIZE */
}
@keyframes fill-unfill-rotate {
12.5% {
transform: rotate(135deg);
}
/* 0.5 * ARCSIZE */
25% {
transform: rotate(270deg);
}
/* 1 * ARCSIZE */
37.5% {
transform: rotate(405deg);
}
/* 1.5 * ARCSIZE */
50% {
transform: rotate(540deg);
}
/* 2 * ARCSIZE */
62.5% {
transform: rotate(675deg);
}
/* 2.5 * ARCSIZE */
75% {
transform: rotate(810deg);
}
/* 3 * ARCSIZE */
87.5% {
transform: rotate(945deg);
}
/* 3.5 * ARCSIZE */
to {
transform: rotate(1080deg);
}
/* 4 * ARCSIZE */
}
@-webkit-keyframes blue-fade-in-out {
from {
opacity: 1;
}
25% {
opacity: 1;
}
26% {
opacity: 0;
}
89% {
opacity: 0;
}
90% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes blue-fade-in-out {
from {
opacity: 1;
}
25% {
opacity: 1;
}
26% {
opacity: 0;
}
89% {
opacity: 0;
}
90% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes red-fade-in-out {
from {
opacity: 0;
}
15% {
opacity: 0;
}
25% {
opacity: 1;
}
50% {
opacity: 1;
}
51% {
opacity: 0;
}
}
@keyframes red-fade-in-out {
from {
opacity: 0;
}
15% {
opacity: 0;
}
25% {
opacity: 1;
}
50% {
opacity: 1;
}
51% {
opacity: 0;
}
}
@-webkit-keyframes yellow-fade-in-out {
from {
opacity: 0;
}
40% {
opacity: 0;
}
50% {
opacity: 1;
}
75% {
opacity: 1;
}
76% {
opacity: 0;
}
}
@keyframes yellow-fade-in-out {
from {
opacity: 0;
}
40% {
opacity: 0;
}
50% {
opacity: 1;
}
75% {
opacity: 1;
}
76% {
opacity: 0;
}
}
@-webkit-keyframes green-fade-in-out {
from {
opacity: 0;
}
65% {
opacity: 0;
}
75% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes green-fade-in-out {
from {
opacity: 0;
}
65% {
opacity: 0;
}
75% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/**
* Patch the gap that appear between the two adjacent div.circle-clipper while the
* spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
*/
.gap-patch {
position: absolute;
top: 0;
left: 45%;
width: 10%;
height: 100%;
overflow: hidden;
border-color: inherit;
}
.gap-patch .circle {
width: 1000%;
left: -450%;
}
.circle-clipper {
display: inline-block;
position: relative;
width: 50%;
height: 100%;
overflow: hidden;
border-color: inherit;
}
.circle-clipper .circle {
width: 200%;
height: 100%;
border-width: 2px;
/* STROKEWIDTH */
border-style: solid;
border-color: inherit;
border-bottom-color: transparent !important;
border-radius: 50%;
-webkit-animation: none;
animation: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
}
.circle-clipper.left .circle {
left: 0;
border-right-color: transparent !important;
-webkit-transform: rotate(129deg);
transform: rotate(129deg);
}
.circle-clipper.right .circle {
left: -100%;
border-left-color: transparent !important;
-webkit-transform: rotate(-129deg);
transform: rotate(-129deg);
}
.active .circle-clipper.left .circle {
/* duration: ARCTIME */
-webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .circle-clipper.right .circle {
/* duration: ARCTIME */
-webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
@-webkit-keyframes left-spin {
from {
-webkit-transform: rotate(130deg);
}
50% {
-webkit-transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(130deg);
}
}
@keyframes left-spin {
from {
transform: rotate(130deg);
}
50% {
transform: rotate(-5deg);
}
to {
transform: rotate(130deg);
}
}
@-webkit-keyframes right-spin {
from {
-webkit-transform: rotate(-130deg);
}
50% {
-webkit-transform: rotate(5deg);
}
to {
-webkit-transform: rotate(-130deg);
}
}
@keyframes right-spin {
from {
transform: rotate(-130deg);
}
50% {
transform: rotate(5deg);
}
to {
transform: rotate(-130deg);
}
}
#spinnerContainer.cooldown {
/* duration: SHRINK_TIME */
-webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
@-webkit-keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
/** @section Backgrounds */
.context-dark, .box-scrim-example, .bg-gray-darker, .bg-additional-gray-darker .bg-additional-item,
.bg-image, .bg-additional-image .bg-additional-item,
.bg-gradients, .bg-gradient-1, .bg-gradient-2, .bg-gradient-3, .bg-accent, .bg-accent-accent, .bg-secondary-2, .breadcrumbs-custom-light {
color: #ffffff;
}
.context-dark h1, .box-scrim-example h1, .bg-gray-darker h1, .bg-additional-gray-darker .bg-additional-item h1, .bg-image h1, .bg-additional-image .bg-additional-item h1, .bg-gradients h1, .bg-gradient-1 h1, .bg-gradient-2 h1, .bg-gradient-3 h1, .bg-accent h1, .bg-accent-accent h1, .bg-secondary-2 h1, .breadcrumbs-custom-light h1, .context-dark h2, .box-scrim-example h2, .bg-gray-darker h2, .bg-additional-gray-darker .bg-additional-item h2, .bg-image h2, .bg-additional-image .bg-additional-item h2, .bg-gradients h2, .bg-gradient-1 h2, .bg-gradient-2 h2, .bg-gradient-3 h2, .bg-accent h2, .bg-accent-accent h2, .bg-secondary-2 h2, .breadcrumbs-custom-light h2, .context-dark h3, .box-scrim-example h3, .bg-gray-darker h3, .bg-additional-gray-darker .bg-additional-item h3, .bg-image h3, .bg-additional-image .bg-additional-item h3, .bg-gradients h3, .bg-gradient-1 h3, .bg-gradient-2 h3, .bg-gradient-3 h3, .bg-accent h3, .bg-accent-accent h3, .bg-secondary-2 h3, .breadcrumbs-custom-light h3, .context-dark h4, .box-scrim-example h4, .bg-gray-darker h4, .bg-additional-gray-darker .bg-additional-item h4, .bg-image h4, .bg-additional-image .bg-additional-item h4, .bg-gradients h4, .bg-gradient-1 h4, .bg-gradient-2 h4, .bg-gradient-3 h4, .bg-accent h4, .bg-accent-accent h4, .bg-secondary-2 h4, .breadcrumbs-custom-light h4, .context-dark h5, .box-scrim-example h5, .bg-gray-darker h5, .bg-additional-gray-darker .bg-additional-item h5, .bg-image h5, .bg-additional-image .bg-additional-item h5, .bg-gradients h5, .bg-gradient-1 h5, .bg-gradient-2 h5, .bg-gradient-3 h5, .bg-accent h5, .bg-accent-accent h5, .bg-secondary-2 h5, .breadcrumbs-custom-light h5, .context-dark h6, .box-scrim-example h6, .bg-gray-darker h6, .bg-additional-gray-darker .bg-additional-item h6, .bg-image h6, .bg-additional-image .bg-additional-item h6, .bg-gradients h6, .bg-gradient-1 h6, .bg-gradient-2 h6, .bg-gradient-3 h6, .bg-accent h6, .bg-accent-accent h6, .bg-secondary-2 h6, .breadcrumbs-custom-light h6, .context-dark [class^='heading-'], .box-scrim-example [class^='heading-'], .bg-gray-darker [class^='heading-'], .bg-additional-gray-darker .bg-additional-item [class^='heading-'], .bg-image [class^='heading-'], .bg-additional-image .bg-additional-item [class^='heading-'], .bg-gradients [class^='heading-'], .bg-gradient-1 [class^='heading-'], .bg-gradient-2 [class^='heading-'], .bg-gradient-3 [class^='heading-'], .bg-accent [class^='heading-'], .bg-accent-accent [class^='heading-'], .bg-secondary-2 [class^='heading-'], .breadcrumbs-custom-light [class^='heading-'] {
color: #ffffff;
}
.context-dark .text-gray-light, .box-scrim-example .text-gray-light, .bg-gray-darker .text-gray-light, .bg-additional-gray-darker .bg-additional-item .text-gray-light, .bg-image .text-gray-light, .bg-additional-image .bg-additional-item .text-gray-light, .bg-gradients .text-gray-light, .bg-gradient-1 .text-gray-light, .bg-gradient-2 .text-gray-light, .bg-gradient-3 .text-gray-light, .bg-accent .text-gray-light, .bg-accent-accent .text-gray-light, .bg-secondary-2 .text-gray-light, .breadcrumbs-custom-light .text-gray-light {
color: #c2c2c3;
}
.context-dark .bigger, .box-scrim-example .bigger, .bg-gray-darker .bigger, .bg-additional-gray-darker .bg-additional-item .bigger, .bg-image .bigger, .bg-additional-image .bg-additional-item .bigger, .bg-gradients .bigger, .bg-gradient-1 .bigger, .bg-gradient-2 .bigger, .bg-gradient-3 .bigger, .bg-accent .bigger, .bg-accent-accent .bigger, .bg-secondary-2 .bigger, .breadcrumbs-custom-light .bigger {
color: #c2c2c3;
}
.context-dark .icon-primary, .box-scrim-example .icon-primary, .bg-gray-darker .icon-primary, .bg-additional-gray-darker .bg-additional-item .icon-primary, .bg-image .icon-primary, .bg-additional-image .bg-additional-item .icon-primary, .bg-gradients .icon-primary, .bg-gradient-1 .icon-primary, .bg-gradient-2 .icon-primary, .bg-gradient-3 .icon-primary, .bg-accent .icon-primary, .bg-accent-accent .icon-primary, .bg-secondary-2 .icon-primary, .breadcrumbs-custom-light .icon-primary {
color: #ed1c94;
}
.context-dark .breadcrumbs-custom-title::before, .box-scrim-example .breadcrumbs-custom-title::before, .bg-gray-darker .breadcrumbs-custom-title::before, .bg-additional-gray-darker .bg-additional-item .breadcrumbs-custom-title::before, .bg-image .breadcrumbs-custom-title::before, .bg-additional-image .bg-additional-item .breadcrumbs-custom-title::before, .bg-gradients .breadcrumbs-custom-title::before, .bg-gradient-1 .breadcrumbs-custom-title::before, .bg-gradient-2 .breadcrumbs-custom-title::before, .bg-gradient-3 .breadcrumbs-custom-title::before, .bg-accent .breadcrumbs-custom-title::before, .bg-accent-accent .breadcrumbs-custom-title::before, .bg-secondary-2 .breadcrumbs-custom-title::before, .breadcrumbs-custom-light .breadcrumbs-custom-title::before, .context-dark .breadcrumbs-custom-title::after, .box-scrim-example .breadcrumbs-custom-title::after, .bg-gray-darker .breadcrumbs-custom-title::after, .bg-additional-gray-darker .bg-additional-item .breadcrumbs-custom-title::after, .bg-image .breadcrumbs-custom-title::after, .bg-additional-image .bg-additional-item .breadcrumbs-custom-title::after, .bg-gradients .breadcrumbs-custom-title::after, .bg-gradient-1 .breadcrumbs-custom-title::after, .bg-gradient-2 .breadcrumbs-custom-title::after, .bg-gradient-3 .breadcrumbs-custom-title::after, .bg-accent .breadcrumbs-custom-title::after, .bg-accent-accent .breadcrumbs-custom-title::after, .bg-secondary-2 .breadcrumbs-custom-title::after, .breadcrumbs-custom-light .breadcrumbs-custom-title::after,
.context-dark .heading-decorated-diamonds::before,
.box-scrim-example .heading-decorated-diamonds::before,
.bg-gray-darker .heading-decorated-diamonds::before,
.bg-additional-gray-darker .bg-additional-item .heading-decorated-diamonds::before,
.bg-image .heading-decorated-diamonds::before,
.bg-additional-image .bg-additional-item .heading-decorated-diamonds::before,
.bg-gradients .heading-decorated-diamonds::before,
.bg-gradient-1 .heading-decorated-diamonds::before,
.bg-gradient-2 .heading-decorated-diamonds::before,
.bg-gradient-3 .heading-decorated-diamonds::before,
.bg-accent .heading-decorated-diamonds::before,
.bg-accent-accent .heading-decorated-diamonds::before,
.bg-secondary-2 .heading-decorated-diamonds::before,
.breadcrumbs-custom-light .heading-decorated-diamonds::before,
.context-dark .heading-decorated-diamonds::after,
.box-scrim-example .heading-decorated-diamonds::after,
.bg-gray-darker .heading-decorated-diamonds::after,
.bg-additional-gray-darker .bg-additional-item .heading-decorated-diamonds::after,
.bg-image .heading-decorated-diamonds::after,
.bg-additional-image .bg-additional-item .heading-decorated-diamonds::after,
.bg-gradients .heading-decorated-diamonds::after,
.bg-gradient-1 .heading-decorated-diamonds::after,
.bg-gradient-2 .heading-decorated-diamonds::after,
.bg-gradient-3 .heading-decorated-diamonds::after,
.bg-accent .heading-decorated-diamonds::after,
.bg-accent-accent .heading-decorated-diamonds::after,
.bg-secondary-2 .heading-decorated-diamonds::after,
.breadcrumbs-custom-light .heading-decorated-diamonds::after {
background: #ffffff;
}
.context-dark .accordion-custom-corporate, .box-scrim-example .accordion-custom-corporate, .bg-gray-darker .accordion-custom-corporate, .bg-additional-gray-darker .bg-additional-item .accordion-custom-corporate, .bg-image .accordion-custom-corporate, .bg-additional-image .bg-additional-item .accordion-custom-corporate, .bg-gradients .accordion-custom-corporate, .bg-gradient-1 .accordion-custom-corporate, .bg-gradient-2 .accordion-custom-corporate, .bg-gradient-3 .accordion-custom-corporate, .bg-accent .accordion-custom-corporate, .bg-accent-accent .accordion-custom-corporate, .bg-secondary-2 .accordion-custom-corporate, .breadcrumbs-custom-light .accordion-custom-corporate {
box-shadow: none;
}
.context-dark .box-minimal-light, .box-scrim-example .box-minimal-light, .bg-gray-darker .box-minimal-light, .bg-additional-gray-darker .bg-additional-item .box-minimal-light, .bg-image .box-minimal-light, .bg-additional-image .bg-additional-item .box-minimal-light, .bg-gradients .box-minimal-light, .bg-gradient-1 .box-minimal-light, .bg-gradient-2 .box-minimal-light, .bg-gradient-3 .box-minimal-light, .bg-accent .box-minimal-light, .bg-accent-accent .box-minimal-light, .bg-secondary-2 .box-minimal-light, .breadcrumbs-custom-light .box-minimal-light {
color: #ededed;
}
.context-dark .box-minimal-light .box-minimal-icon, .box-scrim-example .box-minimal-light .box-minimal-icon, .bg-gray-darker .box-minimal-light .box-minimal-icon, .bg-additional-gray-darker .bg-additional-item .box-minimal-light .box-minimal-icon, .bg-image .box-minimal-light .box-minimal-icon, .bg-additional-image .bg-additional-item .box-minimal-light .box-minimal-icon, .bg-gradients .box-minimal-light .box-minimal-icon, .bg-gradient-1 .box-minimal-light .box-minimal-icon, .bg-gradient-2 .box-minimal-light .box-minimal-icon, .bg-gradient-3 .box-minimal-light .box-minimal-icon, .bg-accent .box-minimal-light .box-minimal-icon, .bg-accent-accent .box-minimal-light .box-minimal-icon, .bg-secondary-2 .box-minimal-light .box-minimal-icon, .breadcrumbs-custom-light .box-minimal-light .box-minimal-icon {
color: #ffffff;
}
.context-dark .box-minimal-light h1, .box-scrim-example .box-minimal-light h1, .bg-gray-darker .box-minimal-light h1, .bg-additional-gray-darker .bg-additional-item .box-minimal-light h1, .bg-image .box-minimal-light h1, .bg-additional-image .bg-additional-item .box-minimal-light h1, .bg-gradients .box-minimal-light h1, .bg-gradient-1 .box-minimal-light h1, .bg-gradient-2 .box-minimal-light h1, .bg-gradient-3 .box-minimal-light h1, .bg-accent .box-minimal-light h1, .bg-accent-accent .box-minimal-light h1, .bg-secondary-2 .box-minimal-light h1, .breadcrumbs-custom-light .box-minimal-light h1, .context-dark .box-minimal-light h2, .box-scrim-example .box-minimal-light h2, .bg-gray-darker .box-minimal-light h2, .bg-additional-gray-darker .bg-additional-item .box-minimal-light h2, .bg-image .box-minimal-light h2, .bg-additional-image .bg-additional-item .box-minimal-light h2, .bg-gradients .box-minimal-light h2, .bg-gradient-1 .box-minimal-light h2, .bg-gradient-2 .box-minimal-light h2, .bg-gradient-3 .box-minimal-light h2, .bg-accent .box-minimal-light h2, .bg-accent-accent .box-minimal-light h2, .bg-secondary-2 .box-minimal-light h2, .breadcrumbs-custom-light .box-minimal-light h2, .context-dark .box-minimal-light h3, .box-scrim-example .box-minimal-light h3, .bg-gray-darker .box-minimal-light h3, .bg-additional-gray-darker .bg-additional-item .box-minimal-light h3, .bg-image .box-minimal-light h3, .bg-additional-image .bg-additional-item .box-minimal-light h3, .bg-gradients .box-minimal-light h3, .bg-gradient-1 .box-minimal-light h3, .bg-gradient-2 .box-minimal-light h3, .bg-gradient-3 .box-minimal-light h3, .bg-accent .box-minimal-light h3, .bg-accent-accent .box-minimal-light h3, .bg-secondary-2 .box-minimal-light h3, .breadcrumbs-custom-light .box-minimal-light h3, .context-dark .box-minimal-light h4, .box-scrim-example .box-minimal-light h4, .bg-gray-darker .box-minimal-light h4, .bg-additional-gray-darker .bg-additional-item .box-minimal-light h4, .bg-image .box-minimal-light h4, .bg-additional-image .bg-additional-item .box-minimal-light h4, .bg-gradients .box-minimal-light h4, .bg-gradient-1 .box-minimal-light h4, .bg-gradient-2 .box-minimal-light h4, .bg-gradient-3 .box-minimal-light h4, .bg-accent .box-minimal-light h4, .bg-accent-accent .box-minimal-light h4, .bg-secondary-2 .box-minimal-light h4, .breadcrumbs-custom-light .box-minimal-light h4, .context-dark .box-minimal-light h5, .box-scrim-example .box-minimal-light h5, .bg-gray-darker .box-minimal-light h5, .bg-additional-gray-darker .bg-additional-item .box-minimal-light h5, .bg-image .box-minimal-light h5, .bg-additional-image .bg-additional-item .box-minimal-light h5, .bg-gradients .box-minimal-light h5, .bg-gradient-1 .box-minimal-light h5, .bg-gradient-2 .box-minimal-light h5, .bg-gradient-3 .box-minimal-light h5, .bg-accent .box-minimal-light h5, .bg-accent-accent .box-minimal-light h5, .bg-secondary-2 .box-minimal-light h5, .breadcrumbs-custom-light .box-minimal-light h5, .context-dark .box-minimal-light h6, .box-scrim-example .box-minimal-light h6, .bg-gray-darker .box-minimal-light h6, .bg-additional-gray-darker .bg-additional-item .box-minimal-light h6, .bg-image .box-minimal-light h6, .bg-additional-image .bg-additional-item .box-minimal-light h6, .bg-gradients .box-minimal-light h6, .bg-gradient-1 .box-minimal-light h6, .bg-gradient-2 .box-minimal-light h6, .bg-gradient-3 .box-minimal-light h6, .bg-accent .box-minimal-light h6, .bg-accent-accent .box-minimal-light h6, .bg-secondary-2 .box-minimal-light h6, .breadcrumbs-custom-light .box-minimal-light h6, .context-dark .box-minimal-light [class^='heading-'], .box-scrim-example .box-minimal-light [class^='heading-'], .bg-gray-darker .box-minimal-light [class^='heading-'], .bg-additional-gray-darker .bg-additional-item .box-minimal-light [class^='heading-'], .bg-image .box-minimal-light [class^='heading-'], .bg-additional-image .bg-additional-item .box-minimal-light [class^='heading-'], .bg-gradients .box-minimal-light [class^='heading-'], .bg-gradient-1 .box-minimal-light [class^='heading-'], .bg-gradient-2 .box-minimal-light [class^='heading-'], .bg-gradient-3 .box-minimal-light [class^='heading-'], .bg-accent .box-minimal-light [class^='heading-'], .bg-accent-accent .box-minimal-light [class^='heading-'], .bg-secondary-2 .box-minimal-light [class^='heading-'], .breadcrumbs-custom-light .box-minimal-light [class^='heading-'] {
color: #ffec17;
}
.context-dark .box-minimal-border .box-minimal-text, .box-scrim-example .box-minimal-border .box-minimal-text, .bg-gray-darker .box-minimal-border .box-minimal-text, .bg-additional-gray-darker .bg-additional-item .box-minimal-border .box-minimal-text, .bg-image .box-minimal-border .box-minimal-text, .bg-additional-image .bg-additional-item .box-minimal-border .box-minimal-text, .bg-gradients .box-minimal-border .box-minimal-text, .bg-gradient-1 .box-minimal-border .box-minimal-text, .bg-gradient-2 .box-minimal-border .box-minimal-text, .bg-gradient-3 .box-minimal-border .box-minimal-text, .bg-accent .box-minimal-border .box-minimal-text, .bg-accent-accent .box-minimal-border .box-minimal-text, .bg-secondary-2 .box-minimal-border .box-minimal-text, .breadcrumbs-custom-light .box-minimal-border .box-minimal-text {
opacity: .6;
}
.context-dark .quote-minimal-text, .box-scrim-example .quote-minimal-text, .bg-gray-darker .quote-minimal-text, .bg-additional-gray-darker .bg-additional-item .quote-minimal-text, .bg-image .quote-minimal-text, .bg-additional-image .bg-additional-item .quote-minimal-text, .bg-gradients .quote-minimal-text, .bg-gradient-1 .quote-minimal-text, .bg-gradient-2 .quote-minimal-text, .bg-gradient-3 .quote-minimal-text, .bg-accent .quote-minimal-text, .bg-accent-accent .quote-minimal-text, .bg-secondary-2 .quote-minimal-text, .breadcrumbs-custom-light .quote-minimal-text {
color: #ffffff;
}
.context-dark .quote-boxed-text, .box-scrim-example .quote-boxed-text, .bg-gray-darker .quote-boxed-text, .bg-additional-gray-darker .bg-additional-item .quote-boxed-text, .bg-image .quote-boxed-text, .bg-additional-image .bg-additional-item .quote-boxed-text, .bg-gradients .quote-boxed-text, .bg-gradient-1 .quote-boxed-text, .bg-gradient-2 .quote-boxed-text, .bg-gradient-3 .quote-boxed-text, .bg-accent .quote-boxed-text, .bg-accent-accent .quote-boxed-text, .bg-secondary-2 .quote-boxed-text, .breadcrumbs-custom-light .quote-boxed-text,
.context-dark .quote-vertical-text,
.box-scrim-example .quote-vertical-text,
.bg-gray-darker .quote-vertical-text,
.bg-additional-gray-darker .bg-additional-item .quote-vertical-text,
.bg-image .quote-vertical-text,
.bg-additional-image .bg-additional-item .quote-vertical-text,
.bg-gradients .quote-vertical-text,
.bg-gradient-1 .quote-vertical-text,
.bg-gradient-2 .quote-vertical-text,
.bg-gradient-3 .quote-vertical-text,
.bg-accent .quote-vertical-text,
.bg-accent-accent .quote-vertical-text,
.bg-secondary-2 .quote-vertical-text,
.breadcrumbs-custom-light .quote-vertical-text,
.context-dark .quote-modern-text,
.box-scrim-example .quote-modern-text,
.bg-gray-darker .quote-modern-text,
.bg-additional-gray-darker .bg-additional-item .quote-modern-text,
.bg-image .quote-modern-text,
.bg-additional-image .bg-additional-item .quote-modern-text,
.bg-gradients .quote-modern-text,
.bg-gradient-1 .quote-modern-text,
.bg-gradient-2 .quote-modern-text,
.bg-gradient-3 .quote-modern-text,
.bg-accent .quote-modern-text,
.bg-accent-accent .quote-modern-text,
.bg-secondary-2 .quote-modern-text,
.breadcrumbs-custom-light .quote-modern-text {
color: #ffffff;
}
.context-dark .quote-boxed-cite, .box-scrim-example .quote-boxed-cite, .bg-gray-darker .quote-boxed-cite, .bg-additional-gray-darker .bg-additional-item .quote-boxed-cite, .bg-image .quote-boxed-cite, .bg-additional-image .bg-additional-item .quote-boxed-cite, .bg-gradients .quote-boxed-cite, .bg-gradient-1 .quote-boxed-cite, .bg-gradient-2 .quote-boxed-cite, .bg-gradient-3 .quote-boxed-cite, .bg-accent .quote-boxed-cite, .bg-accent-accent .quote-boxed-cite, .bg-secondary-2 .quote-boxed-cite, .breadcrumbs-custom-light .quote-boxed-cite,
.context-dark .quote-vertical-cite,
.box-scrim-example .quote-vertical-cite,
.bg-gray-darker .quote-vertical-cite,
.bg-additional-gray-darker .bg-additional-item .quote-vertical-cite,
.bg-image .quote-vertical-cite,
.bg-additional-image .bg-additional-item .quote-vertical-cite,
.bg-gradients .quote-vertical-cite,
.bg-gradient-1 .quote-vertical-cite,
.bg-gradient-2 .quote-vertical-cite,
.bg-gradient-3 .quote-vertical-cite,
.bg-accent .quote-vertical-cite,
.bg-accent-accent .quote-vertical-cite,
.bg-secondary-2 .quote-vertical-cite,
.breadcrumbs-custom-light .quote-vertical-cite,
.context-dark .quote-modern-cite,
.box-scrim-example .quote-modern-cite,
.bg-gray-darker .quote-modern-cite,
.bg-additional-gray-darker .bg-additional-item .quote-modern-cite,
.bg-image .quote-modern-cite,
.bg-additional-image .bg-additional-item .quote-modern-cite,
.bg-gradients .quote-modern-cite,
.bg-gradient-1 .quote-modern-cite,
.bg-gradient-2 .quote-modern-cite,
.bg-gradient-3 .quote-modern-cite,
.bg-accent .quote-modern-cite,
.bg-accent-accent .quote-modern-cite,
.bg-secondary-2 .quote-modern-cite,
.breadcrumbs-custom-light .quote-modern-cite {
color: #ffec17;
}
.context-dark .quote-boxed-small, .box-scrim-example .quote-boxed-small, .bg-gray-darker .quote-boxed-small, .bg-additional-gray-darker .bg-additional-item .quote-boxed-small, .bg-image .quote-boxed-small, .bg-additional-image .bg-additional-item .quote-boxed-small, .bg-gradients .quote-boxed-small, .bg-gradient-1 .quote-boxed-small, .bg-gradient-2 .quote-boxed-small, .bg-gradient-3 .quote-boxed-small, .bg-accent .quote-boxed-small, .bg-accent-accent .quote-boxed-small, .bg-secondary-2 .quote-boxed-small, .breadcrumbs-custom-light .quote-boxed-small,
.context-dark .quote-vertical-small,
.box-scrim-example .quote-vertical-small,
.bg-gray-darker .quote-vertical-small,
.bg-additional-gray-darker .bg-additional-item .quote-vertical-small,
.bg-image .quote-vertical-small,
.bg-additional-image .bg-additional-item .quote-vertical-small,
.bg-gradients .quote-vertical-small,
.bg-gradient-1 .quote-vertical-small,
.bg-gradient-2 .quote-vertical-small,
.bg-gradient-3 .quote-vertical-small,
.bg-accent .quote-vertical-small,
.bg-accent-accent .quote-vertical-small,
.bg-secondary-2 .quote-vertical-small,
.breadcrumbs-custom-light .quote-vertical-small {
color: #838386;
}
.context-dark .quote-modern-small, .box-scrim-example .quote-modern-small, .bg-gray-darker .quote-modern-small, .bg-additional-gray-darker .bg-additional-item .quote-modern-small, .bg-image .quote-modern-small, .bg-additional-image .bg-additional-item .quote-modern-small, .bg-gradients .quote-modern-small, .bg-gradient-1 .quote-modern-small, .bg-gradient-2 .quote-modern-small, .bg-gradient-3 .quote-modern-small, .bg-accent .quote-modern-small, .bg-accent-accent .quote-modern-small, .bg-secondary-2 .quote-modern-small, .breadcrumbs-custom-light .quote-modern-small {
color: #c2c2c3;
}
.context-dark .owl-dot:hover, .box-scrim-example .owl-dot:hover, .bg-gray-darker .owl-dot:hover, .bg-additional-gray-darker .bg-additional-item .owl-dot:hover, .bg-image .owl-dot:hover, .bg-additional-image .bg-additional-item .owl-dot:hover, .bg-gradients .owl-dot:hover, .bg-gradient-1 .owl-dot:hover, .bg-gradient-2 .owl-dot:hover, .bg-gradient-3 .owl-dot:hover, .bg-accent .owl-dot:hover, .bg-accent-accent .owl-dot:hover, .bg-secondary-2 .owl-dot:hover, .breadcrumbs-custom-light .owl-dot:hover, .context-dark .owl-dot.active, .box-scrim-example .owl-dot.active, .bg-gray-darker .owl-dot.active, .bg-additional-gray-darker .bg-additional-item .owl-dot.active, .bg-image .owl-dot.active, .bg-additional-image .bg-additional-item .owl-dot.active, .bg-gradients .owl-dot.active, .bg-gradient-1 .owl-dot.active, .bg-gradient-2 .owl-dot.active, .bg-gradient-3 .owl-dot.active, .bg-accent .owl-dot.active, .bg-accent-accent .owl-dot.active, .bg-secondary-2 .owl-dot.active, .breadcrumbs-custom-light .owl-dot.active {
background-color: #ed1c94;
}
.context-dark .slider-widget, .box-scrim-example .slider-widget, .bg-gray-darker .slider-widget, .bg-additional-gray-darker .bg-additional-item .slider-widget, .bg-image .slider-widget, .bg-additional-image .bg-additional-item .slider-widget, .bg-gradients .slider-widget, .bg-gradient-1 .slider-widget, .bg-gradient-2 .slider-widget, .bg-gradient-3 .slider-widget, .bg-accent .slider-widget, .bg-accent-accent .slider-widget, .bg-secondary-2 .slider-widget, .breadcrumbs-custom-light .slider-widget {
box-shadow: none;
}
.context-dark hr, .box-scrim-example hr, .bg-gray-darker hr, .bg-additional-gray-darker .bg-additional-item hr, .bg-image hr, .bg-additional-image .bg-additional-item hr, .bg-gradients hr, .bg-gradient-1 hr, .bg-gradient-2 hr, .bg-gradient-3 hr, .bg-accent hr, .bg-accent-accent hr, .bg-secondary-2 hr, .breadcrumbs-custom-light hr {
border-color: #ffffff;
opacity: .5;
}
.context-dark .divider-default, .box-scrim-example .divider-default, .bg-gray-darker .divider-default, .bg-additional-gray-darker .bg-additional-item .divider-default, .bg-image .divider-default, .bg-additional-image .bg-additional-item .divider-default, .bg-gradients .divider-default, .bg-gradient-1 .divider-default, .bg-gradient-2 .divider-default, .bg-gradient-3 .divider-default, .bg-accent .divider-default, .bg-accent-accent .divider-default, .bg-secondary-2 .divider-default, .breadcrumbs-custom-light .divider-default {
opacity: 1;
}
.context-dark .box-minimal-border .box-minimal-icon, .box-scrim-example .box-minimal-border .box-minimal-icon, .bg-gray-darker .box-minimal-border .box-minimal-icon, .bg-additional-gray-darker .bg-additional-item .box-minimal-border .box-minimal-icon, .bg-image .box-minimal-border .box-minimal-icon, .bg-additional-image .bg-additional-item .box-minimal-border .box-minimal-icon, .bg-gradients .box-minimal-border .box-minimal-icon, .bg-gradient-1 .box-minimal-border .box-minimal-icon, .bg-gradient-2 .box-minimal-border .box-minimal-icon, .bg-gradient-3 .box-minimal-border .box-minimal-icon, .bg-accent .box-minimal-border .box-minimal-icon, .bg-accent-accent .box-minimal-border .box-minimal-icon, .bg-secondary-2 .box-minimal-border .box-minimal-icon, .breadcrumbs-custom-light .box-minimal-border .box-minimal-icon {
color: #ffffff;
}
.context-dark .box-minimal-border .box-minimal-icon svg, .box-scrim-example .box-minimal-border .box-minimal-icon svg, .bg-gray-darker .box-minimal-border .box-minimal-icon svg, .bg-additional-gray-darker .bg-additional-item .box-minimal-border .box-minimal-icon svg, .bg-image .box-minimal-border .box-minimal-icon svg, .bg-additional-image .bg-additional-item .box-minimal-border .box-minimal-icon svg, .bg-gradients .box-minimal-border .box-minimal-icon svg, .bg-gradient-1 .box-minimal-border .box-minimal-icon svg, .bg-gradient-2 .box-minimal-border .box-minimal-icon svg, .bg-gradient-3 .box-minimal-border .box-minimal-icon svg, .bg-accent .box-minimal-border .box-minimal-icon svg, .bg-accent-accent .box-minimal-border .box-minimal-icon svg, .bg-secondary-2 .box-minimal-border .box-minimal-icon svg, .breadcrumbs-custom-light .box-minimal-border .box-minimal-icon svg {
fill: #ffffff;
}
.context-dark .box-minimal-border .box-minimal-title, .box-scrim-example .box-minimal-border .box-minimal-title, .bg-gray-darker .box-minimal-border .box-minimal-title, .bg-additional-gray-darker .bg-additional-item .box-minimal-border .box-minimal-title, .bg-image .box-minimal-border .box-minimal-title, .bg-additional-image .bg-additional-item .box-minimal-border .box-minimal-title, .bg-gradients .box-minimal-border .box-minimal-title, .bg-gradient-1 .box-minimal-border .box-minimal-title, .bg-gradient-2 .box-minimal-border .box-minimal-title, .bg-gradient-3 .box-minimal-border .box-minimal-title, .bg-accent .box-minimal-border .box-minimal-title, .bg-accent-accent .box-minimal-border .box-minimal-title, .bg-secondary-2 .box-minimal-border .box-minimal-title, .breadcrumbs-custom-light .box-minimal-border .box-minimal-title {
color: #ffffff;
}
.context-dark .box-minimal-border:hover, .box-scrim-example .box-minimal-border:hover, .bg-gray-darker .box-minimal-border:hover, .bg-additional-gray-darker .bg-additional-item .box-minimal-border:hover, .bg-image .box-minimal-border:hover, .bg-additional-image .bg-additional-item .box-minimal-border:hover, .bg-gradients .box-minimal-border:hover, .bg-gradient-1 .box-minimal-border:hover, .bg-gradient-2 .box-minimal-border:hover, .bg-gradient-3 .box-minimal-border:hover, .bg-accent .box-minimal-border:hover, .bg-accent-accent .box-minimal-border:hover, .bg-secondary-2 .box-minimal-border:hover, .breadcrumbs-custom-light .box-minimal-border:hover {
background: #6d0eb1;
border-color: #6d0eb1;
}
.context-dark .box-minimal-modern, .box-scrim-example .box-minimal-modern, .bg-gray-darker .box-minimal-modern, .bg-additional-gray-darker .bg-additional-item .box-minimal-modern, .bg-image .box-minimal-modern, .bg-additional-image .bg-additional-item .box-minimal-modern, .bg-gradients .box-minimal-modern, .bg-gradient-1 .box-minimal-modern, .bg-gradient-2 .box-minimal-modern, .bg-gradient-3 .box-minimal-modern, .bg-accent .box-minimal-modern, .bg-accent-accent .box-minimal-modern, .bg-secondary-2 .box-minimal-modern, .breadcrumbs-custom-light .box-minimal-modern {
background-color: #ffffff;
}
.context-dark .box-minimal-modern .box-minimal-title, .box-scrim-example .box-minimal-modern .box-minimal-title, .bg-gray-darker .box-minimal-modern .box-minimal-title, .bg-additional-gray-darker .bg-additional-item .box-minimal-modern .box-minimal-title, .bg-image .box-minimal-modern .box-minimal-title, .bg-additional-image .bg-additional-item .box-minimal-modern .box-minimal-title, .bg-gradients .box-minimal-modern .box-minimal-title, .bg-gradient-1 .box-minimal-modern .box-minimal-title, .bg-gradient-2 .box-minimal-modern .box-minimal-title, .bg-gradient-3 .box-minimal-modern .box-minimal-title, .bg-accent .box-minimal-modern .box-minimal-title, .bg-accent-accent .box-minimal-modern .box-minimal-title, .bg-secondary-2 .box-minimal-modern .box-minimal-title, .breadcrumbs-custom-light .box-minimal-modern .box-minimal-title {
color: #29293a;
}
.context-dark .box-minimal-modern .box-minimal-text, .box-scrim-example .box-minimal-modern .box-minimal-text, .bg-gray-darker .box-minimal-modern .box-minimal-text, .bg-additional-gray-darker .bg-additional-item .box-minimal-modern .box-minimal-text, .bg-image .box-minimal-modern .box-minimal-text, .bg-additional-image .bg-additional-item .box-minimal-modern .box-minimal-text, .bg-gradients .box-minimal-modern .box-minimal-text, .bg-gradient-1 .box-minimal-modern .box-minimal-text, .bg-gradient-2 .box-minimal-modern .box-minimal-text, .bg-gradient-3 .box-minimal-modern .box-minimal-text, .bg-accent .box-minimal-modern .box-minimal-text, .bg-accent-accent .box-minimal-modern .box-minimal-text, .bg-secondary-2 .box-minimal-modern .box-minimal-text, .breadcrumbs-custom-light .box-minimal-modern .box-minimal-text {
color: #838386;
}
.context-dark .counter-wrap .icon-secondary, .box-scrim-example .counter-wrap .icon-secondary, .bg-gray-darker .counter-wrap .icon-secondary, .bg-additional-gray-darker .bg-additional-item .counter-wrap .icon-secondary, .bg-image .counter-wrap .icon-secondary, .bg-additional-image .bg-additional-item .counter-wrap .icon-secondary, .bg-gradients .counter-wrap .icon-secondary, .bg-gradient-1 .counter-wrap .icon-secondary, .bg-gradient-2 .counter-wrap .icon-secondary, .bg-gradient-3 .counter-wrap .icon-secondary, .bg-accent .counter-wrap .icon-secondary, .bg-accent-accent .counter-wrap .icon-secondary, .bg-secondary-2 .counter-wrap .icon-secondary, .breadcrumbs-custom-light .counter-wrap .icon-secondary {
color: #ffec17;
}
.page .context-dark .icon-primary, .page .box-scrim-example .icon-primary, .page .bg-gray-darker .icon-primary, .page .bg-additional-gray-darker .bg-additional-item .icon-primary, .bg-additional-gray-darker .page .bg-additional-item .icon-primary, .page .bg-image .icon-primary, .page .bg-additional-image .bg-additional-item .icon-primary, .bg-additional-image .page .bg-additional-item .icon-primary, .page .bg-gradients .icon-primary, .page .bg-gradient-1 .icon-primary, .page .bg-gradient-2 .icon-primary, .page .bg-gradient-3 .icon-primary, .page .bg-accent .icon-primary, .page .bg-accent-accent .icon-primary, .page .bg-secondary-2 .icon-primary, .page .breadcrumbs-custom-light .icon-primary {
color: #ed1c94;
}
.context-dark .post-blog-article, .box-scrim-example .post-blog-article, .bg-gray-darker .post-blog-article, .bg-additional-gray-darker .bg-additional-item .post-blog-article, .bg-image .post-blog-article, .bg-additional-image .bg-additional-item .post-blog-article, .bg-gradients .post-blog-article, .bg-gradient-1 .post-blog-article, .bg-gradient-2 .post-blog-article, .bg-gradient-3 .post-blog-article, .bg-accent .post-blog-article, .bg-accent-accent .post-blog-article, .bg-secondary-2 .post-blog-article, .breadcrumbs-custom-light .post-blog-article {
color: #c2c2c3;
}
.context-dark .post-blog-article-title, .box-scrim-example .post-blog-article-title, .bg-gray-darker .post-blog-article-title, .bg-additional-gray-darker .bg-additional-item .post-blog-article-title, .bg-image .post-blog-article-title, .bg-additional-image .bg-additional-item .post-blog-article-title, .bg-gradients .post-blog-article-title, .bg-gradient-1 .post-blog-article-title, .bg-gradient-2 .post-blog-article-title, .bg-gradient-3 .post-blog-article-title, .bg-accent .post-blog-article-title, .bg-accent-accent .post-blog-article-title, .bg-secondary-2 .post-blog-article-title, .breadcrumbs-custom-light .post-blog-article-title,
.context-dark .post-blog-article .big,
.box-scrim-example .post-blog-article .big,
.bg-gray-darker .post-blog-article .big,
.bg-additional-gray-darker .bg-additional-item .post-blog-article .big,
.bg-image .post-blog-article .big,
.bg-additional-image .bg-additional-item .post-blog-article .big,
.bg-gradients .post-blog-article .big,
.bg-gradient-1 .post-blog-article .big,
.bg-gradient-2 .post-blog-article .big,
.bg-gradient-3 .post-blog-article .big,
.bg-accent .post-blog-article .big,
.bg-accent-accent .post-blog-article .big,
.bg-secondary-2 .post-blog-article .big,
.breadcrumbs-custom-light .post-blog-article .big {
color: #ffffff;
}
.context-dark .post-blog-article .box-inline a, .box-scrim-example .post-blog-article .box-inline a, .bg-gray-darker .post-blog-article .box-inline a, .bg-additional-gray-darker .bg-additional-item .post-blog-article .box-inline a, .bg-image .post-blog-article .box-inline a, .bg-additional-image .bg-additional-item .post-blog-article .box-inline a, .bg-gradients .post-blog-article .box-inline a, .bg-gradient-1 .post-blog-article .box-inline a, .bg-gradient-2 .post-blog-article .box-inline a, .bg-gradient-3 .post-blog-article .box-inline a, .bg-accent .post-blog-article .box-inline a, .bg-accent-accent .post-blog-article .box-inline a, .bg-secondary-2 .post-blog-article .box-inline a, .breadcrumbs-custom-light .post-blog-article .box-inline a {
color: #c2c2c3;
}
.context-dark .post-blog-article .box-inline a:hover, .box-scrim-example .post-blog-article .box-inline a:hover, .bg-gray-darker .post-blog-article .box-inline a:hover, .bg-additional-gray-darker .bg-additional-item .post-blog-article .box-inline a:hover, .bg-image .post-blog-article .box-inline a:hover, .bg-additional-image .bg-additional-item .post-blog-article .box-inline a:hover, .bg-gradients .post-blog-article .box-inline a:hover, .bg-gradient-1 .post-blog-article .box-inline a:hover, .bg-gradient-2 .post-blog-article .box-inline a:hover, .bg-gradient-3 .post-blog-article .box-inline a:hover, .bg-accent .post-blog-article .box-inline a:hover, .bg-accent-accent .post-blog-article .box-inline a:hover, .bg-secondary-2 .post-blog-article .box-inline a:hover, .breadcrumbs-custom-light .post-blog-article .box-inline a:hover {
color: #ffec17;
}
.context-dark .breadcrumbs-custom-path > li.active, .box-scrim-example .breadcrumbs-custom-path > li.active, .bg-gray-darker .breadcrumbs-custom-path > li.active, .bg-additional-gray-darker .bg-additional-item .breadcrumbs-custom-path > li.active, .bg-image .breadcrumbs-custom-path > li.active, .bg-additional-image .bg-additional-item .breadcrumbs-custom-path > li.active, .bg-gradients .breadcrumbs-custom-path > li.active, .bg-gradient-1 .breadcrumbs-custom-path > li.active, .bg-gradient-2 .breadcrumbs-custom-path > li.active, .bg-gradient-3 .breadcrumbs-custom-path > li.active, .bg-accent .breadcrumbs-custom-path > li.active, .bg-accent-accent .breadcrumbs-custom-path > li.active, .bg-secondary-2 .breadcrumbs-custom-path > li.active, .breadcrumbs-custom-light .breadcrumbs-custom-path > li.active {
color: #ffffff;
}
.context-dark .breadcrumbs-custom-path > li a, .box-scrim-example .breadcrumbs-custom-path > li a, .bg-gray-darker .breadcrumbs-custom-path > li a, .bg-additional-gray-darker .bg-additional-item .breadcrumbs-custom-path > li a, .bg-image .breadcrumbs-custom-path > li a, .bg-additional-image .bg-additional-item .breadcrumbs-custom-path > li a, .bg-gradients .breadcrumbs-custom-path > li a, .bg-gradient-1 .breadcrumbs-custom-path > li a, .bg-gradient-2 .breadcrumbs-custom-path > li a, .bg-gradient-3 .breadcrumbs-custom-path > li a, .bg-accent .breadcrumbs-custom-path > li a, .bg-accent-accent .breadcrumbs-custom-path > li a, .bg-secondary-2 .breadcrumbs-custom-path > li a, .breadcrumbs-custom-light .breadcrumbs-custom-path > li a {
color: #ffffff;
}
.context-dark .breadcrumbs-custom-path > li a:hover, .box-scrim-example .breadcrumbs-custom-path > li a:hover, .bg-gray-darker .breadcrumbs-custom-path > li a:hover, .bg-additional-gray-darker .bg-additional-item .breadcrumbs-custom-path > li a:hover, .bg-image .breadcrumbs-custom-path > li a:hover, .bg-additional-image .bg-additional-item .breadcrumbs-custom-path > li a:hover, .bg-gradients .breadcrumbs-custom-path > li a:hover, .bg-gradient-1 .breadcrumbs-custom-path > li a:hover, .bg-gradient-2 .breadcrumbs-custom-path > li a:hover, .bg-gradient-3 .breadcrumbs-custom-path > li a:hover, .bg-accent .breadcrumbs-custom-path > li a:hover, .bg-accent-accent .breadcrumbs-custom-path > li a:hover, .bg-secondary-2 .breadcrumbs-custom-path > li a:hover, .breadcrumbs-custom-light .breadcrumbs-custom-path > li a:hover {
color: #ffec17;
}
.context-dark .parallax-text, .box-scrim-example .parallax-text, .bg-gray-darker .parallax-text, .bg-additional-gray-darker .bg-additional-item .parallax-text, .bg-image .parallax-text, .bg-additional-image .bg-additional-item .parallax-text, .bg-gradients .parallax-text, .bg-gradient-1 .parallax-text, .bg-gradient-2 .parallax-text, .bg-gradient-3 .parallax-text, .bg-accent .parallax-text, .bg-accent-accent .parallax-text, .bg-secondary-2 .parallax-text, .breadcrumbs-custom-light .parallax-text {
opacity: .1;
}
@media (min-width: 992px) {
.context-dark .isotope-filters-list > li > a, .box-scrim-example .isotope-filters-list > li > a, .bg-gray-darker .isotope-filters-list > li > a, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list > li > a, .bg-image .isotope-filters-list > li > a, .bg-additional-image .bg-additional-item .isotope-filters-list > li > a, .bg-gradients .isotope-filters-list > li > a, .bg-gradient-1 .isotope-filters-list > li > a, .bg-gradient-2 .isotope-filters-list > li > a, .bg-gradient-3 .isotope-filters-list > li > a, .bg-accent .isotope-filters-list > li > a, .bg-accent-accent .isotope-filters-list > li > a, .bg-secondary-2 .isotope-filters-list > li > a, .breadcrumbs-custom-light .isotope-filters-list > li > a {
color: #c2c2c3;
}
.context-dark .isotope-filters-list > li > a.active, .box-scrim-example .isotope-filters-list > li > a.active, .bg-gray-darker .isotope-filters-list > li > a.active, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list > li > a.active, .bg-image .isotope-filters-list > li > a.active, .bg-additional-image .bg-additional-item .isotope-filters-list > li > a.active, .bg-gradients .isotope-filters-list > li > a.active, .bg-gradient-1 .isotope-filters-list > li > a.active, .bg-gradient-2 .isotope-filters-list > li > a.active, .bg-gradient-3 .isotope-filters-list > li > a.active, .bg-accent .isotope-filters-list > li > a.active, .bg-accent-accent .isotope-filters-list > li > a.active, .bg-secondary-2 .isotope-filters-list > li > a.active, .breadcrumbs-custom-light .isotope-filters-list > li > a.active, .context-dark .isotope-filters-list > li > a:hover, .box-scrim-example .isotope-filters-list > li > a:hover, .bg-gray-darker .isotope-filters-list > li > a:hover, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list > li > a:hover, .bg-image .isotope-filters-list > li > a:hover, .bg-additional-image .bg-additional-item .isotope-filters-list > li > a:hover, .bg-gradients .isotope-filters-list > li > a:hover, .bg-gradient-1 .isotope-filters-list > li > a:hover, .bg-gradient-2 .isotope-filters-list > li > a:hover, .bg-gradient-3 .isotope-filters-list > li > a:hover, .bg-accent .isotope-filters-list > li > a:hover, .bg-accent-accent .isotope-filters-list > li > a:hover, .bg-secondary-2 .isotope-filters-list > li > a:hover, .breadcrumbs-custom-light .isotope-filters-list > li > a:hover {
color: #ffec17;
}
}
@media (min-width: 992px) {
.context-dark .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .box-scrim-example .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gray-darker .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-additional-gray-darker .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-image .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-additional-image .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gradients .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gradient-1 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gradient-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-gradient-3 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-accent .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-accent-accent .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .bg-secondary-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons), .breadcrumbs-custom-light .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons),
.context-dark .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons),
.box-scrim-example .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons),
.bg-gray-darker .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons),
.bg-additional-gray-darker .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons),
.bg-image .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons),
.bg-additional-image .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons),
.bg-gradients .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons),
.bg-gradient-1 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons),
.bg-gradient-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons),
.bg-gradient-3 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons),
.bg-accent .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons),
.bg-accent-accent .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons),
.bg-secondary-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons),
.breadcrumbs-custom-light .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) {
border-bottom: 1px solid rgba(242, 243, 249, 0.1);
}
.context-dark .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .box-scrim-example .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gray-darker .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-additional-gray-darker .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-image .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-additional-image .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gradients .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gradient-1 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gradient-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-gradient-3 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-accent .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-accent-accent .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .bg-secondary-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a, .breadcrumbs-custom-light .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a,
.context-dark .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a,
.box-scrim-example .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a,
.bg-gray-darker .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a,
.bg-additional-gray-darker .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a,
.bg-image .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a,
.bg-additional-image .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a,
.bg-gradients .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a,
.bg-gradient-1 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a,
.bg-gradient-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a,
.bg-gradient-3 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a,
.bg-accent .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a,
.bg-accent-accent .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a,
.bg-secondary-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a,
.breadcrumbs-custom-light .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a {
color: #c2c2c3;
}
.context-dark .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .box-scrim-example .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gray-darker .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-additional-gray-darker .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-image .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-additional-image .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gradients .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gradient-1 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gradient-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-gradient-3 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-accent .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-accent-accent .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .bg-secondary-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after, .breadcrumbs-custom-light .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after,
.context-dark .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after,
.box-scrim-example .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after,
.bg-gray-darker .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after,
.bg-additional-gray-darker .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after,
.bg-image .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after,
.bg-additional-image .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after,
.bg-gradients .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after,
.bg-gradient-1 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after,
.bg-gradient-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after,
.bg-gradient-3 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after,
.bg-accent .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after,
.bg-accent-accent .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after,
.bg-secondary-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after,
.breadcrumbs-custom-light .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:after {
background: #ffec17;
}
.context-dark .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .box-scrim-example .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gray-darker .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-additional-gray-darker .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-image .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-additional-image .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gradients .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gradient-1 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gradient-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-gradient-3 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-accent .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-accent-accent .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .bg-secondary-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .breadcrumbs-custom-light .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active, .context-dark .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .box-scrim-example .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gray-darker .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-additional-gray-darker .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-image .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-additional-image .bg-additional-item .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gradients .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gradient-1 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gradient-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-gradient-3 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-accent .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-accent-accent .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .bg-secondary-2 .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover, .breadcrumbs-custom-light .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover,
.context-dark .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active,
.box-scrim-example .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active,
.bg-gray-darker .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active,
.bg-additional-gray-darker .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active,
.bg-image .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active,
.bg-additional-image .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active,
.bg-gradients .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active,
.bg-gradient-1 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active,
.bg-gradient-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active,
.bg-gradient-3 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active,
.bg-accent .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active,
.bg-accent-accent .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active,
.bg-secondary-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active,
.breadcrumbs-custom-light .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a.active,
.context-dark .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover,
.box-scrim-example .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover,
.bg-gray-darker .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover,
.bg-additional-gray-darker .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover,
.bg-image .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover,
.bg-additional-image .bg-additional-item .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover,
.bg-gradients .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover,
.bg-gradient-1 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover,
.bg-gradient-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover,
.bg-gradient-3 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover,
.bg-accent .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover,
.bg-accent-accent .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover,
.bg-secondary-2 .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover,
.breadcrumbs-custom-light .isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) a:hover {
color: #ffec17;
}
}
@media (min-width: 1200px) {
.context-dark .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .box-scrim-example .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-gray-darker .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-additional-gray-darker .bg-additional-item .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-image .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-additional-image .bg-additional-item .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-gradients .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-gradient-1 .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-gradient-2 .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-gradient-3 .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-accent .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-accent-accent .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .bg-secondary-2 .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list, .breadcrumbs-custom-light .isotope-wrap .isotope-filters.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list {
border-bottom: none;
border-right: 1px solid rgba(242, 243, 249, 0.1);
}
}
.context-dark .post-blog-article-meta, .box-scrim-example .post-blog-article-meta, .bg-gray-darker .post-blog-article-meta, .bg-additional-gray-darker .bg-additional-item .post-blog-article-meta, .bg-image .post-blog-article-meta, .bg-additional-image .bg-additional-item .post-blog-article-meta, .bg-gradients .post-blog-article-meta, .bg-gradient-1 .post-blog-article-meta, .bg-gradient-2 .post-blog-article-meta, .bg-gradient-3 .post-blog-article-meta, .bg-accent .post-blog-article-meta, .bg-accent-accent .post-blog-article-meta, .bg-secondary-2 .post-blog-article-meta, .breadcrumbs-custom-light .post-blog-article-meta {
color: #c2c2c3;
}
.context-dark .post-blog-article-meta .box-inline a, .box-scrim-example .post-blog-article-meta .box-inline a, .bg-gray-darker .post-blog-article-meta .box-inline a, .bg-additional-gray-darker .bg-additional-item .post-blog-article-meta .box-inline a, .bg-image .post-blog-article-meta .box-inline a, .bg-additional-image .bg-additional-item .post-blog-article-meta .box-inline a, .bg-gradients .post-blog-article-meta .box-inline a, .bg-gradient-1 .post-blog-article-meta .box-inline a, .bg-gradient-2 .post-blog-article-meta .box-inline a, .bg-gradient-3 .post-blog-article-meta .box-inline a, .bg-accent .post-blog-article-meta .box-inline a, .bg-accent-accent .post-blog-article-meta .box-inline a, .bg-secondary-2 .post-blog-article-meta .box-inline a, .breadcrumbs-custom-light .post-blog-article-meta .box-inline a {
color: #c2c2c3;
}
.context-dark .post-blog-article-meta .box-inline a:hover, .box-scrim-example .post-blog-article-meta .box-inline a:hover, .bg-gray-darker .post-blog-article-meta .box-inline a:hover, .bg-additional-gray-darker .bg-additional-item .post-blog-article-meta .box-inline a:hover, .bg-image .post-blog-article-meta .box-inline a:hover, .bg-additional-image .bg-additional-item .post-blog-article-meta .box-inline a:hover, .bg-gradients .post-blog-article-meta .box-inline a:hover, .bg-gradient-1 .post-blog-article-meta .box-inline a:hover, .bg-gradient-2 .post-blog-article-meta .box-inline a:hover, .bg-gradient-3 .post-blog-article-meta .box-inline a:hover, .bg-accent .post-blog-article-meta .box-inline a:hover, .bg-accent-accent .post-blog-article-meta .box-inline a:hover, .bg-secondary-2 .post-blog-article-meta .box-inline a:hover, .breadcrumbs-custom-light .post-blog-article-meta .box-inline a:hover {
color: #ed1c94;
}
.context-dark .post-blog-large-text, .box-scrim-example .post-blog-large-text, .bg-gray-darker .post-blog-large-text, .bg-additional-gray-darker .bg-additional-item .post-blog-large-text, .bg-image .post-blog-large-text, .bg-additional-image .bg-additional-item .post-blog-large-text, .bg-gradients .post-blog-large-text, .bg-gradient-1 .post-blog-large-text, .bg-gradient-2 .post-blog-large-text, .bg-gradient-3 .post-blog-large-text, .bg-accent .post-blog-large-text, .bg-accent-accent .post-blog-large-text, .bg-secondary-2 .post-blog-large-text, .breadcrumbs-custom-light .post-blog-large-text {
color: #29293a;
}
@media (max-width: 479.98px) {
.context-dark .tabs-custom.tabs-line .nav-tabs, .box-scrim-example .tabs-custom.tabs-line .nav-tabs, .bg-gray-darker .tabs-custom.tabs-line .nav-tabs, .bg-additional-gray-darker .bg-additional-item .tabs-custom.tabs-line .nav-tabs, .bg-image .tabs-custom.tabs-line .nav-tabs, .bg-additional-image .bg-additional-item .tabs-custom.tabs-line .nav-tabs, .bg-gradients .tabs-custom.tabs-line .nav-tabs, .bg-gradient-1 .tabs-custom.tabs-line .nav-tabs, .bg-gradient-2 .tabs-custom.tabs-line .nav-tabs, .bg-gradient-3 .tabs-custom.tabs-line .nav-tabs, .bg-accent .tabs-custom.tabs-line .nav-tabs, .bg-accent-accent .tabs-custom.tabs-line .nav-tabs, .bg-secondary-2 .tabs-custom.tabs-line .nav-tabs, .breadcrumbs-custom-light .tabs-custom.tabs-line .nav-tabs {
border-color: #29293a;
}
}
.context-dark .time_circles > div > h4, .box-scrim-example .time_circles > div > h4, .bg-gray-darker .time_circles > div > h4, .bg-additional-gray-darker .bg-additional-item .time_circles > div > h4, .bg-image .time_circles > div > h4, .bg-additional-image .bg-additional-item .time_circles > div > h4, .bg-gradients .time_circles > div > h4, .bg-gradient-1 .time_circles > div > h4, .bg-gradient-2 .time_circles > div > h4, .bg-gradient-3 .time_circles > div > h4, .bg-accent .time_circles > div > h4, .bg-accent-accent .time_circles > div > h4, .bg-secondary-2 .time_circles > div > h4, .breadcrumbs-custom-light .time_circles > div > h4,
.context-dark .time_circles > div > span,
.box-scrim-example .time_circles > div > span,
.bg-gray-darker .time_circles > div > span,
.bg-additional-gray-darker .bg-additional-item .time_circles > div > span,
.bg-image .time_circles > div > span,
.bg-additional-image .bg-additional-item .time_circles > div > span,
.bg-gradients .time_circles > div > span,
.bg-gradient-1 .time_circles > div > span,
.bg-gradient-2 .time_circles > div > span,
.bg-gradient-3 .time_circles > div > span,
.bg-accent .time_circles > div > span,
.bg-accent-accent .time_circles > div > span,
.bg-secondary-2 .time_circles > div > span,
.breadcrumbs-custom-light .time_circles > div > span {
color: #ffffff;
}
.context-dark .titled-gallery-caption a, .box-scrim-example .titled-gallery-caption a, .bg-gray-darker .titled-gallery-caption a, .bg-additional-gray-darker .bg-additional-item .titled-gallery-caption a, .bg-image .titled-gallery-caption a, .bg-additional-image .bg-additional-item .titled-gallery-caption a, .bg-gradients .titled-gallery-caption a, .bg-gradient-1 .titled-gallery-caption a, .bg-gradient-2 .titled-gallery-caption a, .bg-gradient-3 .titled-gallery-caption a, .bg-accent .titled-gallery-caption a, .bg-accent-accent .titled-gallery-caption a, .bg-secondary-2 .titled-gallery-caption a, .breadcrumbs-custom-light .titled-gallery-caption a {
color: #ffec17;
}
.context-dark .titled-gallery-caption a:hover, .box-scrim-example .titled-gallery-caption a:hover, .bg-gray-darker .titled-gallery-caption a:hover, .bg-additional-gray-darker .bg-additional-item .titled-gallery-caption a:hover, .bg-image .titled-gallery-caption a:hover, .bg-additional-image .bg-additional-item .titled-gallery-caption a:hover, .bg-gradients .titled-gallery-caption a:hover, .bg-gradient-1 .titled-gallery-caption a:hover, .bg-gradient-2 .titled-gallery-caption a:hover, .bg-gradient-3 .titled-gallery-caption a:hover, .bg-accent .titled-gallery-caption a:hover, .bg-accent-accent .titled-gallery-caption a:hover, .bg-secondary-2 .titled-gallery-caption a:hover, .breadcrumbs-custom-light .titled-gallery-caption a:hover {
color: #ffffff;
}
.context-light {
color: #838386;
}
.context-light h1, .context-light h2, .context-light h3, .context-light h4, .context-light h5, .context-light h6, .context-light [class^='heading-'] {
color: #29293a;
}
/**
* Backgrounds Style
*/
@media (min-width: 992px) {
.bg-gray-lighter .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list:not(.isotope-filters-list-buttons) {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
}
.element-boxed .bg-default,
.element-boxed .bg-gray-lighter {
color: #838386;
}
.element-boxed .bg-default h1, .element-boxed .bg-default h2, .element-boxed .bg-default h3, .element-boxed .bg-default h4, .element-boxed .bg-default h5, .element-boxed .bg-default h6, .element-boxed .bg-default [class^='heading-'],
.element-boxed .bg-gray-lighter h1,
.element-boxed .bg-gray-lighter h2,
.element-boxed .bg-gray-lighter h3,
.element-boxed .bg-gray-lighter h4,
.element-boxed .bg-gray-lighter h5,
.element-boxed .bg-gray-lighter h6,
.element-boxed .bg-gray-lighter [class^='heading-'] {
color: #29293a;
}
.element-boxed.bg-gray-darker, .bg-additional-gray-darker .element-boxed.bg-additional-item,
.element-boxed.bg-gray-darker h1,
.bg-additional-gray-darker .element-boxed.bg-additional-item h1, .element-boxed.bg-gray-darker h2, .bg-additional-gray-darker .element-boxed.bg-additional-item h2, .element-boxed.bg-gray-darker h3, .bg-additional-gray-darker .element-boxed.bg-additional-item h3, .element-boxed.bg-gray-darker h4, .bg-additional-gray-darker .element-boxed.bg-additional-item h4, .element-boxed.bg-gray-darker h5, .bg-additional-gray-darker .element-boxed.bg-additional-item h5, .element-boxed.bg-gray-darker h6, .bg-additional-gray-darker .element-boxed.bg-additional-item h6, .element-boxed.bg-gray-darker [class^='heading-'], .bg-additional-gray-darker .element-boxed.bg-additional-item [class^='heading-'] {
color: #ffffff;
}
.bg-gray-lighter .post-blog .post-blog-caption,
.bg-gray-darker .post-blog .post-blog-caption,
.bg-additional-gray-darker .bg-additional-item .post-blog .post-blog-caption {
background-color: #ffffff;
}
.bg-gray-lighter .post-blog .post-blog-caption-footer,
.bg-gray-darker .post-blog .post-blog-caption-footer,
.bg-additional-gray-darker .bg-additional-item .post-blog .post-blog-caption-footer {
border-color: #f2f3f9;
}
/**
* Background White
*/
.bg-default {
background-color: #ffffff;
fill: #ffffff;
}
.bg-default .way-point > svg {
fill: inherit;
}
.bg-default + .bg-default {
padding-top: 0;
}
.bg-default .bg-decoration > svg {
fill: #ffffff;
}
.bg-default .time-line-vertical-element:before,
.bg-default .time-line-vertical-element .unit-body:before {
background-color: #ffffff;
}
.bg-default .twitter-feed {
background-color: #f2f3f9;
}
.bg-default .slider-widget {
background: #f2f3f9;
}
/**
* Background Gray Lighter
*/
.bg-gray-lighter {
background-color: #f2f3f9;
fill: #f2f3f9;
}
.bg-gray-lighter .way-point > svg {
fill: inherit;
}
.bg-gray-lighter + .bg-gray-lighter {
padding-top: 0;
}
.bg-gray-lighter .bg-decoration > svg {
fill: #f2f3f9;
}
.bg-gray-lighter .parallax-text {
color: #ffffff;
}
.bg-gray-lighter .time-line-vertical-element:before,
.bg-gray-lighter .time-line-vertical-element .unit-body:before {
background-color: #f2f3f9;
}
.bg-gray-lighter .pricing-box {
background-color: #ffffff;
}
.bg-gray-lighter .slider-widget {
background: #ffffff;
}
.bg-gray-lighter .post-classic {
background: #ffffff;
}
.bg-gray-lighter .post-modern-body {
background: #ffffff;
}
.bg-gray-lighter .accordion-custom-light:first-child .accordion-custom-heading {
border-top-color: #c2c2c3;
}
.bg-gray-lighter .accordion-custom-light .accordion-custom-heading button.collapsed {
border-bottom-color: #c2c2c3;
}
.bg-gray-lighter .accordion-custom-light .collapse {
border-bottom-color: #c2c2c3;
}
.bg-gray-lighter .accordion-custom-light .accordion-custom-body {
color: #838386;
}
.bg-gray-lighter .post-facebook {
background: #ffffff;
}
.bg-gray-lighter .rd-mailform-inline .rd-mailform-inline-inner::before,
.bg-gray-lighter .form-input,
.bg-gray-lighter .form-input:focus {
background-color: #ffffff;
}
.bg-gray-lighter + .bg-gray-lighter.page-footer-default {
background-color: #ffffff;
}
.bg-gray-lighter + .bg-gray-lighter.page-footer-default .rd-mailform-inline .rd-mailform-inline-inner::before,
.bg-gray-lighter + .bg-gray-lighter.page-footer-default .form-input {
background-color: #f2f3f9;
}
.bg-gray-lighter .box-minimal-border:hover {
background: #ffffff;
border-color: #ffffff;
}
.bg-gray-lighter .box-minimal-modern {
background-color: #ffffff;
}
.bg-gray-lighter .breadcrumbs-custom-path a, .bg-gray-lighter .breadcrumbs-custom-path a:active, .bg-gray-lighter .breadcrumbs-custom-path a:focus {
color: #981df0;
}
.bg-gray-lighter .breadcrumbs-custom-path a:hover {
color: #ed1c94;
}
.bg-gray-lighter .breadcrumbs-custom-path li.active {
color: #981df0;
}
/**
* Common Background Gray Darker, Background Images
*/
.bg-gray-darker .pricing-box, .bg-additional-gray-darker .bg-additional-item .pricing-box,
.bg-image .pricing-box,
.bg-additional-image .bg-additional-item .pricing-box,
.bg-gradients .pricing-box,
.bg-gradient-1 .pricing-box,
.bg-gradient-2 .pricing-box,
.bg-gradient-3 .pricing-box {
background-color: #ffffff;
}
.bg-gray-darker .list-comma, .bg-additional-gray-darker .bg-additional-item .list-comma,
.bg-image .list-comma,
.bg-additional-image .bg-additional-item .list-comma,
.bg-gradients .list-comma,
.bg-gradient-1 .list-comma,
.bg-gradient-2 .list-comma,
.bg-gradient-3 .list-comma {
color: #ffffff;
}
.bg-gray-darker .list-comma li:after, .bg-additional-gray-darker .bg-additional-item .list-comma li:after,
.bg-image .list-comma li:after,
.bg-additional-image .bg-additional-item .list-comma li:after,
.bg-gradients .list-comma li:after,
.bg-gradient-1 .list-comma li:after,
.bg-gradient-2 .list-comma li:after,
.bg-gradient-3 .list-comma li:after {
color: inherit;
}
.bg-gray-darker .accordion-custom-light:first-child .accordion-custom-heading, .bg-additional-gray-darker .bg-additional-item .accordion-custom-light:first-child .accordion-custom-heading,
.bg-image .accordion-custom-light:first-child .accordion-custom-heading,
.bg-additional-image .bg-additional-item .accordion-custom-light:first-child .accordion-custom-heading,
.bg-gradients .accordion-custom-light:first-child .accordion-custom-heading,
.bg-gradient-1 .accordion-custom-light:first-child .accordion-custom-heading,
.bg-gradient-2 .accordion-custom-light:first-child .accordion-custom-heading,
.bg-gradient-3 .accordion-custom-light:first-child .accordion-custom-heading {
border-top-color: #555555;
}
.bg-gray-darker .accordion-custom-light .accordion-custom-heading button, .bg-additional-gray-darker .bg-additional-item .accordion-custom-light .accordion-custom-heading button,
.bg-image .accordion-custom-light .accordion-custom-heading button,
.bg-additional-image .bg-additional-item .accordion-custom-light .accordion-custom-heading button,
.bg-gradients .accordion-custom-light .accordion-custom-heading button,
.bg-gradient-1 .accordion-custom-light .accordion-custom-heading button,
.bg-gradient-2 .accordion-custom-light .accordion-custom-heading button,
.bg-gradient-3 .accordion-custom-light .accordion-custom-heading button {
color: #ffffff;
}
.bg-gray-darker .accordion-custom-light .accordion-custom-heading button.collapsed, .bg-additional-gray-darker .bg-additional-item .accordion-custom-light .accordion-custom-heading button.collapsed,
.bg-image .accordion-custom-light .accordion-custom-heading button.collapsed,
.bg-additional-image .bg-additional-item .accordion-custom-light .accordion-custom-heading button.collapsed,
.bg-gradients .accordion-custom-light .accordion-custom-heading button.collapsed,
.bg-gradient-1 .accordion-custom-light .accordion-custom-heading button.collapsed,
.bg-gradient-2 .accordion-custom-light .accordion-custom-heading button.collapsed,
.bg-gradient-3 .accordion-custom-light .accordion-custom-heading button.collapsed {
border-bottom-color: #555555;
}
.bg-gray-darker .accordion-custom-light .collapse, .bg-additional-gray-darker .bg-additional-item .accordion-custom-light .collapse,
.bg-image .accordion-custom-light .collapse,
.bg-additional-image .bg-additional-item .accordion-custom-light .collapse,
.bg-gradients .accordion-custom-light .collapse,
.bg-gradient-1 .accordion-custom-light .collapse,
.bg-gradient-2 .accordion-custom-light .collapse,
.bg-gradient-3 .accordion-custom-light .collapse {
border-bottom-color: #555555;
}
.bg-gray-darker .accordion-custom-light .accordion-custom-body, .bg-additional-gray-darker .bg-additional-item .accordion-custom-light .accordion-custom-body,
.bg-image .accordion-custom-light .accordion-custom-body,
.bg-additional-image .bg-additional-item .accordion-custom-light .accordion-custom-body,
.bg-gradients .accordion-custom-light .accordion-custom-body,
.bg-gradient-1 .accordion-custom-light .accordion-custom-body,
.bg-gradient-2 .accordion-custom-light .accordion-custom-body,
.bg-gradient-3 .accordion-custom-light .accordion-custom-body {
color: #c2c2c3;
}
.bg-gray-darker .list-twitter a, .bg-additional-gray-darker .bg-additional-item .list-twitter a,
.bg-image .list-twitter a,
.bg-additional-image .bg-additional-item .list-twitter a,
.bg-gradients .list-twitter a,
.bg-gradient-1 .list-twitter a,
.bg-gradient-2 .list-twitter a,
.bg-gradient-3 .list-twitter a {
color: #ffec17;
}
.bg-gray-darker .list-twitter a:hover, .bg-additional-gray-darker .bg-additional-item .list-twitter a:hover,
.bg-image .list-twitter a:hover,
.bg-additional-image .bg-additional-item .list-twitter a:hover,
.bg-gradients .list-twitter a:hover,
.bg-gradient-1 .list-twitter a:hover,
.bg-gradient-2 .list-twitter a:hover,
.bg-gradient-3 .list-twitter a:hover {
color: #ed1c94;
}
.bg-gray-darker .tabs-custom.tabs-line .icon-primary, .bg-additional-gray-darker .bg-additional-item .tabs-custom.tabs-line .icon-primary,
.bg-image .tabs-custom.tabs-line .icon-primary,
.bg-additional-image .bg-additional-item .tabs-custom.tabs-line .icon-primary,
.bg-gradients .tabs-custom.tabs-line .icon-primary,
.bg-gradient-1 .tabs-custom.tabs-line .icon-primary,
.bg-gradient-2 .tabs-custom.tabs-line .icon-primary,
.bg-gradient-3 .tabs-custom.tabs-line .icon-primary {
color: #ed1c94;
}
@media (min-width: 768px) {
.bg-gray-darker .tabs-custom.tabs-line .nav-tabs, .bg-additional-gray-darker .bg-additional-item .tabs-custom.tabs-line .nav-tabs,
.bg-image .tabs-custom.tabs-line .nav-tabs,
.bg-additional-image .bg-additional-item .tabs-custom.tabs-line .nav-tabs,
.bg-gradients .tabs-custom.tabs-line .nav-tabs,
.bg-gradient-1 .tabs-custom.tabs-line .nav-tabs,
.bg-gradient-2 .tabs-custom.tabs-line .nav-tabs,
.bg-gradient-3 .tabs-custom.tabs-line .nav-tabs {
border-color: #c2c2c3;
}
.bg-gray-darker .tabs-custom.tabs-line .nav-tabs li a, .bg-additional-gray-darker .bg-additional-item .tabs-custom.tabs-line .nav-tabs li a,
.bg-image .tabs-custom.tabs-line .nav-tabs li a,
.bg-additional-image .bg-additional-item .tabs-custom.tabs-line .nav-tabs li a,
.bg-gradients .tabs-custom.tabs-line .nav-tabs li a,
.bg-gradient-1 .tabs-custom.tabs-line .nav-tabs li a,
.bg-gradient-2 .tabs-custom.tabs-line .nav-tabs li a,
.bg-gradient-3 .tabs-custom.tabs-line .nav-tabs li a {
color: #c2c2c3;
}
.bg-gray-darker .tabs-custom.tabs-line .nav-tabs li a:after, .bg-additional-gray-darker .bg-additional-item .tabs-custom.tabs-line .nav-tabs li a:after,
.bg-image .tabs-custom.tabs-line .nav-tabs li a:after,
.bg-additional-image .bg-additional-item .tabs-custom.tabs-line .nav-tabs li a:after,
.bg-gradients .tabs-custom.tabs-line .nav-tabs li a:after,
.bg-gradient-1 .tabs-custom.tabs-line .nav-tabs li a:after,
.bg-gradient-2 .tabs-custom.tabs-line .nav-tabs li a:after,
.bg-gradient-3 .tabs-custom.tabs-line .nav-tabs li a:after {
background-color: #ffec17;
}
.bg-gray-darker .tabs-custom.tabs-line .nav-tabs li.active a, .bg-additional-gray-darker .bg-additional-item .tabs-custom.tabs-line .nav-tabs li.active a,
.bg-gray-darker .tabs-custom.tabs-line .nav-tabs li a:hover,
.bg-additional-gray-darker .bg-additional-item .tabs-custom.tabs-line .nav-tabs li a:hover,
.bg-image .tabs-custom.tabs-line .nav-tabs li.active a,
.bg-additional-image .bg-additional-item .tabs-custom.tabs-line .nav-tabs li.active a,
.bg-image .tabs-custom.tabs-line .nav-tabs li a:hover,
.bg-additional-image .bg-additional-item .tabs-custom.tabs-line .nav-tabs li a:hover,
.bg-gradients .tabs-custom.tabs-line .nav-tabs li.active a,
.bg-gradient-1 .tabs-custom.tabs-line .nav-tabs li.active a,
.bg-gradient-2 .tabs-custom.tabs-line .nav-tabs li.active a,
.bg-gradient-3 .tabs-custom.tabs-line .nav-tabs li.active a,
.bg-gradients .tabs-custom.tabs-line .nav-tabs li a:hover,
.bg-gradient-1 .tabs-custom.tabs-line .nav-tabs li a:hover,
.bg-gradient-2 .tabs-custom.tabs-line .nav-tabs li a:hover,
.bg-gradient-3 .tabs-custom.tabs-line .nav-tabs li a:hover {
color: #ffec17;
}
}
.bg-gray-darker .box-inline a, .bg-additional-gray-darker .bg-additional-item .box-inline a,
.bg-image .box-inline a,
.bg-additional-image .bg-additional-item .box-inline a,
.bg-gradients .box-inline a,
.bg-gradient-1 .box-inline a,
.bg-gradient-2 .box-inline a,
.bg-gradient-3 .box-inline a {
color: #ffffff;
}
.bg-gray-darker .box-inline a:hover, .bg-additional-gray-darker .bg-additional-item .box-inline a:hover,
.bg-image .box-inline a:hover,
.bg-additional-image .bg-additional-item .box-inline a:hover,
.bg-gradients .box-inline a:hover,
.bg-gradient-1 .box-inline a:hover,
.bg-gradient-2 .box-inline a:hover,
.bg-gradient-3 .box-inline a:hover {
color: #ffec17;
}
.bg-gray-darker .radio .radio-custom-dummy, .bg-additional-gray-darker .bg-additional-item .radio .radio-custom-dummy,
.bg-gray-darker .radio-inline .radio-custom-dummy,
.bg-additional-gray-darker .bg-additional-item .radio-inline .radio-custom-dummy,
.bg-image .radio .radio-custom-dummy,
.bg-additional-image .bg-additional-item .radio .radio-custom-dummy,
.bg-image .radio-inline .radio-custom-dummy,
.bg-additional-image .bg-additional-item .radio-inline .radio-custom-dummy,
.bg-gradients .radio .radio-custom-dummy,
.bg-gradient-1 .radio .radio-custom-dummy,
.bg-gradient-2 .radio .radio-custom-dummy,
.bg-gradient-3 .radio .radio-custom-dummy,
.bg-gradients .radio-inline .radio-custom-dummy,
.bg-gradient-1 .radio-inline .radio-custom-dummy,
.bg-gradient-2 .radio-inline .radio-custom-dummy,
.bg-gradient-3 .radio-inline .radio-custom-dummy {
border-color: #ffffff;
}
.bg-gray-darker .radio .radio-custom:checked + .radio-custom-dummy, .bg-additional-gray-darker .bg-additional-item .radio .radio-custom:checked + .radio-custom-dummy,
.bg-gray-darker .radio-inline .radio-custom:checked + .radio-custom-dummy,
.bg-additional-gray-darker .bg-additional-item .radio-inline .radio-custom:checked + .radio-custom-dummy,
.bg-image .radio .radio-custom:checked + .radio-custom-dummy,
.bg-additional-image .bg-additional-item .radio .radio-custom:checked + .radio-custom-dummy,
.bg-image .radio-inline .radio-custom:checked + .radio-custom-dummy,
.bg-additional-image .bg-additional-item .radio-inline .radio-custom:checked + .radio-custom-dummy,
.bg-gradients .radio .radio-custom:checked + .radio-custom-dummy,
.bg-gradient-1 .radio .radio-custom:checked + .radio-custom-dummy,
.bg-gradient-2 .radio .radio-custom:checked + .radio-custom-dummy,
.bg-gradient-3 .radio .radio-custom:checked + .radio-custom-dummy,
.bg-gradients .radio-inline .radio-custom:checked + .radio-custom-dummy,
.bg-gradient-1 .radio-inline .radio-custom:checked + .radio-custom-dummy,
.bg-gradient-2 .radio-inline .radio-custom:checked + .radio-custom-dummy,
.bg-gradient-3 .radio-inline .radio-custom:checked + .radio-custom-dummy {
border-color: #981df0;
}
.bg-gray-darker .divider-thin, .bg-additional-gray-darker .bg-additional-item .divider-thin,
.bg-image .divider-thin,
.bg-additional-image .bg-additional-item .divider-thin,
.bg-gradients .divider-thin,
.bg-gradient-1 .divider-thin,
.bg-gradient-2 .divider-thin,
.bg-gradient-3 .divider-thin {
border-color: #d2d5e4;
}
.bg-gray-darker .twitter-feed-minimal-content, .bg-additional-gray-darker .bg-additional-item .twitter-feed-minimal-content,
.bg-image .twitter-feed-minimal-content,
.bg-additional-image .bg-additional-item .twitter-feed-minimal-content,
.bg-gradients .twitter-feed-minimal-content,
.bg-gradient-1 .twitter-feed-minimal-content,
.bg-gradient-2 .twitter-feed-minimal-content,
.bg-gradient-3 .twitter-feed-minimal-content {
color: #ffffff;
}
.bg-gray-darker .twitter-feed-minimal-content a, .bg-additional-gray-darker .bg-additional-item .twitter-feed-minimal-content a, .bg-gray-darker .twitter-feed-minimal-content a:focus, .bg-additional-gray-darker .bg-additional-item .twitter-feed-minimal-content a:focus, .bg-gray-darker .twitter-feed-minimal-content a:active, .bg-additional-gray-darker .bg-additional-item .twitter-feed-minimal-content a:active,
.bg-image .twitter-feed-minimal-content a,
.bg-additional-image .bg-additional-item .twitter-feed-minimal-content a,
.bg-image .twitter-feed-minimal-content a:focus,
.bg-additional-image .bg-additional-item .twitter-feed-minimal-content a:focus,
.bg-image .twitter-feed-minimal-content a:active,
.bg-additional-image .bg-additional-item .twitter-feed-minimal-content a:active,
.bg-gradients .twitter-feed-minimal-content a,
.bg-gradient-1 .twitter-feed-minimal-content a,
.bg-gradient-2 .twitter-feed-minimal-content a,
.bg-gradient-3 .twitter-feed-minimal-content a,
.bg-gradients .twitter-feed-minimal-content a:focus,
.bg-gradient-1 .twitter-feed-minimal-content a:focus,
.bg-gradient-2 .twitter-feed-minimal-content a:focus,
.bg-gradient-3 .twitter-feed-minimal-content a:focus,
.bg-gradients .twitter-feed-minimal-content a:active,
.bg-gradient-1 .twitter-feed-minimal-content a:active,
.bg-gradient-2 .twitter-feed-minimal-content a:active,
.bg-gradient-3 .twitter-feed-minimal-content a:active {
color: #ffec17;
}
.bg-gray-darker .twitter-feed-minimal-content a:hover, .bg-additional-gray-darker .bg-additional-item .twitter-feed-minimal-content a:hover,
.bg-image .twitter-feed-minimal-content a:hover,
.bg-additional-image .bg-additional-item .twitter-feed-minimal-content a:hover,
.bg-gradients .twitter-feed-minimal-content a:hover,
.bg-gradient-1 .twitter-feed-minimal-content a:hover,
.bg-gradient-2 .twitter-feed-minimal-content a:hover,
.bg-gradient-3 .twitter-feed-minimal-content a:hover {
color: #981df0;
}
.bg-gray-darker .page-footer-inline-list a, .bg-additional-gray-darker .bg-additional-item .page-footer-inline-list a, .bg-gray-darker .page-footer-inline-list a:focus, .bg-additional-gray-darker .bg-additional-item .page-footer-inline-list a:focus, .bg-gray-darker .page-footer-inline-list a:active, .bg-additional-gray-darker .bg-additional-item .page-footer-inline-list a:active,
.bg-gray-darker .list-darker a,
.bg-additional-gray-darker .bg-additional-item .list-darker a,
.bg-gray-darker .list-darker a:focus,
.bg-additional-gray-darker .bg-additional-item .list-darker a:focus,
.bg-gray-darker .list-darker a:active,
.bg-additional-gray-darker .bg-additional-item .list-darker a:active,
.bg-image .page-footer-inline-list a,
.bg-additional-image .bg-additional-item .page-footer-inline-list a,
.bg-image .page-footer-inline-list a:focus,
.bg-additional-image .bg-additional-item .page-footer-inline-list a:focus,
.bg-image .page-footer-inline-list a:active,
.bg-additional-image .bg-additional-item .page-footer-inline-list a:active,
.bg-image .list-darker a,
.bg-additional-image .bg-additional-item .list-darker a,
.bg-image .list-darker a:focus,
.bg-additional-image .bg-additional-item .list-darker a:focus,
.bg-image .list-darker a:active,
.bg-additional-image .bg-additional-item .list-darker a:active,
.bg-gradients .page-footer-inline-list a,
.bg-gradient-1 .page-footer-inline-list a,
.bg-gradient-2 .page-footer-inline-list a,
.bg-gradient-3 .page-footer-inline-list a,
.bg-gradients .page-footer-inline-list a:focus,
.bg-gradient-1 .page-footer-inline-list a:focus,
.bg-gradient-2 .page-footer-inline-list a:focus,
.bg-gradient-3 .page-footer-inline-list a:focus,
.bg-gradients .page-footer-inline-list a:active,
.bg-gradient-1 .page-footer-inline-list a:active,
.bg-gradient-2 .page-footer-inline-list a:active,
.bg-gradient-3 .page-footer-inline-list a:active,
.bg-gradients .list-darker a,
.bg-gradient-1 .list-darker a,
.bg-gradient-2 .list-darker a,
.bg-gradient-3 .list-darker a,
.bg-gradients .list-darker a:focus,
.bg-gradient-1 .list-darker a:focus,
.bg-gradient-2 .list-darker a:focus,
.bg-gradient-3 .list-darker a:focus,
.bg-gradients .list-darker a:active,
.bg-gradient-1 .list-darker a:active,
.bg-gradient-2 .list-darker a:active,
.bg-gradient-3 .list-darker a:active {
color: #ffffff;
}
.bg-gray-darker .page-footer-inline-list a:hover, .bg-additional-gray-darker .bg-additional-item .page-footer-inline-list a:hover,
.bg-gray-darker .list-darker a:hover,
.bg-additional-gray-darker .bg-additional-item .list-darker a:hover,
.bg-image .page-footer-inline-list a:hover,
.bg-additional-image .bg-additional-item .page-footer-inline-list a:hover,
.bg-image .list-darker a:hover,
.bg-additional-image .bg-additional-item .list-darker a:hover,
.bg-gradients .page-footer-inline-list a:hover,
.bg-gradient-1 .page-footer-inline-list a:hover,
.bg-gradient-2 .page-footer-inline-list a:hover,
.bg-gradient-3 .page-footer-inline-list a:hover,
.bg-gradients .list-darker a:hover,
.bg-gradient-1 .list-darker a:hover,
.bg-gradient-2 .list-darker a:hover,
.bg-gradient-3 .list-darker a:hover {
color: #981df0;
}
.bg-gray-darker p.rights a:hover, .bg-additional-gray-darker .bg-additional-item p.rights a:hover,
.bg-image p.rights a:hover,
.bg-additional-image .bg-additional-item p.rights a:hover,
.bg-gradients p.rights a:hover,
.bg-gradient-1 p.rights a:hover,
.bg-gradient-2 p.rights a:hover,
.bg-gradient-3 p.rights a:hover {
color: #ffffff;
}
.bg-gray-darker a.icon-gray-light, .bg-additional-gray-darker .bg-additional-item a.icon-gray-light, .bg-gray-darker a.icon-gray-light:focus, .bg-additional-gray-darker .bg-additional-item a.icon-gray-light:focus, .bg-gray-darker a.icon-gray-light:active, .bg-additional-gray-darker .bg-additional-item a.icon-gray-light:active, .bg-gray-darker a.icon-gray-light:not(:hover), .bg-additional-gray-darker .bg-additional-item a.icon-gray-light:not(:hover),
.bg-image a.icon-gray-light,
.bg-additional-image .bg-additional-item a.icon-gray-light,
.bg-image a.icon-gray-light:focus,
.bg-additional-image .bg-additional-item a.icon-gray-light:focus,
.bg-image a.icon-gray-light:active,
.bg-additional-image .bg-additional-item a.icon-gray-light:active,
.bg-image a.icon-gray-light:not(:hover),
.bg-additional-image .bg-additional-item a.icon-gray-light:not(:hover),
.bg-gradients a.icon-gray-light,
.bg-gradient-1 a.icon-gray-light,
.bg-gradient-2 a.icon-gray-light,
.bg-gradient-3 a.icon-gray-light,
.bg-gradients a.icon-gray-light:focus,
.bg-gradient-1 a.icon-gray-light:focus,
.bg-gradient-2 a.icon-gray-light:focus,
.bg-gradient-3 a.icon-gray-light:focus,
.bg-gradients a.icon-gray-light:active,
.bg-gradient-1 a.icon-gray-light:active,
.bg-gradient-2 a.icon-gray-light:active,
.bg-gradient-3 a.icon-gray-light:active,
.bg-gradients a.icon-gray-light:not(:hover),
.bg-gradient-1 a.icon-gray-light:not(:hover),
.bg-gradient-2 a.icon-gray-light:not(:hover),
.bg-gradient-3 a.icon-gray-light:not(:hover) {
color: #c2c2c3;
}
.bg-gray-darker.page-footer-alternative .divider-xl, .bg-additional-gray-darker .page-footer-alternative.bg-additional-item .divider-xl,
.bg-image.page-footer-alternative .divider-xl,
.bg-additional-image .page-footer-alternative.bg-additional-item .divider-xl,
.bg-gradients.page-footer-alternative .divider-xl,
.page-footer-alternative.bg-gradient-1 .divider-xl,
.page-footer-alternative.bg-gradient-2 .divider-xl,
.page-footer-alternative.bg-gradient-3 .divider-xl {
border-color: rgba(255, 255, 255, 0.2);
}
.bg-gray-darker.page-footer-alternative a.icon.icon-gray-light[class*='instagram']:hover, .bg-additional-gray-darker .page-footer-alternative.bg-additional-item a.icon.icon-gray-light[class*='instagram']:hover,
.bg-image.page-footer-alternative a.icon.icon-gray-light[class*='instagram']:hover,
.bg-additional-image .page-footer-alternative.bg-additional-item a.icon.icon-gray-light[class*='instagram']:hover,
.bg-gradients.page-footer-alternative a.icon.icon-gray-light[class*='instagram']:hover,
.page-footer-alternative.bg-gradient-1 a.icon.icon-gray-light[class*='instagram']:hover,
.page-footer-alternative.bg-gradient-2 a.icon.icon-gray-light[class*='instagram']:hover,
.page-footer-alternative.bg-gradient-3 a.icon.icon-gray-light[class*='instagram']:hover {
color: #c13584;
}
.bg-gray-darker .team-classic-title, .bg-additional-gray-darker .bg-additional-item .team-classic-title,
.bg-image .team-classic-title,
.bg-additional-image .bg-additional-item .team-classic-title,
.bg-gradients .team-classic-title,
.bg-gradient-1 .team-classic-title,
.bg-gradient-2 .team-classic-title,
.bg-gradient-3 .team-classic-title {
color: #ffec17;
}
.bg-gray-darker .team-classic-title:hover, .bg-additional-gray-darker .bg-additional-item .team-classic-title:hover,
.bg-image .team-classic-title:hover,
.bg-additional-image .bg-additional-item .team-classic-title:hover,
.bg-gradients .team-classic-title:hover,
.bg-gradient-1 .team-classic-title:hover,
.bg-gradient-2 .team-classic-title:hover,
.bg-gradient-3 .team-classic-title:hover {
color: #ffffff;
}
.bg-gray-darker .team-classic-job-position, .bg-additional-gray-darker .bg-additional-item .team-classic-job-position,
.bg-image .team-classic-job-position,
.bg-additional-image .bg-additional-item .team-classic-job-position,
.bg-gradients .team-classic-job-position,
.bg-gradient-1 .team-classic-job-position,
.bg-gradient-2 .team-classic-job-position,
.bg-gradient-3 .team-classic-job-position {
color: #c2c2c3;
}
.bg-gray-darker .team-inline-title:hover, .bg-additional-gray-darker .bg-additional-item .team-inline-title:hover,
.bg-image .team-inline-title:hover,
.bg-additional-image .bg-additional-item .team-inline-title:hover,
.bg-gradients .team-inline-title:hover,
.bg-gradient-1 .team-inline-title:hover,
.bg-gradient-2 .team-inline-title:hover,
.bg-gradient-3 .team-inline-title:hover {
color: #ffec17;
}
.bg-gray-darker a.icon.icon-gray-1:hover, .bg-additional-gray-darker .bg-additional-item a.icon.icon-gray-1:hover,
.bg-image a.icon.icon-gray-1:hover,
.bg-additional-image .bg-additional-item a.icon.icon-gray-1:hover,
.bg-gradients a.icon.icon-gray-1:hover,
.bg-gradient-1 a.icon.icon-gray-1:hover,
.bg-gradient-2 a.icon.icon-gray-1:hover,
.bg-gradient-3 a.icon.icon-gray-1:hover {
color: #ffec17;
}
.bg-gray-darker .team-classic .button-default-outline, .bg-additional-gray-darker .bg-additional-item .team-classic .button-default-outline, .bg-gray-darker .team-classic .button-default-outline:focus, .bg-additional-gray-darker .bg-additional-item .team-classic .button-default-outline:focus,
.bg-image .team-classic .button-default-outline,
.bg-additional-image .bg-additional-item .team-classic .button-default-outline,
.bg-image .team-classic .button-default-outline:focus,
.bg-additional-image .bg-additional-item .team-classic .button-default-outline:focus,
.bg-gradients .team-classic .button-default-outline,
.bg-gradient-1 .team-classic .button-default-outline,
.bg-gradient-2 .team-classic .button-default-outline,
.bg-gradient-3 .team-classic .button-default-outline,
.bg-gradients .team-classic .button-default-outline:focus,
.bg-gradient-1 .team-classic .button-default-outline:focus,
.bg-gradient-2 .team-classic .button-default-outline:focus,
.bg-gradient-3 .team-classic .button-default-outline:focus {
color: #ffffff;
background-color: #ed1c94;
border-color: #ed1c94;
}
.bg-gray-darker .team-classic .button-default-outline:hover, .bg-additional-gray-darker .bg-additional-item .team-classic .button-default-outline:hover, .bg-gray-darker .team-classic .button-default-outline:active, .bg-additional-gray-darker .bg-additional-item .team-classic .button-default-outline:active, .bg-gray-darker .team-classic .button-default-outline:hover, .bg-additional-gray-darker .bg-additional-item .team-classic .button-default-outline:hover,
.bg-image .team-classic .button-default-outline:hover,
.bg-additional-image .bg-additional-item .team-classic .button-default-outline:hover,
.bg-image .team-classic .button-default-outline:active,
.bg-additional-image .bg-additional-item .team-classic .button-default-outline:active,
.bg-image .team-classic .button-default-outline:hover,
.bg-additional-image .bg-additional-item .team-classic .button-default-outline:hover,
.bg-gradients .team-classic .button-default-outline:hover,
.bg-gradient-1 .team-classic .button-default-outline:hover,
.bg-gradient-2 .team-classic .button-default-outline:hover,
.bg-gradient-3 .team-classic .button-default-outline:hover,
.bg-gradients .team-classic .button-default-outline:active,
.bg-gradient-1 .team-classic .button-default-outline:active,
.bg-gradient-2 .team-classic .button-default-outline:active,
.bg-gradient-3 .team-classic .button-default-outline:active,
.bg-gradients .team-classic .button-default-outline:hover,
.bg-gradient-1 .team-classic .button-default-outline:hover,
.bg-gradient-2 .team-classic .button-default-outline:hover,
.bg-gradient-3 .team-classic .button-default-outline:hover {
color: #ffffff;
background-color: #981df0;
border-color: #981df0;
}
.bg-gray-darker .team-inline-text, .bg-additional-gray-darker .bg-additional-item .team-inline-text,
.bg-image .team-inline-text,
.bg-additional-image .bg-additional-item .team-inline-text,
.bg-gradients .team-inline-text,
.bg-gradient-1 .team-inline-text,
.bg-gradient-2 .team-inline-text,
.bg-gradient-3 .team-inline-text {
color: #ededed;
}
.bg-gray-darker .event-default-title, .bg-additional-gray-darker .bg-additional-item .event-default-title,
.bg-image .event-default-title,
.bg-additional-image .bg-additional-item .event-default-title,
.bg-gradients .event-default-title,
.bg-gradient-1 .event-default-title,
.bg-gradient-2 .event-default-title,
.bg-gradient-3 .event-default-title {
color: #ffec17;
}
.bg-gray-darker .event-default-title:hover, .bg-additional-gray-darker .bg-additional-item .event-default-title:hover,
.bg-image .event-default-title:hover,
.bg-additional-image .bg-additional-item .event-default-title:hover,
.bg-gradients .event-default-title:hover,
.bg-gradient-1 .event-default-title:hover,
.bg-gradient-2 .event-default-title:hover,
.bg-gradient-3 .event-default-title:hover {
color: #ffffff;
}
.bg-gray-darker .event-default-inner .event-default-link, .bg-additional-gray-darker .bg-additional-item .event-default-inner .event-default-link,
.bg-image .event-default-inner .event-default-link,
.bg-additional-image .bg-additional-item .event-default-inner .event-default-link,
.bg-gradients .event-default-inner .event-default-link,
.bg-gradient-1 .event-default-inner .event-default-link,
.bg-gradient-2 .event-default-inner .event-default-link,
.bg-gradient-3 .event-default-inner .event-default-link {
color: #c2c2c3;
}
.bg-gray-darker .event-default-inner .event-default-link:hover, .bg-additional-gray-darker .bg-additional-item .event-default-inner .event-default-link:hover,
.bg-image .event-default-inner .event-default-link:hover,
.bg-additional-image .bg-additional-item .event-default-inner .event-default-link:hover,
.bg-gradients .event-default-inner .event-default-link:hover,
.bg-gradient-1 .event-default-inner .event-default-link:hover,
.bg-gradient-2 .event-default-inner .event-default-link:hover,
.bg-gradient-3 .event-default-inner .event-default-link:hover {
color: #ffec17;
}
/**
* Common Background Gray Darker, Background Images, Background gradient 1
*/
.bg-gradient-1 .box-cta-title,
.bg-gradient-2 .box-cta-title,
.bg-image .box-cta-title,
.bg-additional-image .bg-additional-item .box-cta-title,
.bg-secondary-2 .box-cta-title,
.bg-gray-darker .box-cta-title,
.bg-additional-gray-darker .bg-additional-item .box-cta-title {
color: #ffec17;
}
.bg-gradient-1 .box-cta,
.bg-gradient-2 .box-cta,
.bg-image .box-cta,
.bg-additional-image .bg-additional-item .box-cta,
.bg-secondary-2 .box-cta,
.bg-gray-darker .box-cta,
.bg-additional-gray-darker .bg-additional-item .box-cta {
color: #ffffff;
}
.bg-gradient-1 .link-bold,
.bg-gradient-2 .link-bold,
.bg-image .link-bold,
.bg-additional-image .bg-additional-item .link-bold,
.bg-secondary-2 .link-bold,
.bg-gray-darker .link-bold,
.bg-additional-gray-darker .bg-additional-item .link-bold {
color: #ffec17;
}
.bg-gradient-1 .link-bold:hover,
.bg-gradient-2 .link-bold:hover,
.bg-image .link-bold:hover,
.bg-additional-image .bg-additional-item .link-bold:hover,
.bg-secondary-2 .link-bold:hover,
.bg-gray-darker .link-bold:hover,
.bg-additional-gray-darker .bg-additional-item .link-bold:hover {
color: #ffffff;
}
.bg-gradient-1 .box-minimal-title,
.bg-gradient-2 .box-minimal-title,
.bg-image .box-minimal-title,
.bg-additional-image .bg-additional-item .box-minimal-title,
.bg-secondary-2 .box-minimal-title,
.bg-gray-darker .box-minimal-title,
.bg-additional-gray-darker .bg-additional-item .box-minimal-title {
color: #ffec17;
}
.bg-gradient-1 .box-minimal-text,
.bg-gradient-2 .box-minimal-text,
.bg-image .box-minimal-text,
.bg-additional-image .bg-additional-item .box-minimal-text,
.bg-secondary-2 .box-minimal-text,
.bg-gray-darker .box-minimal-text,
.bg-additional-gray-darker .bg-additional-item .box-minimal-text {
color: #ffffff;
opacity: .6;
}
.bg-gradient-1 .box-minimal-header .box-minimal-icon,
.bg-gradient-2 .box-minimal-header .box-minimal-icon,
.bg-image .box-minimal-header .box-minimal-icon,
.bg-additional-image .bg-additional-item .box-minimal-header .box-minimal-icon,
.bg-secondary-2 .box-minimal-header .box-minimal-icon,
.bg-gray-darker .box-minimal-header .box-minimal-icon,
.bg-additional-gray-darker .bg-additional-item .box-minimal-header .box-minimal-icon {
color: #ffffff;
}
.bg-gradient-1 .box-minimal-header .box-minimal-icon svg,
.bg-gradient-2 .box-minimal-header .box-minimal-icon svg,
.bg-image .box-minimal-header .box-minimal-icon svg,
.bg-additional-image .bg-additional-item .box-minimal-header .box-minimal-icon svg,
.bg-secondary-2 .box-minimal-header .box-minimal-icon svg,
.bg-gray-darker .box-minimal-header .box-minimal-icon svg,
.bg-additional-gray-darker .bg-additional-item .box-minimal-header .box-minimal-icon svg {
fill: #ffffff;
}
.bg-gradient-1 .thumbnail-classic .divider-default,
.bg-gradient-2 .thumbnail-classic .divider-default,
.bg-image .thumbnail-classic .divider-default,
.bg-additional-image .bg-additional-item .thumbnail-classic .divider-default,
.bg-secondary-2 .thumbnail-classic .divider-default,
.bg-gray-darker .thumbnail-classic .divider-default,
.bg-additional-gray-darker .bg-additional-item .thumbnail-classic .divider-default {
background: #ffffff;
}
.bg-gradient-1 .thumbnail-classic-title,
.bg-gradient-2 .thumbnail-classic-title,
.bg-image .thumbnail-classic-title,
.bg-additional-image .bg-additional-item .thumbnail-classic-title,
.bg-secondary-2 .thumbnail-classic-title,
.bg-gray-darker .thumbnail-classic-title,
.bg-additional-gray-darker .bg-additional-item .thumbnail-classic-title {
color: #ffec17;
}
.bg-gradient-1 .thumbnail-classic-icon,
.bg-gradient-2 .thumbnail-classic-icon,
.bg-image .thumbnail-classic-icon,
.bg-additional-image .bg-additional-item .thumbnail-classic-icon,
.bg-secondary-2 .thumbnail-classic-icon,
.bg-gray-darker .thumbnail-classic-icon,
.bg-additional-gray-darker .bg-additional-item .thumbnail-classic-icon {
color: #ffffff;
}
.bg-gradient-1 .thumbnail-classic-secondary .divider-default,
.bg-gradient-2 .thumbnail-classic-secondary .divider-default,
.bg-image .thumbnail-classic-secondary .divider-default,
.bg-additional-image .bg-additional-item .thumbnail-classic-secondary .divider-default,
.bg-secondary-2 .thumbnail-classic-secondary .divider-default,
.bg-gray-darker .thumbnail-classic-secondary .divider-default,
.bg-additional-gray-darker .bg-additional-item .thumbnail-classic-secondary .divider-default {
background: #981df0;
}
.bg-gradient-1 .thumbnail-classic-secondary .thumbnail-classic-title,
.bg-gradient-2 .thumbnail-classic-secondary .thumbnail-classic-title,
.bg-image .thumbnail-classic-secondary .thumbnail-classic-title,
.bg-additional-image .bg-additional-item .thumbnail-classic-secondary .thumbnail-classic-title,
.bg-secondary-2 .thumbnail-classic-secondary .thumbnail-classic-title,
.bg-gray-darker .thumbnail-classic-secondary .thumbnail-classic-title,
.bg-additional-gray-darker .bg-additional-item .thumbnail-classic-secondary .thumbnail-classic-title {
color: #ffffff;
}
.bg-gradient-1 .thumbnail-classic-secondary .thumbnail-classic-icon,
.bg-gradient-2 .thumbnail-classic-secondary .thumbnail-classic-icon,
.bg-image .thumbnail-classic-secondary .thumbnail-classic-icon,
.bg-additional-image .bg-additional-item .thumbnail-classic-secondary .thumbnail-classic-icon,
.bg-secondary-2 .thumbnail-classic-secondary .thumbnail-classic-icon,
.bg-gray-darker .thumbnail-classic-secondary .thumbnail-classic-icon,
.bg-additional-gray-darker .bg-additional-item .thumbnail-classic-secondary .thumbnail-classic-icon {
color: #ffec17;
}
.bg-gradient-1 .thumbnail-classic-secondary .thumbnail-classic-icon::after,
.bg-gradient-2 .thumbnail-classic-secondary .thumbnail-classic-icon::after,
.bg-image .thumbnail-classic-secondary .thumbnail-classic-icon::after,
.bg-additional-image .bg-additional-item .thumbnail-classic-secondary .thumbnail-classic-icon::after,
.bg-secondary-2 .thumbnail-classic-secondary .thumbnail-classic-icon::after,
.bg-gray-darker .thumbnail-classic-secondary .thumbnail-classic-icon::after,
.bg-additional-gray-darker .bg-additional-item .thumbnail-classic-secondary .thumbnail-classic-icon::after {
border-color: #ffec17;
}
.bg-gradient-1 .image-shadow img,
.bg-gradient-2 .image-shadow img,
.bg-image .image-shadow img,
.bg-additional-image .bg-additional-item .image-shadow img,
.bg-secondary-2 .image-shadow img,
.bg-gray-darker .image-shadow img,
.bg-additional-gray-darker .bg-additional-item .image-shadow img {
box-shadow: 0 10px 30px 0 rgba(30, 31, 34, 0.5);
}
.bg-image .thumbnail-classic-secondary .thumbnail-classic-text, .bg-additional-image .bg-additional-item .thumbnail-classic-secondary .thumbnail-classic-text,
.bg-gradients .thumbnail-classic-secondary .thumbnail-classic-text,
.bg-gradient-1 .thumbnail-classic-secondary .thumbnail-classic-text,
.bg-gradient-2 .thumbnail-classic-secondary .thumbnail-classic-text,
.bg-gradient-3 .thumbnail-classic-secondary .thumbnail-classic-text,
.bg-secondary-2 .thumbnail-classic-secondary .thumbnail-classic-text {
color: rgba(255, 255, 255, 0.8);
}
.bg-image .typed-text, .bg-additional-image .bg-additional-item .typed-text,
.bg-image .typed-cursor,
.bg-additional-image .bg-additional-item .typed-cursor,
.bg-gradients .typed-text,
.bg-gradient-1 .typed-text,
.bg-gradient-2 .typed-text,
.bg-gradient-3 .typed-text,
.bg-gradients .typed-cursor,
.bg-gradient-1 .typed-cursor,
.bg-gradient-2 .typed-cursor,
.bg-gradient-3 .typed-cursor,
.bg-secondary-2 .typed-text,
.bg-secondary-2 .typed-cursor {
color: #ffec17;
}
/**
* Background mixed
*/
.bg-accent-accent .button-default-outline, .bg-accent-accent .button-default-outline:focus,
.bg-secondary-2 .button-default-outline,
.bg-secondary-2 .button-default-outline:focus {
color: #ffffff;
background-color: transparent;
border-color: #ffffff;
}
.bg-accent-accent .button-default-outline:hover, .bg-accent-accent .button-default-outline:active, .bg-accent-accent .button-default-outline:hover,
.bg-secondary-2 .button-default-outline:hover,
.bg-secondary-2 .button-default-outline:active,
.bg-secondary-2 .button-default-outline:hover {
color: #ffffff;
background-color: #ed1c94;
border-color: #ed1c94;
}
/**
* Background Primary
*/
.bg-accent {
background-color: #981df0;
fill: #981df0;
}
.bg-accent .way-point > svg {
fill: inherit;
}
.bg-accent + .bg-accent {
padding-top: 0;
}
.bg-accent .bg-decoration > svg {
fill: #981df0;
}
.bg-accent-accent {
background-color: #6a0dac;
fill: #6a0dac;
}
.bg-accent-accent .way-point > svg {
fill: inherit;
}
.bg-accent-accent + .bg-accent-accent {
padding-top: 0;
}
.bg-accent-accent .bg-decoration > svg {
fill: #6a0dac;
}
.bg-accent-accent .parallax-text {
color: rgba(0, 0, 0, 0.2);
opacity: 1;
}
/**
* Background Secondary 2
*/
.bg-secondary-2 {
background-color: #6d0eb1;
fill: #6d0eb1;
}
.bg-secondary-2 .way-point > svg {
fill: inherit;
}
.bg-secondary-2 + .bg-secondary-2 {
padding-top: 0;
}
.bg-secondary-2 .bg-decoration > svg {
fill: #6d0eb1;
}
.bg-secondary-2 .thumbnail-classic .divider-default {
background: #ffffff;
}
.bg-secondary-2 .thumbnail-classic-title {
color: #ffec17;
}
.bg-secondary-2 .box-minimal-border:hover {
background: #29293a;
border-color: #29293a;
}
/**
* Background Gray Darker
*/
.bg-gray-darker, .bg-additional-gray-darker .bg-additional-item {
background-color: #29293a;
fill: #29293a;
}
.bg-gray-darker .way-point > svg, .bg-additional-gray-darker .bg-additional-item .way-point > svg {
fill: inherit;
}
.bg-gray-darker + .bg-gray-darker, .bg-additional-gray-darker .bg-additional-item + .bg-gray-darker, .bg-additional-gray-darker .bg-gray-darker + .bg-additional-item, .bg-additional-gray-darker .bg-additional-item + .bg-additional-item {
padding-top: 0;
}
.bg-gray-darker .bg-decoration > svg, .bg-additional-gray-darker .bg-additional-item .bg-decoration > svg {
fill: #29293a;
}
.bg-gray-darker h1 a:hover, .bg-additional-gray-darker .bg-additional-item h1 a:hover, .bg-gray-darker h2 a:hover, .bg-additional-gray-darker .bg-additional-item h2 a:hover, .bg-gray-darker h3 a:hover, .bg-additional-gray-darker .bg-additional-item h3 a:hover, .bg-gray-darker h4 a:hover, .bg-additional-gray-darker .bg-additional-item h4 a:hover, .bg-gray-darker h5 a:hover, .bg-additional-gray-darker .bg-additional-item h5 a:hover, .bg-gray-darker h6 a:hover, .bg-additional-gray-darker .bg-additional-item h6 a:hover, .bg-gray-darker [class^='heading-'] a:hover, .bg-additional-gray-darker .bg-additional-item [class^='heading-'] a:hover {
color: #ffec17;
}
.bg-gray-darker .time-line-vertical:before, .bg-additional-gray-darker .bg-additional-item .time-line-vertical:before,
.bg-gray-darker .time-line-vertical-element:last-child .unit-body:after,
.bg-additional-gray-darker .bg-additional-item .time-line-vertical-element:last-child .unit-body:after,
.bg-gray-darker .time-line-vertical-element:before,
.bg-additional-gray-darker .bg-additional-item .time-line-vertical-element:before,
.bg-gray-darker .time-line-vertical-element .unit-body:before,
.bg-additional-gray-darker .bg-additional-item .time-line-vertical-element .unit-body:before {
background-color: #29293a;
border-color: #ffec17;
}
.bg-gray-darker .twitter, .bg-additional-gray-darker .bg-additional-item .twitter {
color: #ffffff;
}
.bg-gray-darker .time-line-time, .bg-additional-gray-darker .bg-additional-item .time-line-time,
.bg-gray-darker .time-line-content,
.bg-additional-gray-darker .bg-additional-item .time-line-content {
color: #c2c2c3;
}
.bg-gray-darker .radio a, .bg-additional-gray-darker .bg-additional-item .radio a, .bg-gray-darker .radio-inline a, .bg-additional-gray-darker .bg-additional-item .radio-inline a,
.bg-gray-darker .checkbox a,
.bg-additional-gray-darker .bg-additional-item .checkbox a, .bg-gray-darker .checkbox-inline a, .bg-additional-gray-darker .bg-additional-item .checkbox-inline a {
color: #ed1c94;
}
.bg-gray-darker .radio a:hover, .bg-additional-gray-darker .bg-additional-item .radio a:hover, .bg-gray-darker .radio-inline a:hover, .bg-additional-gray-darker .bg-additional-item .radio-inline a:hover,
.bg-gray-darker .checkbox a:hover,
.bg-additional-gray-darker .bg-additional-item .checkbox a:hover, .bg-gray-darker .checkbox-inline a:hover, .bg-additional-gray-darker .bg-additional-item .checkbox-inline a:hover {
color: #ffec17;
}
.bg-gray-darker .isotope-filters-list-buttons a, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list-buttons a, .bg-gray-darker .isotope-filters-list-buttons a:focus, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list-buttons a:focus {
color: #29293a;
background-color: #ffffff;
border-color: #ededed;
}
.bg-gray-darker .isotope-filters-list-buttons a:hover, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list-buttons a:hover, .bg-gray-darker .isotope-filters-list-buttons a:active, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list-buttons a:active, .bg-gray-darker .isotope-filters-list-buttons a:hover, .bg-additional-gray-darker .bg-additional-item .isotope-filters-list-buttons a:hover {
color: #ffffff;
background-color: #6a0dac;
border-color: #6a0dac;
}
.bg-gray-darker .button-default-outline, .bg-additional-gray-darker .bg-additional-item .button-default-outline, .bg-gray-darker .button-default-outline:focus, .bg-additional-gray-darker .bg-additional-item .button-default-outline:focus {
color: #ffffff;
background-color: transparent;
border-color: #ffffff;
}
.bg-gray-darker .button-default-outline:hover, .bg-additional-gray-darker .bg-additional-item .button-default-outline:hover, .bg-gray-darker .button-default-outline:active, .bg-additional-gray-darker .bg-additional-item .button-default-outline:active, .bg-gray-darker .button-default-outline:hover, .bg-additional-gray-darker .bg-additional-item .button-default-outline:hover {
color: #ffffff;
background-color: #ed1c94;
border-color: #ed1c94;
}
/**
* Background decorated
*/
.bg-decorated {
position: relative;
z-index: 10;
}
.bg-decoration {
position: absolute;
left: 0;
right: 0;
font-size: 0;
line-height: 0;
}
.bg-decoration-top {
top: 1px;
transform: translateY(-100%);
}
.bg-decoration-bottom {
bottom: 1px;
transform: translateY(100%);
}
.bg-decoration svg {
min-width: 1000px;
width: 100%;
fill: #ffffff;
}
/**
* Background Gradients
*/
.bg-gradients .divider-default, .bg-gradient-1 .divider-default, .bg-gradient-2 .divider-default, .bg-gradient-3 .divider-default {
background: #ffffff;
}
.bg-gradient-1 {
background-image: linear-gradient(to right, #6d0eb1 20%, #ed1c94);
}
.bg-gradient-1 .box-cta .button-secondary, .bg-gradient-1 .box-cta .button-secondary:focus {
color: #ffffff;
background-color: transparent;
border-color: #ededed;
}
.bg-gradient-1 .box-cta .button-secondary:hover, .bg-gradient-1 .box-cta .button-secondary:active, .bg-gradient-1 .box-cta .button-secondary:hover {
color: #ffffff;
background-color: #6a0dac;
border-color: #6a0dac;
}
.bg-gradient-2 {
background-image: linear-gradient(to left, #6d0eb1 20%, #ed1c94);
}
.bg-gradient-2 .box-minimal-border:hover {
background: #29293a;
border-color: #29293a;
}
.bg-gradient-3 {
background-image: linear-gradient(-45deg, #310cb3 10%, #520db2 45%, #6d0eb1 80%);
}
.bg-gradient-3 .button-default-outline, .bg-gradient-3 .button-default-outline:focus {
color: #ffffff;
background-color: transparent;
border-color: #ededed;
}
.bg-gradient-3 .button-default-outline:hover, .bg-gradient-3 .button-default-outline:active, .bg-gradient-3 .button-default-outline:hover {
color: #ffffff;
background-color: #6a0dac;
border-color: #6a0dac;
}
/**
* Background Images
*/
.bg-image, .bg-additional-image .bg-additional-item {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.bg-image, .bg-additional-image .bg-additional-item {
position: relative;
overflow: hidden;
z-index: 1;
}
.bg-image.page-footer-default, .bg-additional-image .page-footer-default.bg-additional-item, .bg-image.page-footer-extended, .bg-additional-image .page-footer-extended.bg-additional-item, .bg-image.page-footer-alternative, .bg-additional-image .page-footer-alternative.bg-additional-item, .bg-image.page-footer-minimal, .bg-additional-image .page-footer-minimal.bg-additional-item {
background-image: url(../images/bg-image-fixed.jpg);
}
.bg-image .box-minimal-icon, .bg-additional-image .bg-additional-item .box-minimal-icon {
color: #ffec17;
}
.bg-image .box-minimal-icon svg, .bg-additional-image .bg-additional-item .box-minimal-icon svg {
fill: #ffec17;
}
.bg-image .quote-boxed-small, .bg-additional-image .bg-additional-item .quote-boxed-small,
.bg-image .quote-vertical-small,
.bg-additional-image .bg-additional-item .quote-vertical-small {
color: #c2c2c3;
}
.bg-image .button-default-outline, .bg-additional-image .bg-additional-item .button-default-outline, .bg-image .button-default-outline:focus, .bg-additional-image .bg-additional-item .button-default-outline:focus {
color: #ffffff;
background-color: transparent;
border-color: #ffffff;
}
.bg-image .button-default-outline:hover, .bg-additional-image .bg-additional-item .button-default-outline:hover, .bg-image .button-default-outline:active, .bg-additional-image .bg-additional-item .button-default-outline:active, .bg-image .button-default-outline:hover, .bg-additional-image .bg-additional-item .button-default-outline:hover {
color: #ffffff;
background-color: #6a0dac;
border-color: #6a0dac;
}
.bg-image .radio, .bg-additional-image .bg-additional-item .radio, .bg-image .radio-inline, .bg-additional-image .bg-additional-item .radio-inline,
.bg-image .checkbox,
.bg-additional-image .bg-additional-item .checkbox, .bg-image .checkbox-inline, .bg-additional-image .bg-additional-item .checkbox-inline {
color: #ffffff;
}
.bg-image .radio a, .bg-additional-image .bg-additional-item .radio a, .bg-image .radio-inline a, .bg-additional-image .bg-additional-item .radio-inline a,
.bg-image .checkbox a,
.bg-additional-image .bg-additional-item .checkbox a, .bg-image .checkbox-inline a, .bg-additional-image .bg-additional-item .checkbox-inline a {
color: #ffec17;
}
.bg-image .radio a:hover, .bg-additional-image .bg-additional-item .radio a:hover, .bg-image .radio-inline a:hover, .bg-additional-image .bg-additional-item .radio-inline a:hover,
.bg-image .checkbox a:hover,
.bg-additional-image .bg-additional-item .checkbox a:hover, .bg-image .checkbox-inline a:hover, .bg-additional-image .bg-additional-item .checkbox-inline a:hover {
color: #ffffff;
}
.bg-image .bg-image-poster, .bg-additional-image .bg-additional-item .bg-image-poster {
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.bg-image .bg-image-poster img, .bg-additional-image .bg-additional-item .bg-image-poster img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
object-fit: cover;
object-position: right center;
width: 100%;
height: 100%;
}
.bg-image.section-reverse .bg-image-poster, .bg-additional-image .section-reverse.bg-additional-item .bg-image-poster {
transform: scale(-1, 1);
}
.bg-image.section-reverse .bg-image-poster img, .bg-additional-image .section-reverse.bg-additional-item .bg-image-poster img {
object-position: left center;
}
@media (max-width: 991.98px) {
.bg-image.section-reverse .bg-image-poster.bg-image-poster-lg, .bg-additional-image .section-reverse.bg-additional-item .bg-image-poster.bg-image-poster-lg {
transform: none;
}
.bg-image.section-reverse .bg-image-poster.bg-image-poster-lg img, .bg-additional-image .section-reverse.bg-additional-item .bg-image-poster.bg-image-poster-lg img {
object-position: right center;
}
}
.ie-10 .bg-image .bg-image-poster img, .ie-10 .bg-additional-image .bg-additional-item .bg-image-poster img, .bg-additional-image .ie-10 .bg-additional-item .bg-image-poster img,
.ie-11 .bg-image .bg-image-poster img,
.ie-11 .bg-additional-image .bg-additional-item .bg-image-poster img,
.bg-additional-image .ie-11 .bg-additional-item .bg-image-poster img {
right: auto;
bottom: auto;
top: 50%;
left: 50%;
width: auto;
height: auto;
max-width: 135%;
max-height: 135%;
min-height: 101%;
min-width: 101%;
transform: translate(-50%, -50%);
}
@media (min-width: 992px) {
html.desktop .bg-fixed {
background-attachment: fixed;
}
}
[class*='bg-'] {
background-size: cover;
background-position: center center;
}
.bg-image-1 {
background-image: url("../images/bg-image-fixed.jpg");
}
.bg-image-2 {
background-image: url("../images/bg-02.jpg");
}
.bg-image-3 {
background-image: url("../images/bg-image-default.jpg");
}
.bg-image-4 {
background-image: url("../images/bg-03.jpg");
}
.bg-image-5 {
background-image: url("../images/bg-05.jpg");
}
.bg-image-6 {
background-image: url("../images/bg-07.jpg");
}
.bg-image-7 {
background-image: url("../images/bg-08.jpg");
}
.bg-image-8 {
background-image: url("../images/bg-09.jpg");
}
.bg-image-9 {
background-image: url("../images/bg-10.jpg");
}
.bg-image-10 {
background-image: url("../images/bg-11.jpg");
}
.bg-pattern-dark, .bg-additional-pattern-dark .bg-additional-item {
background-image: url("../images/bg-pattern-dark.jpg");
background-repeat: repeat;
}
.bg-additional-image-1 .bg-additional-item {
background-image: url("../images/bg-image-fixed.jpg");
}
.bg-additional-image-1 .bg-additional-item {
background-image: url("../images/bg-image-fixed.jpg");
}
.bg-additional-item {
align-self: stretch;
display: flex;
flex-direction: column;
justify-content: center;
}
.bg-additional-item > * {
width: 100%;
}
/** @section Blogs Style */
/**
* Blog Inline
*/
.blog-inline {
max-width: 318px;
margin-left: auto;
margin-right: auto;
letter-spacing: 0.02em;
}
.blog-inline-title {
color: #ed1c94;
font-weight: 400;
}
.blog-inline-title a {
display: block;
}
.blog-inline-title > a, .blog-inline-title > a:focus, .blog-inline-title > a:active {
color: inherit;
}
.blog-inline-title > a:hover {
color: #981df0;
}
.blog-inline-meta {
color: #838386;
font-style: italic;
margin-left: -20px;
margin-bottom: -10px;
transform: translateY(-10px);
}
.blog-inline-meta a, .blog-inline-meta a:focus, .blog-inline-meta a:active {
color: #838386;
}
.blog-inline-meta a:hover {
color: #981df0;
}
.blog-inline-meta > li {
position: relative;
display: inline-block;
margin-top: 10px;
padding-left: 20px;
padding-right: 20px;
}
.blog-inline-meta > li + li:after {
content: '|';
position: absolute;
top: 0;
left: 0;
height: 100%;
color: #979799;
}
* + .blog-inline {
margin-top: 25px;
}
* + .blog-inline-wrap {
margin-top: 25px;
}
* + .blog-inline-meta {
margin-top: 5px;
}
@media (min-width: 768px) {
* + .blog-inline {
margin-top: 43px;
}
* + .blog-inline-wrap {
margin-top: 43px;
}
}
@media (min-width: 992px) {
.blog-inline {
margin-left: 0;
margin-right: auto;
}
}
/** @section Boxes */
/**
* Box minimal
*/
.box-minimal {
max-width: 390px;
}
.box-minimal * + p {
margin-top: 15px;
}
.box-minimal .box-minimal-icon {
font-size: 30px;
line-height: 1;
color: #981df0;
}
@media (max-width: 767.98px) {
.box-minimal {
margin-left: auto;
margin-right: auto;
}
}
.box-minimal-icon svg {
fill: #981df0;
}
.box-minimal-title {
color: #29293a;
}
.container-box-minimal-wrap .box-minimal {
max-width: 570px;
}
.box-accent p {
letter-spacing: 0.02em;
}
@media (min-width: 992px) {
.box-accent h6 + p, .box-accent .heading-6 + p {
margin-top: 26px;
}
}
@media (min-width: 1600px) {
.box-accent {
padding-right: 50px;
}
}
.box-minimal-header {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
margin-bottom: -20px;
margin-left: -20px;
}
.box-minimal-header:empty {
margin-bottom: 0;
margin-left: 0;
}
.box-minimal-header > * {
display: inline-block;
margin-top: 0;
margin-bottom: 20px;
margin-left: 20px;
}
.box-minimal-light .box-minimal-icon {
color: #ed1c94;
}
.box-minimal-light .box-minimal-icon svg {
fill: #ed1c94;
}
.box-minimal-text {
color: #838386;
}
* + .box-minimal-text {
margin-top: 22px;
}
/**
* Box minimal border
*/
.box-minimal-border {
padding: 20px 15px;
border-radius: 8px;
border: 1px solid #c2c2c3;
transition: 450ms ease-in-out;
}
.box-minimal-border .box-minimal-icon {
font-size: 30px;
color: #29293a;
}
.box-minimal-border .box-minimal-icon svg {
fill: #29293a;
}
.box-minimal-border .box-minimal-title {
font-weight: 400;
}
.box-minimal-border * + hr {
margin-top: 20px;
}
.box-minimal-border:hover {
background: #f2f3f9;
border-color: #f2f3f9;
}
/**
* Box minimal modern
*/
.box-minimal-modern {
padding: 0 15px 30px;
margin-top: 50px;
background-color: #f2f3f9;
border-radius: 8px;
transition: 750ms ease-in-out;
}
.box-minimal-modern .box-minimal-icon {
position: relative;
top: -50px;
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
margin-bottom: -50px;
margin-left: auto;
margin-right: auto;
border-radius: 100%;
font-size: 30px;
color: #ffffff;
background: linear-gradient(-45deg, #ed1c94, #ffec17);
}
.box-minimal-modern .box-minimal-icon svg {
fill: #ffffff;
}
.box-minimal-modern .box-minimal-icon:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background: linear-gradient(-45deg, #6d0eb1, #ed1c94);
opacity: 0;
border-radius: 100%;
transition: 750ms ease-in-out;
}
.box-minimal-modern .box-minimal-icon:before {
position: relative;
z-index: 1;
}
.box-minimal-modern .box-minimal-icon.mdi {
font-size: 34px;
}
.box-minimal-modern:hover {
box-shadow: 0 8px 29px rgba(41, 41, 58, 0.09);
}
.box-minimal-modern:hover .box-minimal-icon:after {
opacity: 1;
}
@media (min-width: 992px) {
.box-minimal .box-minimal-icon {
font-size: 40px;
}
.box-minimal .box-minimal-icon-md {
font-size: 36px;
}
.box-minimal .box-minimal-icon-sm {
font-size: 30px;
}
.box-minimal-border {
padding: 40px 25px 45px;
min-height: 365px;
}
.box-minimal-border .box-minimal-icon {
font-size: 48px;
}
.box-minimal-border * + hr {
margin-top: 30px;
}
.box-minimal-modern {
padding: 0 28px 45px;
min-height: 300px;
}
.box-minimal-modern .box-minimal-icon {
font-size: 40px;
}
.box-minimal-modern .box-minimal-icon.mdi {
font-size: 44px;
}
.box-minimal-modern * + .box-minimal-title {
margin-top: 30px;
}
.box-minimal-icon.box-minimal-icon-lg {
font-size: 40px;
}
}
@media (min-width: 1200px) {
.box-minimal-border {
padding: 40px 35px 45px;
}
}
@media (min-width: 1600px) {
.box-minimal-icon.box-minimal-icon-lg {
font-size: 52px;
}
.box-minimal-border {
padding: 40px 45px 45px;
}
}
/**
* Classic Box Style
*/
.box-classic {
max-width: 570px;
margin-left: auto;
margin-right: auto;
padding: 10% 7%;
text-align: left;
border: 1px solid transparent;
border-radius: 9px;
}
.box-classic-title > * {
text-transform: uppercase;
}
.box-classic-content {
letter-spacing: 0.02em;
}
* + .box-classic {
margin-top: 60px;
}
* + .box-classic-content {
margin-top: 10px;
}
@media (min-width: 992px) {
.box-classic {
padding: 5% 5% 6% 5%;
}
* + .box-classic-content {
margin-top: 20px;
}
}
/**
* Border Box
*/
.box-bordered {
border-color: #c2c2c3;
}
/**
* Shadow Box
*/
.box-shadow {
border-color: #ededed;
box-shadow: 0 6px 8px 0 rgba(110, 123, 157, 0.17);
}
/**
* Colors Example
*/
.box-color {
padding: 7.5% 9%;
text-align: left;
border-radius: 9px;
}
.box-color > * {
color: inherit;
font-weight: 300;
letter-spacing: 0.02em;
}
.box-color + .box-color {
margin-top: 30px;
}
.box-color-primary-1,
.box-color-primary-2,
.box-color-primary-4,
.box-color-dark,
.box-color-secondary-1,
.box-color-secondary-2 {
color: #ffffff;
}
.box-color-primary-3,
.box-color-secondary-3,
.box-color-secondary-4,
.box-color-secondary-5 {
color: #838386;
}
.box-color-primary-1 {
background-color: #981df0;
}
.box-color-primary-2 {
background-color: #ed1c94;
}
.box-color-primary-3 {
background-color: #ffec17;
}
.box-color-primary-4 {
background-color: #6d0eb1;
}
.box-color-dark {
background-color: #29293a;
}
.box-color-secondary-1 {
background-color: #080ab4;
}
.box-color-secondary-2 {
background-color: #838386;
}
.box-color-secondary-3 {
background-color: #c2c2c3;
}
.box-color-secondary-4 {
background-color: #ededed;
}
.box-color-secondary-5 {
background-color: #f2f3f9;
}
.box-colors > * {
font-weight: 300;
}
.box-colors > * + * {
margin-top: 8px;
}
.box-width-1, .box-scrim-example {
max-width: 370px;
margin-left: auto;
margin-right: auto;
}
.box-width-2 {
max-width: 730px;
}
.box-width-small {
max-width: 420px;
}
@media (min-width: 1600px) {
.box-wrap-1 {
margin-left: -80px;
padding-right: 37px;
}
}
@media (min-width: 1600px) {
.box-wrap-2 {
padding-left: 70px;
}
}
/**
* Scrim Box
*/
.box-scrim-example {
display: flex;
align-items: flex-end;
min-height: 260px;
padding: 30px 35px;
border-radius: 9px;
text-align: left;
background-position: right center;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
}
.box-scrim-example h6 + p, .box-scrim-example .heading-6 + p {
margin-top: 15px;
}
.box-scrim-example p {
letter-spacing: 0.02em;
}
.ie-10 .box-scrim-example,
.ie-11 .box-scrim-example {
height: 260px;
}
.box-scrim-example-inner {
max-width: 250px;
}
.box-scrim-overlay,
.box-scrim {
position: relative;
z-index: 1;
overflow: hidden;
}
.box-scrim-overlay:before,
.box-scrim:before {
content: '';
z-index: -1;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.box-scrim-overlay:before {
background-color: rgba(46, 49, 78, 0.7);
}
.box-scrim-overlay[data-overlay='1']:before {
background-color: rgba(46, 49, 78, 0.1);
}
.box-scrim-overlay[data-overlay='2']:before {
background-color: rgba(46, 49, 78, 0.2);
}
.box-scrim-overlay[data-overlay='3']:before {
background-color: rgba(46, 49, 78, 0.3);
}
.box-scrim-overlay[data-overlay='4']:before {
background-color: rgba(46, 49, 78, 0.4);
}
.box-scrim-overlay[data-overlay='5']:before {
background-color: rgba(46, 49, 78, 0.5);
}
.box-scrim-overlay[data-overlay='6']:before {
background-color: rgba(46, 49, 78, 0.6);
}
.box-scrim-overlay[data-overlay='7']:before {
background-color: rgba(46, 49, 78, 0.7);
}
.box-scrim-overlay[data-overlay='8']:before {
background-color: rgba(46, 49, 78, 0.8);
}
.box-scrim-overlay[data-overlay='9']:before {
background-color: rgba(46, 49, 78, 0.9);
}
.box-scrim:before {
background: -moz-linear-gradient(45deg, #29293a 0%, rgba(41, 41, 58, 0) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #29293a 0%, rgba(41, 41, 58, 0) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #29293a 0%, rgba(41, 41, 58, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29293a', endColorstr='#0029293a', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
transform: scale(1.5);
opacity: 1;
}
.box-scrim[data-overlay='1']:before {
opacity: 0.1;
}
.box-scrim[data-overlay='2']:before {
opacity: 0.2;
}
.box-scrim[data-overlay='3']:before {
opacity: 0.3;
}
.box-scrim[data-overlay='4']:before {
opacity: 0.4;
}
.box-scrim[data-overlay='5']:before {
opacity: 0.5;
}
.box-scrim[data-overlay='6']:before {
opacity: 0.6;
}
.box-scrim[data-overlay='7']:before {
opacity: 0.7;
}
.box-scrim[data-overlay='8']:before {
opacity: 0.8;
}
.box-scrim[data-overlay='9']:before {
opacity: 0.9;
}
/**
* Box inline
*/
.box-inline {
margin-left: -7px;
display: table;
text-align: left;
}
.box-inline br {
font-size: 0;
line-height: 0;
}
.box-inline a {
color: #29293a;
}
.box-inline a:hover {
color: #ed1c94;
}
.box-inline > * {
display: table-cell;
vertical-align: top;
padding: 0 6px;
}
.box-inline .icon-md-smaller {
position: relative;
top: 3px;
}
.box-inline-gray a {
color: #838386;
}
.box-inline-gray a:hover {
color: #ed1c94;
}
/**
* Box element
*/
.box-element {
padding: 20px;
}
* + .box-element {
margin-top: 20px;
}
.box-element + .box-element {
margin-top: 10px;
}
@media (min-width: 768px) {
* + .box-element {
margin-top: 35px;
}
.box-element + .box-element {
margin-top: 20px;
}
}
@media (min-width: 1200px) {
* + .box-element {
margin-top: 50px;
}
.box-element + .box-element {
margin-top: 35px;
}
}
@media (min-width: 1600px) {
* + .box-element {
margin-top: 90px;
}
.box-element + .box-element {
margin-top: 55px;
}
}
/**
* Contact Info Wrap
*/
.contact-info-wrap {
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.element-boxed {
padding: 35px 20px;
}
@media (min-width: 768px) {
.element-boxed {
padding: 40px;
}
}
@media (min-width: 1200px) {
.element-boxed {
padding: 50px 55px;
}
}
@media (min-width: 1600px) {
.element-boxed {
padding: 90px 70px;
}
}
@media (min-width: 1200px) {
.box-range-content {
max-width: 570px;
margin-left: auto;
margin-right: auto;
}
}
.box-range-content.box-range-content-1 {
margin-left: 0;
margin-right: 0;
}
@media (min-width: 1600px) {
.box-range-content-1 {
max-width: 638px;
margin-left: auto;
margin-right: 0;
}
.section-reverse .box-range-content-1 {
margin-left: 0;
margin-right: auto;
}
}
@media (min-width: 768px) {
.box-2-columns {
-moz-columns: 2;
columns: 2;
-moz-column-gap: 4em;
column-gap: 4em;
}
}
/**
* Box simple
*/
.box-simple {
max-width: 270px;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #29293a;
}
.box-simple a {
color: inherit;
}
.box-simple a:hover {
color: #ed1c94;
}
.box-simple .box-simple-icon {
font-size: 30px;
color: #981df0;
}
* + .box-simple-text {
margin-top: 11px;
}
@media (min-width: 992px) and (max-width: 991.98px) {
.box-simple {
font-size: 14px;
}
.box-simple h6,
.box-simple .heading-6 {
font-size: 20px;
}
}
@media (min-width: 1600px) {
.box-simple .box-simple-icon {
font-size: 48px;
}
}
/**
* Box Info
*/
.box-info {
border-radius: 9px;
border: 1px solid #ededed;
transition: .3s ease-out all;
}
.box-info p {
letter-spacing: 0.02em;
}
.box-info .box-inline {
color: #29293a;
}
.box-info:hover {
box-shadow: 0 6px 8px 0 rgba(110, 123, 157, 0.17);
transform: translateY(-3px);
}
.box-info .heading-6 + p,
.box-info h6 + p {
margin-top: 8px;
}
.bg-gray-lighter .box-info,
.bg-gray-darker .box-info,
.bg-additional-gray-darker .bg-additional-item .box-info {
background-color: #ffffff;
}
h6.box-info-title,
.box-info-title {
color: #ed1c94;
}
.box-info-inner {
padding: 20px 15px;
}
.box-info-footer {
padding: 12px 15px 10px;
border-top: 1px solid #ededed;
letter-spacing: 0.02em;
}
.box-info-footer .box-inline > * {
display: table-cell;
vertical-align: middle;
}
@media (min-width: 992px) {
.box-info-inner {
min-height: 208px;
}
}
@media (min-width: 1200px) {
.box-info-inner {
min-height: 228px;
}
}
@media (min-width: 1600px) {
.box-info .heading-6 + p,
.box-info h6 + p {
margin-top: 21px;
}
.box-info-footer .icon {
font-size: 24px;
}
.box-info-inner {
min-height: 294px;
padding: 42px 37px;
}
.box-info-footer {
padding: 12px 37px 10px;
}
}
@media (min-width: 1800px) {
.box-info-inner {
min-height: 270px;
}
}
.swiper-box-info > * + * {
margin-top: 25px;
}
.swiper-box-info > * + *:last-child {
margin-top: 31px;
}
.box-price-info {
margin-left: auto;
margin-right: auto;
}
.box-price-info > * + * {
margin-top: 25px;
}
@media (min-width: 480px) {
.box-price-info {
width: 80%;
}
}
@media (min-width: 1600px) {
.box-price-info {
width: 100%;
}
.box-price-info > * + * {
margin-top: 50px;
}
.box-price-info > * + *:last-child {
margin-top: 25px;
}
}
* + .box-price-info {
margin-top: 30px;
}
.box-price-info-image {
display: flex;
align-items: flex-end;
justify-content: center;
min-height: 93px;
}
.ie-10 .box-price-info-image:after,
.ie-11 .box-price-info-image:after {
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
height: inherit;
}
[class*='box-auction-minimal-'] {
font-size: 0;
padding: 20px 15px 35px;
text-align: center;
}
[class*='box-auction-minimal-'] .product-price {
font-size: 16px;
color: #c2c2c3;
}
[class*='box-auction-minimal-'] .product-price * + * {
margin-top: 0;
}
[class*='box-auction-minimal-'] * + .product-price {
margin-top: 6px;
}
[class*='box-auction-minimal-'].bg-accent .button-secondary, [class*='box-auction-minimal-'].bg-accent .button-secondary:focus {
color: #ffffff;
background-color: #ed1c94;
border-color: #ed1c94;
}
[class*='box-auction-minimal-'].bg-accent .button-secondary:hover, [class*='box-auction-minimal-'].bg-accent .button-secondary:active, [class*='box-auction-minimal-'].bg-accent .button-secondary:hover {
color: #ed1c94;
background-color: #ffffff;
border-color: #ffffff;
}
[class*='box-auction-minimal-'] .divider {
margin-top: 10px;
margin-bottom: 10px;
}
@media (min-width: 768px) {
[class*='box-auction-minimal-'] .product-price {
font-size: 18px;
}
[class*='box-auction-minimal-'] .divider {
margin-top: 20px;
}
}
* + .box-auction-inner {
margin-top: 20px;
}
.box-auction-inner img {
max-height: 250px;
width: auto;
}
.box-auction-image {
display: block;
transition: 350ms;
}
.box-auction-image:hover {
transform: scale(1.05);
}
.box-auction-title {
font-family: "Oswald", Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
letter-spacing: .06em;
text-transform: uppercase;
}
.box-auction-title a {
display: block;
color: #ffec17;
}
.box-auction-title a:hover {
color: #ffffff;
}
* + .box-auction-button {
margin-top: 20px;
}
.box-auction-large-left {
position: relative;
width: 100%;
padding: 60px 20px;
background-image: url("../images/landing-auction-12-1280x720.jpg");
background-size: cover;
}
.box-auction-large-left:before {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
content: "";
display: inline-block;
background-image: linear-gradient(to right, rgba(109, 14, 177, 0.7), rgba(237, 28, 148, 0));
}
.box-auction-large-left > * {
position: relative;
}
.box-auction-large-left .heading-group h1 {
line-height: 1;
}
.box-auction-large-left .heading-group + * {
margin-top: 20px;
}
@media (min-width: 480px) {
[class*='box-auction-minimal-'] {
display: flex;
align-items: center;
justify-content: space-between;
overflow: hidden;
padding-left: 20px;
padding-right: 20px;
}
[class*='box-auction-minimal-'] .box-auction-inner img {
max-height: none;
}
.box-auction-minimal-right {
text-align: right;
}
.box-auction-minimal-left {
flex-direction: row-reverse;
text-align: left;
}
* + .box-auction-inner {
margin-top: 0;
}
.box-auction-inner {
padding: 0 5px;
}
.box-auction-image-mod-1 {
margin-bottom: -240px;
}
.box-auction-image-mod-2 {
margin-left: -60px;
}
}
@media (min-width: 768px) {
.box-auction-wrap {
display: flex;
align-items: stretch;
}
.box-auction-wrap > * {
width: 50%;
}
.box-auction-title {
font-size: 22px;
}
.box-auction-image-mod-2 {
margin-left: -80px;
}
.box-auction-large-left .heading-group h1 {
line-height: 1.1;
}
.box-auction-large-left .heading-group + * {
margin-top: 25px;
}
}
@media (min-width: 992px) {
.desktop .box-auction-inner-content {
transition: transform 350ms ease-in-out;
transform: translateY(45px);
}
.desktop .box-auction-inner-content .box-auction-button {
transition: opacity 300ms ease-in-out;
opacity: 0;
}
.desktop [class*='box-auction-minimal-']:hover .box-auction-inner-content {
transform: translateY(0);
}
.desktop [class*='box-auction-minimal-']:hover .box-auction-button {
opacity: 1;
}
}
@media (min-width: 1200px) {
.box-auction-wrap {
flex-wrap: wrap;
}
.box-auction-wrap > * {
width: 100%;
}
[class*='box-auction-minimal-'] {
padding-top: 35px;
}
* + .box-auction-button {
margin-top: 25px;
}
.box-auction-large-left {
display: flex;
align-items: center;
justify-content: flex-start;
}
.box-auction-large-left .heading-group h1 {
line-height: 1.2;
}
.box-auction-large-left .heading-group + * {
margin-top: 25px;
}
}
@media (min-width: 1600px) {
.box-auction-title {
font-size: 26px;
}
[class*='box-auction-minimal-'] {
padding-left: 35px;
padding-right: 35px;
}
.box-auction-large-left {
padding: 60px 40px;
}
.box-auction-large-left .heading-group h1 {
line-height: 1.2;
}
.box-auction-large-left .heading-group + * {
margin-top: 35px;
}
.box-auction-large-left * + .button {
margin-top: 40px;
}
}
@media (min-width: 1800px) {
.box-auction-title {
font-size: 28px;
}
[class*='box-auction-minimal-'] {
padding: 45px 55px;
}
.box-auction-image-mod-2 {
margin-left: -120px;
}
.box-auction-large-left {
padding: 60px;
}
.box-auction-large-left .heading-group + * {
margin-top: 40px;
}
.box-auction-large-left * + .button {
margin-top: 45px;
}
}
/** @section Breadcrumbs */
.breadcrumbs-custom {
position: relative;
z-index: 1;
padding: 35px 0 40px;
vertical-align: middle;
text-align: center;
}
.breadcrumbs-custom > .container {
position: relative;
z-index: 2;
}
.breadcrumbs-custom-wrap {
position: relative;
}
.breadcrumbs-custom-path {
margin-left: -32px;
}
.breadcrumbs-custom-path > * {
margin-left: 32px;
}
.breadcrumbs-custom-path a {
display: inline;
vertical-align: baseline;
}
.breadcrumbs-custom-path a, .breadcrumbs-custom-path a:active, .breadcrumbs-custom-path a:focus {
color: #838386;
}
.breadcrumbs-custom-path a:hover {
color: #ed1c94;
}
.breadcrumbs-custom-path li {
position: relative;
display: inline-block;
vertical-align: baseline;
font-size: 14px;
line-height: 1.7;
letter-spacing: 0.06em;
}
.breadcrumbs-custom-path li:after {
content: "";
font-family: "Material Design Icons";
position: absolute;
top: 50%;
right: -16px;
display: inline-block;
font-style: normal;
color: #c2c2c3;
transform: translate(50%, -50%);
font-size: 15px;
}
.breadcrumbs-custom-path li:last-child {
padding-right: 0;
}
.breadcrumbs-custom-path li:last-child:after {
display: none;
}
.breadcrumbs-custom-path li.active {
color: #838386;
}
.breadcrumbs-custom__shape {
position: absolute;
right: 0;
bottom: 0;
top: 0;
left: 0;
max-width: 1600px;
height: 100%;
}
@media (min-width: 768px) {
.breadcrumbs-custom__shape {
max-width: 2200px;
}
}
@media (min-width: 1200px) {
.breadcrumbs-custom__shape {
max-width: none;
}
}
.breadcrumbs-custom-title {
position: relative;
display: inline-block;
padding: 0 20px;
}
@media (min-width: 768px) {
.breadcrumbs-custom-title {
padding: 0 50px;
}
.breadcrumbs-custom-title::before, .breadcrumbs-custom-title::after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(45deg);
width: 15px;
height: 15px;
background: #29293a;
}
.breadcrumbs-custom-title::before {
left: -20px;
}
.breadcrumbs-custom-title::after {
right: -16px;
}
}
.breadcrumbs-custom-subtitle {
font-size: 20px;
line-height: 1.3;
}
* + .breadcrumbs-custom-title {
margin-top: 12px;
}
* + .breadcrumbs-custom-path {
margin-top: 20px;
}
.breadcrumbs-custom-light .breadcrumbs-custom-path a {
display: inline;
vertical-align: baseline;
}
.breadcrumbs-custom-light .breadcrumbs-custom-path a, .breadcrumbs-custom-light .breadcrumbs-custom-path a:active, .breadcrumbs-custom-light .breadcrumbs-custom-path a:focus {
color: #ffffff;
}
.breadcrumbs-custom-light .breadcrumbs-custom-path a:hover {
color: #ffec17;
}
.breadcrumbs-custom-light .breadcrumbs-custom-path li.active {
color: #ffffff;
}
.breadcrumbs-background-01 {
background-image: url(../images/breadcrumbs-background-01.jpg);
background-attachment: fixed;
background-size: cover;
}
.breadcrumbs-blog-post {
padding-bottom: 20px;
}
.breadcrumbs-blog-post .breadcrumbs-custom-title {
max-width: 720px;
}
.breadcrumbs-blog-post .breadcrumbs-custom-title:before, .breadcrumbs-blog-post .breadcrumbs-custom-title:after {
content: none;
}
.breadcrumbs-blog-post .box-inline {
margin-left: auto;
margin-right: auto;
}
.breadcrumbs-blog-post .container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.breadcrumbs-custom-subtitle + .breadcrumbs-custom-title {
margin-top: 27px;
}
@media (max-width: 479.98px) {
.breadcrumbs-custom-title {
font-size: 26px;
}
}
@media (min-width: 480px) {
.breadcrumbs-custom-path {
margin-left: -60px;
}
.breadcrumbs-custom-path > * {
margin-left: 60px;
}
.breadcrumbs-custom-path > li:after {
right: -30px;
}
}
@media (min-width: 768px) {
.breadcrumbs-custom {
padding: 70px 0 80px;
}
.breadcrumbs-custom-subtitle {
font-size: 26px;
}
* + .breadcrumbs-custom-path {
margin-top: 50px;
}
.breadcrumbs-blog-post {
padding-bottom: 40px;
}
}
@media (min-width: 1200px) {
.breadcrumbs-custom {
padding: 120px 0 50px;
}
.breadcrumbs-custom-subtitle {
font-size: 30px;
}
.breadcrumbs-custom-path li {
font-size: 18px;
}
.breadcrumbs-custom-svg-var-2 {
padding-top: 235px;
padding-bottom: 100px;
}
}
@media (min-width: 1600px) {
.breadcrumbs-blog-post {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
height: 100vh;
max-height: 870px;
}
.breadcrumbs-blog-post * + .breadcrumbs-custom-path {
margin-top: auto;
}
.breadcrumbs-blog-post * + .breadcrumbs-custom-title {
margin-top: 5vh;
}
.breadcrumbs-blog-post * + .box-inline {
margin-top: 5vh;
}
* + .breadcrumbs-custom-path {
margin-top: 120px;
}
}
/** @section Buttons */
/**
* Button General Styles
*/
.button {
position: relative;
display: inline-block;
max-width: 100%;
padding: 9px 30px;
min-width: 210px;
font-family: "Oswald", Helvetica, Arial, sans-serif;
font-weight: 400;
letter-spacing: 0.12em;
text-transform: uppercase;
border: 2px solid;
border-radius: 35px;
text-align: center;
vertical-align: middle;
cursor: pointer;
user-select: none;
transition: .25s all ease;
white-space: pre-wrap;
}
.button:focus, .button:active, .button:active:focus {
outline: none;
}
.button.disabled {
color: black;
background-color: gray;
}
.button .caret {
margin-left: 8px;
}
@media (min-width: 768px) {
.button {
padding: 14px 38px;
}
}
@media (min-width: 992px) {
.button {
min-width: 230px;
}
}
[data-x-mode='true'] .button {
white-space: normal;
}
.button-block {
display: block;
width: 100%;
}
/**
* Buttons appearance style
*/
.button-default, .button-default:focus {
color: #29293a;
background-color: #ededed;
border-color: #ededed;
}
.button-default:hover, .button-default:active, .button-default:hover {
color: #ffffff;
background-color: #981df0;
border-color: #981df0;
}
.button-primary, .button-primary:focus {
color: #ffffff;
background-color: #981df0;
border-color: #981df0;
}
.button-primary:hover, .button-primary:active, .button-primary:hover {
color: #ffffff;
background-color: #8b0fe4;
border-color: #8b0fe4;
}
.button-secondary, .button-secondary:focus {
color: #ffffff;
background-color: #ed1c94;
border-color: #ed1c94;
}
.button-secondary:hover, .button-secondary:active, .button-secondary:hover {
color: #ffffff;
background-color: #981df0;
border-color: #981df0;
}
.button-default-outline, .button-default-outline:focus {
color: #29293a;
background-color: #ffffff;
border-color: #ededed;
}
.button-default-outline:hover, .button-default-outline:active, .button-default-outline:hover {
color: #ffffff;
background-color: #6d0eb1;
border-color: #6d0eb1;
}
.button-default-outline.button-default-outline_facebook:hover {
border-color: #4d70a8;
background: #4d70a8;
}
.button-default-outline.button-default-outline_twitter:hover {
border-color: #02bcf3;
background: #02bcf3;
}
.button-default-outline.button-default-outline_google:hover {
border-color: #e2411e;
background: #e2411e;
}
.button-facebook, .button-facebook:focus {
color: #ffffff;
background-color: #4d70a8;
border-color: #4d70a8;
}
.button-facebook:hover, .button-facebook:active, .button-facebook:hover {
color: #ffffff;
background-color: #3e5a86;
border-color: #3e5a86;
}
.button-twitter, .button-twitter:focus {
color: #ffffff;
background-color: #02bcf3;
border-color: #02bcf3;
}
.button-twitter:hover, .button-twitter:active, .button-twitter:hover {
color: #ffffff;
background-color: #008ee0;
border-color: #008ee0;
}
.button-google, .button-google:focus {
color: #ffffff;
background-color: #e2411e;
border-color: #e2411e;
}
.button-google:hover, .button-google:active, .button-google:hover {
color: #ffffff;
background-color: #b53418;
border-color: #b53418;
}
.button-facebook-outline, .button-facebook-outline:focus {
color: #4d70a8;
background-color: transparent;
border-color: #4d70a8;
}
.button-facebook-outline:hover, .button-facebook-outline:active, .button-facebook-outline:hover {
color: #ffffff;
background-color: #4d70a8;
border-color: #4d70a8;
}
.button-twitter-outline, .button-twitter-outline:focus {
color: #02bcf3;
background-color: transparent;
border-color: #02bcf3;
}
.button-twitter-outline:hover, .button-twitter-outline:active, .button-twitter-outline:hover {
color: #ffffff;
background-color: #02bcf3;
border-color: #02bcf3;
}
.button-google-outline, .button-google-outline:focus {
color: #e2411e;
background-color: transparent;
border-color: #e2411e;
}
.button-google-outline:hover, .button-google-outline:active, .button-google-outline:hover {
color: #ffffff;
background-color: #e2411e;
border-color: #e2411e;
}
@media (min-width: 1200px) {
.wrap-buttons-sm .button-sm {
min-width: 120px;
}
}
.button-shadow {
box-shadow: 0 6px 8px 0 rgba(110, 123, 157, 0.17);
}
.button-shadow:active {
box-shadow: none;
}
.button-shadow.button-secondary {
box-shadow: 0 6px 10px 0 rgba(237, 28, 148, 0.36);
}
.button-shadow.button-secondary:hover {
box-shadow: 0 6px 10px 0 rgba(152, 29, 240, 0.36);
}
.button-shadow.button-secondary:active {
box-shadow: none;
}
/**
* Buttons sizes
*/
.button-xs {
padding: 9px 28px;
font-size: 14px;
line-height: 24px;
min-width: 150px;
}
.button-sm {
min-width: 170px;
padding: 8.8px 28px;
font-size: 14px;
line-height: 24px;
}
@media (min-width: 768px) {
.button-sm {
padding: 11px 35px;
}
}
@media (min-width: 1200px) {
.button-sm {
min-width: 190px;
}
}
@media (min-width: 1600px) {
.button-sm {
font-size: 16px;
}
}
.button-lg {
padding: 17px 65px;
font-size: 18px;
line-height: 22px;
}
/**
* Button Shapes
*/
.button-ellipse-md {
border-radius: 4px;
}
.button-ellipse-lg {
border-radius: 8px;
}
.button-square {
border-radius: 0;
}
/**
* Button effects
*/
.button-nina {
position: relative;
overflow: hidden;
line-height: 1.3;
transition: background 0.3s 0.01s, border-color 0.3s 0.01s;
}
.button-nina > span {
display: none;
vertical-align: middle;
line-height: 24px;
}
.button-nina .button-original-content {
display: block;
}
@media (max-width: 767.98px) {
html:not(.desktop) .button-original-content {
transition: .22s;
transition-delay: 0s !important;
}
}
@media (min-width: 992px) {
.desktop .button-nina > span {
position: relative;
overflow: hidden;
display: inline-block;
line-height: 24px;
text-align: center;
opacity: 0.01;
color: inherit;
transform: translate3d(0, -10px, 0);
transition: 0.22s;
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.desktop .button-nina > span:first-child {
padding-left: 4px;
}
.desktop .button-nina > span:nth-last-child(2) {
padding-right: 4px;
}
.desktop .button-nina > span:empty::after {
display: inline-block;
padding: 0 2px;
content: '\a';
}
.desktop .button-nina > span:only-child {
transform: translate3d(0, 0, 0);
opacity: 1;
}
.desktop .button-nina .button-original-content {
position: absolute;
z-index: 1;
opacity: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
padding: inherit;
transform: translate3d(0, 0, 0);
letter-spacing: 0.12em;
min-width: inherit;
background-color: transparent;
}
.desktop .button-nina:hover > span {
opacity: 1;
top: 0;
transform: translate3d(0, 0, 0);
}
.desktop .button-nina:hover .button-original-content {
opacity: 0;
transform: translate3d(0, 100%, 0);
transition-delay: 0s !important;
}
.desktop.ie-10 .button-nina.button-lg > span:not(.button-original-content), .desktop.ie-11 .button-nina.button-lg > span:not(.button-original-content) {
top: -2px;
}
}
/**
* Button Icon styles
*/
.button-icon .icon,
.button-icon-alternate .icon {
position: relative;
font-size: 24px;
vertical-align: middle;
color: inherit;
}
.button-icon.button-xs .icon,
.button-icon-alternate.button-xs .icon {
font-size: 19px;
}
.button-icon.button-sm .icon,
.button-icon-alternate.button-sm .icon {
font-size: 22px;
}
.button-icon .icon {
margin-top: -1px;
}
.button-icon.button-icon-left .icon {
padding-right: 5px;
}
.button-icon.button-icon-right .icon {
margin-top: -2px;
padding-left: 5px;
}
/**
* Button Icon Alternate styles
*/
.button-icon-alternate {
position: relative;
z-index: 1;
vertical-align: middle;
}
.button-icon-alternate .icon,
.button-icon-alternate .button-inner {
display: inline-block;
}
.button-icon-alternate::before,
.button-icon-alternate .icon {
width: 60px;
}
.button-icon-alternate::before {
content: '';
position: absolute;
top: -2px;
bottom: -2px;
z-index: -1;
background: #ededed;
transition: .33s;
}
.button-icon-alternate .icon {
position: absolute;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
}
.button-icon-alternate.button:hover::before {
width: calc(100% + 4px);
}
.ie-10 .button-icon-alternate.button:hover::before,
.ie-11 .button-icon-alternate.button:hover::before {
width: 102%;
}
.button-icon-alternate.button-icon-left {
padding-left: 80px;
padding-right: 40px;
}
@media (min-width: 768px) {
.button-icon-alternate.button-icon-left {
padding-left: 100px;
}
}
.button-icon-alternate.button-icon-left::before {
left: -2px;
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
}
.button-icon-alternate.button-icon-left .icon {
left: 0;
}
.button-icon-alternate.button-icon-left:hover::before {
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
}
.button-icon-alternate.button-icon-left.button-sm {
padding-left: 80px;
padding-right: 30px;
}
.button-icon-alternate.button-icon-left.button-xs {
padding-left: 60px;
padding-right: 20px;
}
.button-icon-alternate.button-icon-right {
padding-left: 40px;
padding-right: 80px;
}
@media (min-width: 768px) {
.button-icon-alternate.button-icon-right {
padding-right: 100px;
}
}
.button-icon-alternate.button-icon-right::before {
right: -2px;
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
}
.button-icon-alternate.button-icon-right .icon {
right: 0;
}
.button-icon-alternate.button-icon-right:hover::before {
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
}
.button-icon-alternate.button-icon-right.button-sm {
padding-left: 30px;
padding-right: 80px;
}
.button-icon-alternate.button-icon-right.button-xs {
padding-left: 20px;
padding-right: 60px;
}
.button-icon-alternate.button-sm::before,
.button-icon-alternate.button-sm .icon {
width: 50px;
}
.button-icon-alternate.button-xs::before,
.button-icon-alternate.button-xs .icon {
width: 42px;
}
.button-icon-alternate.button-secondary::before {
background: rgba(0, 0, 0, 0.2);
}
.button-icon-alternate.button-secondary:hover {
background: #ed1c94;
border-color: #ed1c94;
}
.button-icon-alternate.button-secondary.button-shadow:hover {
box-shadow: 0 6px 10px 0 rgba(237, 28, 148, 0.36);
}
.button-icon-alternate.button-default-outline:hover {
color: #29293a;
background-color: transparent;
border-color: #ededed;
}
.button-icon-alternate.button-facebook::before {
background: #3e5a86;
}
.button-icon-alternate.button-facebook-outline .icon {
color: #ffffff;
}
.button-icon-alternate.button-facebook-outline::before {
background: #4d70a8;
}
.button-icon-alternate.button-facebook-outline:hover {
background-color: transparent;
}
.button-icon-alternate.button-twitter::before {
background: #008ee0;
}
.button-icon-alternate.button-twitter-outline .icon {
color: #ffffff;
}
.button-icon-alternate.button-twitter-outline::before {
background: #02bcf3;
}
.button-icon-alternate.button-twitter-outline:hover {
background-color: transparent;
}
.button-icon-alternate.button-google::before {
background: #b53418;
}
.button-icon-alternate.button-google-outline .icon {
color: #ffffff;
}
.button-icon-alternate.button-google-outline::before {
background: #e2411e;
}
.button-icon-alternate.button-google-outline:hover {
background-color: transparent;
}
.btn {
padding: 10px 20px;
border-radius: 35px;
font-family: "Oswald", Helvetica, Arial, sans-serif;
font-weight: 400;
letter-spacing: 0.12em;
text-transform: uppercase;
transition: .22s;
}
.btn-sm {
font-size: 12px;
line-height: 1.2;
}
.btn-primary, .btn-primary:focus {
color: #ffffff;
background-color: #ed1c94;
border-color: #ed1c94;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:hover {
color: #ffffff;
background-color: #981df0;
border-color: #981df0;
}
.btn-primary:active:focus {
background: #981df0;
border-color: #981df0;
box-shadow: none;
}
.btn-cancel {
border-color: #838386;
}
/** @section Call To Action */
.box-cta {
font-size: 18px;
color: #838386;
margin-left: -20px;
margin-right: -20px;
}
.box-cta > * {
padding-left: 20px;
padding-right: 20px;
}
.box-cta-title {
color: #6d0eb1;
}
.box-cta-title + * {
margin-top: 20px;
}
.box-cta .button {
font-size: 18px;
}
.box-cta-inline > * + * {
margin-top: 30px;
}
@media (min-width: 768px) {
.box-cta-inline {
display: flex;
align-items: center;
justify-content: space-between;
}
}
.box-cta-thin .badge-cta {
margin-right: 18px;
}
.badge-cta {
padding: 5px 18px;
font-size: 16px;
font-weight: 700;
}
.badge-cta-primary {
color: #ffffff;
background: #981df0;
}
@media (min-width: 768px) {
.box-cta {
font-size: 19px;
}
.box-cta-vertical > * + * {
margin-top: 40px;
}
.box-cta-vertical * + .button {
margin-top: 45px;
}
}
@media (min-width: 1600px) {
.box-cta {
font-size: 24px;
}
.cta-avatar {
max-width: none;
}
}
/** @section Cards */
/**
* Card info
*/
.card-info {
display: flex;
flex-direction: column;
max-width: 730px;
text-align: left;
}
.card-info * + .card-info-subtitle {
margin-top: 5px;
}
.card-info-image {
border-radius: 9px;
}
.card-info-title {
color: #ed1c94;
}
.card-info-subtitle {
font-style: italic;
}
.card-info-aside {
flex-shrink: 0;
max-width: 30%;
}
.card-info-main {
flex-grow: 1;
}
* + .card-info-title {
margin-top: 10px;
}
* + .card-info-main {
padding-top: 15px;
}
@media (min-width: 480px) {
.card-info {
flex-direction: row;
}
* + .card-info-main {
padding-top: 0;
padding-left: 15px;
}
}
@media (min-width: 768px) {
* + .card-info-main {
padding-left: 30px;
}
}
@media (min-width: 1600px) {
.card-info * + p {
margin-top: 26px;
}
* + .card-info-main {
padding-left: 45px;
}
}
/** @section Comments */
.comment {
display: flex;
flex-direction: row;
align-items: flex-start;
text-align: left;
}
.comment-group .comment-group {
padding-left: 20px;
}
.comment-group .comment-group .comment-group {
padding-left: 10px;
}
.comment-body {
padding-left: 12px;
}
.comment-header {
display: inline-table;
margin-bottom: -8px;
margin-left: -8px;
}
.comment-header:empty {
margin-bottom: 0;
margin-left: 0;
}
.comment-header > * {
display: inline-block;
margin-top: 0;
margin-bottom: 8px;
margin-left: 8px;
}
.comment-avatar img {
width: auto;
height: auto;
max-width: 30px;
border-radius: 50%;
}
.comment-title {
font-weight: 400;
line-height: 1.3;
letter-spacing: 0;
color: #ed1c94;
}
.comment-time {
font-style: italic;
}
.comment-text {
color: #29293a;
}
.comment-reply {
font-style: italic;
color: #838386;
}
.comment-reply::before {
position: relative;
top: 2px;
display: inline-block;
padding-right: 5px;
content: '\f549';
font: 400 20px/20px 'Material Design Icons';
color: #c2c2c3;
}
@media (min-width: 768px) {
.comment-reply::before {
font-size: 28px;
line-height: 28px;
}
}
.comment-link-reply {
letter-spacing: .02em;
color: #ed1c94;
vertical-align: middle;
}
.comment-link-reply::before {
position: relative;
top: 2px;
display: inline-block;
padding-right: 5px;
content: '\f549';
font: 400 20px/20px 'Material Design Icons';
}
.comment-link-reply:hover {
color: #981df0;
}
@media (min-width: 768px) {
.comment-link-reply::before {
font-size: 28px;
line-height: 28px;
}
}
* + .comment-text {
margin-top: 8px;
}
* + .comment-footer {
margin-top: 8px;
}
* + .comment-group {
margin-top: 30px;
}
* + .comment {
margin-top: 24px;
}
* + .comment {
margin-top: 24px;
}
.comment + * {
margin-top: 24px;
}
* + .comment-link-reply {
margin-top: 10px;
}
.comment-group + .comment-group {
margin-top: 30px;
}
@media (min-width: 768px) {
.comment-group .comment-group {
padding-left: 80px;
}
.comment-group .comment-group .comment-group {
padding-left: 40px;
}
.comment-body {
padding-left: 30px;
}
.comment-header {
margin-bottom: -5px;
margin-left: -35px;
}
.comment-header:empty {
margin-bottom: 0;
margin-left: 0;
}
.comment-header > * {
display: inline-block;
margin-top: 0;
margin-bottom: 5px;
margin-left: 35px;
}
.comment-avatar img {
width: auto;
max-width: 80px;
}
.comment-title {
font-size: 18px;
}
* + .comment-group {
margin-top: 40px;
}
}
@media (min-width: 1200px) {
.comment-group .comment-group {
padding-left: 110px;
}
.comment-group .comment-group .comment-group {
padding-left: 55px;
}
* + .comment-group {
margin-top: 50px;
}
.comment-group + .comment-group {
margin-top: 45px;
}
}
/** @section Event lightbox */
.event-default {
position: relative;
max-width: 570px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
border-radius: 8px;
-webkit-mask-image: -webkit-radial-gradient(white, black);
}
.event-default-title {
color: #981df0;
}
.event-default-title:hover {
color: #ed1c94;
}
.event-default-wrap {
text-align: left;
}
.event-default-inner {
margin-top: 25px;
color: #838386;
}
.event-default-inner > * + * {
margin-top: 12px;
}
.event-default-inner .event-default-link {
color: #838386;
}
.event-default-inner .event-default-link:hover {
color: #ed1c94;
}
.event-default-date-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
padding: 5px 15px;
background-color: #981df0;
color: #ffffff;
}
.event-default-date-wrap time {
display: flex;
align-items: baseline;
justify-content: center;
}
.event-default-date,
.event-default-time,
.event-default-month {
padding-left: 5px;
padding-right: 5px;
font-size: 18px;
}
.event-default-date {
font-family: "Oswald", Helvetica, Arial, sans-serif;
font-weight: 400;
}
.event-default-month {
text-transform: uppercase;
letter-spacing: .02em;
}
.event-default-time {
font-weight: 300;
}
.event-default-caption {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
background-color: rgba(0, 0, 0, 0.4);
transition: 550ms ease-in-out;
}
.event-default-caption > * {
pointer-events: auto;
}
.event-default-caption .button {
margin-top: 15px;
}
@media (min-width: 992px) {
.desktop .event-default-date-wrap {
width: auto;
padding: 5px 5px 10px;
}
.desktop .event-default-date-wrap time {
align-items: center;
flex-direction: column;
}
.desktop .event-default-date {
font-size: 22px;
}
.desktop .event-default-month {
font-weight: 700;
}
.desktop .event-default-caption {
opacity: 0;
}
.desktop .event-default-caption .button {
transition: 350ms 200ms opacity, 350ms 200ms transform;
opacity: 0;
transform: scale3d(0.8, 0.8, 0.8);
margin-top: 0;
}
.desktop .event-default-image {
transition: 550ms ease-in-out;
}
.desktop .event-default:hover .event-default-caption {
opacity: 1;
}
.desktop .event-default:hover .button {
opacity: 1;
transform: scale3d(1, 1, 1);
}
.desktop .event-default:hover .event-default-image {
transform: scale3d(1.05, 1.05, 1.05);
}
}
@media (min-width: 1600px) {
.desktop .event-default-date-wrap {
padding: 10px 15px 10px;
}
.desktop .event-default-date {
font-size: 28px;
}
}
/** @section Footers */
/**
* Base Style
*/
.page-footer .thumbnail-instafeed .caption .list-inline {
font-size: 16px;
}
.page-footer .thumbnail-instafeed .caption .list-inline span {
max-width: 50px;
overflow: hidden;
text-overflow: ellipsis;
}
@media (min-width: 1800px) {
.page-footer .thumbnail-instafeed .caption .list-inline span {
max-width: 70px;
}
}
.page-footer-extended .thumbnail-instafeed .caption .icon,
.page-footer-default .thumbnail-instafeed .caption .icon,
.page-footer-alternative .thumbnail-instafeed .caption .icon {
font-size: 16px;
}
.page-footer-extended .thumbnail-instafeed-minimal .caption .list-inline > li + li,
.page-footer-default .thumbnail-instafeed-minimal .caption .list-inline > li + li,
.page-footer-alternative .thumbnail-instafeed-minimal .caption .list-inline > li + li {
margin-top: 5px;
}
/**
* Footer Default Style
*/
[class*='bg-'] + .page-footer-default,
* + .page-footer-default,
.page-footer-default {
padding: 60px 0 20px;
}
.page-footer-default .instafeed {
max-width: 470px;
margin-right: auto;
}
.page-footer-default h6 + * {
margin-top: 22px;
}
@media (min-width: 1600px) {
.page-footer-default h6 + * {
margin-top: 30px;
}
}
@media (min-width: 768px) {
.page-footer-default {
text-align: left;
}
[class*='bg-'] + .page-footer-default,
* + .page-footer-default,
.page-footer-default {
padding: 90px 0 30px;
}
}
/**
* Footer Alternative Style
*/
.page-footer-alternative {
padding: 60px 0 40px;
text-align: left;
}
.page-footer-alternative .twitter-feed-minimal-content {
font-size: 18px;
}
.page-footer-alternative .divider-xl {
margin: 50px auto 40px;
}
.page-footer-alternative .instafeed {
max-width: 320px;
}
.page-footer-alternative .list-xs {
letter-spacing: 0.02em;
}
.page-footer-alternative .list-xs > li + li {
margin-top: 21px;
}
.page-footer-alternative .list-comma > li {
display: block;
}
.page-footer-alternative * + .instafeed {
margin-top: 30px;
}
.page-footer-alternative * + .twitter {
margin-top: 30px;
}
.page-footer-alternative * + .list-xs {
margin-top: 30px;
}
@media (min-width: 768px) {
.page-footer-alternative {
padding: 90px 0 40px;
}
}
@media (min-width: 1200px) {
.page-footer-alternative {
padding: 90px 0 50px;
}
.page-footer-alternative .divider-xl {
margin: 70px auto 40px;
}
}
@media (min-width: 1600px) {
.divider-xl {
margin: 120px auto 40px;
}
}
/**
* Footer Minimal Style
*/
.page-footer-minimal {
padding: 55px 0;
}
/**
* Footer Extended Style
*/
.page-footer-extended {
position: relative;
overflow: hidden;
padding: 70px 0 30px;
}
.page-footer-extended * + h6 {
margin-top: 30px;
}
.page-footer-extended * + .instafeed {
margin-top: 25px;
}
@media (min-width: 768px) {
.page-footer-extended * + h6 {
margin-top: 40px;
}
.page-footer-extended * + .flickr {
margin-top: 40px;
}
.page-footer-extended * + .instafeed {
margin-top: 40px;
}
}
@media (min-width: 1200px) {
.page-footer-extended {
padding: 60px 0 40px;
}
.page-footer-extended * + h6 {
margin-top: 65px;
}
.page-footer-extended .google-map-wrap {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: calc(50% + 250px);
}
.page-footer-extended .google-map-container,
.page-footer-extended .google-map {
height: 100%;
max-width: none;
}
}
@media (min-width: 1600px) {
.page-footer-extended {
padding: 160px 0 60px;
}
.page-footer-extended * + h6 {
margin-top: 115px;
}
.page-footer-extended .google-map-wrap {
right: calc(50% + 330px);
}
}
@media (min-width: 1800px) {
.page-footer-extended p.rights {
margin-left: 15px;
}
}
.page-footer-icon-list {
margin-bottom: -5px;
transform: translateY(-5px);
margin-left: -7.5px;
margin-right: -7.5px;
}
.page-footer-icon-list > li {
display: inline-block;
margin-top: 5px;
margin-left: 7.5px;
margin-right: 7.5px;
}
@media (min-width: 1600px) {
.page-footer-icon-list {
margin-bottom: -5px;
transform: translateY(-5px);
margin-left: -17.5px;
margin-right: -17.5px;
}
.page-footer-icon-list > li {
display: inline-block;
margin-top: 5px;
margin-left: 17.5px;
margin-right: 17.5px;
}
}
.page-footer-inline-list {
color: #29293a;
font-family: "Oswald", Helvetica, Arial, sans-serif;
margin-bottom: -10px;
transform: translateY(-10px);
margin-left: -10px;
margin-right: -10px;
}
.page-footer-inline-list > li {
display: inline-block;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
}
@media (min-width: 768px) {
.page-footer-inline-list {
margin-bottom: -10px;
transform: translateY(-10px);
margin-left: -29.5px;
margin-right: -29.5px;
}
.page-footer-inline-list > li {
display: inline-block;
margin-top: 10px;
margin-left: 29.5px;
margin-right: 29.5px;
}
}
@media (min-width: 1200px) {
.page-footer-inline-list {
margin-bottom: -10px;
transform: translateY(-10px);
margin-left: -12.5px;
margin-right: -12.5px;
}
.page-footer-inline-list > li {
display: inline-block;
margin-top: 10px;
margin-left: 12.5px;
margin-right: 12.5px;
}
}
@media (min-width: 1600px) {
.page-footer-inline-list {
margin-bottom: -10px;
transform: translateY(-10px);
margin-left: -29.5px;
margin-right: -29.5px;
}
.page-footer-inline-list > li {
display: inline-block;
margin-top: 10px;
margin-left: 29.5px;
margin-right: 29.5px;
}
}
.page-footer-inline-list a {
color: inherit;
text-transform: uppercase;
letter-spacing: .1em;
}
.page-footer-inline-list a:hover {
color: #ed1c94;
}
p.rights {
letter-spacing: 0.02em;
}
p.rights a, p.rights a:focus, p.rights a:active {
color: inherit;
}
p.rights a:hover {
color: #ed1c94;
}
* + .page-footer-icon-list {
margin-top: 30px;
}
* + p.rights {
margin-top: 40px;
}
@media (min-width: 768px) {
* + .page-footer-icon-list {
margin-top: 35px;
}
* + p.rights {
margin-top: 50px;
}
}
@media (min-width: 1600px) {
* + p.rights {
margin-top: 90px;
}
}
/** @section Forms */
.rd-mailform {
position: relative;
text-align: left;
}
.rd-mailform .recaptcha {
transform-origin: 0 50%;
transform: scale(0.9);
}
input:-webkit-autofill ~ label,
input:-webkit-autofill ~ .form-validation {
color: #000000 !important;
}
.form-input {
box-shadow: none;
display: block;
width: 100%;
min-height: 60px;
padding: 18px 25px;
font-weight: 300;
line-height: 24px;
color: #29293a;
background-color: #f2f3f9;
background-image: none;
border: 0px solid #f2f3f9;
border-radius: 35px;
-webkit-appearance: none;
}
.form-input:focus {
background-color: #f2f3f9;
box-shadow: none;
}
@media (min-width: 1600px) {
.form-input {
font-size: 18px;
}
}
textarea.form-input {
height: 150px;
min-height: 120px;
max-height: 255px;
resize: vertical;
}
textarea.form-input.form-input-lg {
height: 200px;
min-height: 160px;
max-height: 340px;
}
.form-wrap {
position: relative;
margin: 0;
}
.form-wrap.box-width-1, .form-wrap.box-scrim-example, .form-wrap.box-scrim-example {
margin-left: auto;
margin-right: auto;
}
.form-wrap + .form-wrap {
margin-top: 20px;
}
.form-wrap-inline + .form-wrap-inline {
margin-top: 10px;
}
* + .button.form-button,
* + .form-button {
margin-top: 20px;
}
.form-label,
.form-label-outside {
font-weight: 300;
line-height: 24px;
color: #838386;
}
@media (min-width: 1600px) {
.form-label,
.form-label-outside {
font-size: 18px;
}
}
.form-label {
position: absolute;
top: 30px;
left: 25px;
z-index: 9;
transition: .3s;
transform: translateY(-50%);
pointer-events: none;
}
.form-label.focus {
opacity: 0;
}
.form-label.auto-fill {
color: #29293a;
}
.form-label-outside {
padding-left: 21px;
margin-bottom: 3px;
font-size: 12px;
letter-spacing: .02em;
color: #838386;
pointer-events: auto;
cursor: pointer;
}
.form-label-outside, .form-label-outside.focus, .form-label-outside.auto-fill {
opacity: 1;
transform: none;
}
.form-label-outside + .form-input + .form-validation {
top: 36px;
}
.form-validation {
right: 21px;
top: 3px;
font-size: 10px;
line-height: 11px;
font-weight: 400;
color: #d9534f;
transition: .3s;
z-index: 11;
}
.form-validation-left .form-validation {
right: auto;
top: 100%;
left: 0;
}
#form-output-global {
position: fixed;
bottom: 0;
visibility: hidden;
transform: translateY(calc(100% + 30px));
transition: .3s all ease;
z-index: 9999999;
margin: 15px;
}
#form-output-global.active {
transform: translateY(0);
visibility: visible;
}
@media (min-width: 768px) {
#form-output-global {
margin: 30px;
}
}
.form-output {
position: absolute;
top: 100%;
left: 0;
font-size: 14px;
line-height: 1.5;
margin-top: 2px;
transition: .3s;
opacity: 0;
visibility: hidden;
}
.form-output.active {
opacity: 1;
visibility: visible;
}
.form-output.error {
color: #d9534f;
}
.form-output.success {
color: #5cb85c;
}
/**
* Radio and Checkbox Custom
*/
/**
* Base Styles
*/
.radio, .radio-inline,
.checkbox, .checkbox-inline {
cursor: pointer;
position: relative;
font-weight: 300;
color: #838386;
}
.radio a, .radio-inline a,
.checkbox a, .checkbox-inline a {
font-weight: inherit;
}
.radio .radio-custom,
.radio-inline .radio-custom,
.checkbox .checkbox-custom,
.checkbox-inline .checkbox-custom {
opacity: 0;
}
.radio .radio-custom, .radio .radio-custom-dummy,
.radio-inline .radio-custom,
.radio-inline .radio-custom-dummy,
.checkbox .checkbox-custom,
.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom,
.checkbox-inline .checkbox-custom-dummy {
position: absolute;
width: 14px;
height: 14px;
margin-top: 5px;
outline: none;
cursor: pointer;
}
.radio .radio-custom-dummy,
.radio-inline .radio-custom-dummy,
.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom-dummy {
pointer-events: none;
background: #ffffff;
border: 1px solid #dedfe8;
}
.radio .radio-custom-dummy:after,
.radio-inline .radio-custom-dummy:after,
.checkbox .checkbox-custom-dummy:after,
.checkbox-inline .checkbox-custom-dummy:after {
position: absolute;
opacity: 0;
}
.radio .radio-custom:focus,
.radio-inline .radio-custom:focus,
.checkbox .checkbox-custom:focus,
.checkbox-inline .checkbox-custom:focus {
outline: none;
}
.checkbox a,
.radio a,
.checkbox-inline a,
.radio-inline a {
display: inline;
padding: 0 .2em;
}
.radio,
.radio-inline {
padding-left: 36px;
color: #838386;
font-weight: 300;
}
.radio .radio-custom-dummy,
.radio-inline .radio-custom-dummy {
top: -5px;
left: 0;
width: 26px;
height: 26px;
box-shadow: inset 0 0 0 0 #dedfe8;
border-radius: 50%;
transition: .22s;
}
.radio .radio-custom:checked + .radio-custom-dummy,
.radio-inline .radio-custom:checked + .radio-custom-dummy {
box-shadow: inset 0 0 0 7px #981df0;
}
@media (min-width: 768px) {
.radio,
.radio-inline {
padding-left: 40px;
}
.radio .radio-custom-dummy,
.radio-inline .radio-custom-dummy {
right: -3px;
}
}
.checkbox,
.checkbox-inline {
padding-left: 38px;
}
.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom-dummy {
left: 0;
width: 26px;
height: 26px;
margin-top: 0;
margin-left: 0;
pointer-events: none;
border-radius: 5px;
transition: .22s;
}
.checkbox .checkbox-custom-dummy:after,
.checkbox-inline .checkbox-custom-dummy:after {
content: '\f222';
font-family: "Material Design Icons";
font-size: 14px;
line-height: 10px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotateY(180deg);
color: #ffffff;
opacity: 0;
transition: .22s;
}
.checkbox .checkbox-custom:checked + .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom:checked + .checkbox-custom-dummy {
background: #981df0;
border-color: #981df0;
}
.checkbox .checkbox-custom:checked + .checkbox-custom-dummy::after,
.checkbox-inline .checkbox-custom:checked + .checkbox-custom-dummy::after {
opacity: 1;
transform: translate(-50%, -50%) rotateY(0deg);
}
@media (min-width: 992px) {
.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom-dummy {
margin-top: 1px;
}
}
.checkbox.checkbox-material,
.checkbox-inline.checkbox-material {
padding-left: 60px;
}
.checkbox.checkbox-material .checkbox-custom-dummy,
.checkbox-inline.checkbox-material .checkbox-custom-dummy {
margin-top: -1px;
width: 50px;
height: 28px;
border-radius: 22px;
}
.checkbox.checkbox-material .checkbox-custom-dummy::after,
.checkbox-inline.checkbox-material .checkbox-custom-dummy::after {
content: '';
width: 20px;
height: 20px;
left: 0;
background: #dedfe8;
transform: translate(3px, -50%);
border-radius: 50%;
opacity: 1;
}
.checkbox.checkbox-material .checkbox-custom:checked + .checkbox-custom-dummy,
.checkbox-inline.checkbox-material .checkbox-custom:checked + .checkbox-custom-dummy {
background: #ffffff;
}
.checkbox.checkbox-material .checkbox-custom:checked + .checkbox-custom-dummy::after,
.checkbox-inline.checkbox-material .checkbox-custom:checked + .checkbox-custom-dummy::after {
background: #981df0;
transform: translate(25px, -50%);
}
.radio-group > li + li {
margin-top: 16px;
}
.rd-mailform-inline .rd-mailform-inline-inner {
position: relative;
z-index: 1;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 100%;
transform: translateY(-15px);
margin-bottom: -15px;
}
.rd-mailform-inline .rd-mailform-inline-inner::before {
content: '';
position: absolute;
top: 15px;
height: 60px;
left: 0;
right: 0;
background: #f2f3f9;
z-index: -1;
border-radius: 35px;
}
.rd-mailform-inline .rd-mailform-inline-inner > * {
margin-top: 15px;
}
.rd-mailform-inline .form-wrap {
flex-grow: 1;
}
.rd-mailform-inline .form-input {
padding-right: 18px;
min-width: 150px;
color: #29293a;
}
.rd-mailform-inline .form-button {
min-width: 130px;
flex-shrink: 0;
}
.rd-mailform-inline .form-validation {
left: 25px;
top: 1px;
}
.rd-mailform-inline.rd-mailform-sm .rd-mailform-inline-inner::before {
height: 50px;
}
.rd-mailform-inline-modern .rd-mailform-inline-inner::before {
top: 15px;
height: 70px;
}
.rd-mailform-inline-modern .rd-mailform-inline-inner {
padding: 6px 5px 5px;
transform: translateY(-15px);
margin-bottom: -15px;
}
.rd-mailform-inline-modern .rd-mailform-inline-inner > * {
margin-top: 15px;
}
.rd-mailform-inline-modern.rd-mailform-sm .rd-mailform-inline-inner::before {
height: 62px;
}
.rd-mailform-sm .form-input,
.rd-mailform-sm .form-label {
color: #29293a;
}
.rd-mailform-sm .form-input,
.rd-mailform-sm .button {
min-height: 50px;
}
.rd-mailform-sm .form-input {
padding-top: 12px;
padding-bottom: 12px;
}
.rd-mailform-sm .form-label {
top: 25px;
}
.form-wrap-icon:before {
position: absolute;
top: 9px;
left: 15px;
display: inline-block !important;
font-family: "Material Design Icons";
font-size: 24px;
color: #29293a;
}
.form-wrap-icon .form-label {
left: 50px;
}
.form-wrap-icon .form-input {
padding-left: 50px;
}
.rd-mailform-small {
max-width: 370px;
}
.text-center .rd-mailform-small {
margin-left: auto;
margin-right: auto;
}
.form-request {
padding: 30px 15px;
max-width: 420px;
margin-left: auto;
margin-right: auto;
border-radius: 8px;
background-color: #ffffff;
color: #29293a;
}
@media (min-width: 1200px) {
.form-request {
padding: 40px 35px;
}
}
.form-request-modern {
max-width: 566px;
background-color: #f2f3f9;
}
.form-request-modern .select2-container--bootstrap .select2-selection,
.form-request-modern .form-input {
background-color: #ffffff;
}
.form-request-modern .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
.form-request-modern .form-input,
.form-request-modern .form-label {
color: #29293a;
}
.form-flex-inline {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
align-content: flex-end;
margin-left: -8px;
margin-right: -8px;
margin-bottom: -15px;
transform: translateY(-15px);
}
.form-flex-inline-item {
flex-shrink: 1;
flex-grow: 1;
padding-left: 8px;
padding-right: 8px;
margin-top: 15px;
}
.form-flex-inline-item-static {
width: 100%;
}
@media (min-width: 768px) {
.form-flex-inline-item-static {
width: 27%;
}
}
@media (min-width: 992px) {
.form-flex-inline-item-static {
width: 19%;
max-width: 185px;
}
}
@media (min-width: 1200px) {
.form-flex-inline-item-static {
max-width: 239px;
width: 14.1%;
}
}
.form-flex-inline-item-custom {
margin-top: 30px;
display: flex;
align-items: flex-end;
justify-content: center;
}
.form-flex-inline .form-button .button {
min-width: 190px;
}
@media (min-width: 768px) {
.form-flex-inline {
flex-direction: row;
}
}
@media (min-width: 992px) {
.form-flex-inline {
flex-wrap: nowrap;
}
.form-flex-inline-item-custom {
flex-grow: 0;
justify-content: flex-start;
margin-top: 15px;
}
}
.form-request-modern {
margin-top: 30px;
margin-bottom: 30px;
}
.form-request-modern * + .rd-mailform {
margin-top: 10px;
}
.form-request-modern * + .form-button {
margin-top: 30px;
}
@media (min-width: 1200px) {
.form-request-modern {
margin-top: 0;
margin-bottom: 0;
}
}
@media (min-width: 1600px) {
.form-request-modern * + .form-button {
margin-top: 40px;
}
}
.form-find {
box-shadow: 0 4px 29px 0 rgba(110, 123, 157, 0.29);
background-color: #ffffff;
border-radius: 9px;
text-align: left;
overflow: hidden;
}
.form-find.form-find-white .form-input {
background-color: #f2f3f9;
}
.form-find.form-find-white .form-input,
.form-find.form-find-white .form-label {
letter-spacing: 0.02em;
color: #29293a;
}
.form-find-header {
padding: .9em 2.2em;
color: #ffffff;
background-color: #981df0;
}
.form-find-header > * {
color: inherit;
}
.form-find-body {
padding: 20px 20px 30px;
}
.form-find-body.rd-mailform {
margin-top: 0;
}
@media (min-width: 480px) {
.form-find-body {
padding: 37px 47px 50px;
}
}
.bg-default .form-find {
background-color: #ffffff;
}
.bg-default .form-find .form-label,
.bg-default .form-find .form-input {
color: #29293a;
}
/** @section Gallery Item */
.gallery-item {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 570px;
margin-left: auto;
margin-right: auto;
text-align: center;
overflow: hidden;
width: 100.1%;
-webkit-mask-image: -webkit-radial-gradient(white, black);
}
.gallery-item > * {
width: 100%;
}
.gallery-item figure {
width: 100%;
transition: .55s all ease-in-out;
}
.gallery-item img {
position: relative;
left: 50%;
transform: translateX(-50%);
width: auto;
height: auto;
max-width: none;
min-width: 101.5%;
}
.gallery-item .caption {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
transition: .33s all ease-in-out;
pointer-events: none;
background: rgba(0, 0, 0, 0.7);
}
.gallery-item .caption > * {
pointer-events: auto;
position: relative;
z-index: 2;
}
.gallery-item .caption:before {
position: absolute;
bottom: 0;
right: 0;
transform-origin: 0 100%;
transform: rotate(45deg);
content: "";
display: inline-block;
width: 100px;
height: 160px;
background-color: #ed1c94;
}
.gallery-item .caption:after {
position: absolute;
bottom: 0;
right: 10px;
content: '\f504';
font-family: "Material Design Icons";
font-size: 36px;
color: #ffffff;
}
.gallery-item .caption-title,
.gallery-item .caption-text {
color: #ffffff;
}
.gallery-item .caption-title {
position: relative;
font-size: 24px;
line-height: 1.25;
text-transform: uppercase;
letter-spacing: 0.12em;
font-family: "Oswald", Helvetica, Arial, sans-serif;
font-weight: 400;
}
.gallery-item .caption-text {
max-width: 100%;
margin-top: 25px;
padding: 0 15px;
color: #ffffff;
opacity: .6;
}
.gallery-album-item {
cursor: pointer;
}
.titled-gallery-item .caption {
background: transparent;
}
.titled-gallery-item .caption:before {
content: none;
}
.titled-gallery-item .caption:after {
content: none;
}
.titled-gallery-caption {
width: 100%;
padding-top: 15px;
text-align: left;
color: #ed1c94;
transition: 550ms ease-in-out;
font-weight: 400;
}
.title-inside-gallery-text {
margin-top: 15px;
color: #ededed;
transition: .33s all ease-in-out;
}
.title-inside-gallery-title {
font-size: 24px;
line-height: 1.25;
text-transform: uppercase;
letter-spacing: 0.12em;
font-family: "Oswald", Helvetica, Arial, sans-serif;
font-weight: 400;
color: #ffffff;
}
.title-inside-gallery-title:hover {
color: #ffec17;
}
.title-inside-gallery-caption {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
padding: 15px 15px 25px;
text-align: left;
pointer-events: none;
}
.title-inside-gallery-caption > * {
position: relative;
pointer-events: auto;
}
.title-inside-gallery-caption:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
transition: .33s all ease-in-out;
pointer-events: none;
background: rgba(0, 0, 0, 0.7);
}
.gallery-item-fullwidth {
max-width: 100.1%;
max-height: 300px;
}
@media (min-width: 992px) {
.gallery-item-fullwidth {
max-height: 100%;
}
}
@media (min-width: 992px) {
.desktop .gallery-item .caption {
transition: .4s all ease;
opacity: 0;
}
.desktop .gallery-item .caption:before {
transform: rotate(90deg);
transition: 350ms 250ms transform;
}
.desktop .gallery-item .caption:after {
transition: 350ms 450ms transform, 350ms 450ms opacity;
transform: translateX(100%);
opacity: 0;
}
.desktop .gallery-item .caption-title,
.desktop .gallery-item .caption-text {
transition: 300ms 50ms ease-in-out;
transform: scale3d(0.7, 0.7, 0);
}
.desktop .gallery-item .caption-text {
max-width: 340px;
}
.desktop .gallery-item:hover figure {
transform: scale3d(1.05, 1.05, 1.05);
}
.desktop .gallery-item:hover .caption {
opacity: 1;
}
.desktop .gallery-item:hover .caption:before {
transform: rotate(45deg);
}
.desktop .gallery-item:hover .caption:after {
transform: translateX(0);
opacity: 1;
}
.desktop .gallery-item:hover .caption-title,
.desktop .gallery-item:hover .caption-text {
transform: scale3d(1, 1, 1);
}
.desktop .titled-gallery-caption {
font-size: 24px;
}
.desktop .titled-gallery-item .caption {
-webkit-mask-image: -webkit-radial-gradient(white, black);
background: rgba(237, 28, 148, 0.6);
}
.desktop .titled-gallery-item .caption:after {
position: absolute;
left: 50%;
top: 50%;
right: auto;
bottom: auto;
content: '\f504';
font-family: "Material Design Icons";
color: #ffffff;
z-index: 2;
font-size: 60px;
transform: translate3d(-50%, -50%, -100px);
transition: 550ms ease-in-out;
}
.desktop .titled-gallery-item:hover ~ .titled-gallery-caption {
color: #981df0;
}
.desktop .titled-gallery-item:hover .caption:after {
transform: translate3d(-50%, -50%, 0);
}
.desktop .title-inside-gallery-text {
opacity: 0;
margin-bottom: -66px;
max-width: 350px;
}
.desktop .title-inside-gallery-caption:before {
opacity: 0;
}
.desktop .title-inside-gallery-item:hover .title-inside-gallery-text {
opacity: 1;
margin-bottom: 0;
}
.desktop .title-inside-gallery-item:hover .title-inside-gallery-caption:before {
opacity: 1;
}
}
@media (min-width: 1600px) {
.title-inside-gallery-caption {
padding: 35px;
}
}
/** @section Icons */
/**
* Base styles
*/
.icon {
display: inline-block;
line-height: 1;
text-align: center;
}
.icon:before {
display: inline-block;
font-weight: 400;
font-style: normal;
speak: none;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/**
* Alternate styles
*/
.page .icon-default {
color: #838386;
}
.page .icon-white {
color: #ffffff;
}
.page .icon-gray {
color: #555555;
}
.page .icon-gray-1 {
color: #c2c2c3;
}
.page .icon-gray-light {
color: #838386;
}
.page .icon-darker {
color: #29293a;
}
.page .icon-primary {
color: #981df0;
}
.page .icon-secondary {
color: #ed1c94;
}
.page .icon-filled {
color: #ffffff;
background: #29293a;
}
.page .icon-filled[class*='facebook'] {
background: #4d70a8;
}
.page .icon-filled[class*='twitter'] {
background: #02bcf3;
}
.page .icon-filled[class*='instagram'] {
background: #444;
}
.page .icon-filled[class*='google'] {
background: #e2411e;
}
.page .icon-filled[class*='linkedin'] {
background: #1787b1;
}
.page .icon-secondary-5-filled {
color: #c2c2c3;
background: #21212e;
}
.page a.icon-default:hover {
color: #ed1c94;
}
.page a.icon-darker:hover {
color: #981df0;
}
.page a.icon-white:hover {
color: #ffec17;
}
.page a.icon-gray-1:hover {
color: #ed1c94;
}
.page a.icon-gray-light:hover {
color: #ffec17;
}
.page a.icon-gray-light[class*='facebook']:hover {
color: #3e5a86;
}
.page a.icon-gray-light[class*='twitter']:hover {
color: #008ee0;
}
.page a.icon-gray-light[class*='instagram']:hover {
color: #2b2b2b;
}
.page a.icon-gray-light[class*='google']:hover {
color: #b53418;
}
.page a.icon-gray-light[class*='linkedin']:hover {
color: #116584;
}
.page a.icon-filled[class*='facebook']:hover {
background: #3e5a86;
}
.page a.icon-filled[class*='twitter']:hover {
background: #008ee0;
}
.page a.icon-filled[class*='instagram']:hover {
background: #2b2b2b;
}
.page a.icon-filled[class*='google']:hover {
background: #b53418;
}
.page a.icon-filled[class*='linkedin']:hover {
background: #116584;
}
.page a.icon-secondary-5-filled:hover {
color: #ffffff;
background: #ed1c94;
}
.page a.icon-secondary-5-filled[class*='facebook']:hover {
background: #4d70a8;
}
.page a.icon-secondary-5-filled[class*='twitter']:hover {
background: #02bcf3;
}
.page a.icon-secondary-5-filled[class*='instagram']:hover {
background: #444;
}
.page a.icon-secondary-5-filled[class*='google']:hover {
background: #e2411e;
}
.page a.icon-secondary-5-filled[class*='linkedin']:hover {
background: #1787b1;
}
/**
* Icon sizes
*/
.page .icon-xs {
font-size: 13px;
}
.page .icon-sm {
font-size: 19px;
}
.page .icon-sm-bigger {
font-size: 22px;
}
.page .icon-md-smaller {
font-size: 20px;
}
.page .icon-md-middle {
font-size: 24px;
}
.page .icon-md {
font-size: 27px;
}
.page .icon-md-big {
font-size: 36px;
}
.page .icon-lg-smaller {
font-size: 40px;
}
.page .icon-lg {
font-size: 62px;
line-height: 62px;
}
@media (min-width: 1600px) {
.page .icon-xs {
font-size: 13px;
}
.page .icon-sm {
font-size: 19px;
}
.page .icon-sm-bigger {
font-size: 22px;
}
.page .icon-md-smaller {
font-size: 23px;
}
.page .icon-md-middle {
font-size: 24px;
}
.page .icon-md {
font-size: 27px;
}
.page .icon-md-big {
font-size: 36px;
}
.page .icon-lg-smaller {
font-size: 40px;
}
.page .icon-lg {
font-size: 62px;
line-height: 62px;
}
}
/**
* Icon shapes
*/
.icon-circle {
border-radius: 100%;
}
.icon.icon-circle {
width: 1.75em;
height: 1.75em;
line-height: 1.75em;
}
@media (min-width: 768px) {
.icon.icon-circle {
width: 1.9em;
height: 1.9em;
line-height: 1.9em;
}
}
@media (min-width: 1600px) {
.icon.icon-circle {
width: 2.25em;
height: 2.25em;
line-height: 2.25em;
}
}
.icon.icon-round {
border-radius: 4px;
width: 2.2em;
height: 2.2em;
line-height: 2.2em;
}
/** @section Links */
a {
color: #ed1c94;
text-decoration: none;
transition: .25s;
}
a:hover, a:focus {
color: #981df0;
text-decoration: none;
outline: none;
}
a[href*='tel'], a[href*='mailto'] {
white-space: nowrap;
}
.privacy-link {
display: inline-block;
}
.link-hover {
color: #981df0;
}
.link-press {
color: #981df0;
}
.link-video {
position: relative;
z-index: 1;
display: inline-block;
overflow: hidden;
border-radius: 50%;
line-height: 1;
}
.link-video, .link-video:active, .link-video:focus {
color: #ffffff;
}
.link-video:hover {
color: #ffec17;
}
.link-video::before {
position: static;
display: inline-block;
overflow: hidden;
content: '\f4fb';
font-family: "Material Design Icons";
font-size: 50px;
border-radius: 50%;
}
@media (min-width: 992px) {
.link-video::before {
font-size: 75px;
}
}
@media (min-width: 1600px) {
.link-video::before {
font-size: 100px;
}
}
.link-bold {
font-weight: 700;
color: #ed1c94;
}
.link-bold:hover {
color: #981df0;
}
.link-image {
display: inline-block;
max-width: 80%;
text-align: center;
}
.link-image img {
opacity: .5;
width: auto;
transition: .33s;
}
.link-image:hover img {
opacity: 1;
}
.link-text-color {
color: #838386;
}
.link-text-color:hover {
color: #ed1c94;
}
/** @section Lists */
/**
* Basic lists
*/
.list-xxs > li + li {
margin-top: 10px;
}
.list-xs > li + li {
margin-top: 17px;
}
.list-sm > li + li {
margin-top: 20px;
}
.list-lg > li + li {
margin-top: 25px;
}
.list-xl > li + li {
margin-top: 35px;
}
@media (min-width: 768px) {
.list-lg > li + li {
margin-top: 45px;
}
.list-xl > li + li {
margin-top: 60px;
}
}
@media (min-width: 1200px) {
.list-sm > li + li {
margin-top: 30px;
}
.list-lg > li + li {
margin-top: 60px;
}
.list-xl > li + li {
margin-top: 80px;
}
}
@media (min-width: 1600px) {
.list-xl > li + li {
margin-top: 120px;
}
}
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
/**
* List marked
*/
.list-marked {
padding-left: 25px;
text-align: left;
}
.list-marked > li {
position: relative;
padding-left: 25px;
}
.list-marked > li:before {
position: absolute;
top: .6em;
left: 0;
transform: translateY(-50%);
content: '\f238';
font-family: "Material Design Icons";
font-size: 1.22em;
line-height: 1;
font-weight: 400;
color: #b7b7b7;
}
.list-marked a {
color: #29293a;
}
.list-marked a:hover {
color: #981df0;
}
.list-marked > li + li {
margin-top: 10px;
}
.list-marked-primary {
padding-left: 0;
}
.list-marked-primary > li:before {
color: #c2c2c3;
}
.list-marked-primary > li a {
color: #981df0;
}
.list-marked-primary > li a:hover {
color: #29293a;
}
.list-marked-secondary a {
color: #ed1c94;
}
.list-marked-secondary a:hover {
color: #981df0;
}
@media (min-width: 1200px) {
.list-marked-primary > li {
padding-left: 35px;
}
}
/**
* List ordered
*/
.list-ordered {
padding-left: 25px;
counter-reset: li;
text-align: left;
}
.list-ordered li {
position: relative;
padding-left: 25px;
}
.list-ordered li:before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 15px;
content: counter(li, decimal) ".";
counter-increment: li;
color: #29293a;
}
.list-ordered li + li {
margin-top: 10px;
}
/**
* List darker
*/
.list-darker {
color: #29293a;
}
.list-darker a {
color: inherit;
}
.list-darker a:hover {
color: #981df0;
}
/**
* List comma
*/
.list-comma > li {
display: inline-block;
}
.list-comma > li:not(:last-child):after {
content: ',';
display: inline-block;
margin-right: 3px;
}
/**
* List twitter
*/
.list-twitter {
color: #29293a;
}
.list-twitter .twitter-icon {
color: #02bcf3;
}
.list-twitter time {
display: block;
color: #c2c2c3;
}
.list-twitter * + time {
margin-top: 8px;
}
.list-twitter > li + li {
margin-top: 20px;
}
@media (min-width: 768px) {
.list-twitter > li + li {
margin-top: 30px;
}
}
.list-inline-md {
margin-bottom: -5px;
transform: translateY(-5px);
margin-left: -4px;
margin-right: -4px;
}
.list-inline-md > li {
display: inline-block;
margin-top: 5px;
margin-left: 4px;
margin-right: 4px;
}
@media (min-width: 1600px) {
.list-inline-md {
margin-bottom: -5px;
transform: translateY(-5px);
margin-left: -15px;
margin-right: -15px;
}
.list-inline-md > li {
display: inline-block;
margin-top: 5px;
margin-left: 15px;
margin-right: 15px;
}
}
* + .list-inline-md {
margin-top: 25px;
}
@media (min-width: 768px) {
* + .list-inline-md {
margin-top: 40px;
}
}
.index-list {
counter-reset: li;
text-align: left;
padding-top: 70px;
}
@media (min-width: 1600px) {
.index-list {
padding-top: 150px;
}
}
.index-list .index-list-content {
max-width: 360px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1600px) {
.index-list .index-list-content {
margin-left: 0;
}
}
.index-list > li .list-index-counter {
position: relative;
z-index: 1;
}
.index-list > li .list-index-counter:before {
z-index: -1;
content: counter(li);
counter-increment: li;
position: absolute;
top: 0;
left: 0;
font-family: 'Montserrat', sans-serif;
font-size: 170px;
line-height: 130px;
font-weight: 900;
color: #f2f3f9;
transform: translateY(-78%);
}
.index-list > li p {
letter-spacing: 0.02em;
}
.index-list > li h6 + p, .index-list > li .heading-6 + p {
margin-top: 20px;
}
.bg-gray-lighter .index-list > li .list-index-counter:before {
color: #ffffff;
}
.bg-gray-darker .index-list > li .list-index-counter:before, .bg-additional-gray-darker .bg-additional-item .index-list > li .list-index-counter:before {
color: #981df0;
}
.bg-gray-darker .index-list-content p, .bg-additional-gray-darker .bg-additional-item .index-list-content p {
color: #c2c2c3;
}
.inline-list {
margin-bottom: -12px;
transform: translateY(-12px);
margin-left: -3.5px;
margin-right: -3.5px;
}
.inline-list > li {
display: inline-block;
margin-top: 12px;
margin-left: 3.5px;
margin-right: 3.5px;
}
@media (min-width: 1200px) {
.inline-list {
margin-bottom: -10px;
transform: translateY(-10px);
margin-left: -20px;
margin-right: -20px;
}
.inline-list > li {
display: inline-block;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
}
}
.inline-list-xs {
margin-bottom: -12px;
transform: translateY(-12px);
margin-left: -10px;
margin-right: -10px;
}
.inline-list-xs > li {
display: inline-block;
margin-top: 12px;
margin-left: 10px;
margin-right: 10px;
}
* + .inline-list {
margin-top: 20px;
}
.inline-list + .inline-list {
margin-top: 25px;
}
@media (min-width: 1600px) {
* + .inline-list {
margin-top: 40px;
}
.inline-list + .inline-list {
margin-top: 45px;
}
}
.list-terms dt + dd {
margin-top: 15px;
}
.list-terms dd + dt {
margin-top: 25px;
}
@media (min-width: 1600px) {
.list-terms dt + dd {
margin-top: 20px;
}
.list-terms dd + dt {
margin-top: 50px;
}
}
/** @section Modals */
body.modal-open[style*='visible'] {
padding-right: 0 !important;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
width: auto;
height: auto;
outline: 0;
}
.modal-dialog {
margin-left: auto;
margin-right: auto;
}
.modal-backdrop {
z-index: 1080;
}
.modal-custom {
padding-left: 20px;
padding-right: 20px;
z-index: 9999;
}
.modal-custom .modal-dialog {
width: 100%;
max-width: 830px;
}
.modal-custom .modal-header {
border-bottom: 0;
padding: 0;
}
.modal-custom .modal-content {
padding: 10px;
margin: 10px;
border: 0;
box-shadow: 0 0 24px rgba(127, 131, 154, 0.42);
}
.modal-custom .modal-body {
padding-top: 5px;
}
.modal-custom .close {
position: absolute;
top: 0;
right: 0;
margin: 0;
opacity: 1;
text-shadow: none;
z-index: 2;
}
.modal-custom .close > span {
color: #ed1c94;
transition: all 0.3s ease-in-out;
}
.modal-custom .close > span:before {
content: "\f24c";
font: 400 40px/1 'Material Design Icons';
display: inline-block;
}
.modal-custom .close > span:hover {
color: #981df0;
}
.modal-custom * + form {
margin-top: 30px;
}
.modal-photo .modal-content {
background-image: url(../images/sale-modal-01-1170x600.jpg);
background-size: cover;
color: #ffffff;
}
.modal-photo .modal-title {
color: #ffffff;
}
.modal-photo .close {
background-color: rgba(0, 0, 0, 0.2);
}
.modal-account .modal-dialog {
max-width: 1170px;
}
.modal-account .modal-content {
flex-direction: row;
}
.modal-account-image {
display: none;
}
.modal-product .modal-dialog {
max-width: 450px;
margin: 10px auto;
}
.modal-product .modal-body {
display: flex;
flex-wrap: wrap;
transform: translateY(-30px);
margin-bottom: -30px;
margin-left: -15px;
margin-right: -15px;
}
.modal-product .modal-body > * {
flex-grow: 1;
margin-top: 30px;
padding-left: 15px;
padding-right: 15px;
}
.modal-product-image {
max-width: 200px;
}
.modal-product-image img {
box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.35);
}
.modal-price {
font: 400 24px/1 "Oswald", Helvetica, Arial, sans-serif;
letter-spacing: 0.12em;
color: #29293a;
}
.modal-sale .modal-dialog {
max-width: 1170px;
}
.sale-body-subtitle {
font-size: 18px;
}
.sale-body-title {
font-size: 30px;
line-height: 1;
font-weight: 900;
}
.notification .modal-content {
border: 0;
}
.notification .modal-dialog {
margin: 10px;
}
.notification-open {
overflow-x: hidden;
overflow-y: auto;
}
.notification-dark .modal-content {
background-color: #29293a;
color: #ffffff;
}
.modal.fade.slideRight .modal-dialog {
transition: 650ms ease-in-out;
transform: translate3d(0, 0, 0);
}
.modal.fade.slideRight:not(.in) .modal-dialog {
transform: translate3d(100%, 0, 0);
}
.modal.fade.slideRight.show .modal-dialog {
transform: translate3d(0, 0, 0);
}
@media (min-width: 768px) {
.notification {
top: auto;
left: auto;
padding: 20px;
}
.notification .modal-dialog {
position: static;
top: auto;
left: auto;
width: 100%;
max-width: 830px;
margin: 0;
}
}
@media (min-width: 992px) {
.modal-custom .modal-content {
position: relative;
overflow: hidden;
padding: 30px 115px 30px 40px;
}
.modal-custom .modal-content:before {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 70px;
content: "";
display: inline-block;
background-color: #f2f3f9;
}
.modal-custom .close {
padding: 15px;
}
.modal-photo .modal-content:before {
background-color: rgba(0, 0, 0, 0.2);
}
.modal-photo .close {
background-color: transparent;
}
.modal-account .modal-account-image {
display: block;
margin: 0 auto;
}
.modal-account .modal-header {
padding: 0;
}
.modal-account .modal-content {
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
}
.modal-account .modal-body {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0;
}
.modal-account .modal-body-inner {
flex-grow: 1;
}
.modal-account .modal-body-inner:first-of-type {
max-width: 410px;
}
.modal-account .modal-body-inner:last-of-type {
max-width: 370px;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
padding-bottom: 15px;
}
.modal-product .modal-dialog {
max-width: 1170px;
}
.modal-product .modal-content {
padding: 55px 115px 80px 40px;
}
.modal-product .modal-body {
flex-wrap: nowrap;
}
.modal-product .modal-body-inner {
padding-left: 70px;
}
.modal-product * + .divider {
margin-top: 30px;
}
.modal-product * + p,
.modal-product p + p {
margin-top: 30px;
}
.modal-product * + .button {
margin-top: 40px;
}
.modal-product-image {
max-width: 100%;
width: 100%;
text-align: center;
}
.modal-sale .modal-content {
min-height: 600px;
display: flex;
flex-direction: row;
align-items: center;
padding-left: 95px;
}
.ie-10 .modal-sale .modal-content,
.ie-11 .modal-sale .modal-content,
.ie-edge .modal-sale .modal-content {
height: 600px;
}
.modal-sale * + .button {
margin-top: 45px;
}
.sale-body-subtitle {
font-size: 24px;
}
.sale-body-title {
font-size: 52px;
}
.notification .modal-dialog {
margin: 30px;
width: auto;
}
.notification .rd-mailform {
width: 100%;
min-width: 370px;
}
.notification-dark .modal-content:before {
background: rgba(0, 0, 0, 0.3);
}
}
@media (min-width: 1200px) {
.modal-account .modal-body-inner:first-of-type {
max-width: 470px;
}
}
/** @section Navigation */
.navigation-pills li a {
display: inline-block;
padding: 3px 9px;
border: 1px solid #981df0;
border-radius: 5px;
font-size: 16px;
transition: .2s;
}
.navigation-pills li a.active, .navigation-pills li a:hover, .navigation-pills li a:focus {
background-color: #981df0;
color: #ffffff;
}
/** @section Pagination custom */
.pagination-custom {
display: inline-table;
margin-bottom: -10px;
margin-left: -10px;
}
.pagination-custom:empty {
margin-bottom: 0;
margin-left: 0;
}
.pagination-custom > * {
display: inline-block;
margin-top: 0;
margin-bottom: 10px;
margin-left: 10px;
}
.pagination-custom > li,
.pagination-custom > li > a {
border-radius: 10px;
}
.pagination-custom > li {
font-family: "Oswald", Helvetica, Arial, sans-serif;
font-size: 16px;
letter-spacing: 0.12em;
min-width: 50px;
color: #ffffff;
background: #ed1c94;
vertical-align: middle;
}
.pagination-custom > li > a {
display: block;
height: 50px;
line-height: 50px;
vertical-align: middle;
color: inherit;
background: inherit;
text-align: center;
}
.pagination-custom > li > a:hover {
color: #ffffff;
background: #6d0eb1;
}
.pagination-custom > li.disabled,
.pagination-custom > li.active {
pointer-events: none;
}
.pagination-custom > li.active {
color: #ffffff;
background: #6d0eb1;
}
.pagination-custom > li.disabled {
color: #ffffff;
background: #f47bc1;
}
.pagination-custom .pagination-control a::before {
color: inherit;
font-family: "Material Design Icons";
}
.pagination-custom .pagination-control:first-child a::before {
content: '\f14a';
}
.pagination-custom .pagination-control:last-child a::before {
content: '\f14f';
}
* + .pagination-custom {
margin-top: 30px;
}
@media (min-width: 1200px) {
* + .pagination-custom {
margin-top: 50px;
}
}
/** @section Posts */
.post-blog {
position: relative;
max-width: 800px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 0;
border-radius: 8px;
overflow: hidden;
text-align: left;
transition: 450ms ease-in-out;
color: #29293a;
will-change: transform;
}
.post-blog-title {
color: #981df0;
}
.post-blog-title:hover {
color: #ed1c94;
}
.post-blog:hover {
box-shadow: 0 3px 20px rgba(110, 123, 157, 0.5);
}
.post-blog .post-blog-video,
.post-blog .post-blog-quote,
.post-blog .post-blog-image {
position: relative;
min-height: 220px;
}
.post-blog .post-blog-video figure, .post-blog .post-blog-video img,
.post-blog .post-blog-quote figure,
.post-blog .post-blog-quote img,
.post-blog .post-blog-image figure,
.post-blog .post-blog-image img {
min-height: inherit;
}
.post-blog .post-blog-video img,
.post-blog .post-blog-quote img,
.post-blog .post-blog-image img {
width: 100%;
}
.post-blog .post-blog-video {
border-radius: 0;
}
.post-blog .post-blog-quote {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 10px 10px 20px;
font-size: 21px;
font-style: italic;
color: #ffffff;
background: #6d0eb1;
border-radius: 0;
text-align: center;
}
.post-blog .post-blog-quote:hover {
color: #ffec17;
}
.post-blog .post-blog-quote::before {
position: relative;
display: block;
transform: scale(-1, -1);
content: '\f373';
font-family: "Material Design Icons";
font-size: 60px;
line-height: 1;
font-style: normal;
color: inherit;
}
@media (min-width: 768px) {
.post-blog .post-blog-quote {
font-size: 24px;
}
}
@media (min-width: 1600px) {
.post-blog .post-blog-video,
.post-blog .post-blog-quote,
.post-blog .post-blog-image {
min-height: 305px;
}
}
@supports (object-fit: cover) {
.post-blog .post-blog-video img,
.post-blog .post-blog-quote img,
.post-blog .post-blog-image img {
width: 100%;
object-fit: cover;
object-position: center center;
}
}
.post-blog-caption {
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 0;
padding-top: 25px;
background-color: #f2f3f9;
}
.post-blog-caption .post-blog-caption-footer {
margin-top: auto;
}
.post-blog + .post-blog {
margin-top: 30px;
}
.post-blog-image {
overflow: hidden;
border-radius: 8px 8px 0 0;
}
.post-blog-image img {
transition: 750ms ease-in-out;
}
.post-blog-image:hover img {
transform: scale3d(1.05, 1.05, 1.05);
}
.post-blog-caption-header,
.post-blog-caption-body,
.post-blog-caption-footer {
padding-left: 15px;
padding-right: 15px;
}
.post-blog-caption-body h1, .post-blog-caption-body h2, .post-blog-caption-body h3, .post-blog-caption-body h4, .post-blog-caption-body h5, .post-blog-caption-body h6, .post-blog-caption-body [class^='heading-'] > a {
display: block;
}
@media (min-width: 480px) {
.post-blog-caption-header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
}
.post-blog-caption-body {
padding-top: 20px;
padding-bottom: 20px;
}
.post-blog-caption-footer {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 20px;
padding-bottom: 20px;
border-top: 1px solid #ffffff;
}
.post-blog-caption-footer > * {
color: #838386;
}
.post-comment > * {
vertical-align: middle;
}
.post-comment .icon {
padding-right: 5px;
}
.post-blog-container[class*='cell-'] {
display: flex;
}
.post-blog-container[class*='cell-'] > .row {
flex: 1 1 auto;
}
@media (min-width: 992px) {
.post-blog-caption-header,
.post-blog-caption-body,
.post-blog-caption-footer {
padding-left: 38px;
padding-right: 38px;
}
}
@media (min-width: 1800px) {
.post-blog {
min-height: 640px;
}
.post-blog-caption-body {
min-height: 200px;
}
}
.post-blog-quote {
display: block;
position: relative;
border-radius: 8px;
background-color: #6d0eb1;
padding: 20px;
}
.post-blog-quote .quote-primary-text,
.post-blog-quote .quote-primary-mark {
transition: 350ms ease-in-out;
}
.post-blog-quote .quote-primary-text {
color: #ffffff;
}
.post-blog-quote .quote-primary-mark {
fill: #ffffff;
}
.post-blog-quote .quote-primary-meta {
margin-top: 33px;
color: #f2f3f9;
}
.post-blog-quote .quote-primary-meta .cite {
color: #ffec17;
}
.post-blog-quote:hover .quote-primary-text {
color: #ffec17;
}
.post-blog-quote:hover .quote-primary-mark {
fill: #ffec17;
}
.post-blog-quote-text {
width: 100%;
}
@media (min-width: 768px) {
.post-blog-quote {
padding: 40px 45px 45px;
}
}
.post-blog-video {
display: block;
position: relative;
border-radius: 8px;
background-color: #000000;
overflow: hidden;
will-change: transform;
}
.post-blog-video figure {
border-radius: 8px;
opacity: .7;
}
.post-blog-video figure img {
height: auto;
width: 101%;
transition: 750ms ease-in-out;
}
.post-blog-video .icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
color: #ffffff;
font-size: 4.4em;
transition: 350ms ease-in-out;
}
.post-blog-video:hover img {
transform: scale3d(1.05, 1.05, 1.05);
}
.post-blog-video:hover .icon {
color: #ffec17;
}
.post-blog-large {
position: relative;
max-width: 870px;
margin-left: auto;
margin-right: auto;
border-radius: 8px;
overflow: hidden;
}
.post-blog-large .post-blog-meta {
position: absolute;
top: 15px;
left: 15px;
}
.post-blog-large .post-blog-meta li {
color: #ededed;
}
.post-blog-large .post-blog-meta a {
color: #ededed;
}
.post-blog-large .post-blog-meta a:focus, .post-blog-large .post-blog-meta a:hover {
color: #ffec17;
}
.post-blog-large-caption {
text-align: left;
padding: 15px 15px 20px;
background-color: #ffffff;
}
.post-blog-large-caption * + .button {
margin-top: 25px;
}
.post-blog-large-title {
display: block;
font-size: 28px;
line-height: 1.2;
}
.post-blog-large-image {
background-color: #000000;
}
.post-blog-large-image img {
width: 100.3%;
opacity: .5;
}
.post-blog-meta {
margin-bottom: -5px;
margin-left: -7px;
text-align: left;
color: #838386;
}
.post-blog-meta:empty {
margin-bottom: 0;
margin-left: 0;
}
.post-blog-meta > * {
display: inline-block;
margin-top: 0;
margin-bottom: 5px;
margin-left: 7px;
}
.post-blog-meta li {
position: relative;
display: inline-block;
padding: 5px 10px;
}
.post-blog-meta li:before {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 24px;
content: "";
display: inline-block;
border-left: 1px solid;
}
.post-blog-meta li:last-of-type:before {
content: none;
}
.post-blog-tags {
margin-left: -7px;
margin-right: -7px;
}
.post-blog-tags > li {
display: inline-block;
padding: 5px 7px;
}
.button-tags {
display: inline-block;
padding: 4px 11px 5px;
border-radius: 20px;
font: 300 14px/1 "Lato", Helvetica, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: .04em;
}
.button-tags, .button-tags:focus {
color: #ffffff;
background-color: #ed1c94;
border-color: #ed1c94;
}
.button-tags:hover, .button-tags:active, .button-tags:hover {
color: #ffffff;
background-color: #981df0;
border-color: #981df0;
}
/**
* Post blog article
*
*/
.post-blog-article {
color: #29293a;
letter-spacing: .02em;
}
.post-blog-article .big {
letter-spacing: 0;
line-height: 1.4;
}
.post-blog-article * + .post-video,
.post-blog-article * + img {
margin-top: 25px;
}
@media (min-width: 768px) {
.post-blog-article .quote-primary {
padding-left: 40px;
padding-right: 40px;
}
}
.post-blog-article-title {
font-size: 26px;
line-height: 1.3;
letter-spacing: 0;
}
@media (min-width: 768px) {
.post-blog-article-title {
font-size: 32px;
}
}
.post-blog-article-meta {
color: #838386;
}
.post-blog-article-meta .box-inline a {
color: #838386;
}
.post-blog-article-meta .box-inline a:hover {
color: #ed1c94;
}
* + .post-blog-article-meta {
margin-top: 15px;
}
* + .post-blog-large-title {
margin-top: 10px;
}
@media (min-width: 992px) {
/**
* Post blog article
*
*/
.post-blog-article * + .big {
margin-top: 30px;
}
.post-blog-article * + img {
margin-top: 55px;
}
.post-blog-article img + * {
margin-top: 45px;
}
.post-blog-article img + video {
margin-top: 0;
}
.post-blog-article-title {
font-size: 42px;
line-height: 1.25;
}
* + .post-blog-article-meta {
margin-top: 35px;
}
}
@media (min-width: 1600px) {
.post-blog-large .post-blog-meta {
left: 47px;
margin-left: -25px;
margin-right: -25px;
}
.post-blog-large .post-blog-meta li {
padding-left: 25px;
padding-right: 25px;
}
.post-blog-large-caption {
position: absolute;
bottom: 0;
left: 0;
transform: translate3d(0, 48%, 0);
width: 100%;
max-width: 620px;
padding-left: 47px;
color: #c2c2c3;
background-color: transparent;
transition: 570ms ease-in-out;
}
.post-blog-large-caption .post-blog-large-text,
.post-blog-large-caption .button {
opacity: 0;
transition: 350ms opacity;
}
.post-blog-large-caption .post-blog-large-text {
color: #c2c2c3;
}
.post-blog-large-title {
font-size: 36px;
line-height: 1.23;
color: #ffffff;
max-height: 88px;
overflow: hidden;
}
.post-blog-large-title:focus, .post-blog-large-title:hover {
color: #ffec17;
}
.post-blog-large-image {
opacity: .8;
}
.post-blog-large-image img {
opacity: 1;
}
.post-blog-large {
background-color: #000000;
}
.post-blog-large-image {
transition: 750ms ease-in-out;
}
.post-blog-large:hover:before {
opacity: 1;
}
.post-blog-large:hover .post-blog-large-image {
transform: scale3d(1.05, 1.05, 1.05);
opacity: .5;
}
.post-blog-large:hover .post-blog-large-caption {
transform: translate3d(0, 0, 0);
}
.post-blog-large:hover .post-blog-large-caption .post-blog-large-text,
.post-blog-large:hover .post-blog-large-caption .button {
opacity: 1;
}
.post-blog-article + [class*='section-'] {
margin-top: 60px;
}
}
@media (min-width: 1800px) {
.post-blog-large-caption {
padding-bottom: 48px;
}
.post-blog-large-caption * + .button {
margin-top: 30px;
}
.post-blog-large-title {
font-size: 42px;
max-height: 110px;
}
.post-blog-large-image {
opacity: 1;
}
.post-blog-large .post-blog-meta {
top: 40px;
}
* + .post-blog-large-title {
margin-top: 20px;
}
* + .post-blog-large-text {
margin-top: 25px;
}
}
/**
* Post facebook
*/
.post-facebook {
padding: 25px;
border-radius: 9px;
text-align: left;
background: #f2f3f9;
}
.post-facebook time {
color: #838386;
}
.post-facebook-profile-name {
font-size: 15px;
color: #29293a;
font-weight: 400;
}
.post-facebook-image {
width: 70px;
height: auto;
border-radius: 50%;
}
.post-facebook-header {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: -15px;
margin-left: -15px;
word-break: break-all;
}
.post-facebook-header:empty {
margin-bottom: 0;
margin-left: 0;
}
.post-facebook-header > * {
display: inline-block;
margin-top: 0;
margin-bottom: 15px;
margin-left: 15px;
}
.post-facebook-attachment {
border-left: 2px solid #c2c2c3;
color: #838386;
}
.post-facebook-attachment > * {
padding: 0 15px;
}
.post-facebook-attachment a {
font-weight: 400;
color: #ed1c94;
}
.post-facebook-attachment a:hover {
color: #29293a;
}
.post-facebook-attachment * + p {
margin-top: 5px;
}
@media (min-width: 480px) {
.post-facebook-attachment {
display: flex;
align-items: center;
flex-direction: row;
}
}
@media (max-width: 479.98px) {
.post-facebook-attachment > * + * {
margin-top: 15px;
}
}
.post-facebook-attachment:empty {
margin-top: 0;
display: none;
}
.post-facebook-attachment-image {
position: relative;
overflow: hidden;
flex-shrink: 0;
max-width: 50%;
max-height: 200px;
}
@supports (object-fit: cover) {
.post-facebook-attachment-image img {
object-fit: cover;
object-position: center center;
height: 100%;
width: 100%;
}
}
.post-facebook-attachment-left {
max-width: 120px;
flex-shrink: 0;
}
.post-facebook-attachment-left img {
width: 100%;
}
.post-facebook-attachment-text {
position: relative;
max-height: 3.11111em;
overflow: hidden;
}
.post-facebook-attachment-text:empty {
display: none;
}
.post-facebook-meta {
margin-bottom: -5px;
margin-left: -20px;
color: #29293a;
}
.post-facebook-meta:empty {
margin-bottom: 0;
margin-left: 0;
}
.post-facebook-meta > * {
display: inline-block;
margin-top: 0;
margin-bottom: 5px;
margin-left: 20px;
}
.post-facebook-meta .icon {
font-size: 28px;
color: #c2c2c3;
}
.post-facebook-meta span {
display: inline-block;
vertical-align: middle;
padding: 0 .15em;
}
.post-facebook-meta span:first-child {
padding-left: 0;
}
* + .post-facebook {
margin-top: 30px;
}
* + .post-facebook-attachment {
margin-top: 20px;
}
* + .post-facebook-meta {
margin-top: 20px;
}
@media (min-width: 480px) {
.post-facebook-profile-name {
font-size: 20px;
}
}
@media (min-width: 1200px) {
* + .post-facebook-text {
margin-top: 28px;
}
* + .post-facebook-attachment {
margin-top: 30px;
}
* + .post-facebook-meta {
margin-top: 35px;
}
}
@media (max-width: 1199.98px) {
.post-facebook .post-facebook-attachment-title {
font-size: 19px;
word-break: break-all;
}
}
@media (min-width: 1600px) {
.post-facebook {
padding-right: 55px;
}
.post-facebook-attachment-left {
max-width: 170px;
}
.post-facebook-profile-name {
font-size: 24px;
}
.post-facebook-header {
margin-bottom: -15px;
margin-left: -30px;
}
.post-facebook-header:empty {
margin-bottom: 0;
margin-left: 0;
}
.post-facebook-header > * {
display: inline-block;
margin-top: 0;
margin-bottom: 15px;
margin-left: 30px;
}
}
/**
* Post classic
*/
.post-classic {
position: relative;
overflow: hidden;
border-radius: 9px;
background: #f2f3f9;
text-align: left;
}
.post-classic .post-blog-video, .post-classic .post-blog-video figure {
border-radius: 0;
}
.post-classic-media {
display: block;
position: relative;
overflow: hidden;
min-height: 250px;
border-radius: 9px 9px 0 0;
background: #29293a;
}
.post-classic-media figure {
min-height: inherit;
}
.post-classic-media img {
position: absolute;
top: 50%;
left: 50%;
max-width: none;
max-height: none;
min-width: 100%;
min-height: 100%;
transform: translate(-50%, -50%);
opacity: 1;
transition: .33s;
}
.post-classic-media .post-classic-video {
min-height: inherit;
}
.post-classic-media:hover > img {
opacity: .8;
transform: translate(-50%, -50%) scale3d(1.05, 1.05, 1.05);
}
.post-classic-media .post-blog-video:hover img {
transform: translate(-50%, -50%) scale3d(1.05, 1.05, 1.05);
}
@supports (object-fit: cover) {
.post-classic-media > img {
left: auto;
top: auto;
object-fit: cover;
transform: none;
object-position: center 20%;
width: 100%;
height: 100%;
min-height: inherit;
}
.post-classic-media:hover > img {
transform: scale3d(1.05, 1.05, 1.05);
}
}
.post-quote-wrap {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background: #6d0eb1;
}
.post-quote-wrap > * {
max-width: 100%;
}
.post-classic-quote {
position: relative;
font-style: italic;
color: #ffffff;
text-align: center;
padding: 20px;
}
.post-classic-quote::before {
position: relative;
transform: scale(-1, -1);
content: '\f373';
font-family: "Material Design Icons";
margin-top: -10px;
font-size: 60px;
line-height: 1;
font-style: normal;
font-weight: 400;
}
.post-classic-quote .post-classic-title {
padding: 0;
color: #ffffff;
}
.post-classic-body {
padding: 25px 20px;
}
.post-classic-footer {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-bottom: -10px;
margin-left: -20px;
}
.post-classic-footer:empty {
margin-bottom: 0;
margin-left: 0;
}
.post-classic-footer > * {
display: inline-block;
margin-top: 0;
margin-bottom: 10px;
margin-left: 20px;
}
.post-classic-meta {
display: inline-table;
margin-bottom: -10px;
margin-left: -20px;
left: -3px;
color: #838386;
}
.post-classic-meta:empty {
margin-bottom: 0;
margin-left: 0;
}
.post-classic-meta > * {
display: inline-block;
margin-top: 0;
margin-bottom: 10px;
margin-left: 20px;
}
.post-classic-meta > li {
vertical-align: middle;
}
.post-classic-meta > li * {
padding: 0 3px;
vertical-align: middle;
}
.post-classic-meta a {
position: relative;
top: -2px;
display: inline-block;
line-height: inherit;
color: inherit;
}
.post-classic-meta a:hover {
color: #ed1c94;
}
.post-classic-meta .icon {
font-size: 1.55em;
color: #981df0;
}
.post-classic-info {
display: inline-table;
margin-bottom: -10px;
margin-left: -20px;
color: #838386;
font-style: italic;
}
.post-classic-info:empty {
margin-bottom: 0;
margin-left: 0;
}
.post-classic-info > * {
display: inline-block;
margin-top: 0;
margin-bottom: 10px;
margin-left: 20px;
}
.post-classic-info > li {
vertical-align: middle;
}
.post-classic-info > li * {
padding: 0 3px;
vertical-align: middle;
}
.post-classic-info .icon {
position: relative;
top: 1px;
font-size: 1.333em;
font-style: normal;
color: #c2c2c3;
transition: .22s;
}
.post-classic-info a {
color: inherit;
transition: .33s;
}
.post-classic-info a:hover {
color: #ed1c94;
}
.post-classic-info a:hover .icon {
color: #ed1c94;
}
.post-classic-title {
font-size: 18px;
font-weight: 300;
color: #ed1c94;
}
.post-classic-text {
color: #29293a;
}
.post-audio.jp-player-init .jp-audio {
width: 100%;
max-width: 100%;
padding: 0;
}
.post-audio.jp-player-init .jp-btn:before {
font-size: 15px;
}
.post-audio.jp-player-init.jp-state-playing .jp-play:before {
content: "\f4d3";
}
.post-audio.jp-player-init .jp-audio .jp-no-solution {
margin: 5px 0;
padding: 10px;
background: rgba(237, 28, 148, 0.1);
border: 2px dashed rgba(237, 28, 148, 0.2);
}
.post-audio.jp-player-init .jp-audio .jp-no-solution span {
display: block;
font-weight: 700;
}
.post-audio.jp-player-init .jp-audio .jp-no-solution a {
color: #29293a;
}
.post-audio.jp-player-init .jp-audio .jp-no-solution a:hover {
color: #29293a;
text-decoration: underline;
}
.post-audio.jp-player-init .jp-play-bar,
.post-audio.jp-player-init .jp-volume-bar-value {
box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
background-size: 0.4375em 0.4375em;
background-color: #a55708;
background-repeat: repeat-x;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6710a), color-stop(100%, #a55708));
background-image: -webkit-linear-gradient(#d6710a, #a55708);
background-image: linear-gradient(#d6710a, #a55708);
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
}
* + .post-classic {
margin-top: 40px;
}
* + .post-classic-meta {
margin-top: 10px;
}
* + .post-classic-title {
margin-top: 10px;
}
* + .post-audio {
margin-top: 15px;
}
* + .post-classic-text {
margin-top: 15px;
}
* + .post-classic-footer {
margin-top: 15px;
}
@media (min-width: 768px) {
.post-classic-title {
font-size: 32px;
line-height: 1.2381;
}
.post-classic-quote {
padding: 30px 50px;
}
.post-classic-info {
margin-bottom: -10px;
margin-left: -35px;
}
.post-classic-info:empty {
margin-bottom: 0;
margin-left: 0;
}
.post-classic-info > * {
display: inline-block;
margin-top: 0;
margin-bottom: 10px;
margin-left: 35px;
}
* + .post-classic-meta {
margin-top: 25px;
}
* + .post-classic-player {
margin-top: 35px;
}
* + .post-classic-text {
margin-top: 25px;
}
* + .post-classic-footer {
margin-top: 30px;
}
}
@media (min-width: 992px) {
.post-classic-media a .icon {
font-size: 120px;
}
}
@media (min-width: 1200px) {
.post-classic-title {
padding-right: 50px;
}
.post-classic-media {
min-height: 340px;
}
.ie-10 .post-quote-wrap,
.ie-11 .post-quote-wrap {
display: block;
vertical-align: middle;
white-space: nowrap;
}
.ie-10 .post-quote-wrap > *,
.ie-11 .post-quote-wrap > * {
display: inline-block;
vertical-align: middle;
max-width: 99%;
white-space: normal;
}
.ie-10 .post-quote-wrap::after,
.ie-11 .post-quote-wrap::after {
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
min-height: inherit;
}
.post-classic-meta {
margin-bottom: -14px;
margin-left: -40px;
}
.post-classic-meta:empty {
margin-bottom: 0;
margin-left: 0;
}
.post-classic-meta > * {
display: inline-block;
margin-top: 0;
margin-bottom: 14px;
margin-left: 40px;
}
* + .post-classic-meta {
margin-top: 25px;
}
}
@media (min-width: 1600px) {
.post-classic-title {
font-size: 42px;
}
.post-classic-media {
min-height: 580px;
}
.post-classic-body {
padding: 37px;
}
.post-classic-quote {
padding: 100px;
}
.post-classic-meta {
margin-bottom: -14px;
margin-left: -60px;
}
.post-classic-meta:empty {
margin-bottom: 0;
margin-left: 0;
}
.post-classic-meta > * {
display: inline-block;
margin-top: 0;
margin-bottom: 14px;
margin-left: 60px;
}
}
/**
* Post minimal
*/
.post-minimal {
text-align: left;
}
.post-minimal > * + * {
margin-top: 12px;
}
.post-minimal-title {
color: #ed1c94;
}
.post-minimal-time {
display: block;
color: #c2c2c3;
}
.post-minimal-md .post-minimal-title {
font-weight: 400;
}
@media (min-width: 768px) {
.post-minimal-md .post-minimal-title {
font-size: 20px;
}
}
@media (min-width: 1600px) {
.post-minimal-md .post-minimal-title {
font-size: 24px;
}
}
* + .post-minimal {
margin-top: 20px;
}
/**
* Blog aside
*/
.blog-aside {
margin-bottom: -30px;
}
.blog-aside:empty {
margin-bottom: 0;
}
.blog-aside > * {
margin-bottom: 30px;
}
.blog-aside h6 + * {
margin-top: 15px;
}
@media (min-width: 768px) {
.blog-aside {
margin-bottom: -60px;
}
.blog-aside:empty {
margin-bottom: 0;
}
.blog-aside > * {
margin-bottom: 60px;
}
}
@media (min-width: 768px) and (max-width: 767.98px) {
.blog-aside {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.blog-aside-item {
width: 50%;
padding: 0 15px;
}
}
@media (min-width: 1600px) {
.blog-aside {
margin-bottom: -120px;
}
.blog-aside h6 + * {
margin-top: 28px;
}
.blog-aside:empty {
margin-bottom: 0;
}
.blog-aside > * {
margin-bottom: 120px;
}
}
.shop-aside {
margin-bottom: -30px;
}
.shop-aside:empty {
margin-bottom: 0;
}
.shop-aside > * {
margin-bottom: 30px;
}
.shop-aside h6 + * {
margin-top: 15px;
}
@media (min-width: 768px) {
.shop-aside {
margin-bottom: -60px;
}
.shop-aside:empty {
margin-bottom: 0;
}
.shop-aside > * {
margin-bottom: 60px;
}
}
@media (min-width: 768px) and (max-width: 767.98px) {
.shop-aside {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.shop-aside-item {
width: 50%;
padding: 0 15px;
}
}
@media (min-width: 1600px) {
.shop-aside {
margin-bottom: -120px;
}
.shop-aside h6 + * {
margin-top: 28px;
}
.shop-aside:empty {
margin-bottom: 0;
}
.shop-aside > * {
margin-bottom: 120px;
}
}
/**
* Post modern
*/
.post-modern {
position: relative;
overflow: hidden;
}
.post-modern .post-blog-video, .post-modern .post-blog-video figure {
border-radius: 0;
}
.post-modern > * + * {
margin-top: 25px;
}
.post-modern-aside {
width: 130px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.post-modern-aside time {
display: block;
max-width: 120px;
margin-left: auto;
margin-right: auto;
}
.post-modern-main {
position: relative;
overflow: hidden;
border-radius: 9px;
background: #f2f3f9;
text-align: left;
color: #29293a;
}
.post-modern-body {
padding: 25px 20px;
}
.post-modern-footer {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.post-modern-image {
display: block;
background: #29293a;
}
.post-modern-image img {
opacity: 1;
transition: .33s;
}
.post-modern-image:hover > img {
opacity: .8;
}
.post-modern-avatar {
display: block;
border-radius: 100%;
margin-left: auto;
margin-right: auto;
border: 5px solid #ffffff;
box-shadow: 0 5px 9px 0 rgba(150, 150, 150, 0.18);
}
.post-modern-title {
color: #ed1c94;
}
.post-modern-title > a {
display: block;
}
.post-modern-title:hover {
color: #981df0;
}
.post-modern-author {
color: #ed1c94;
}
.post-modern-meta {
display: inline-table;
margin-bottom: -10px;
margin-left: -20px;
left: -3px;
color: #838386;
}
.post-modern-meta:empty {
margin-bottom: 0;
margin-left: 0;
}
.post-modern-meta > * {
display: inline-block;
margin-top: 0;
margin-bottom: 10px;
margin-left: 20px;
}
.post-modern-meta > li {
vertical-align: middle;
}
.post-modern-meta > li * {
padding: 0 3px;
vertical-align: middle;
}
.post-modern-meta a {
color: inherit;
}
.post-modern-meta a:hover {
color: #ed1c94;
}
.post-modern-meta .icon {
font-size: 1.55em;
color: #c2c2c3;
}
.post-modern-info {
display: inline-table;
margin-bottom: -10px;
margin-left: -20px;
color: #838386;
font-style: italic;
}
.post-modern-info:empty {
margin-bottom: 0;
margin-left: 0;
}
.post-modern-info > * {
display: inline-block;
margin-top: 0;
margin-bottom: 10px;
margin-left: 20px;
}
.post-modern-info > li {
vertical-align: middle;
}
.post-modern-info > li * {
padding: 0 3px;
vertical-align: middle;
}
.post-modern-info .icon {
position: relative;
top: 1px;
font-size: 1.333em;
font-style: normal;
color: #c2c2c3;
transition: .22s;
}
.post-modern-info a {
color: inherit;
transition: .33s;
}
.post-modern-info a:hover {
color: #ed1c94;
}
.post-modern-info a:hover .icon {
color: #ed1c94;
}
* + .post-modern {
margin-top: 30px;
}
* + .post-modern-author {
margin-top: 12px;
}
* + .post-modern-avatar-wrap {
margin-top: 15px;
}
* + .post-modern-footer {
margin-top: 20px;
}
@media (min-width: 768px) {
.post-modern {
display: flex;
align-items: flex-start;
flex-direction: row;
}
.post-modern > * + * {
margin-top: 0;
}
.post-modern-aside {
position: relative;
padding-bottom: 20px;
flex-shrink: 0;
}
.post-modern-aside::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
height: 100vh;
transform: translate(0, 100%);
border-right: 1px solid #c2c2c3;
}
.post-modern-avatar-wrap {
position: relative;
}
.post-modern-avatar-wrap::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 400px;
border-bottom: 1px solid #c2c2c3;
}
.post-modern-avatar {
position: relative;
z-index: 2;
}
.post-modern-main {
flex-grow: 1;
margin-left: 30px;
}
.post-modern-title {
max-width: 81%;
}
}
@media (min-width: 1200px) {
.post-modern-main {
margin-left: 60px;
}
.post-modern-body {
padding: 40px 35px 30px 30px;
}
* + .post-modern-author {
margin-top: 20px;
}
}
@media (min-width: 1600px) {
.post-modern {
margin-left: 80px;
}
.post-modern-main {
margin-left: 100px;
}
* + .post-modern-avatar-wrap {
margin-top: 30px;
}
}
/**
* Post light
*/
.post-light {
text-align: left;
}
.post-light .unit-left a {
background: #29293a;
display: block;
}
.post-light .unit-left a img {
opacity: 1;
transition: .33s;
}
.post-light .unit-left a:hover img {
opacity: .8;
}
.post-light-title {
max-width: 90%;
color: #ed1c94;
}
.post-light-time {
display: block;
color: #c2c2c3;
}
.post-light + .post-light {
margin-top: 30px;
}
@media (min-width: 992px) {
* + .post-light-time {
margin-top: 10px;
}
}
@media (min-width: 1200px) {
.post-light + .post-light {
margin-top: 50px;
}
}
@media (min-width: 1600px) {
.post-light + .post-light {
margin-top: 65px;
}
}
/** @section Pricing Table */
.pricing-shell-wrap .pricing-box {
max-width: 420px;
}
.pricing-box {
max-width: 270px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #f2f3f9;
border-radius: 9px;
box-shadow: 0 7px 24px 0 rgba(110, 123, 157, 0.42);
transition: .3s ease-out all;
}
.pricing-box .pricing-box-price {
color: #29293a;
font-weight: 500;
}
.pricing-box .pricing-box-price .heading-2 {
font-weight: inherit;
}
.pricing-box .pricing-box-price > * {
color: inherit;
}
.pricing-box .button {
min-width: 0;
padding: 11px 23px;
}
.pricing-box * + .button {
margin-top: 18px;
}
.pricing-box-header {
padding: 25px 10px;
color: #ffffff;
background-color: #981df0;
border-top-right-radius: inherit;
border-top-left-radius: inherit;
transition: .3s ease-out all;
}
.pricing-box-header > * {
color: inherit;
}
.pricing-box-body {
padding: 28px 10px;
}
.pricing-box-list {
letter-spacing: 0.02em;
color: #29293a;
}
.pricing-box-list > li + li {
margin-top: 10px;
}
.pricing-box-list .unit-body {
text-align: left;
}
.pricing-box-list-disable {
color: #c2c2c3;
text-decoration: line-through;
}
@media (min-width: 1600px) {
.pricing-box-body {
padding: 36px 10px;
}
.pricing-box .button {
padding: 14px 45px;
}
}
.desktop .pricing-box {
box-shadow: none;
}
.desktop .pricing-box .pricing-box-header {
background-color: #ed1c94;
}
.desktop .pricing-box-primary,
.desktop .pricing-box:hover {
box-shadow: 0 7px 24px 0 rgba(110, 123, 157, 0.42);
}
.desktop .pricing-box-primary .pricing-box-header,
.desktop .pricing-box:hover .pricing-box-header {
background-color: #981df0;
}
* + .pricing-box-price {
margin-top: 30px;
}
@media (min-width: 768px) {
.pricing-box * + .button {
margin-top: 19px;
}
* + .pricing-box-price {
margin-top: 30px;
}
}
@media (min-width: 1600px) {
* + .pricing-box-price {
margin-top: 40px;
}
}
/**
* Pricing Box Alternative
*/
.pricing-box-alternative {
position: relative;
z-index: 10;
max-width: 294px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
padding: 15px 20px 15px;
border: 1px solid #ededed;
transition: .3s ease-out all;
}
.pricing-box-alternative:before {
content: '';
z-index: -1;
position: absolute;
top: -15px;
bottom: -75px;
left: 0;
right: 0;
background-color: #6d0eb1;
border-radius: 9px;
}
@media (min-width: 1200px) {
.pricing-box-alternative:before {
top: -40px;
bottom: -90px;
}
}
.pricing-box-alternative * + .pricing-box-list {
margin-top: 15px;
}
.pricing-box-alternative * + .pricing-box-price {
margin-top: 25px;
}
.pricing-box-alternative .pricing-box-button {
margin-top: 20px;
position: relative;
}
.pricing-box-alternative .pricing-box-button .button {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
visibility: hidden;
opacity: 0;
}
.pricing-box-alternative-header {
color: #ed1c94;
}
.pricing-box-alternative-header > * {
color: inherit;
}
.pricing-box-rating > li {
display: inline-block;
margin: 0 -4px;
}
.pricing-box-rating .mdi-star {
color: #981df0;
}
.pricing-box-rating .mdi-star-outline {
color: #ededed;
}
* + .pricing-box-rating {
margin-top: 30px;
}
.tablet .pricing-box-alternative:before,
.mobile .pricing-box-alternative:before {
visibility: visible;
opacity: 1;
}
.tablet .pricing-box-alternative .pricing-box-button .button,
.mobile .pricing-box-alternative .pricing-box-button .button {
visibility: visible;
opacity: 1;
}
.tablet .pricing-box-alternative .pricing-box-rating .mdi-star,
.mobile .pricing-box-alternative .pricing-box-rating .mdi-star {
color: #ffec17;
}
.tablet .pricing-box-alternative .pricing-box-rating .mdi-star-outline,
.mobile .pricing-box-alternative .pricing-box-rating .mdi-star-outline {
color: #ffffff;
}
.tablet .pricing-box-alternative .pricing-box-alternative-header,
.mobile .pricing-box-alternative .pricing-box-alternative-header {
color: #ffffff;
}
.tablet .pricing-box-alternative .pricing-box-list,
.mobile .pricing-box-alternative .pricing-box-list {
color: #ffffff;
}
.tablet .pricing-box-alternative .pricing-box-list-disable,
.mobile .pricing-box-alternative .pricing-box-list-disable {
color: #d3d3d4;
}
.tablet .pricing-box-alternative .pricing-box-price,
.mobile .pricing-box-alternative .pricing-box-price {
color: #ffffff;
}
.tablet .pricing-box-alternative .pricing-box-price > *,
.mobile .pricing-box-alternative .pricing-box-price > * {
color: inherit;
}
.desktop .pricing-box-alternative {
padding: 50px 20px 30px;
margin-bottom: 0;
z-index: 1;
}
.desktop .pricing-box-alternative:before {
visibility: hidden;
opacity: 0;
}
.desktop .pricing-box-alternative:hover {
margin-bottom: 50px;
padding: 15px 20px 15px;
z-index: 10;
}
.desktop .pricing-box-alternative:hover:before {
visibility: visible;
opacity: 1;
}
.desktop .pricing-box-alternative:hover .pricing-box-button .button {
visibility: visible;
opacity: 1;
}
.desktop .pricing-box-alternative:hover .pricing-box-rating .mdi-star {
color: #ffec17;
}
.desktop .pricing-box-alternative:hover .pricing-box-rating .mdi-star-outline {
color: #ffffff;
}
.desktop .pricing-box-alternative:hover .pricing-box-alternative-header {
color: #ffffff;
}
.desktop .pricing-box-alternative:hover .pricing-box-list {
color: #ffffff;
}
.desktop .pricing-box-alternative:hover .pricing-box-list-disable {
color: #d3d3d4;
}
.desktop .pricing-box-alternative:hover .pricing-box-price {
color: #ffffff;
}
.desktop .pricing-box-alternative:hover .pricing-box-price > * {
color: inherit;
}
@media (min-width: 768px) {
.pricing-box-alternative * + .pricing-box-list {
margin-top: 25px;
}
}
@media (min-width: 1200px) {
.pricing-box-rating .icon {
font-size: 36px;
}
}
/**
* Pricing Box LG width Style
*/
.pricing-box-lg {
max-width: 570px;
}
.pricing-box-lg .pricing-box-header {
padding: .9em 2.2em;
}
.pricing-box-lg .pricing-box-body {
padding: 28.8px 20px 28.8px 20px;
}
.pricing-box-lg .pricing-box-list {
display: inline-flex;
flex-direction: column;
padding-left: 0;
}
.pricing-box-lg .pricing-box-list > li:before {
color: #b7b7b7;
}
.pricing-box-lg .button {
padding: 8px 27px;
}
.pricing-box-lg .pricing-box-price-new {
color: #29293a;
font-weight: 400;
}
.pricing-box-lg .pricing-box-price-new > * {
font-weight: inherit;
color: inherit;
}
.pricing-box-lg .pricing-box-price-old {
color: #c2c2c3;
font-weight: 400;
}
.pricing-box-lg .pricing-box-price-old > * {
font-weight: inherit;
color: inherit;
text-decoration: line-through;
}
* + .pricing-box-price-new {
margin-top: 10px;
}
@media (min-width: 768px) {
.pricing-box-lg .pricing-box-body {
padding: 28.8px 50px 34.8px 45px;
}
* + .pricing-box-price-new {
margin-top: 0;
}
}
/**
* Pricing Box Xl Style
*/
.pricing-box-xl {
max-width: 380px;
}
.pricing-box-xl .pricing-box-header {
padding-top: 15px;
padding-bottom: 15px;
}
.pricing-box-xl .button {
padding-top: 9px;
padding-bottom: 9px;
}
.pricing-box-xl .pricing-box-price sup {
font-size: .6em;
}
.pricing-box-xl .icon-md-big,
.pricing-box-xl .icon-md {
font-size: 25px;
}
.pricing-box-xl .pricing-box-body {
padding: 40px 27px;
}
.pricing-box-xl .pricing-box-list > li + li {
margin-top: 23px;
}
@media (min-width: 480px) {
.pricing-box-xl {
max-width: 360px;
}
.pricing-box-xl .pricing-box-body {
padding: 50px 67px;
}
}
@media (min-width: 1200px) {
.pricing-box-xl .pricing-box-body {
padding: 30px 27px;
}
}
@media (min-width: 1600px) {
.pricing-box-xl .pricing-box-body {
padding: 50px 67px;
}
.pricing-box-xl .button {
padding-top: 11px;
padding-bottom: 11px;
}
.pricing-box-xl .icon-md {
font-size: 28px;
}
.pricing-box-xl .icon-md-big {
font-size: 36px;
}
}
/**
* Pricing Box Wrap
*/
@media (max-width: 767.98px) {
.pricing-box-wrap-element .pricing-box-alternative {
border-radius: 9px;
}
}
@media (min-width: 768px) and (max-width: 767.98px) {
.pricing-box-wrap-element:nth-child(2n + 1) .pricing-box-alternative {
border-top-left-radius: 9px;
border-bottom-left-radius: 9px;
}
.pricing-box-wrap-element:nth-child(2n + 2) .pricing-box-alternative, .pricing-box-wrap-element:last-child .pricing-box-alternative {
border-top-right-radius: 9px;
border-bottom-right-radius: 9px;
}
}
@media (min-width: 992px) and (max-width: 991.98px) {
.pricing-box-wrap-element:nth-child(3n + 1) .pricing-box-alternative {
border-top-left-radius: 9px;
border-bottom-left-radius: 9px;
}
.pricing-box-wrap-element:nth-child(3n + 3) .pricing-box-alternative, .pricing-box-wrap-element:last-child .pricing-box-alternative {
border-top-right-radius: 9px;
border-bottom-right-radius: 9px;
}
}
@media (min-width: 1200px) {
.pricing-box-wrap-element:nth-child(4n + 1) .pricing-box-alternative {
border-top-left-radius: 9px;
border-bottom-left-radius: 9px;
}
.pricing-box-wrap-element:nth-child(4n + 4) .pricing-box-alternative, .pricing-box-wrap-element:last-child .pricing-box-alternative {
border-top-right-radius: 9px;
border-bottom-right-radius: 9px;
}
}
/** @section Quotes */
/**
* Quote primary
*/
.quote-primary {
text-align: left;
}
.quote-primary .cite {
color: #ed1c94;
}
.quote-primary-text {
font-style: italic;
font-size: 18px;
line-height: 1.55556;
}
.quote-primary-mark {
position: relative;
top: 6px;
display: block;
width: 37px;
height: 27px;
fill: #981df0;
flex-shrink: 0;
}
.quote-primary-meta {
margin-left: -.2em;
color: #c2c2c3;
}
.quote-primary-meta * {
padding: 0 .2em;
}
* + .quote-primary-text {
margin-top: 20px;
}
* + .quote-primary-meta {
margin-top: 15px;
}
@media (min-width: 768px) {
.quote-primary-text {
font-size: 20px;
}
* + .quote-primary-text {
margin-top: 30px;
}
* + .quote-primary-meta {
margin-top: 20px;
}
}
@media (min-width: 1200px) {
.quote-primary-text {
font-size: 24px;
line-height: 1.41667;
}
}
/**
* Quote minimal
*/
.quote-minimal {
padding-left: 30px;
padding-right: 20px;
}
.quote-minimal-text {
font-size: 18px;
font-style: italic;
color: #29293a;
}
@media (min-width: 768px) {
.quote-minimal {
max-width: 90%;
}
.quote-minimal-text {
font-size: 24px;
}
}
/**
* Quote boxed
*/
.quote-boxed {
text-align: left;
margin-bottom: -20px;
margin-left: -30px;
}
.quote-boxed:empty {
margin-bottom: 0;
margin-left: 0;
}
.quote-boxed > * {
display: inline-block;
margin-top: 0;
margin-bottom: 20px;
margin-left: 30px;
}
.quote-boxed-image {
width: 100px;
height: auto;
border-radius: 50%;
}
.quote-boxed-text,
.quote-boxed-cite {
font-size: 18px;
}
.quote-boxed-text {
position: relative;
color: #29293a;
}
.quote-boxed-text::before {
position: relative;
display: inline-block;
transform: scale(-1, -1);
top: -5px;
left: -10px;
content: '\f373';
font-family: "Material Design Icons";
font-size: 45px;
line-height: .8;
color: #ed1c94;
}
.quote-boxed-cite {
font-weight: 400;
color: #981df0;
}
.quote-boxed-small {
color: #838386;
}
.quote-boxed-meta > * + * {
margin-top: 0;
}
* + .quote-boxed-meta {
margin-top: 10px;
}
@media (min-width: 480px) {
.quote-boxed {
display: flex;
flex-direction: row;
}
.quote-boxed-aside {
flex-shrink: 0;
}
.quote-boxed-main {
flex-grow: 1;
}
}
@media (min-width: 768px) {
.quote-boxed-image {
width: 160px;
}
.quote-boxed-text,
.quote-boxed-cite {
font-size: 20px;
line-height: 1.41667;
}
.quote-boxed-text::before {
font-size: 60px;
top: -9px;
}
* + .quote-boxed-meta {
margin-top: 20px;
}
}
@media (min-width: 1200px) {
.quote-boxed {
margin-bottom: -30px;
margin-left: -80px;
}
.quote-boxed:empty {
margin-bottom: 0;
margin-left: 0;
}
.quote-boxed > * {
display: inline-block;
margin-top: 0;
margin-bottom: 30px;
margin-left: 80px;
}
.quote-boxed-image {
width: 210px;
}
.quote-boxed-text,
.quote-boxed-cite {
font-size: 24px;
}
* + .quote-boxed-meta {
margin-top: 30px;
}
}
/**
* Quote vertical
*/
.quote-vertical-image {
width: 100px;
height: auto;
border-radius: 50%;
}
.quote-vertical-text {
position: relative;
color: #29293a;
}
.quote-vertical-text::after {
position: relative;
display: inline-block;
margin-top: 10px;
content: '\f373';
font-family: "Material Design Icons";
font-size: 40px;
line-height: 1;
color: #ed1c94;
}
.quote-vertical-cite {
font-weight: 400;
color: #981df0;
}
.quote-vertical-small {
color: #838386;
}
.quote-vertical-meta > * + * {
margin-top: 0;
}
* + .quote-vertical-text {
margin-top: 15px;
}
* + .quote-vertical-meta {
margin-top: 5px;
}
@media (min-width: 480px) {
.quote-vertical-text,
.quote-vertical-cite {
font-size: 18px;
line-height: 1.5;
}
}
@media (min-width: 768px) {
.quote-vertical-text,
.quote-vertical-cite {
font-size: 20px;
line-height: 1.5;
}
.quote-vertical-text::after {
margin-top: 20px;
}
* + .quote-vertical-text {
margin-top: 25px;
}
}
@media (min-width: 1200px) {
.quote-vertical-text,
.quote-vertical-cite {
font-size: 24px;
}
}
/**
* Quote classic
*/
.quote-classic {
text-align: left;
}
.quote-classic-image {
width: 70px;
height: auto;
border-radius: 50%;
}
.quote-classic-header {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: -20px;
margin-left: -20px;
}
.quote-classic-header:empty {
margin-bottom: 0;
margin-left: 0;
}
.quote-classic-header > * {
display: inline-block;
margin-top: 0;
margin-bottom: 20px;
margin-left: 20px;
}
.quote-classic-text {
font-style: italic;
color: #29293a;
}
.quote-classic-cite {
font-weight: 400;
color: #981df0;
}
.quote-classic-small {
font-style: italic;
color: #838386;
}
.quote-classic-meta > * + * {
margin-top: 0;
}
* + .quote-classic-text {
margin-top: 20px;
}
@media (min-width: 480px) {
.quote-classic-text,
.quote-classic-cite {
font-size: 18px;
line-height: 1.5;
}
}
@media (min-width: 768px) {
.quote-classic-text,
.quote-classic-cite {
font-size: 20px;
line-height: 1.5;
}
}
@media (min-width: 1600px) {
.quote-classic-text,
.quote-classic-cite {
font-size: 24px;
}
}
/**
* Quote modern
*/
.quote-modern {
text-align: left;
}
.quote-modern-image {
width: 80px;
height: auto;
border-radius: 50%;
}
.quote-modern-footer {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: -20px;
margin-left: -20px;
}
.quote-modern-footer:empty {
margin-bottom: 0;
margin-left: 0;
}
.quote-modern-footer > * {
display: inline-block;
margin-top: 0;
margin-bottom: 20px;
margin-left: 20px;
}
.quote-modern-text {
position: relative;
font-size: 18px;
color: #29293a;
}
.quote-modern-text::before {
position: relative;
display: inline-block;
transform: scale(-1, -1);
left: -10px;
content: '\f373';
font-family: "Material Design Icons";
font-size: 60px;
font-style: normal;
line-height: 1;
color: #ed1c94;
}
.quote-modern-cite {
font-weight: 400;
color: #981df0;
}
.quote-modern-small {
color: #838386;
}
.quote-modern-meta > * + * {
margin-top: 0;
}
* + .quote-modern-text {
margin-top: 20px;
}
* + .quote-modern-footer {
margin-top: 20px;
}
@media (min-width: 768px) {
.quote-modern-cite,
.quote-modern-text {
font-size: 20px;
line-height: 1.5;
}
}
@media (min-width: 1600px) {
.quote-modern-cite,
.quote-modern-text {
font-size: 24px;
}
}
/** @section Snackbars */
.snackbars {
padding: 9px 16px;
margin-left: auto;
margin-right: auto;
color: #ffffff;
text-align: left;
background-color: #29293a;
border-radius: 0;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
font-size: 14px;
}
.snackbars .icon-xxs {
font-size: 18px;
}
.snackbars p span:last-child {
padding-left: 14px;
}
.snackbars-left {
display: inline-block;
margin-bottom: 0;
}
.snackbars-right {
display: inline-block;
float: right;
text-transform: uppercase;
}
.snackbars-right:hover {
text-decoration: underline;
}
@media (min-width: 480px) {
.snackbars {
max-width: 540px;
padding: 12px 15px;
font-size: 15px;
}
}
.inline-message {
border-radius: 9px;
padding: 20px;
text-align: left;
font-size: 15px;
color: #29293a;
background: #f2f3f9;
border: 2px dashed rgba(131, 131, 134, 0.1);
}
* + .inline-message {
margin-top: 20px;
}
/** @section Table custom */
.table-custom {
box-sizing: border-box;
width: 100%;
max-width: 100%;
font-weight: 300;
text-align: left;
background: #ffffff;
}
.table-custom th,
.table-custom td {
padding: 15px 20px 15px 15px;
font-weight: 300;
letter-spacing: 0.02em;
color: #29293a;
background: #ffffff;
border-bottom: 1px solid #ededed;
}
.table-custom th:first-child,
.table-custom td:first-child {
padding: 15px 30px 15px 20px;
}
@media (min-width: 992px) {
.table-custom th,
.table-custom td {
padding: 15px 45px 15px 35px;
}
.table-custom th:first-child,
.table-custom td:first-child {
padding: 15px 60px 15px 30px;
}
}
.table-custom th {
color: #838386;
border-color: #29293a;
}
.table-checkout {
max-width: 200px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}
.table-checkout .table-custom-responsive {
border: none;
}
.table-checkout tr td {
border-top: 1px solid #ededed;
}
.table-checkout tr td:last-child {
text-align: right;
padding-right: 25px;
font-weight: 400;
color: #29293a;
}
.table-checkout .form-wrap {
margin-left: 30px;
margin-right: 30px;
}
.table-checkout * + .form-wrap,
.table-checkout * + .button {
margin-top: 30px;
}
@media (min-width: 1600px) {
.table-checkout * + .form-wrap,
.table-checkout * + .button {
margin-top: 55px;
}
}
/**
* Table Shop
*/
.table-shop {
min-width: 680px;
}
.table-shop th,
.table-shop td {
padding-left: 15px;
padding-right: 15px;
}
.table-shop th:last-child,
.table-shop td:last-child {
text-align: right;
padding-right: 20px;
}
.table-shop td {
padding-top: 23px;
padding-bottom: 23px;
}
@media (max-width: 479.98px) {
.table-shop th:first-child,
.table-shop td:first-child {
padding-left: 15px;
padding-right: 15px;
}
.table-shop th:nth-child(2),
.table-shop td:nth-child(2) {
width: 45%;
}
.table-shop th:nth-child(3),
.table-shop td:nth-child(3) {
width: 13%;
}
}
@media (min-width: 768px) {
.table-shop th:nth-child(2),
.table-shop td:nth-child(2) {
width: 43%;
}
}
@media (min-width: 992px) {
.table-shop th:nth-child(1),
.table-shop td:nth-child(1) {
width: 12%;
}
.table-shop th:nth-child(2),
.table-shop td:nth-child(2) {
width: 37%;
}
.table-shop th:nth-child(3),
.table-shop td:nth-child(3) {
width: 21%;
}
}
/**
* Table Hover
*/
.table-hover tr:hover td, .table-hover tr:hover td {
background-color: #f2f3f9;
}
/**
* Table Color Header
*/
.table-color-header th {
border: none;
color: #ffffff;
background-color: #981df0;
}
.table-color-header tr:nth-child(even) td {
background-color: #f2f3f9;
}
.table-custom-bordered {
border: 1px solid #ededed;
}
.table-custom-bordered td, .table-custom-bordered th {
border: 1px solid #ededed;
}
.table-custom-bordered th {
border-bottom-color: #29293a;
}
.table-custom-bordered tbody > tr:first-of-type > td {
border-top: 0;
}
.table-custom-responsive {
overflow-x: auto;
min-height: 0.01%;
}
@media (max-width: 767.98px) {
.table-custom-responsive {
width: 100%;
margin-bottom: 10px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ededed;
}
.table-custom-responsive > .table-custom > thead > tr > th,
.table-custom-responsive > .table-custom > thead > tr > td,
.table-custom-responsive > .table-custom > tbody > tr > th,
.table-custom-responsive > .table-custom > tbody > tr > td,
.table-custom-responsive > .table-custom > tfoot > tr > th,
.table-custom-responsive > .table-custom > tfoot > tr > td {
white-space: nowrap;
}
}
@media (max-width: 767.98px) {
.table-shop-responsive {
width: 100%;
margin-bottom: 10px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ededed;
border-bottom: 0;
}
.table-shop-responsive > .table-custom > thead > tr > th,
.table-shop-responsive > .table-custom > thead > tr > td,
.table-shop-responsive > .table-custom > tbody > tr > th,
.table-shop-responsive > .table-custom > tbody > tr > td,
.table-shop-responsive > .table-custom > tfoot > tr > th,
.table-shop-responsive > .table-custom > tfoot > tr > td {
white-space: nowrap;
}
}
* + .table-custom-responsive {
margin-top: 30px;
}
@media (min-width: 768px) {
* + .table-custom-responsive {
margin-top: 60px;
}
}
/** @section Team */
.team-classic {
max-width: 270px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.team-classic .list-inline {
margin-left: -6px;
margin-right: -6px;
}
.team-classic .list-inline > li {
padding-left: 6px;
padding-right: 6px;
}
@media (min-width: 768px) {
.team-classic .list-inline {
margin-left: -8px;
margin-right: -8px;
}
.team-classic .list-inline > li {
padding-left: 8px;
padding-right: 8px;
}
}
.team-classic-circle {
text-align: center;
}
@media (min-width: 1600px) {
.team-classic-circle {
max-width: 300px;
}
}
.team-classic-image {
position: relative;
overflow: hidden;
border-radius: 8px;
}
.team-classic-image-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 15px;
background-color: rgba(152, 29, 240, 0.7);
border-radius: 0 0 8px 8px;
}
.team-classic-caption {
margin-top: 22px;
}
.team-classic-caption * + .button {
margin-top: 20px;
}
.team-classic-caption * + .list-inline {
margin-top: 15px;
}
.team-classic-title {
color: #ed1c94;
font-weight: 400;
}
.team-classic-title:hover {
color: #981df0;
}
.team-classic-job-position {
font-size: 18px;
font-style: italic;
color: #838386;
}
* + .team-classic-job-position {
margin-top: 0;
}
.team-inline {
max-width: 380px;
margin-left: auto;
margin-right: auto;
}
.team-inline * + .team-inline-text {
margin-top: 20px;
}
.team-inline * + .list-inline {
margin-top: 20px;
}
@media (min-width: 768px) {
.team-inline {
max-width: 100%;
}
.team-inline .team-classic-image {
max-width: 300px;
}
.team-inline * + .team-classic-job-position {
margin-top: 15px;
}
.team-inline * + .team-inline-text {
margin-top: 40px;
}
.team-inline * + .list-inline {
margin-top: 40px;
}
}
@media (min-width: 1200px) {
.team-inline .team-classic-image {
max-width: 100%;
}
}
.team-inline-title {
text-transform: uppercase;
font-family: "Oswald", Helvetica, Arial, sans-serif;
letter-spacing: .12em;
}
.desktop .team-classic-image-caption {
transition: 450ms ease-in-out;
opacity: 0;
transform: rotate3d(1, 0, 0, 90deg);
transform-origin: 0 100%;
}
.desktop .team-classic {
perspective: 1200px;
}
.desktop .team-classic:hover .team-classic-image-caption {
opacity: 1;
transform: rotate3d(1, 0, 0, 0deg);
}
/** @section Thumbnails */
.figure-light {
color: #c2c2c3;
}
.image-default {
display: block;
width: 100%;
}
@media (max-width: 479.98px) {
.image-default img {
max-width: 360px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
}
.image-video {
position: relative;
display: inline-block;
width: auto;
}
.image-video .link-video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.image-shadow img {
box-shadow: 0px 10px 30px 0px rgba(142, 149, 166, 0.5);
}
/*
*
* Thumbnail classic with icon
*----------------------------------------------------
*/
.thumbnail-classic * + .divider {
margin-top: 20px;
}
.thumbnail-classic span {
position: relative;
}
.thumbnail-classic .thumbnail-classic-icon {
margin-left: auto;
margin-right: auto;
}
.thumbnail-classic:hover .thumbnail-classic-icon {
color: #ffffff;
}
.thumbnail-classic:hover .thumbnail-classic-icon:before {
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 1;
box-shadow: 0 8px 29px rgba(63, 9, 102, 0.25);
}
.thumbnail-classic:hover .thumbnail-classic-icon:after {
opacity: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
.thumbnail-classic.unit-sm-horizontal {
text-align: left;
}
.thumbnail-classic.unit-sm-horizontal .thumbnail-classic-caption {
margin-top: 0;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.thumbnail-classic.unit-md-horizontal {
text-align: left;
}
.thumbnail-classic.unit-md-horizontal .thumbnail-classic-caption {
margin-top: 0;
}
}
.thumbnail-classic-icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 120px;
height: 120px;
margin-left: auto;
margin-right: auto;
transition: 450ms ease-in-out;
color: #ed1c94;
font-family: "Oswald", Helvetica, Arial, sans-serif;
font-weight: 400;
}
.thumbnail-classic-icon:before, .thumbnail-classic-icon:after {
position: absolute;
content: "";
display: inline-block;
border-radius: 50%;
transition: 450ms ease-in-out;
}
.thumbnail-classic-icon:after {
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 2px solid #d8dae2;
pointer-events: none;
}
.thumbnail-classic-icon:before {
top: 50%;
bottom: 50%;
left: 50%;
right: 50%;
opacity: 0;
background: linear-gradient(-45deg, #ed1c94 15%, #ffec17);
}
.thumbnail-classic-icon .icon {
font-size: 48px;
}
.thumbnail-classic-secondary .thumbnail-classic-text {
letter-spacing: .02em;
color: #838386;
opacity: 1;
}
.thumbnail-classic-secondary .thumbnail-classic-icon::after {
border-color: #ed1c94;
}
.thumbnail-classic-secondary .divider {
background: #981df0;
}
.thumbnail-classic-caption {
margin-top: 15px;
padding-left: 15px;
}
@media (min-width: 768px) {
.thumbnail-classic-caption {
padding-right: 15px;
}
}
@media (min-width: 1600px) {
.thumbnail-classic-caption {
margin-top: 20px;
}
.thumbnail-classic-caption * + .divider {
margin-top: 30px;
}
.thumbnail-classic-caption .divider + p {
margin-top: 30px;
}
}
/**
* Thumb Minimal
*/
.thumb-minimal {
display: inline-block;
position: relative;
}
.thumb-minimal-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(237, 28, 148, 0.7);
transition: .3s ease-out all;
}
.thumb-minimal-overlay:before {
content: '\f504';
position: absolute;
top: 50%;
left: 50%;
font-size: 36px;
color: #ffffff;
font-family: "Material Design Icons";
transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
.desktop .thumb-minimal-overlay {
visibility: hidden;
opacity: 0;
}
.desktop .thumb-minimal:hover .thumb-minimal-overlay {
visibility: visible;
opacity: 1;
}
}
/**
* Thumb Default
*/
.thumb-default {
position: relative;
padding-bottom: 100%;
}
.thumb-default a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.thumb-default img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.thumb-default-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(237, 28, 148, 0.25);
transition: .3s ease-out all;
}
.thumb-default-overlay:before {
content: '\f504';
position: absolute;
top: 50%;
left: 50%;
font-size: 36px;
color: #ffffff;
font-family: "Material Design Icons";
transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
.desktop .thumb-default-overlay {
visibility: hidden;
opacity: 0;
background-color: rgba(237, 28, 148, 0.7);
}
.desktop .thumb-default:hover .thumb-default-overlay {
visibility: visible;
opacity: 1;
}
}
.ie-10 .thumb-default,
.ie-11 .thumb-default {
overflow: hidden;
}
.ie-10 .thumb-default img,
.ie-11 .thumb-default img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
height: auto;
max-width: 135%;
max-height: 135%;
min-height: 101%;
min-width: 101%;
}
.thumbnail-simple {
text-align: left;
max-width: 270px;
margin-left: auto;
margin-right: auto;
}
.thumbnail-simple-image-wrap {
display: block;
position: relative;
border-radius: 9px;
overflow: hidden;
}
.thumbnail-simple-image-wrap img {
width: 100%;
}
.thumbnail-simple-image-wrap:hover {
box-shadow: 0 6px 8px 0 rgba(110, 123, 157, 0.17);
transform: translate3d(0, -5px, 0);
}
.thumbnail-simple-title {
font-size: 18px;
line-height: 1.3;
font-weight: 400;
}
.thumbnail-simple-subtitle {
font-style: italic;
}
* + .thumbnail-simple-subtitle {
margin-top: 0;
}
@media (min-width: 1200px) {
.thumbnail-simple-title {
font-size: 20px;
}
}
@media (min-width: 1800px) {
.thumbnail-simple-title {
font-size: 24px;
}
}
/*
*
* Thumbnail Modern
* --------------------------------------------------
*/
.thumbnail-modern {
display: block;
position: relative;
max-width: 360px;
margin-left: auto;
margin-right: auto;
}
.thumbnail-modern-image-wrap {
display: block;
position: relative;
overflow: hidden;
will-change: transform;
border-radius: 9px;
box-shadow: 0 5px 12px 0 #dcdeec;
}
.thumbnail-modern-image-wrap img, .thumbnail-modern-image-wrap::after {
border-radius: 9px;
}
.thumbnail-modern-image-wrap::before, .thumbnail-modern-image-wrap::after {
pointer-events: none;
}
.thumbnail-modern-image {
min-width: 100%;
}
* + .thumbnail-modern-caption {
margin-top: 15px;
}
@media (min-width: 992px) {
.desktop .thumbnail-modern-image-wrap {
transition: .33s;
}
.desktop .thumbnail-modern-image-wrap img {
transition: .7s;
transform: scale3d(1, 1, 1);
}
.desktop .thumbnail-modern-image-wrap::before {
content: '\f504';
position: absolute;
display: block;
z-index: 2;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
-webkit-filter: blur(0);
font-family: "Material Design Icons";
font-size: 60px;
color: #ffffff;
opacity: 0;
transition: .4s .1s;
}
.desktop .thumbnail-modern-image-wrap::after {
content: '';
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #ed1c94;
opacity: 0;
transition: .4s;
}
.desktop .thumbnail-modern-image-wrap:hover {
box-shadow: 0 6px 8px 0 rgba(110, 123, 157, 0.17);
}
.desktop .thumbnail-modern-image-wrap:hover img {
transform: scale3d(1.05, 1.05, 1.05);
}
.desktop .thumbnail-modern-image-wrap:hover::before {
opacity: 1;
transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}
.desktop .thumbnail-modern-image-wrap:hover::after {
opacity: .6;
}
}
@media (min-width: 768px) {
* + .thumbnail-modern-caption {
margin-top: 22px;
}
}
@media (min-width: 1600px) {
* + .thumbnail-modern-caption {
margin-top: 35px;
}
}
/* Thumbnail trunk */
.thumbnail-trunk {
max-width: 360px;
margin-left: auto;
margin-right: auto;
}
div.thumbnail-trunk-image {
position: relative;
display: block;
padding-top: 128%;
width: 100%;
background: #ffffff;
box-shadow: 0 5px 12px 0 #dcdeec;
border-radius: 9px;
}
div.thumbnail-trunk-image::before {
position: absolute;
left: 50%;
top: 50%;
font-size: 130px;
transform: translate(-50%, -50%);
color: #f2f3f9;
}
* + .thumbnail-trunk-title {
margin-top: 15px;
}
@media (min-width: 768px) {
* + .thumbnail-trunk-title {
margin-top: 22px;
}
}
@media (min-width: 1600px) {
* + .thumbnail-trunk-title {
margin-top: 35px;
}
}
/** @section Time Line Styles */
.time-line-vertical-element:before, .time-line-horizontal-element .time-line-time:before {
width: 14px;
height: 14px;
border-radius: 50%;
background-color: #ffffff;
border: 2px solid #ed1c94;
}
.time-line-time {
color: #29293a;
letter-spacing: 0.02em;
}
.time-line-content * + img {
margin-top: 20px;
}
.time-line-content img + * {
margin-top: 20px;
}
.time-line-content img + p {
margin-top: 20px;
}
.time-line-content p {
letter-spacing: 0.02em;
color: #838386;
}
.time-line-content * + p {
margin-top: 10px;
}
.bg-gray-darker .time-line-content p, .bg-additional-gray-darker .bg-additional-item .time-line-content p {
color: #c2c2c3;
}
/**
* Vertical Time Line
*/
.time-line-vertical {
position: relative;
max-width: 830px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding-top: 30px;
padding-bottom: 30px;
overflow: hidden;
}
.time-line-vertical:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 7px;
transform: translateX(-50%);
border-left: 2px solid #ed1c94;
}
.time-line-vertical-element {
position: relative;
padding-left: 35px;
}
.time-line-vertical-element:before {
content: '';
position: absolute;
left: 0;
top: 6px;
}
.time-line-vertical-element + .time-line-vertical-element {
margin-top: 35px;
}
@media (min-width: 768px) {
.time-line-vertical:before,
.time-line-vertical-element:before {
display: none;
}
.time-line-vertical-element {
padding-left: 0;
}
.time-line-vertical-element .time-line-content {
position: relative;
top: -3px;
}
.time-line-vertical-element .unit-left {
max-width: 150px;
width: 100%;
text-align: right;
}
.time-line-vertical-element .unit-body {
position: relative;
}
.time-line-vertical-element .unit-body:before {
content: '';
position: absolute;
z-index: 1;
left: -60px;
top: 8px;
width: 14px;
height: 14px;
border-radius: 50%;
background-color: #ffffff;
border: 2px solid #ed1c94;
}
.time-line-vertical-element:last-child .unit-body:after {
content: '';
position: absolute;
left: -54px;
top: -250vh;
bottom: -250vh;
border-left: 2px solid #ed1c94;
}
.time-line-vertical-element + .time-line-vertical-element {
margin-top: 45px;
}
.time-line-vertical-element-offset + .time-line-vertical-element-offset {
margin-top: 55px;
}
}
* + .time-line-vertical {
margin-top: 30px;
}
@media (min-width: 768px) {
* + .time-line-vertical {
margin-top: 45px;
}
}
@media (min-width: 1200px) {
* + .time-line-vertical {
margin-top: 80px;
}
}
/**
* Horizontal Time Line
*/
.time-line-horizontal {
max-width: 1340px;
margin-left: auto;
margin-right: auto;
}
.time-line-horizontal-element {
padding-left: 5px;
padding-right: 5px;
max-width: 330px;
text-align: left;
}
.time-line-horizontal-element .time-line-content * + p {
margin-top: 16px;
}
.time-line-horizontal-element .time-line-time {
position: relative;
padding-bottom: 23px;
}
.time-line-horizontal-element .time-line-time time {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.time-line-horizontal-element .time-line-time:before {
content: '';
z-index: 10;
position: absolute;
left: 0;
bottom: -7px;
}
.time-line-horizontal-element .time-line-time:after {
content: '';
position: absolute;
bottom: 0;
left: -40px;
right: -100vw;
border-bottom: 2px solid #ed1c94;
}
.time-line-horizontal-element * + .time-line-content {
margin-top: 20px;
}
@media (min-width: 1600px) {
.time-line-horizontal-element .time-line-time {
padding-bottom: 33px;
}
.time-line-horizontal-element * + .time-line-content {
margin-top: 40px;
}
}
.bg-gray-lighter .time-line-horizontal-element .time-line-time:before {
background-color: #f2f3f9;
}
.bg-gray-darker .time-line-content,
.bg-additional-gray-darker .bg-additional-item .time-line-content {
color: #c2c2c3;
}
.bg-gray-darker .time-line-horizontal-element .time-line-time:after, .bg-additional-gray-darker .bg-additional-item .time-line-horizontal-element .time-line-time:after,
.bg-gray-darker .time-line-horizontal-element .time-line-time:before,
.bg-additional-gray-darker .bg-additional-item .time-line-horizontal-element .time-line-time:before {
background-color: #29293a;
border-color: #ffec17;
}
/** @section Tooltip Custom */
.tooltip-custom {
display: inline-block;
cursor: pointer;
}
.tooltip-custom + .tooltip.in {
opacity: 1;
}
.tooltip-custom + .tooltip.top .tooltip-arrow {
bottom: -2px;
margin-left: -7px;
border-width: 7px 7px 0;
border-top-color: #981df0;
}
.tooltip-custom + .tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 7px;
margin-bottom: -7px;
border-width: 7px 7px 0;
border-top-color: #981df0;
}
.tooltip-custom + .tooltip.top-right .tooltip-arrow {
left: 7px;
margin-bottom: -7px;
border-width: 7px 7px 0;
border-top-color: #981df0;
}
.tooltip-custom + .tooltip.right .tooltip-arrow {
margin-top: -7px;
border-width: 7px 7px 7px 0;
border-right-color: #981df0;
}
.tooltip-custom + .tooltip.left .tooltip-arrow {
margin-top: -7px;
border-width: 7px 0 7px 7px;
border-left-color: #981df0;
}
.tooltip-custom + .tooltip.bottom .tooltip-arrow {
margin-left: -7px;
border-width: 0 7px 7px;
border-bottom-color: #981df0;
}
.tooltip-custom + .tooltip.bottom-left .tooltip-arrow {
right: 7px;
margin-top: -7px;
border-width: 0 7px 7px;
border-bottom-color: #981df0;
}
.tooltip-custom + .tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 7px;
margin-top: -7px;
border-width: 0 7px 7px;
border-bottom-color: #981df0;
}
.tooltip-custom + .tooltip .tooltip-inner {
font-family: "Lato", Helvetica, Arial, sans-serif;
max-width: 253px;
padding: 5px 12px;
font-size: 18px;
font-weight: 300;
border-radius: 0;
letter-spacing: .02em;
background: #981df0;
}
/** @section Shop */
/**
* Products
*/
.product {
position: relative;
z-index: 1;
padding: 30px 15px;
text-align: center;
border-radius: 9px;
background-color: #f2f3f9;
box-shadow: 0 5px 12px 0 #dcdeec;
}
.product .product-price {
color: #29293a;
}
.product .product-price > * {
color: inherit;
}
.product-price-wrap {
display: flex;
align-items: center;
justify-content: space-around;
}
.product-price-wrap .product-price {
margin-top: 0;
}
.product-price-wrap .product-price p {
color: #838386;
}
.product-price-wrap .product-price p + * {
margin-top: 0;
}
* + .product-price-wrap {
margin-top: 15px;
}
.bg-accent-accent .product {
box-shadow: 0 4px 24px 0 #3f0966;
}
.product,
.product-button {
transition: 0.32s cubic-bezier(0.55, 0.09, 0.68, 0.53) all;
}
.product-button {
margin-top: 35px;
}
.product-title a {
color: #ed1c94;
}
.product-title a:hover {
color: #981df0;
}
.product-image a {
display: inline-block;
box-shadow: 0 12px 29px 0 rgba(76, 82, 99, 0.5);
transform: translateY(0px);
transition: 0.32s cubic-bezier(0.55, 0.06, 0.68, 0.19) all;
}
.product-image a:hover {
transform: translateY(-5px);
box-shadow: 0 18px 45px 0 rgba(76, 82, 99, 0.5);
}
* + .product-title {
margin-top: 20px;
}
* + .product-price {
margin-top: 15px;
}
@media (min-width: 768px) {
.product {
padding: 40px 25px;
}
* + .product-title {
margin-top: 45px;
}
}
@media (min-width: 992px) {
.product {
padding: 40px 27px 40px;
}
}
@media (min-width: 1600px) {
* + .product-price {
margin-top: 30px;
}
.product {
padding: 60px 30px 70px;
}
}
@media (min-width: 1800px) {
.product {
padding: 60px 47px 70px;
}
}
.desktop .product {
box-shadow: none;
}
.desktop .product:hover {
z-index: 2;
box-shadow: 0 5px 12px 0 #dcdeec;
margin-bottom: -60px;
}
.desktop .product:hover .product-button {
visibility: visible;
opacity: 1;
margin-top: 19px;
margin-bottom: 60px;
}
.desktop .bg-accent-accent .product {
box-shadow: none;
}
.desktop .bg-accent-accent .product:hover {
box-shadow: 0 4px 24px 0 #3f0966;
}
.desktop .product-button {
position: relative;
visibility: hidden;
opacity: 0;
transform-origin: 50% 50%;
margin-top: 0;
}
.desktop .product-button .button {
position: absolute;
top: 0;
left: 0;
right: 0;
min-width: auto;
}
@media (min-width: 1600px) {
.desktop .product:hover {
margin-bottom: -80px;
}
.desktop .product:hover .product-button {
margin-top: 35px;
margin-bottom: 80px;
}
}
.bg-gray-lighter .product {
background-color: #ffffff;
}
/**
* Shop Aside
*/
.shop-aside h6 + * {
margin-top: 15px;
}
@media (min-width: 1600px) {
.shop-aside-item {
margin-left: 30px;
}
.shop-aside h6 + * {
margin-top: 28px;
}
}
@media (min-width: 1800px) {
.shop-aside-item {
margin-left: 60px;
}
}
/**
* Product Thumb
*/
.product-thumbnails {
margin-bottom: -20px;
text-align: center;
}
.product-thumbnails:empty {
margin-bottom: 0;
}
.product-thumbnails > * {
margin-bottom: 20px;
}
.product-thumbnails > li {
width: 100px;
height: 100px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 5px;
margin-right: 5px;
border: 1px solid transparent;
cursor: pointer;
transition: .3s ease-out all;
}
.product-thumbnails > li:hover, .product-thumbnails > li.active {
border-color: #c2c2c3;
}
/**
* Product Single Image
*/
.product-single-preview {
max-width: 350px;
margin-left: auto;
margin-right: auto;
}
.product-single-image.unit-right {
flex-shrink: 1;
}
@media (min-width: 1600px) {
.product-single-image.unit-right {
flex-shrink: 0;
}
}
.product-single-image-element {
display: flex;
align-items: center;
justify-content: center;
}
.product-single-image-element img[src="images/shop-01-420x550.png"] {
box-shadow: 0 12px 29px 0 rgba(76, 82, 99, 0.5);
}
@media (max-width: 479.98px) {
.product-single-image-element img {
max-height: 300px;
}
}
@media (min-width: 992px) {
.product-single-preview {
max-width: 570px;
margin-right: 0;
}
}
.animateImageIn {
opacity: 1;
visibility: visible;
transition: .3s ease-out opacity;
}
.animateImageOut {
opacity: 0;
visibility: hidden;
}
.product-counter {
padding-top: 100px;
}
@media (min-width: 1800px) {
.product-counter {
padding-top: 120px;
}
}
.product-counter-inner {
position: absolute;
top: 0;
right: 0;
left: 0;
padding: 15px;
background-color: #981df0;
border-radius: 9px 9px 0 0;
}
.product-counter-inner .countdown {
font-weight: 400;
color: #ffffff;
}
@media (min-width: 1200px) {
.product-counter-inner .countdown {
font-size: 24px;
}
}
.product-auction .product-image a {
box-shadow: none;
}
@media (min-width: 1200px) {
.product-auction .product-title {
min-height: 68px;
}
}
/** @section Typography */
body {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 15px;
line-height: 1.6;
color: #838386;
background-color: #ffffff;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: subpixel-antialiased;
}
@media (min-width: 992px) {
body {
font-size: 16px;
line-height: 1.55556;
}
}
@media (min-width: 1600px) {
body {
font-size: 18px;
}
}
h1, h2, h3, h4, h5, h6, [class^='heading-'] {
margin-top: 0;
margin-bottom: 0;
font-family: "Oswald", Helvetica, Arial, sans-serif;
font-weight: 400;
text-transform: uppercase;
color: #29293a;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class^='heading-'] a {
display: inline;
color: inherit;
transition: .3s all ease;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, [class^='heading-'] a:hover {
color: #981df0;
}
h1,
.heading-1 {
font-size: 34px;
line-height: 1.2;
letter-spacing: 0.12em;
}
@media (min-width: 768px) {
h1,
.heading-1 {
font-size: 42px;
line-height: 1.45;
}
}
@media (min-width: 1200px) {
h1,
.heading-1 {
font-size: 60px;
}
}
@media (min-width: 1600px) {
h1,
.heading-1 {
font-size: 80px;
}
}
h2,
.heading-2 {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-size: 28px;
line-height: 1.2;
text-transform: none;
}
@media (min-width: 768px) {
h2,
.heading-2 {
font-size: 34px;
line-height: 1.26923;
}
}
@media (min-width: 1200px) {
h2,
.heading-2 {
font-size: 36px;
}
}
@media (min-width: 1600px) {
h2,
.heading-2 {
font-size: 52px;
}
}
.heading-2 {
font-weight: 300;
}
h3,
.heading-3 {
font-size: 24px;
line-height: 1.45;
letter-spacing: 0.06em;
}
@media (min-width: 768px) {
h3,
.heading-3 {
font-size: 28px;
}
}
@media (min-width: 1200px) {
h3,
.heading-3 {
font-size: 34px;
line-height: 1.375;
}
}
@media (min-width: 1600px) {
h3,
.heading-3 {
font-size: 48px;
}
}
.h3-alternate {
font-size: 24px;
line-height: 1.45;
color: #29293a;
}
@media (min-width: 768px) {
.h3-alternate {
font-size: 28px;
}
}
@media (min-width: 1600px) {
.h3-alternate {
font-size: 42px;
}
}
h4,
.heading-4 {
font-size: 21px;
line-height: 1.35;
letter-spacing: 0.06em;
}
@media (min-width: 768px) {
h4,
.heading-4 {
font-size: 26px;
line-height: 1.42857;
}
}
@media (min-width: 1600px) {
h4,
.heading-4 {
font-size: 28px;
}
}
h5,
.heading-5 {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 19px;
line-height: 1.5;
text-transform: none;
}
@media (min-width: 768px) {
h5,
.heading-5 {
line-height: 1.41667;
}
}
@media (min-width: 1600px) {
h5,
.heading-5 {
font-size: 24px;
}
}
.heading-5 {
font-weight: 300;
}
h6,
.heading-6 {
font-size: 17px;
line-height: 1.5;
letter-spacing: 0.12em;
}
@media (min-width: 768px) {
h6,
.heading-6 {
font-size: 19px;
line-height: 1.5;
}
}
@media (min-width: 1600px) {
h6,
.heading-6 {
font-size: 24px;
}
}
.big,
.custom-subtitle {
font-size: 18px;
}
@media (min-width: 768px) {
.big,
.custom-subtitle {
font-size: 19px;
}
}
@media (min-width: 1600px) {
.big,
.custom-subtitle {
font-size: 24px;
}
}
.bigger {
font-weight: 400;
}
@media (min-width: 992px) {
.bigger {
font-size: 20px;
}
}
@media (min-width: 1200px) {
.bigger {
font-size: 24px;
}
}
small,
.small {
display: block;
font-size: 16px;
}
mark,
.mark {
color: #ffffff;
background-color: #981df0;
padding: .1em .5em;
}
/** @section Novi */
.novi-bg-img {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
/** @section Text Alignment */
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-middle {
vertical-align: middle;
}
@media (min-width: 480px) {
html:not(.lt-ie10) .text-xs-left {
text-align: left;
}
html:not(.lt-ie10) .text-xs-center {
text-align: center;
}
html:not(.lt-ie10) .text-xs-right {
text-align: right;
}
html:not(.lt-ie10) .text-xs-justify {
text-align: justify;
}
}
@media (min-width: 768px) {
html:not(.lt-ie10) .text-sm-left {
text-align: left;
}
html:not(.lt-ie10) .text-sm-center {
text-align: center;
}
html:not(.lt-ie10) .text-sm-right {
text-align: right;
}
html:not(.lt-ie10) .text-sm-justify {
text-align: justify;
}
}
@media (min-width: 992px) {
html:not(.lt-ie10) .text-md-left {
text-align: left;
}
html:not(.lt-ie10) .text-md-center {
text-align: center;
}
html:not(.lt-ie10) .text-md-right {
text-align: right;
}
html:not(.lt-ie10) .text-md-justify {
text-align: justify;
}
}
@media (min-width: 1200px) {
html:not(.lt-ie10) .text-lg-left {
text-align: left;
}
html:not(.lt-ie10) .text-lg-center {
text-align: center;
}
html:not(.lt-ie10) .text-lg-right {
text-align: right;
}
html:not(.lt-ie10) .text-lg-justify {
text-align: justify;
}
}
/** @section Footer placeholders */
.bg-gray-darker.page-footer, .bg-additional-gray-darker .page-footer.bg-additional-item,
.bg-image.page-footer, .bg-additional-image .page-footer.bg-additional-item,
.bg-gradients.page-footer, .page-footer.bg-gradient-1, .page-footer.bg-gradient-2, .page-footer.bg-gradient-3 {
color: #ffffff;
}
.bg-gray-darker.page-footer h1, .bg-additional-gray-darker .page-footer.bg-additional-item h1, .bg-image.page-footer h1, .bg-additional-image .page-footer.bg-additional-item h1, .bg-gradients.page-footer h1, .page-footer.bg-gradient-1 h1, .page-footer.bg-gradient-2 h1, .page-footer.bg-gradient-3 h1, .bg-gray-darker.page-footer h2, .bg-additional-gray-darker .page-footer.bg-additional-item h2, .bg-image.page-footer h2, .bg-additional-image .page-footer.bg-additional-item h2, .bg-gradients.page-footer h2, .page-footer.bg-gradient-1 h2, .page-footer.bg-gradient-2 h2, .page-footer.bg-gradient-3 h2, .bg-gray-darker.page-footer h3, .bg-additional-gray-darker .page-footer.bg-additional-item h3, .bg-image.page-footer h3, .bg-additional-image .page-footer.bg-additional-item h3, .bg-gradients.page-footer h3, .page-footer.bg-gradient-1 h3, .page-footer.bg-gradient-2 h3, .page-footer.bg-gradient-3 h3, .bg-gray-darker.page-footer h4, .bg-additional-gray-darker .page-footer.bg-additional-item h4, .bg-image.page-footer h4, .bg-additional-image .page-footer.bg-additional-item h4, .bg-gradients.page-footer h4, .page-footer.bg-gradient-1 h4, .page-footer.bg-gradient-2 h4, .page-footer.bg-gradient-3 h4, .bg-gray-darker.page-footer h5, .bg-additional-gray-darker .page-footer.bg-additional-item h5, .bg-image.page-footer h5, .bg-additional-image .page-footer.bg-additional-item h5, .bg-gradients.page-footer h5, .page-footer.bg-gradient-1 h5, .page-footer.bg-gradient-2 h5, .page-footer.bg-gradient-3 h5, .bg-gray-darker.page-footer h6, .bg-additional-gray-darker .page-footer.bg-additional-item h6, .bg-image.page-footer h6, .bg-additional-image .page-footer.bg-additional-item h6, .bg-gradients.page-footer h6, .page-footer.bg-gradient-1 h6, .page-footer.bg-gradient-2 h6, .page-footer.bg-gradient-3 h6, .bg-gray-darker.page-footer [class^='heading-'], .bg-additional-gray-darker .page-footer.bg-additional-item [class^='heading-'], .bg-image.page-footer [class^='heading-'], .bg-additional-image .page-footer.bg-additional-item [class^='heading-'], .bg-gradients.page-footer [class^='heading-'], .page-footer.bg-gradient-1 [class^='heading-'], .page-footer.bg-gradient-2 [class^='heading-'], .page-footer.bg-gradient-3 [class^='heading-'] {
color: #ffffff;
}
.bg-gray-darker.page-footer .list-marked-primary > li:before, .bg-additional-gray-darker .page-footer.bg-additional-item .list-marked-primary > li:before, .bg-image.page-footer .list-marked-primary > li:before, .bg-additional-image .page-footer.bg-additional-item .list-marked-primary > li:before, .bg-gradients.page-footer .list-marked-primary > li:before, .page-footer.bg-gradient-1 .list-marked-primary > li:before, .page-footer.bg-gradient-2 .list-marked-primary > li:before, .page-footer.bg-gradient-3 .list-marked-primary > li:before {
color: #c2c2c3;
}
.bg-gray-darker.page-footer .list-marked-primary > li a, .bg-additional-gray-darker .page-footer.bg-additional-item .list-marked-primary > li a, .bg-image.page-footer .list-marked-primary > li a, .bg-additional-image .page-footer.bg-additional-item .list-marked-primary > li a, .bg-gradients.page-footer .list-marked-primary > li a, .page-footer.bg-gradient-1 .list-marked-primary > li a, .page-footer.bg-gradient-2 .list-marked-primary > li a, .page-footer.bg-gradient-3 .list-marked-primary > li a, .bg-gray-darker.page-footer .list-marked-primary > li a:focus, .bg-additional-gray-darker .page-footer.bg-additional-item .list-marked-primary > li a:focus, .bg-image.page-footer .list-marked-primary > li a:focus, .bg-additional-image .page-footer.bg-additional-item .list-marked-primary > li a:focus, .bg-gradients.page-footer .list-marked-primary > li a:focus, .page-footer.bg-gradient-1 .list-marked-primary > li a:focus, .page-footer.bg-gradient-2 .list-marked-primary > li a:focus, .page-footer.bg-gradient-3 .list-marked-primary > li a:focus, .bg-gray-darker.page-footer .list-marked-primary > li a:active, .bg-additional-gray-darker .page-footer.bg-additional-item .list-marked-primary > li a:active, .bg-image.page-footer .list-marked-primary > li a:active, .bg-additional-image .page-footer.bg-additional-item .list-marked-primary > li a:active, .bg-gradients.page-footer .list-marked-primary > li a:active, .page-footer.bg-gradient-1 .list-marked-primary > li a:active, .page-footer.bg-gradient-2 .list-marked-primary > li a:active, .page-footer.bg-gradient-3 .list-marked-primary > li a:active {
color: #ffec17;
}
.bg-gray-darker.page-footer .list-marked-primary > li a:hover, .bg-additional-gray-darker .page-footer.bg-additional-item .list-marked-primary > li a:hover, .bg-image.page-footer .list-marked-primary > li a:hover, .bg-additional-image .page-footer.bg-additional-item .list-marked-primary > li a:hover, .bg-gradients.page-footer .list-marked-primary > li a:hover, .page-footer.bg-gradient-1 .list-marked-primary > li a:hover, .page-footer.bg-gradient-2 .list-marked-primary > li a:hover, .page-footer.bg-gradient-3 .list-marked-primary > li a:hover {
color: #ed1c94;
}
.bg-gray-darker.page-footer .rights, .bg-additional-gray-darker .page-footer.bg-additional-item .rights, .bg-image.page-footer .rights, .bg-additional-image .page-footer.bg-additional-item .rights, .bg-gradients.page-footer .rights, .page-footer.bg-gradient-1 .rights, .page-footer.bg-gradient-2 .rights, .page-footer.bg-gradient-3 .rights,
.bg-gray-darker.page-footer .form-label,
.bg-additional-gray-darker .page-footer.bg-additional-item .form-label,
.bg-image.page-footer .form-label,
.bg-additional-image .page-footer.bg-additional-item .form-label,
.bg-gradients.page-footer .form-label,
.page-footer.bg-gradient-1 .form-label,
.page-footer.bg-gradient-2 .form-label,
.page-footer.bg-gradient-3 .form-label,
.bg-gray-darker.page-footer .form-input,
.bg-additional-gray-darker .page-footer.bg-additional-item .form-input,
.bg-image.page-footer .form-input,
.bg-additional-image .page-footer.bg-additional-item .form-input,
.bg-gradients.page-footer .form-input,
.page-footer.bg-gradient-1 .form-input,
.page-footer.bg-gradient-2 .form-input,
.page-footer.bg-gradient-3 .form-input {
color: #838386;
}
.bg-gray-lighter.page-footer-default .rd-mailform-inline .rd-mailform-inline-inner::before,
.bg-gray-lighter.page-footer-default .form-input {
background-color: #ffffff;
}
.bg-gray-lighter.page-footer-default .rights,
.bg-gray-lighter.page-footer-default .form-label,
.bg-gray-lighter.page-footer-default .form-input {
color: #838386;
}
.bg-default.page-footer-minimal,
.bg-gray-lighter.page-footer-minimal {
color: #838386;
}
.bg-default.page-footer-minimal .logo-default, .bg-gray-lighter.page-footer-minimal .logo-default {
display: inline-block;
}
.bg-default.page-footer-minimal .logo-inverse, .bg-gray-lighter.page-footer-minimal .logo-inverse {
display: none;
}
.bg-gray-darker.page-footer-minimal .logo-default, .bg-additional-gray-darker .page-footer-minimal.bg-additional-item .logo-default, .bg-image.page-footer-minimal .logo-default, .bg-additional-image .page-footer-minimal.bg-additional-item .logo-default, .bg-gradients.page-footer-minimal .logo-default, .page-footer-minimal.bg-gradient-1 .logo-default, .page-footer-minimal.bg-gradient-2 .logo-default, .page-footer-minimal.bg-gradient-3 .logo-default {
display: none;
}
.bg-gray-darker.page-footer-minimal .logo-inverse, .bg-additional-gray-darker .page-footer-minimal.bg-additional-item .logo-inverse, .bg-image.page-footer-minimal .logo-inverse, .bg-additional-image .page-footer-minimal.bg-additional-item .logo-inverse, .bg-gradients.page-footer-minimal .logo-inverse, .page-footer-minimal.bg-gradient-1 .logo-inverse, .page-footer-minimal.bg-gradient-2 .logo-inverse, .page-footer-minimal.bg-gradient-3 .logo-inverse {
display: inline-block;
}
.bg-gray-darker.page-footer-minimal a.icon-secondary-5-filled, .bg-additional-gray-darker .page-footer-minimal.bg-additional-item a.icon-secondary-5-filled, .bg-image.page-footer-minimal a.icon-secondary-5-filled, .bg-additional-image .page-footer-minimal.bg-additional-item a.icon-secondary-5-filled, .bg-gradients.page-footer-minimal a.icon-secondary-5-filled, .page-footer-minimal.bg-gradient-1 a.icon-secondary-5-filled, .page-footer-minimal.bg-gradient-2 a.icon-secondary-5-filled, .page-footer-minimal.bg-gradient-3 a.icon-secondary-5-filled, .bg-gray-darker.page-footer-minimal a.icon-secondary-5-filled:focus, .bg-additional-gray-darker .page-footer-minimal.bg-additional-item a.icon-secondary-5-filled:focus, .bg-image.page-footer-minimal a.icon-secondary-5-filled:focus, .bg-additional-image .page-footer-minimal.bg-additional-item a.icon-secondary-5-filled:focus, .bg-gradients.page-footer-minimal a.icon-secondary-5-filled:focus, .page-footer-minimal.bg-gradient-1 a.icon-secondary-5-filled:focus, .page-footer-minimal.bg-gradient-2 a.icon-secondary-5-filled:focus, .page-footer-minimal.bg-gradient-3 a.icon-secondary-5-filled:focus, .bg-gray-darker.page-footer-minimal a.icon-secondary-5-filled:active, .bg-additional-gray-darker .page-footer-minimal.bg-additional-item a.icon-secondary-5-filled:active, .bg-image.page-footer-minimal a.icon-secondary-5-filled:active, .bg-additional-image .page-footer-minimal.bg-additional-item a.icon-secondary-5-filled:active, .bg-gradients.page-footer-minimal a.icon-secondary-5-filled:active, .page-footer-minimal.bg-gradient-1 a.icon-secondary-5-filled:active, .page-footer-minimal.bg-gradient-2 a.icon-secondary-5-filled:active, .page-footer-minimal.bg-gradient-3 a.icon-secondary-5-filled:active, .bg-gray-darker.page-footer-minimal a.icon-secondary-5-filled:hover, .bg-additional-gray-darker .page-footer-minimal.bg-additional-item a.icon-secondary-5-filled:hover, .bg-image.page-footer-minimal a.icon-secondary-5-filled:hover, .bg-additional-image .page-footer-minimal.bg-additional-item a.icon-secondary-5-filled:hover, .bg-gradients.page-footer-minimal a.icon-secondary-5-filled:hover, .page-footer-minimal.bg-gradient-1 a.icon-secondary-5-filled:hover, .page-footer-minimal.bg-gradient-2 a.icon-secondary-5-filled:hover, .page-footer-minimal.bg-gradient-3 a.icon-secondary-5-filled:hover {
color: #ffffff;
}
.bg-default.page-footer-minimal a.icon-secondary-5-filled {
color: #838386;
background-color: #f2f3f9;
}
.bg-default.page-footer-minimal a.icon-secondary-5-filled:hover {
color: #ffffff;
}
.bg-gray-lighter.page-footer-minimal a.icon-secondary-5-filled {
color: #838386;
background-color: #ffffff;
}
.bg-gray-lighter.page-footer-minimal a.icon-secondary-5-filled:hover {
color: #ffffff;
}
.bg-default.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a, .bg-gray-lighter.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a {
color: #838386;
}
.bg-default.page-footer-extended .tabs-custom.tabs-line .nav-tabs li.active a, .bg-gray-lighter.page-footer-extended .tabs-custom.tabs-line .nav-tabs li.active a, .bg-default.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a:hover, .bg-gray-lighter.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a:hover {
color: #981df0;
}
.bg-default.page-footer-extended .box-inline a, .bg-gray-lighter.page-footer-extended .box-inline a, .bg-default.page-footer-extended .box-inline a:focus, .bg-gray-lighter.page-footer-extended .box-inline a:focus, .bg-default.page-footer-extended .box-inline a:active, .bg-gray-lighter.page-footer-extended .box-inline a:active {
color: #838386;
}
.bg-default.page-footer-extended .box-inline a:hover, .bg-gray-lighter.page-footer-extended .box-inline a:hover {
color: #981df0;
}
.bg-default.page-footer-extended a.icon-secondary-5-filled, .bg-gray-lighter.page-footer-extended a.icon-secondary-5-filled, .bg-default.page-footer-extended a.icon-secondary-5-filled:focus, .bg-gray-lighter.page-footer-extended a.icon-secondary-5-filled:focus, .bg-default.page-footer-extended a.icon-secondary-5-filled:active, .bg-gray-lighter.page-footer-extended a.icon-secondary-5-filled:active {
color: #ffffff;
background-color: #c2c2c3;
}
.bg-default.page-footer-extended a.icon-secondary-5-filled:hover, .bg-gray-lighter.page-footer-extended a.icon-secondary-5-filled:hover {
color: #ffffff;
}
.bg-gray-darker.page-footer-extended .icon-secondary-5-filled, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .icon-secondary-5-filled, .bg-image.page-footer-extended .icon-secondary-5-filled, .bg-additional-image .page-footer-extended.bg-additional-item .icon-secondary-5-filled, .bg-gradients.page-footer-extended .icon-secondary-5-filled, .page-footer-extended.bg-gradient-1 .icon-secondary-5-filled, .page-footer-extended.bg-gradient-2 .icon-secondary-5-filled, .page-footer-extended.bg-gradient-3 .icon-secondary-5-filled {
color: #c2c2c3;
background-color: #21212e;
}
.bg-gray-darker.page-footer-extended .list-darker, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .list-darker, .bg-image.page-footer-extended .list-darker, .bg-additional-image .page-footer-extended.bg-additional-item .list-darker, .bg-gradients.page-footer-extended .list-darker, .page-footer-extended.bg-gradient-1 .list-darker, .page-footer-extended.bg-gradient-2 .list-darker, .page-footer-extended.bg-gradient-3 .list-darker {
color: #c2c2c3;
}
.bg-gray-darker.page-footer-extended .list-darker a:hover, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .list-darker a:hover, .bg-image.page-footer-extended .list-darker a:hover, .bg-additional-image .page-footer-extended.bg-additional-item .list-darker a:hover, .bg-gradients.page-footer-extended .list-darker a:hover, .page-footer-extended.bg-gradient-1 .list-darker a:hover, .page-footer-extended.bg-gradient-2 .list-darker a:hover, .page-footer-extended.bg-gradient-3 .list-darker a:hover {
color: #ffec17;
}
.bg-gray-darker.page-footer-extended .tabs-custom.tabs-line .nav-tabs, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs, .bg-image.page-footer-extended .tabs-custom.tabs-line .nav-tabs, .bg-additional-image .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs, .bg-gradients.page-footer-extended .tabs-custom.tabs-line .nav-tabs, .page-footer-extended.bg-gradient-1 .tabs-custom.tabs-line .nav-tabs, .page-footer-extended.bg-gradient-2 .tabs-custom.tabs-line .nav-tabs, .page-footer-extended.bg-gradient-3 .tabs-custom.tabs-line .nav-tabs {
border-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 479.98px) {
.bg-gray-darker.page-footer-extended .tabs-custom.tabs-line .nav-tabs li.active a, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs li.active a, .bg-image.page-footer-extended .tabs-custom.tabs-line .nav-tabs li.active a, .bg-additional-image .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs li.active a, .bg-gradients.page-footer-extended .tabs-custom.tabs-line .nav-tabs li.active a, .page-footer-extended.bg-gradient-1 .tabs-custom.tabs-line .nav-tabs li.active a, .page-footer-extended.bg-gradient-2 .tabs-custom.tabs-line .nav-tabs li.active a, .page-footer-extended.bg-gradient-3 .tabs-custom.tabs-line .nav-tabs li.active a {
color: #ffffff;
}
}
@media (min-width: 768px) {
.bg-gray-darker.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs li a, .bg-image.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a, .bg-additional-image .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs li a, .bg-gradients.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a, .page-footer-extended.bg-gradient-1 .tabs-custom.tabs-line .nav-tabs li a, .page-footer-extended.bg-gradient-2 .tabs-custom.tabs-line .nav-tabs li a, .page-footer-extended.bg-gradient-3 .tabs-custom.tabs-line .nav-tabs li a {
color: #c2c2c3;
}
}
.bg-gray-darker.page-footer-extended .rights a:hover, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .rights a:hover, .bg-image.page-footer-extended .rights a:hover, .bg-additional-image .page-footer-extended.bg-additional-item .rights a:hover, .bg-gradients.page-footer-extended .rights a:hover, .page-footer-extended.bg-gradient-1 .rights a:hover, .page-footer-extended.bg-gradient-2 .rights a:hover, .page-footer-extended.bg-gradient-3 .rights a:hover {
color: #ffffff;
}
.bg-gray-darker.page-footer-extended .blog-inline-meta a:hover, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .blog-inline-meta a:hover, .bg-image.page-footer-extended .blog-inline-meta a:hover, .bg-additional-image .page-footer-extended.bg-additional-item .blog-inline-meta a:hover, .bg-gradients.page-footer-extended .blog-inline-meta a:hover, .page-footer-extended.bg-gradient-1 .blog-inline-meta a:hover, .page-footer-extended.bg-gradient-2 .blog-inline-meta a:hover, .page-footer-extended.bg-gradient-3 .blog-inline-meta a:hover {
color: #ffffff;
}
.bg-gray-darker.page-footer-extended .blog-inline-title, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .blog-inline-title, .bg-image.page-footer-extended .blog-inline-title, .bg-additional-image .page-footer-extended.bg-additional-item .blog-inline-title, .bg-gradients.page-footer-extended .blog-inline-title, .page-footer-extended.bg-gradient-1 .blog-inline-title, .page-footer-extended.bg-gradient-2 .blog-inline-title, .page-footer-extended.bg-gradient-3 .blog-inline-title {
color: #ffec17;
}
.bg-gray-darker.page-footer-extended .blog-inline-title a:hover, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .blog-inline-title a:hover, .bg-image.page-footer-extended .blog-inline-title a:hover, .bg-additional-image .page-footer-extended.bg-additional-item .blog-inline-title a:hover, .bg-gradients.page-footer-extended .blog-inline-title a:hover, .page-footer-extended.bg-gradient-1 .blog-inline-title a:hover, .page-footer-extended.bg-gradient-2 .blog-inline-title a:hover, .page-footer-extended.bg-gradient-3 .blog-inline-title a:hover {
color: #ffffff;
}
.bg-gray-darker.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a::after, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs li a::after, .bg-image.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a::after, .bg-additional-image .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs li a::after, .bg-gradients.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a::after, .page-footer-extended.bg-gradient-1 .tabs-custom.tabs-line .nav-tabs li a::after, .page-footer-extended.bg-gradient-2 .tabs-custom.tabs-line .nav-tabs li a::after, .page-footer-extended.bg-gradient-3 .tabs-custom.tabs-line .nav-tabs li a::after {
background-color: #ffec17;
}
@media (min-width: 768px) {
.bg-gray-darker.page-footer-extended .tabs-custom.tabs-line .nav-tabs li.active a, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs li.active a, .bg-image.page-footer-extended .tabs-custom.tabs-line .nav-tabs li.active a, .bg-additional-image .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs li.active a, .bg-gradients.page-footer-extended .tabs-custom.tabs-line .nav-tabs li.active a, .page-footer-extended.bg-gradient-1 .tabs-custom.tabs-line .nav-tabs li.active a, .page-footer-extended.bg-gradient-2 .tabs-custom.tabs-line .nav-tabs li.active a, .page-footer-extended.bg-gradient-3 .tabs-custom.tabs-line .nav-tabs li.active a, .bg-gray-darker.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a:hover, .bg-additional-gray-darker .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs li a:hover, .bg-image.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a:hover, .bg-additional-image .page-footer-extended.bg-additional-item .tabs-custom.tabs-line .nav-tabs li a:hover, .bg-gradients.page-footer-extended .tabs-custom.tabs-line .nav-tabs li a:hover, .page-footer-extended.bg-gradient-1 .tabs-custom.tabs-line .nav-tabs li a:hover, .page-footer-extended.bg-gradient-2 .tabs-custom.tabs-line .nav-tabs li a:hover, .page-footer-extended.bg-gradient-3 .tabs-custom.tabs-line .nav-tabs li a:hover {
color: #ffec17;
}
}
.bg-default.page-footer-extended p.rights, .bg-default.page-footer-default p.rights, .bg-default.page-footer-alternative p.rights, .bg-gray-lighter.page-footer-extended p.rights, .bg-gray-lighter.page-footer-default p.rights, .bg-gray-lighter.page-footer-alternative p.rights {
color: #838386;
}
/** @section Text styling */
.text-italic {
font-style: italic;
}
.text-normal {
font-style: normal;
}
.text-underline {
text-decoration: underline;
}
.text-strike {
text-decoration: line-through;
}
.text-thin {
font-weight: 100;
}
.text-elight {
font-weight: 200;
}
.text-light {
font-weight: 300;
}
.text-regular {
font-weight: 400;
}
.text-medium {
font-weight: 500;
}
.text-sbold {
font-weight: 600;
}
.text-bold, strong {
font-weight: 700;
}
.text-ubold {
font-weight: 900;
}
.text-spacing-0 {
letter-spacing: 0;
}
.text-spacing-sm {
letter-spacing: 0.02em;
}
.text-spacing-md {
letter-spacing: 0.06em;
}
.text-spacing-lg {
letter-spacing: 0.12em;
}
/** @section Visibility Responsive */
.reveal-block {
display: block !important;
}
.reveal-inline-block {
display: inline-block !important;
}
.reveal-inline {
display: inline !important;
}
.reveal-flex {
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
}
.veil {
display: none !important;
}
/** @Element groups */
.page .group {
margin-bottom: -10px;
margin-left: -10px;
}
.page .group:empty {
margin-bottom: 0;
margin-left: 0;
}
.page .group > * {
display: inline-block;
margin-top: 0;
margin-bottom: 10px;
margin-left: 10px;
}
.page .group-xxs {
margin-bottom: -5px;
margin-left: -5px;
}
.page .group-xxs:empty {
margin-bottom: 0;
margin-left: 0;
}
.page .group-xxs > * {
display: inline-block;
margin-top: 0;
margin-bottom: 5px;
margin-left: 5px;
}
.page .group-xs {
margin-bottom: -9px;
margin-left: -9px;
}
.page .group-xs:empty {
margin-bottom: 0;
margin-left: 0;
}
.page .group-xs > * {
display: inline-block;
margin-top: 0;
margin-bottom: 9px;
margin-left: 9px;
}
.page .group-md {
margin-bottom: -30px;
margin-left: -30px;
}
.page .group-md:empty {
margin-bottom: 0;
margin-left: 0;
}
.page .group-md > * {
display: inline-block;
margin-top: 0;
margin-bottom: 30px;
margin-left: 30px;
}
.page .group-lg {
margin-bottom: -5px;
margin-left: -40px;
}
.page .group-lg:empty {
margin-bottom: 0;
margin-left: 0;
}
.page .group-lg > * {
display: inline-block;
margin-top: 0;
margin-bottom: 5px;
margin-left: 40px;
}
.page .group-xl {
margin-bottom: -10px;
margin-left: -50px;
}
.page .group-xl:empty {
margin-bottom: 0;
margin-left: 0;
}
.page .group-xl > * {
display: inline-block;
margin-top: 0;
margin-bottom: 10px;
margin-left: 50px;
}
.group-middle {
display: inline-table;
}
.group-middle > * {
vertical-align: middle;
}
/** @section Sections */
.section-bottom {
padding-top: 0;
padding-bottom: 60px;
}
@media (min-width: 992px) {
.section-bottom {
padding-bottom: 0;
}
}
.section-bottom.section-reverse {
padding-top: 60px;
padding-bottom: 0;
}
@media (min-width: 992px) {
.section-bottom.section-reverse {
padding-top: 0;
padding-bottom: 0;
}
}
.section-xs {
padding: 40px 0;
}
.section-sm,
.section-md,
.section-lg,
.section-xl,
.section-custom,
.section-xxl,
.section-variant-1,
.section-variant-2 {
padding: 60px 0;
}
.section-lg-top {
padding-top: 60px;
}
@media (min-width: 768px) {
.section-md {
padding-top: 60px;
padding-bottom: 60px;
}
.section-lg {
padding-top: 40px;
padding-bottom: 80px;
}
.section-xl,
.section-custom {
padding-top: 100px;
padding-bottom: 100px;
}
.section-xxl {
padding-top: 100px;
padding-bottom: 100px;
}
.section-lg-top {
padding-top: 80px;
}
.section-variant-1 {
padding: 120px 0;
}
.section-variant-2 {
padding: 80px 0;
}
}
@media (min-width: 992px) {
.section-xl,
.section-custom {
padding-top: 120px;
padding-bottom: 120px;
}
}
@media (min-width: 1200px) {
.section-md {
padding-top: 100px;
padding-bottom: 100px;
}
.section-lg {
padding-top: 80px;
padding-bottom: 80px;
}
.breadcrumbs-custom-wrap + .section-lg {
padding-top: 100px;
}
.section-xl,
.section-custom {
padding-top: 130px;
padding-bottom: 130px;
}
.breadcrumbs-custom-wrap + .section-xl, .breadcrumbs-custom-wrap + .section-custom {
padding-top: 145px;
}
.section-xxl {
padding-top: 150px;
padding-bottom: 150px;
}
.section-variant-1 {
padding: 160px 0 100px;
}
.section-variant-2 {
padding: 120px 0 140px;
}
}
@media (min-width: 1600px) {
.section-lg {
padding-top: 50px;
padding-bottom: 125px;
}
.section-lg.section-way-point {
padding-top: 165px;
}
.breadcrumbs-custom-wrap + .section-lg {
padding-top: 170px;
}
.section-lg-alternative {
padding-top: 130px;
padding-bottom: 140px;
}
.section-xl,
.section-custom {
padding-top: 165px;
padding-bottom: 165px;
}
.breadcrumbs-custom-wrap + .section-xl, .breadcrumbs-custom-wrap + .section-custom {
padding-top: 190px;
}
.section-xxl {
padding-top: 200px;
padding-bottom: 200px;
}
.section-lg-top {
padding-top: 125px;
}
.section-variant-1 {
padding: 220px 0 140px;
}
.section-variant-2 {
padding: 160px 0;
}
}
@media (min-width: 1800px) {
.section-xl,
.section-custom {
padding-top: 200px;
padding-bottom: 200px;
}
.section-xxl {
padding-top: 290px;
padding-bottom: 290px;
}
}
/**
* Custom sections
*/
.section-wrap {
position: relative;
overflow: hidden;
}
.section-wrap .section-wrap-inner {
display: flex;
flex-wrap: wrap;
margin-bottom: -35px;
width: 100%;
}
.section-wrap .section-wrap-inner:empty {
margin-bottom: 0;
}
.section-wrap .section-wrap-inner > * {
margin-bottom: 35px;
}
.section-wrap .section-wrap-inner > * {
width: 100%;
}
.section-wrap .section-wrap-aside {
bottom: -1px;
}
.section-wrap .google-map {
width: 100%;
max-width: none;
}
.section-wrap .box-minimal {
width: 100%;
max-width: none;
}
.section-wrap .section-wrap-image {
position: relative;
top: 0;
overflow: hidden;
height: 300px;
}
.section-wrap .section-wrap-image img {
position: absolute;
height: auto;
min-width: 100%;
min-height: 100%;
max-width: none;
top: 30%;
left: 50%;
transform: translate(-50%, -30%);
}
@supports (object-fit: cover) {
.section-wrap .section-wrap-image img {
top: 0;
left: 0;
transform: none;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center center;
}
}
@media (min-width: 768px) {
.section-wrap .section-wrap-image {
height: 500px;
}
}
@media (min-width: 768px) and (max-width: 767.98px) {
.section-wrap .box-width-small {
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 992px) {
.section-wrap .section-wrap-aside {
height: 100%;
position: absolute;
top: 0;
right: 0;
width: calc(50% - 190px);
}
.section-wrap .section-wrap-aside.section-wrap-aside-custom {
width: 50%;
}
.section-wrap .section-wrap-aside .jp-video-single {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.section-wrap .section-wrap-aside .jp-video .jp-jplayer {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: auto !important;
height: auto !important;
}
.section-wrap .section-wrap-aside .jp-video .jp-jplayer img, .section-wrap .section-wrap-aside .jp-video .jp-jplayer video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
object-fit: cover;
object-position: center;
width: 100% !important;
height: 100% !important;
}
.section-wrap .section-wrap-aside .google-map-container,
.section-wrap .section-wrap-aside .google-map {
height: calc(100% + 1px);
}
.section-wrap .section-wrap-aside img {
height: 100%;
width: 100%;
}
.section-wrap .section-wrap-aside.section-wrap-image-right img {
position: relative;
left: auto;
top: auto;
transform: none;
object-position: 90% center;
}
.ie-10 .section-wrap .section-wrap-aside.section-wrap-image-right img,
.ie-11 .section-wrap .section-wrap-aside.section-wrap-image-right img {
left: 90%;
transform: translate(-90%, -50%);
}
.ie-10 .section-wrap .section-wrap-aside .jp-video .jp-jplayer img,
.ie-10 .section-wrap .section-wrap-aside img,
.ie-11 .section-wrap .section-wrap-aside .jp-video .jp-jplayer img,
.ie-11 .section-wrap .section-wrap-aside img {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
transform: translate(-50%, -50%);
}
.ie-10 .section-wrap .section-wrap-aside .jp-video .jp-jplayer video,
.ie-11 .section-wrap .section-wrap-aside .jp-video .jp-jplayer video {
left: 50%;
transform: translateX(-50%);
width: 110% !important;
height: 110% !important;
}
.section-wrap .section-wrap-content {
max-width: 620px;
}
}
@media (min-width: 992px) {
.section-wrap.section-wrap-sm .section-wrap-aside {
width: 41.6%;
}
.section-wrap.section-wrap-bigger .section-wrap-aside {
width: 50%;
}
.section-wrap.section-wrap-equal .section-wrap-aside {
width: 50%;
}
.section-wrap.section-wrap-equal .section-wrap-aside .section-wrap-content {
max-width: 630px;
}
}
@media (min-width: 992px) and (max-width: 991.98px) {
.section-wrap.section-wrap-lg .section-wrap-aside {
position: relative;
top: 1px;
width: 100%;
height: 500px;
}
.section-wrap.section-wrap-lg.section-reverse .section-wrap-inner {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
}
@media (min-width: 1200px) {
.section-wrap .section-wrap-aside {
width: calc(50% - 160px);
}
.section-wrap .section-wrap-aside.section-wrap-aside-custom {
width: calc(50% - 30px);
}
.section-wrap.section-wrap-bigger .section-wrap-aside {
width: calc(50% + 100px);
}
.section-wrap.section-wrap-equal .section-wrap-aside {
width: 50%;
}
.section-wrap .section-wrap-content {
max-width: 770px;
}
}
@media (min-width: 1600px) {
.section-wrap .section-wrap-aside {
width: calc(50% - 260px);
}
.section-wrap .section-wrap-aside.section-wrap-aside-custom {
width: 50%;
}
.section-wrap.section-wrap-bigger .section-wrap-aside {
width: calc(50% + 130px);
}
.section-wrap .section-wrap-content {
max-width: 880px;
}
}
@media (min-width: 750px) {
.section-wrap.section-reverse [class*='section'] .row-md-left, .section-wrap.section-lg-reverse [class*='section'] .row-md-left {
justify-content: flex-end !important;
}
.section-wrap.section-reverse [class*='section'] .row-md-right, .section-wrap.section-lg-reverse [class*='section'] .row-md-right {
justify-content: flex-start !important;
}
}
@media (min-width: 970px) {
.section-wrap.section-reverse [class*='section'] .row-lg-left, .section-wrap.section-lg-reverse [class*='section'] .row-lg-left {
justify-content: flex-end !important;
}
.section-wrap.section-reverse [class*='section'] .row-lg-right, .section-wrap.section-lg-reverse [class*='section'] .row-lg-right {
justify-content: flex-start !important;
}
}
@media (min-width: 1200px) {
.section-wrap.section-reverse [class*='section'] .row-xl-left, .section-wrap.section-lg-reverse [class*='section'] .row-xl-left {
justify-content: flex-end !important;
}
.section-wrap.section-reverse [class*='section'] .row-xl-right, .section-wrap.section-lg-reverse [class*='section'] .row-xl-right {
justify-content: flex-start !important;
}
}
@media (min-width: 1600px) {
.section-wrap.section-reverse [class*='section'] .row-xxl-left, .section-wrap.section-lg-reverse [class*='section'] .row-xxl-left {
justify-content: flex-end !important;
}
.section-wrap.section-reverse [class*='section'] .row-xxl-right, .section-wrap.section-lg-reverse [class*='section'] .row-xxl-right {
justify-content: flex-start !important;
}
}
.section-wrap.section-reverse .section-wrap-inner {
-ms-flex-flow: row-reverse wrap-reverse;
flex-flow: row-reverse wrap-reverse;
}
@media (min-width: 1200px) {
.section-wrap.section-reverse .row {
justify-content: flex-end !important;
}
}
.section-wrap.section-reverse .section-wrap-aside {
left: 0;
right: auto;
}
@media (min-width: 992px) {
.section-wrap.section-lg-reverse .section-wrap-inner {
-ms-flex-flow: row-reverse wrap-reverse;
flex-flow: row-reverse wrap-reverse;
}
.section-wrap.section-lg-reverse .section-wrap-aside {
left: 0;
right: auto;
}
}
/**
* Reverse section layouts
*/
.section-reverse.section-2-columns > [class*='container'] > .row {
flex-direction: column-reverse;
}
@media (min-width: 1200px) {
.section-reverse.section-2-columns > [class*='container'] > .row {
flex-direction: row-reverse;
}
}
@media (min-width: 1600px) {
.section-reverse.section-2-columns .box-wrap-1 {
padding-right: 0;
padding-left: 37px;
margin-right: -80px;
margin-left: 0;
}
.section-reverse.section-2-columns .box-wrap-2 {
padding-right: 70px;
padding-left: 0;
}
}
.section-reverse .box-width-small {
margin-left: auto;
margin-right: 0;
}
.sections-collapsable [class*='section-'] + [class*='section-'] {
padding-top: 0;
}
@media (min-width: 1800px) {
.section-wrap-inner.section-xxl {
padding: 230px 0;
}
}
.custom-wrap-1 {
width: 100%;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.custom-wrap-1 {
max-width: 700px;
}
}
@media (min-width: 1400px) {
.custom-wrap-1 {
max-width: 1400px;
}
}
.custom-wrap-2 {
width: 100%;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.custom-wrap-2 {
max-width: 650px;
}
}
@media (min-width: 1200px) {
.custom-wrap-2 {
max-width: 1170px;
}
}
.layout-3-columns .box-minimal {
display: inline-block;
width: 100%;
max-width: 375px;
}
.layout-3-columns .box-minimal + .box-minimal {
margin-top: 30px;
}
.layout-3-columns .layout-column-image {
text-align: center;
}
@media (max-width: 479.98px) {
.layout-3-columns .layout-column-image img {
width: auto;
max-height: 80vh;
}
}
@media (max-width: 767.98px) {
.layout-3-columns [class*='col'] {
order: 2;
}
.layout-3-columns .layout-column-image {
order: 1;
}
.layout-3-columns .layout-column-image img {
width: auto;
max-height: 40vh;
}
}
@media (min-width: 768px) {
.layout-3-columns .box-minimal + .box-minimal {
margin-top: 50px;
}
}
@media (min-width: 992px) {
.layout-3-columns [class*='col'] {
padding-top: 40px;
}
.layout-3-columns [class*='col']:first-child {
text-align: right;
}
.layout-3-columns [class*='col']:first-child .box-minimal-header {
flex-direction: row-reverse;
}
.layout-3-columns .layout-column-image {
padding-top: 0;
margin-bottom: -50px;
}
.layout-3-columns .layout-column-image > * {
margin-right: -20px;
}
}
@media (min-width: 992px) and (max-width: 991.98px) {
.layout-3-columns .box-minimal h6,
.layout-3-columns .box-minimal .heading-6 {
font-size: 20px;
}
.layout-3-columns .box-minimal-icon {
font-size: 30px;
}
.layout-3-columns .box-minimal-text {
font-size: 14px;
}
}
@media (min-width: 1600px) {
.layout-3-columns .box-minimal + .box-minimal {
margin-top: 90px;
}
}
.section-custom {
position: relative;
z-index: 1;
}
@media (min-width: 1200px) {
.page .section-access + .section-custom {
margin-top: 0;
padding-top: 0;
padding-bottom: 35px;
}
.page .section-access + .section-custom .form-find {
transform: translateY(-50%);
}
}
@media (max-width: 991.98px) {
.section-pre-way-point + .section-way-point {
margin-top: 90px;
}
}
.mb-1 {
margin-bottom: -1px;
}
/** @section Offsets */
* + p {
margin-top: 15px;
}
p + p {
margin-top: 12px;
}
* + figcaption {
margin-top: 10px;
}
* + h6, * + .heading-6 {
margin-top: 20px;
}
h1 + p, .heading-1 + p {
margin-top: 20px;
}
h2 + p, .heading-2 + p {
margin-top: 20px;
}
h3 + p, .heading-3 + p {
margin-top: 15px;
}
h4 + p, .heading-4 + p {
margin-top: 18px;
}
h5 + p, .heading-5 + p {
margin-top: 20px;
}
.heading-5 + h3 {
margin-top: 5px;
}
@media (min-width: 1600px) {
.heading-5 + h3 {
margin-top: 23px;
}
}
* + .list-xxs {
margin-top: 20px;
}
h6 + p, .heading-6 + p {
margin-top: 20px;
}
p + .list-marked {
margin-top: 10px;
}
p + p + .list-marked {
margin-top: 20px;
}
p + .button {
margin-top: 25px;
}
h3 + .parallax-container {
margin-top: 40px;
}
h3 + .section {
margin-top: 40px;
}
.divider + p {
margin-top: 10px;
}
@media (max-width: 479.98px) {
.row + .button-offset-lg {
margin-top: 40px;
}
}
* + .list-xs {
margin-top: 25px;
}
* + .list-marked {
margin-top: 20px;
}
* + .list-terms {
margin-top: 30px;
}
* + .button {
margin-top: 20px;
}
.container + .button {
margin-top: 50px;
}
* + .list-ordered {
margin-top: 20px;
}
* + .figure-light {
margin-top: 20px;
}
* + .rd-mailform {
margin-top: 30px;
}
* + .quote-primary {
margin-top: 25px;
}
* + .quote-minimal {
margin-top: 25px;
}
.quote-minimal + * {
margin-top: 25px;
}
* + .group-xs {
margin-top: 25px;
}
* + .group-md {
margin-top: 25px;
}
* + .rd-mailform-inline {
margin-top: 25px;
}
* + .owl-carousel {
margin-top: 40px;
}
* + .frame-header {
margin-top: 40px;
}
* + .facebook {
margin-top: 40px;
}
* + .flickr {
margin-top: 40px;
}
* + .divider-thin {
margin-top: 13px;
}
* + .list-twitter {
margin-top: 25px;
}
* + .box-inline {
margin-top: 25px;
}
* + .box-2-columns {
margin-top: 25px;
}
* + .button-blog {
margin-top: 30px;
}
* + .rd-search-results {
margin-top: 30px;
}
* + .d3-chart-wrap {
margin-top: 30px;
}
* + .privacy-link {
margin-top: 30px;
}
* + .typed-text-wrap {
margin-top: 30px;
}
* + [class^='custom-wrap'] {
margin-top: 40px;
}
.heading-group + .divider-default {
margin-top: 15px;
}
* + .isotope-wrap {
margin-top: 30px;
}
h6 + .rd-mailform-inline,
.heading-6 + .rd-mailform-inline {
margin-top: 10px;
}
h2 + .divider, .heading-2 + .divider {
margin-top: 10px;
}
.big + form {
margin-top: 20px;
}
.container + .container {
margin-top: 60px;
}
.container + .bg-gradients, .container + .bg-gradient-1, .container + .bg-gradient-2, .container + .bg-gradient-3 {
margin-top: 60px;
}
.row + .row {
margin-top: 60px;
}
.divider-thin + .box-inline {
margin-top: 15px;
}
.divider-thin + .box-inline-wrap {
margin-top: 15px;
}
h3 + .swiper-slider {
margin-top: 30px;
}
.container + .swiper-slider {
margin-top: 30px;
}
.page * + .offset-top-0 {
margin-top: 0;
}
.page * + .offset-custom-1 {
margin-top: 20px;
}
.page * + .offset-custom-2 {
margin-top: 50px;
}
@media (min-width: 1600px) {
.page * + .offset-custom-2 {
margin-top: 90px;
}
}
.page * + .offset-custom-3 {
margin-top: 30px;
}
.page * + .offset-custom-4 {
margin-top: 10px;
}
@media (min-width: 768px) {
* + figcaption {
margin-top: 20px;
}
* + hr {
margin-top: 30px;
}
* + .quote-primary {
margin-top: 35px;
}
* + .group-md {
margin-top: 35px;
}
* + .owl-carousel {
margin-top: 70px;
}
* + .frame-header {
margin-top: 60px;
}
* + .list-twitter {
margin-top: 47px;
}
* + .list-terms {
margin-top: 45px;
}
* + .button {
margin-top: 35px;
}
* + .rd-search-results {
margin-top: 45px;
}
* + .typed-text-wrap {
margin-top: 50px;
}
.typed-text-wrap + .button {
margin-top: 35px;
}
.custom-subtitle + * {
margin-top: 25px;
}
.divider + .box-2-columns {
margin-top: 40px;
}
h3 + .parallax-container {
margin-top: 40px;
}
h3 + .section {
margin-top: 40px;
}
hr + .row {
margin-top: 40px;
}
h3 + .swiper-slider {
margin-top: 55px;
}
.container + .swiper-slider {
margin-top: 55px;
}
h2 + .divider, .heading-2 + .divider {
margin-top: 25px;
}
.heading-group + .divider-default {
margin-top: 30px;
}
.big + .button {
margin-top: 30px;
}
.page * + .offset-custom-1 {
margin-top: 30px;
}
}
@media (min-width: 992px) {
* + .figure-light {
margin-top: 40px;
}
* + hr {
margin-top: 40px;
}
* + .d3-chart-wrap {
margin-top: 50px;
}
h1 + p, .heading-1 + p {
margin-top: 30px;
}
h2 + p, .heading-2 + p {
margin-top: 33px;
}
h3 + p, .heading-3 + p {
margin-top: 25px;
}
* + .list-xxs {
margin-top: 30px;
}
h6 + p, .heading-6 + p {
margin-top: 30px;
}
h2 + .divider, .heading-2 + .divider {
margin-top: 35px;
}
.divider-thin + .box-inline {
margin-top: 30px;
}
}
@media (min-width: 1200px) {
* + .list-xs {
margin-top: 40px;
}
* + .group-md {
margin-top: 60px;
}
p + p + .list-marked {
margin-top: 30px;
}
* + .rd-search-results {
margin-top: 60px;
}
.divider + p {
margin-top: 18px;
}
.container + .bg-gradients, .container + .bg-gradient-1, .container + .bg-gradient-2, .container + .bg-gradient-3 {
margin-top: 90px;
}
.owl-carousel + .button {
margin-top: 50px;
}
.row + .button {
margin-top: 50px;
}
.typed-text-wrap + .button {
margin-top: 55px;
}
h3 + p, .heading-3 + p {
margin-top: 33px;
}
h3 + .big,
.heading-3 + .big {
margin-top: 25px;
}
}
@media (min-width: 1600px) {
.divider + p {
margin-top: 40px;
}
* + .facebook {
margin-top: 80px;
}
* + [class^='custom-wrap'] {
margin-top: 60px;
}
* + .button-blog {
margin-top: 90px;
}
* + .rd-search-results {
margin-top: 90px;
}
* + .d3-chart-wrap {
margin-top: 70px;
}
hr + .big {
margin-top: 40px;
}
h1 + p, .heading-1 + p {
margin-top: 43px;
}
h3 + .parallax-container {
margin-top: 60px;
}
h3 + .section {
margin-top: 60px;
}
hr + .row {
margin-top: 85px;
}
.row + .row.row-xxl {
margin-top: 90px;
}
.owl-carousel + .button {
margin-top: 90px;
}
.row + .button {
margin-top: 80px;
}
.big + .button {
margin-top: 50px;
}
}
@media (min-width: 1600px) {
.inset-sm {
padding-left: 20px;
}
}
@media (min-width: 1600px) {
.inset-md {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1200px) {
.inset-xl {
padding-right: 5px;
}
}
@media (min-width: 1600px) {
.inset-xl {
padding-right: 30px;
}
}
@media (min-width: 1800px) {
.inset-xl {
padding-right: 80px;
}
}
.row-0 {
margin-bottom: 0;
}
.row-0:empty {
margin-bottom: 0;
}
.row-0 > * {
margin-bottom: 0;
}
.row-10 {
margin-bottom: -10px;
}
.row-10:empty {
margin-bottom: 0;
}
.row-10 > * {
margin-bottom: 10px;
}
.row-15 {
margin-bottom: -15px;
}
.row-15:empty {
margin-bottom: 0;
}
.row-15 > * {
margin-bottom: 15px;
}
.row-20 {
margin-bottom: -20px;
}
.row-20:empty {
margin-bottom: 0;
}
.row-20 > * {
margin-bottom: 20px;
}
.row-30 {
margin-bottom: -30px;
}
.row-30:empty {
margin-bottom: 0;
}
.row-30 > * {
margin-bottom: 30px;
}
.row-50 {
margin-bottom: -50px;
}
.row-50:empty {
margin-bottom: 0;
}
.row-50 > * {
margin-bottom: 50px;
}
.row-60 {
margin-bottom: -50px;
}
.row-60:empty {
margin-bottom: 0;
}
.row-60 > * {
margin-bottom: 50px;
}
.row-70 {
margin-bottom: -50px;
}
.row-70:empty {
margin-bottom: 0;
}
.row-70 > * {
margin-bottom: 50px;
}
.row-90 {
margin-bottom: -50px;
}
.row-90:empty {
margin-bottom: 0;
}
.row-90 > * {
margin-bottom: 50px;
}
.row-shop {
margin-bottom: -70px;
}
.row-shop:empty {
margin-bottom: 0;
}
.row-shop > * {
margin-bottom: 70px;
}
.row-100 {
margin-bottom: -100px;
}
.row-100:empty {
margin-bottom: 0;
}
.row-100 > * {
margin-bottom: 100px;
}
.row-120 {
margin-bottom: -50px;
}
.row-120:empty {
margin-bottom: 0;
}
.row-120 > * {
margin-bottom: 50px;
}
.row-counter {
margin-bottom: -130px;
}
.row-counter:empty {
margin-bottom: 0;
}
.row-counter > * {
margin-bottom: 130px;
}
.row-135 {
margin-bottom: -50px;
}
.row-135:empty {
margin-bottom: 0;
}
.row-135 > * {
margin-bottom: 50px;
}
@media (min-width: 1200px) {
.row-135 {
margin-bottom: -65px;
}
.row-135:empty {
margin-bottom: 0;
}
.row-135 > * {
margin-bottom: 65px;
}
}
@media (min-width: 1600px) {
.row-135 {
margin-bottom: -135px;
}
.row-135:empty {
margin-bottom: 0;
}
.row-135 > * {
margin-bottom: 135px;
}
}
.desktop .row-100 {
margin-bottom: -30px;
}
.desktop .row-100:empty {
margin-bottom: 0;
}
.desktop .row-100 > * {
margin-bottom: 30px;
}
@media (min-width: 768px) {
.row-md-30 {
margin-bottom: -30px;
}
.row-md-30:empty {
margin-bottom: 0;
}
.row-md-30 > * {
margin-bottom: 30px;
}
.row-md-50 {
margin-bottom: -50px;
}
.row-md-50:empty {
margin-bottom: 0;
}
.row-md-50 > * {
margin-bottom: 50px;
}
.row-60 {
margin-bottom: -60px;
}
.row-60:empty {
margin-bottom: 0;
}
.row-60 > * {
margin-bottom: 60px;
}
.row-md-90 {
margin-bottom: -90px;
}
.row-md-90:empty {
margin-bottom: 0;
}
.row-md-90 > * {
margin-bottom: 90px;
}
}
@media (min-width: 992px) {
.row-lg-50 {
margin-bottom: -50px;
}
.row-lg-50:empty {
margin-bottom: 0;
}
.row-lg-50 > * {
margin-bottom: 50px;
}
.row-90 {
margin-bottom: -90px;
}
.row-90:empty {
margin-bottom: 0;
}
.row-90 > * {
margin-bottom: 90px;
}
}
@media (min-width: 1200px) {
.row-70 {
margin-bottom: -70px;
}
.row-70:empty {
margin-bottom: 0;
}
.row-70 > * {
margin-bottom: 70px;
}
.row-xl-50 {
margin-bottom: -50px;
}
.row-xl-50:empty {
margin-bottom: 0;
}
.row-xl-50 > * {
margin-bottom: 50px;
}
.row-120 {
margin-bottom: -80px;
}
.row-120:empty {
margin-bottom: 0;
}
.row-120 > * {
margin-bottom: 80px;
}
}
@media (min-width: 1600px) {
.row-70 {
margin-bottom: -70px;
}
.row-70:empty {
margin-bottom: 0;
}
.row-70 > * {
margin-bottom: 70px;
}
.row-xxl-90 {
margin-bottom: -90px;
}
.row-xxl-90:empty {
margin-bottom: 0;
}
.row-xxl-90 > * {
margin-bottom: 90px;
}
.page * + .row-xxl-90 {
margin-top: 90px;
}
.row-120 {
margin-bottom: -120px;
}
.row-120:empty {
margin-bottom: 0;
}
.row-120 > * {
margin-bottom: 120px;
}
}
* + p.offset-0 {
margin-top: 0;
}
@media (max-width: 767.98px) {
.section-inset-1 {
padding-top: 0;
}
}
/** @section Decorations */
.heading-decorated-diamonds {
position: relative;
display: inline-block;
padding: 0 20px;
}
.heading-decorated-diamonds::before, .heading-decorated-diamonds::after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(45deg);
width: 10px;
height: 10px;
background: #981df0;
}
.heading-decorated-diamonds::before {
left: 0;
}
.heading-decorated-diamonds::after {
right: 0;
}
@media (min-width: 768px) {
.heading-decorated-diamonds {
padding: 0 40px;
}
.heading-decorated-diamonds::before, .heading-decorated-diamonds::after {
width: 15px;
height: 15px;
}
}
.divider {
display: inline-block;
border: 0;
font-size: 0;
line-height: 0;
height: 3px;
max-width: 100px;
width: 100%;
}
h3 + .divider {
margin-top: 20px;
}
h3 + .divider + h5 {
margin-top: 35px;
}
h3 + .divider + h5 + p {
margin-top: 15px;
}
@media (min-width: 1600px) {
h3 + .divider {
margin-top: 40px;
}
}
.divider-sm {
height: 2px;
max-width: 60px;
}
.divider-default {
background: linear-gradient(to right, #ed1c94 50%, #981df0 120%);
}
.divider-secondary {
background: #ed1c94;
}
.divider-thin {
border-top: 1px solid #d2d5e4;
}
.divider-xl {
max-width: 1770px;
width: 100%;
margin: 30px auto;
border-bottom: 1px solid #cacbd3;
}
.heading-decor {
font-family: "Oswald", Helvetica, Arial, sans-serif;
font-weight: 200;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.heading-decor > span {
position: relative;
display: inline-block;
padding-left: 70px;
padding-right: 70px;
}
.heading-decor > span:before, .heading-decor > span:after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
border-top: 1px solid;
width: 40px;
}
.heading-decor > span:before {
left: 0;
}
.heading-decor > span:after {
right: 0;
}
.heading-decor + * {
margin-top: 20px;
}
@media (min-width: 1600px) {
.heading-decor {
font-size: 28px;
}
.heading-decor + * {
margin-top: 30px;
}
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-left-width: 4px;
border-left-style: solid;
border-left-color: transparent;
}
/** @section Grid modules */
.row-no-gutter {
margin-left: 0;
margin-right: 0;
}
.row-no-gutter > [class*='col'] {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1600px) {
.col-xxl-3 {
width: 25%;
}
}
/**
* Grid demonstration
*/
.grid-demonstration {
padding: 12px 8px;
letter-spacing: 0;
text-align: left;
}
@media (max-width: 767.98px) {
.grid-demonstration h5,
.grid-demonstration .heading-5 {
font-size: 14px;
}
}
@media (max-width: 991.98px) {
.grid-demonstration p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.grid-demonstration [class*='col'] {
padding: 8px 5px;
}
@media (max-width: 479.98px) {
.grid-demonstration [class*='col'] p {
font-size: 14px;
}
.grid-demonstration [class*='col'] * + p {
margin-top: 10px;
}
}
@media (min-width: 768px) {
.grid-demonstration [class*='col'] {
padding: 15px 10px;
}
}
@media (min-width: 992px) {
.grid-demonstration [class*='col'] {
padding: 25px 15px;
}
}
@media (min-width: 1200px) {
.grid-demonstration [class*='col'] {
padding: 30px 15px 30px 30px;
}
}
@media (min-width: 1400px) {
.grid-demonstration [class*='col'] {
padding: 30px 15px;
}
.grid-demonstration [class*='col'] * + p {
margin-top: 24px;
}
}
.grid-demonstration * + .row {
margin-top: 30px;
}
.grid-demonstration .row + .row {
margin-top: 0;
}
@media (min-width: 1600px) {
.grid-demonstration * + .row {
margin-top: 60px;
}
}
@media (max-width: 479.98px) {
.container.grid-demonstration .row {
margin-left: 0;
margin-right: 0;
}
}
.container-fullwidth {
width: 100%;
}
@media (min-width: 1600px) {
.container-fullwidth {
padding-left: 60px;
padding-right: 60px;
}
}
.column-aside .row {
margin-bottom: -35px;
}
.column-aside .row:empty {
margin-bottom: 0;
}
.column-aside .row > * {
margin-bottom: 35px;
}
@media (min-width: 768px) {
.column-aside .row {
margin-bottom: -50px;
}
.column-aside .row:empty {
margin-bottom: 0;
}
.column-aside .row > * {
margin-bottom: 50px;
}
}
@media (min-width: 1600px) {
.column-aside .row {
margin-bottom: -90px;
}
.column-aside .row:empty {
margin-bottom: 0;
}
.column-aside .row > * {
margin-bottom: 90px;
}
}
@media (min-width: 992px) and (max-width: 991.98px) {
.column-aside {
padding-left: 30px;
}
.section-reverse .column-aside {
padding-left: 0;
padding-right: 30px;
}
}
/**
* Range bordered
*/
.row-custom-bordered [class*='col'] {
border-style: solid;
border-color: #c2c2c3;
border-width: 0;
}
.row-custom-bordered [class*='col']:nth-child(n + 2) {
border-width: 1px 0 0 0;
}
@media (min-width: 480px) {
.row-custom-bordered .col-sm-6:nth-child(even) {
border-width: 0 0 0 1px;
}
.row-custom-bordered .col-sm-6:nth-child(odd) {
border-width: 0;
}
}
@media (min-width: 768px) {
.row-custom-bordered .col-md-3:first-child {
border-width: 0 1px 0 1px;
}
.row-custom-bordered .col-md-3:nth-child(n + 2) {
border-width: 0 1px 0 0;
}
}
@media (max-width: 767.98px) {
.row-custom-bordered .col-lg-3 {
padding-top: 25px;
padding-bottom: 25px;
}
}
.row-custom-bordered .col-lg-3 + .col-lg-3 {
margin-top: 0;
}
@media (min-width: 992px) {
.row-custom-bordered .col-lg-3:nth-child(n + 2) {
border-width: 0 0 0 1px;
}
.row-custom-bordered .col-lg-3:nth-child(4n + 1) {
border-width: 0;
}
}
/** @section Flex Grid system */
.container,
.container-wide,
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container,
.container-wide {
max-width: 480px;
}
@media (min-width: 768px) {
.container,
.container-wide {
max-width: 750px;
}
}
@media (min-width: 992px) {
.container,
.container-wide {
max-width: 970px;
}
}
@media (min-width: 1200px) {
.container,
.container-wide {
max-width: 1200px;
}
}
@media (min-width: 1600px) {
.container-bigger {
max-width: 1500px;
}
}
@media (min-width: 1600px) {
.container-wide {
max-width: 1600px;
}
}
@media (min-width: 1800px) {
.container-wide {
max-width: 1800px;
}
}
.container-custom {
padding: 0;
width: 100%;
}
.container-custom .gallery-item {
width: 100%;
max-width: 100%;
}
.container-custom .gallery-item .gallery-item-image {
width: 100%;
}
.container-custom .container-custom-inner {
padding: 0 15px;
}
.container-custom [class*='col'] [class*='section']:empty {
min-height: 300px;
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 480px) {
.container-custom .row {
margin-left: 0;
margin-right: 0;
}
}
@media (min-width: 768px) {
.container-custom {
min-height: 350px;
}
}
@media (min-width: 992px) and (max-width: 991.98px) {
.container-custom .container-custom-inner-1 {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1200px) {
.container-custom,
.container-custom [class*='col'] {
padding: 0;
}
.container-custom [class*='col']:first-child .container-custom-inner {
margin-left: auto;
margin-right: 0;
}
.section-reverse .container-custom [class*='col']:first-child .container-custom-inner {
margin-left: 0;
margin-right: auto;
}
.container-custom [class*='col']:last-child .container-custom-inner {
margin-left: 0;
margin-right: auto;
}
.section-reverse .container-custom [class*='col']:last-child .container-custom-inner {
margin-left: auto;
margin-right: 0;
}
}
.container-custom .container-custom-inner [class*='section-'] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.container-custom .container-custom-inner [class*='section-'] > * {
width: 100%;
}
@media (min-width: 1200px) {
.container-custom .container-custom-inner {
padding: 0 40px;
}
}
@media (min-width: 1600px) {
.container-custom .container-custom-inner {
max-width: 800px;
padding: 0 125px;
}
}
@media (min-width: 1800px) {
.container-custom .container-custom-inner {
max-width: 960px;
padding: 0 150px;
}
}
@media (min-width: 1200px) {
.container-custom .container-custom-inner-right {
margin-left: 0;
margin-right: auto;
}
.section-reverse .container-custom .container-custom-inner-right {
margin-left: auto;
margin-right: 0;
}
}
.container-no-gutter {
width: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.container-fullwidth {
width: 100%;
max-width: 1800px;
}
@media (min-width: 1200px) {
.container-fluid-inset-lg-50 {
padding-left: 50px;
padding-right: 50px;
}
}
.row-spacer {
flex-basis: 100%;
}
html.lt-ie-10 * + .row,
* + .row {
margin-top: 30px;
}
@media (min-width: 992px) {
html.lt-ie-10 * + .row,
* + .row {
margin-top: 35px;
}
}
@media (min-width: 1600px) {
html.lt-ie-10 * + .row,
* + .row {
margin-top: 50px;
}
}
html.lt-ie-10 * + .row-50,
* + .row-50 {
margin-top: 50px;
}
html.lt-ie-10 * + .row-md,
* + .row-md {
margin-top: 30px;
}
@media (min-width: 1200px) {
html.lt-ie-10 * + .row-lg,
* + .row-lg {
margin-top: 60px;
}
}
@media (min-width: 1600px) {
html.lt-ie-10 * + .row-xl,
* + .row-xl {
margin-top: 70px;
}
}
html.tablet.lt-ie-10 * + .row-xl.row-100,
.tablet * + .row-xl.row-100,
.mobile * + .row-xl.row-100 {
margin-top: 70px;
}
@media (min-width: 992px) {
html.lt-ie-10 * + .row-xxl,
* + .row-xxl {
margin-top: 50px;
}
}
@media (min-width: 1200px) {
html.lt-ie-10 * + .row-xxl,
* + .row-xxl {
margin-top: 90px;
}
}
html.lt-ie-10 .no-gutters,
.no-gutters {
margin-left: 0;
margin-right: 0;
}
html.lt-ie-10 .no-gutters > [class*='col'],
.no-gutters > [class*='col'] {
padding-left: 0;
padding-right: 0;
margin-top: -1px;
}
html.lt-ie-10 .row-narrow,
.row-narrow {
margin-left: -5px;
margin-right: -5px;
}
html.lt-ie-10 .row-narrow > [class*='col'],
.row-narrow > [class*='col'] {
padding-left: 5px;
padding-right: 5px;
}
html.lt-ie-10 .row-narrow > * + [class*='col'],
.row-narrow > * + [class*='col'] {
padding-left: 5px;
padding-right: 5px;
}
html.lt-ie-10 .row-narrow-md,
.row-narrow-md {
margin-left: -7px;
margin-right: -8px;
}
html.lt-ie-10 .row-narrow-md > [class*='col'],
.row-narrow-md > [class*='col'] {
padding-left: 8px;
padding-right: 7px;
}
html.lt-ie-10 .row-narrow-md > * + [class*='col'],
.row-narrow-md > * + [class*='col'] {
padding-left: 8px;
padding-right: 7px;
}
.row-vertical {
flex-direction: column;
}
.row-ten > .col-1 {
flex: 0 0 auto;
width: 10%;
}
.row-ten > .col-2 {
flex: 0 0 auto;
width: 20%;
}
.row-ten > .col-3 {
flex: 0 0 auto;
width: 30%;
}
.row-ten > .col-4 {
flex: 0 0 auto;
width: 40%;
}
.row-ten > .col-5 {
flex: 0 0 auto;
width: 50%;
}
.row-ten > .col-6 {
flex: 0 0 auto;
width: 60%;
}
.row-ten > .col-7 {
flex: 0 0 auto;
width: 70%;
}
.row-ten > .col-8 {
flex: 0 0 auto;
width: 80%;
}
.row-ten > .col-9 {
flex: 0 0 auto;
width: 90%;
}
.row-ten > .col-10 {
flex: 0 0 auto;
width: 100%;
}
@media (min-width: 480px) {
.row-ten > .col-sm-1 {
flex: 0 0 auto;
width: 10%;
}
.row-ten > .col-sm-2 {
flex: 0 0 auto;
width: 20%;
}
.row-ten > .col-sm-3 {
flex: 0 0 auto;
width: 30%;
}
.row-ten > .col-sm-4 {
flex: 0 0 auto;
width: 40%;
}
.row-ten > .col-sm-5 {
flex: 0 0 auto;
width: 50%;
}
.row-ten > .col-sm-6 {
flex: 0 0 auto;
width: 60%;
}
.row-ten > .col-sm-7 {
flex: 0 0 auto;
width: 70%;
}
.row-ten > .col-sm-8 {
flex: 0 0 auto;
width: 80%;
}
.row-ten > .col-sm-9 {
flex: 0 0 auto;
width: 90%;
}
.row-ten > .col-sm-10 {
flex: 0 0 auto;
width: 100%;
}
}
@media (min-width: 768px) {
.row-ten > .col-md-1 {
flex: 0 0 auto;
width: 10%;
}
.row-ten > .col-md-2 {
flex: 0 0 auto;
width: 20%;
}
.row-ten > .col-md-3 {
flex: 0 0 auto;
width: 30%;
}
.row-ten > .col-md-4 {
flex: 0 0 auto;
width: 40%;
}
.row-ten > .col-md-5 {
flex: 0 0 auto;
width: 50%;
}
.row-ten > .col-md-6 {
flex: 0 0 auto;
width: 60%;
}
.row-ten > .col-md-7 {
flex: 0 0 auto;
width: 70%;
}
.row-ten > .col-md-8 {
flex: 0 0 auto;
width: 80%;
}
.row-ten > .col-md-9 {
flex: 0 0 auto;
width: 90%;
}
.row-ten > .col-md-10 {
flex: 0 0 auto;
width: 100%;
}
}
@media (min-width: 992px) {
.row-ten > .col-lg-1 {
flex: 0 0 auto;
width: 10%;
}
.row-ten > .col-lg-2 {
flex: 0 0 auto;
width: 20%;
}
.row-ten > .col-lg-3 {
flex: 0 0 auto;
width: 30%;
}
.row-ten > .col-lg-4 {
flex: 0 0 auto;
width: 40%;
}
.row-ten > .col-lg-5 {
flex: 0 0 auto;
width: 50%;
}
.row-ten > .col-lg-6 {
flex: 0 0 auto;
width: 60%;
}
.row-ten > .col-lg-7 {
flex: 0 0 auto;
width: 70%;
}
.row-ten > .col-lg-8 {
flex: 0 0 auto;
width: 80%;
}
.row-ten > .col-lg-9 {
flex: 0 0 auto;
width: 90%;
}
.row-ten > .col-lg-10 {
flex: 0 0 auto;
width: 100%;
}
}
@media (min-width: 1200px) {
.row-ten > .col-xl-1 {
flex: 0 0 auto;
width: 10%;
}
.row-ten > .col-xl-2 {
flex: 0 0 auto;
width: 20%;
}
.row-ten > .col-xl-3 {
flex: 0 0 auto;
width: 30%;
}
.row-ten > .col-xl-4 {
flex: 0 0 auto;
width: 40%;
}
.row-ten > .col-xl-5 {
flex: 0 0 auto;
width: 50%;
}
.row-ten > .col-xl-6 {
flex: 0 0 auto;
width: 60%;
}
.row-ten > .col-xl-7 {
flex: 0 0 auto;
width: 70%;
}
.row-ten > .col-xl-8 {
flex: 0 0 auto;
width: 80%;
}
.row-ten > .col-xl-9 {
flex: 0 0 auto;
width: 90%;
}
.row-ten > .col-xl-10 {
flex: 0 0 auto;
width: 100%;
}
}
@media (min-width: 1600px) {
.row-ten > .col-xxl-1 {
flex: 0 0 auto;
width: 10%;
}
.row-ten > .col-xxl-2 {
flex: 0 0 auto;
width: 20%;
}
.row-ten > .col-xxl-3 {
flex: 0 0 auto;
width: 30%;
}
.row-ten > .col-xxl-4 {
flex: 0 0 auto;
width: 40%;
}
.row-ten > .col-xxl-5 {
flex: 0 0 auto;
width: 50%;
}
.row-ten > .col-xxl-6 {
flex: 0 0 auto;
width: 60%;
}
.row-ten > .col-xxl-7 {
flex: 0 0 auto;
width: 70%;
}
.row-ten > .col-xxl-8 {
flex: 0 0 auto;
width: 80%;
}
.row-ten > .col-xxl-9 {
flex: 0 0 auto;
width: 90%;
}
.row-ten > .col-xxl-10 {
flex: 0 0 auto;
width: 100%;
}
}
@media (min-width: 1800px) {
.row-ten > .col-xxxl-1 {
flex: 0 0 auto;
width: 10%;
}
.row-ten > .col-xxxl-2 {
flex: 0 0 auto;
width: 20%;
}
.row-ten > .col-xxxl-3 {
flex: 0 0 auto;
width: 30%;
}
.row-ten > .col-xxxl-4 {
flex: 0 0 auto;
width: 40%;
}
.row-ten > .col-xxxl-5 {
flex: 0 0 auto;
width: 50%;
}
.row-ten > .col-xxxl-6 {
flex: 0 0 auto;
width: 60%;
}
.row-ten > .col-xxxl-7 {
flex: 0 0 auto;
width: 70%;
}
.row-ten > .col-xxxl-8 {
flex: 0 0 auto;
width: 80%;
}
.row-ten > .col-xxxl-9 {
flex: 0 0 auto;
width: 90%;
}
.row-ten > .col-xxxl-10 {
flex: 0 0 auto;
width: 100%;
}
}
html.lt-ie-10 .row > .col-sm-1 {
margin-left: auto;
margin-right: auto;
max-width: 8.33333%;
}
html.lt-ie-10 .row > .col-sm-2 {
margin-left: auto;
margin-right: auto;
max-width: 16.66667%;
}
html.lt-ie-10 .row > .col-sm-3 {
margin-left: auto;
margin-right: auto;
max-width: 25%;
}
html.lt-ie-10 .row > .col-sm-4 {
margin-left: auto;
margin-right: auto;
max-width: 33.33333%;
}
html.lt-ie-10 .row > .col-sm-5 {
margin-left: auto;
margin-right: auto;
max-width: 41.66667%;
}
html.lt-ie-10 .row > .col-sm-6 {
margin-left: auto;
margin-right: auto;
max-width: 50%;
}
html.lt-ie-10 .row > .col-sm-7 {
margin-left: auto;
margin-right: auto;
max-width: 58.33333%;
}
html.lt-ie-10 .row > .col-sm-8 {
margin-left: auto;
margin-right: auto;
max-width: 66.66667%;
}
html.lt-ie-10 .row > .col-sm-9 {
margin-left: auto;
margin-right: auto;
max-width: 75%;
}
html.lt-ie-10 .row > .col-sm-10 {
margin-left: auto;
margin-right: auto;
max-width: 83.33333%;
}
html.lt-ie-10 .row > .col-sm-11 {
margin-left: auto;
margin-right: auto;
max-width: 91.66667%;
}
html.lt-ie-10 .row > .col-sm-12 {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
html.lt-ie-10 .row > .col-sm-1-5 {
margin-left: auto;
margin-right: auto;
max-width: 20%;
}
html.lt-ie-10 .row > .col-md-1 {
margin-left: auto;
margin-right: auto;
max-width: 8.33333%;
}
html.lt-ie-10 .row > .col-md-2 {
margin-left: auto;
margin-right: auto;
max-width: 16.66667%;
}
html.lt-ie-10 .row > .col-md-3 {
margin-left: auto;
margin-right: auto;
max-width: 25%;
}
html.lt-ie-10 .row > .col-md-4 {
margin-left: auto;
margin-right: auto;
max-width: 33.33333%;
}
html.lt-ie-10 .row > .col-md-5 {
margin-left: auto;
margin-right: auto;
max-width: 41.66667%;
}
html.lt-ie-10 .row > .col-md-6 {
margin-left: auto;
margin-right: auto;
max-width: 50%;
}
html.lt-ie-10 .row > .col-md-7 {
margin-left: auto;
margin-right: auto;
max-width: 58.33333%;
}
html.lt-ie-10 .row > .col-md-8 {
margin-left: auto;
margin-right: auto;
max-width: 66.66667%;
}
html.lt-ie-10 .row > .col-md-9 {
margin-left: auto;
margin-right: auto;
max-width: 75%;
}
html.lt-ie-10 .row > .col-md-10 {
margin-left: auto;
margin-right: auto;
max-width: 83.33333%;
}
html.lt-ie-10 .row > .col-md-11 {
margin-left: auto;
margin-right: auto;
max-width: 91.66667%;
}
html.lt-ie-10 .row > .col-md-12 {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
html.lt-ie-10 .row > .col-md-1-5 {
margin-left: auto;
margin-right: auto;
max-width: 20%;
}
html.lt-ie-10 .row > .col-lg-1 {
margin-left: auto;
margin-right: auto;
max-width: 8.33333%;
}
html.lt-ie-10 .row > .col-lg-2 {
margin-left: auto;
margin-right: auto;
max-width: 16.66667%;
}
html.lt-ie-10 .row > .col-lg-3 {
margin-left: auto;
margin-right: auto;
max-width: 25%;
}
html.lt-ie-10 .row > .col-lg-4 {
margin-left: auto;
margin-right: auto;
max-width: 33.33333%;
}
html.lt-ie-10 .row > .col-lg-5 {
margin-left: auto;
margin-right: auto;
max-width: 41.66667%;
}
html.lt-ie-10 .row > .col-lg-6 {
margin-left: auto;
margin-right: auto;
max-width: 50%;
}
html.lt-ie-10 .row > .col-lg-7 {
margin-left: auto;
margin-right: auto;
max-width: 58.33333%;
}
html.lt-ie-10 .row > .col-lg-8 {
margin-left: auto;
margin-right: auto;
max-width: 66.66667%;
}
html.lt-ie-10 .row > .col-lg-9 {
margin-left: auto;
margin-right: auto;
max-width: 75%;
}
html.lt-ie-10 .row > .col-lg-10 {
margin-left: auto;
margin-right: auto;
max-width: 83.33333%;
}
html.lt-ie-10 .row > .col-lg-11 {
margin-left: auto;
margin-right: auto;
max-width: 91.66667%;
}
html.lt-ie-10 .row > .col-lg-12 {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
html.lt-ie-10 .row > .col-lg-1-5 {
margin-left: auto;
margin-right: auto;
max-width: 20%;
}
html.lt-ie-10 .row > .col-xl-1 {
margin-left: auto;
margin-right: auto;
max-width: 8.33333%;
}
html.lt-ie-10 .row > .col-xl-2 {
margin-left: auto;
margin-right: auto;
max-width: 16.66667%;
}
html.lt-ie-10 .row > .col-xl-3 {
margin-left: auto;
margin-right: auto;
max-width: 25%;
}
html.lt-ie-10 .row > .col-xl-4 {
margin-left: auto;
margin-right: auto;
max-width: 33.33333%;
}
html.lt-ie-10 .row > .col-xl-5 {
margin-left: auto;
margin-right: auto;
max-width: 41.66667%;
}
html.lt-ie-10 .row > .col-xl-6 {
margin-left: auto;
margin-right: auto;
max-width: 50%;
}
html.lt-ie-10 .row > .col-xl-7 {
margin-left: auto;
margin-right: auto;
max-width: 58.33333%;
}
html.lt-ie-10 .row > .col-xl-8 {
margin-left: auto;
margin-right: auto;
max-width: 66.66667%;
}
html.lt-ie-10 .row > .col-xl-9 {
margin-left: auto;
margin-right: auto;
max-width: 75%;
}
html.lt-ie-10 .row > .col-xl-10 {
margin-left: auto;
margin-right: auto;
max-width: 83.33333%;
}
html.lt-ie-10 .row > .col-xl-11 {
margin-left: auto;
margin-right: auto;
max-width: 91.66667%;
}
html.lt-ie-10 .row > .col-xl-12 {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
html.lt-ie-10 .row > .col-xl-1-5 {
margin-left: auto;
margin-right: auto;
max-width: 20%;
}
html.lt-ie-10 .row > .col-xxl-1 {
margin-left: auto;
margin-right: auto;
max-width: 8.33333%;
}
html.lt-ie-10 .row > .col-xxl-2 {
margin-left: auto;
margin-right: auto;
max-width: 16.66667%;
}
html.lt-ie-10 .row > .col-xxl-3 {
margin-left: auto;
margin-right: auto;
max-width: 25%;
}
html.lt-ie-10 .row > .col-xxl-4 {
margin-left: auto;
margin-right: auto;
max-width: 33.33333%;
}
html.lt-ie-10 .row > .col-xxl-5 {
margin-left: auto;
margin-right: auto;
max-width: 41.66667%;
}
html.lt-ie-10 .row > .col-xxl-6 {
margin-left: auto;
margin-right: auto;
max-width: 50%;
}
html.lt-ie-10 .row > .col-xxl-7 {
margin-left: auto;
margin-right: auto;
max-width: 58.33333%;
}
html.lt-ie-10 .row > .col-xxl-8 {
margin-left: auto;
margin-right: auto;
max-width: 66.66667%;
}
html.lt-ie-10 .row > .col-xxl-9 {
margin-left: auto;
margin-right: auto;
max-width: 75%;
}
html.lt-ie-10 .row > .col-xxl-10 {
margin-left: auto;
margin-right: auto;
max-width: 83.33333%;
}
html.lt-ie-10 .row > .col-xxl-11 {
margin-left: auto;
margin-right: auto;
max-width: 91.66667%;
}
html.lt-ie-10 .row > .col-xxl-12 {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
html.lt-ie-10 .row > .col-xxl-1-5 {
margin-left: auto;
margin-right: auto;
max-width: 20%;
}
html.lt-ie-10 .row > .col-xxl-1 {
margin-left: auto;
margin-right: auto;
max-width: 8.33333%;
}
html.lt-ie-10 .row > .col-xxl-2 {
margin-left: auto;
margin-right: auto;
max-width: 16.66667%;
}
html.lt-ie-10 .row > .col-xxl-3 {
margin-left: auto;
margin-right: auto;
max-width: 25%;
}
html.lt-ie-10 .row > .col-xxl-4 {
margin-left: auto;
margin-right: auto;
max-width: 33.33333%;
}
html.lt-ie-10 .row > .col-xxl-5 {
margin-left: auto;
margin-right: auto;
max-width: 41.66667%;
}
html.lt-ie-10 .row > .col-xxl-6 {
margin-left: auto;
margin-right: auto;
max-width: 50%;
}
html.lt-ie-10 .row > .col-xxl-7 {
margin-left: auto;
margin-right: auto;
max-width: 58.33333%;
}
html.lt-ie-10 .row > .col-xxl-8 {
margin-left: auto;
margin-right: auto;
max-width: 66.66667%;
}
html.lt-ie-10 .row > .col-xxl-9 {
margin-left: auto;
margin-right: auto;
max-width: 75%;
}
html.lt-ie-10 .row > .col-xxl-10 {
margin-left: auto;
margin-right: auto;
max-width: 83.33333%;
}
html.lt-ie-10 .row > .col-xxl-11 {
margin-left: auto;
margin-right: auto;
max-width: 91.66667%;
}
html.lt-ie-10 .row > .col-xxl-12 {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
html.lt-ie-10 .row > .col-xxl-1-5 {
margin-left: auto;
margin-right: auto;
max-width: 20%;
}
html.lt-ie-10 .row > [class*="cell-xs-preffix-"],
html.lt-ie-10 .row > [class*="cell-sm-preffix-"],
html.lt-ie-10 .row > [class*="cell-md-preffix-"],
html.lt-ie-10 .row > [class*="cell-lg-preffix-"],
html.lt-ie-10 .row > [class*="cell-xl-preffix-"],
html.lt-ie-10 .row > [class*="cell-xxl-preffix-"] {
margin-left: auto;
}
/** @section Responsive unit */
.unit {
display: flex;
flex: 0 1 100%;
margin-bottom: -15px;
margin-left: -20px;
}
.unit > * {
margin-bottom: 15px;
margin-left: 20px;
}
.unit:empty {
margin-bottom: 0;
margin-left: 0;
}
.unit-body {
flex: 0 1 auto;
}
.unit-left,
.unit-right {
flex: 0 0 auto;
max-width: 100%;
}
@media (min-width: 1600px) {
.unit {
margin-bottom: -20px;
margin-left: -30px;
}
.unit > * {
margin-bottom: 20px;
margin-left: 30px;
}
}
.unit-spacing-sm {
margin-bottom: -10px;
margin-left: -20px;
}
.unit-spacing-sm > * {
margin-bottom: 10px;
margin-left: 20px;
}
@media (min-width: 1600px) {
.unit-spacing-md-midle {
margin-bottom: -20px;
margin-left: -50px;
}
.unit-spacing-md-midle > * {
margin-bottom: 20px;
margin-left: 50px;
}
}
.unit-spacing-md {
margin-bottom: -20px;
margin-left: -30px;
}
.unit-spacing-md > * {
margin-bottom: 20px;
margin-left: 30px;
}
@media (min-width: 1200px) {
.unit-spacing-md {
margin-bottom: -20px;
margin-left: -65px;
}
.unit-spacing-md > * {
margin-bottom: 20px;
margin-left: 65px;
}
}
.unit-spacing-xxl {
margin-bottom: -10px;
margin-left: -15px;
}
.unit-spacing-xxl > * {
margin-bottom: 10px;
margin-left: 15px;
}
@media (min-width: 768px) {
.unit-spacing-xxl {
margin-bottom: -20px;
margin-left: -115px;
}
.unit-spacing-xxl > * {
margin-bottom: 20px;
margin-left: 115px;
}
}
/** @section Animate */
.animated, .desktop .pricing-box-alternative, .jp-video:before {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
}
.animated.infinite, .desktop .infinite.pricing-box-alternative, .infinite.jp-video:before {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge, .desktop .hinge.pricing-box-alternative, .hinge.jp-video:before {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
html:not(.lt-ie10) .not-animated {
opacity: 0;
}
.ipad .not-animated,
.ios .not-animated {
opacity: 1 !important;
}
.ios .animated, .ios .desktop .pricing-box-alternative, .desktop .ios .pricing-box-alternative, .ios .jp-video:before {
animation: none;
}
/**
* FadeIn Keyframes Animation
*/
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn, .desktop .pricing-box-alternative:hover, .jp-video:hover:before {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
/**
* FadeInUp Keyframes Animation
*/
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
/**
* FadeInDown Keyframes Animation
*/
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
/**
* FadeInLeft Keyframes Animation
*/
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
/**
* FadeInRight Keyframes Animation
*/
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
/*
**
* FadeOut Keyframes Animation
*/
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
/**
* SlideInDown Keyframes Animation
*/
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
/**
* SlideInUp Keyframes Animation
*/
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
/**
* SlideInLeft Keyframes Animation
*/
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
/**
* SlideInRight Keyframes Animation
*/
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
/**
* SlideOutDown Keyframes Animation
*/
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
.fxRotateInDown {
-webkit-animation: fxRotateInDown .6s forwards;
animation: fxRotateInDown .6s forwards;
}
@keyframes fxRotateInDown {
0% {
animation-timing-function: linear;
opacity: 0;
transform: translate3d(0, -55px, 0) scale(0.8);
filter: blur(10px);
}
100% {
transform: translate3d(0, 0px, 0) scale(1);
opacity: 1;
filter: blur(0);
}
}
.fxRotateInUp {
-webkit-animation: fxRotateInUp .6s forwards;
animation: fxRotateInUp .6s forwards;
}
@keyframes fxRotateInUp {
0% {
animation-timing-function: linear;
transform: translate3d(0, 55px, 0) scale(0.8);
opacity: 0;
filter: blur(10px);
}
100% {
transform: translate3d(0, 0, 0) scale(1);
opacity: 1;
filter: blur(0);
}
}
.fxBlurInRight {
-webkit-animation: fxBlurInRight .4s forwards;
animation: fxBlurInRight .4s forwards;
}
@keyframes fxBlurInRight {
0% {
animation-timing-function: linear;
transform: translate3d(-105px, 0, 0) scale(0.8);
opacity: 0;
filter: blur(5px);
}
100% {
transform: translate3d(0, 0, 0) scale(1);
opacity: 1;
filter: blur(0);
}
}
.blurIn {
-webkit-animation: blurIn .7s forwards;
animation: blurIn .7s forwards;
}
@keyframes blurIn {
0% {
opacity: 0;
filter: blur(10px);
transform: scale3d(0.85, 0.85, 0.85);
}
100% {
opacity: 1;
filter: blur(0);
transform: scale3d(1, 1, 1);
}
}
.blurInButton {
-webkit-animation: blurInButton .9s forwards;
animation: blurInButton .9s forwards;
}
@keyframes blurInButton {
0% {
opacity: 0;
filter: blur(5px);
}
100% {
opacity: 1;
filter: blur(0);
}
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
.fadeInRightSmall {
animation-name: fadeInRightSmall;
}
@keyframes fadeInRightSmall {
0% {
opacity: 0;
transform: translateX(120px) scale(0.8);
}
100% {
opacity: 1;
transform: translateX(0) scale(1);
}
}
.fadeInLeftSmall {
animation-name: fadeInLeftSmall;
}
@keyframes fadeInLeftSmall {
0% {
opacity: 0;
transform: translateX(-120px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInUpSmall {
animation-name: fadeInUpSmall;
transform-origin: 50% 100%;
}
@keyframes fadeInUpSmall {
0% {
opacity: 0;
transform: translateY(90px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/** @section Book */
.book {
position: relative;
margin: 0 auto;
width: 188px;
height: 246px;
text-align: center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: -webkit-transform 0.5s, opacity 0.3s 0.3s;
transition: transform 0.5s, opacity 0.3s 0.3s;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.details-open .book {
margin: 0 auto 0 20px;
}
@media (min-width: 480px) {
.book {
margin: 0 auto;
}
.details-open .book {
margin: 0 auto;
}
}
.block-with-details.details-open .book {
box-shadow: none;
}
.book[data-book="book-1"] .front {
background: url(../images/book-01-188x246.jpg);
}
.book[data-book="book-1"] .cover::before {
background: url(../images/book-01-cover.jpg), linear-gradient(to right, #0d47a0 0%, #062f6e 100%);
}
.book[data-book="book-2"] .front {
background: url(../images/book-02-188x246.jpg);
}
.book[data-book="book-2"] .cover::before {
background: url(../images/book-2-cover.jpg), linear-gradient(to right, #0a8738 0%, #025320 100%);
}
.book[data-book="book-3"] .front {
background: url(../images/book-03-188x246.jpg);
}
.book[data-book="book-3"] .cover::before {
background: url(../images/book-3-cover.jpg), linear-gradient(to right, #d84315 0%, #8f2606 100%);
}
.book[data-book="book-4"] .front {
background: url(../images/book-04-188x246.jpg);
}
.book[data-book="book-4"] .cover::before {
background: url(../images/book-4-cover.jpg);
}
.book[data-book="book-5"] .front {
background: url(../images/book-05-188x246.jpg);
}
.book[data-book="book-5"] .cover::before {
background: url(../images/book-5-cover.jpg);
}
.book[data-book="book-6"] .front {
background: url(../images/book-06-188x246.jpg);
}
.book[data-book="book-6"] .cover::before {
background: url(../images/book-6-cover.jpg);
}
.book .front {
-webkit-background-size: cover !important;
background-size: cover !important;
}
.book div {
position: absolute;
width: 100%;
height: 100%;
border-color: #33373b;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.details-open .book div {
height: 246px;
}
.cover {
z-index: 10;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cover::before {
position: absolute;
left: 0;
z-index: 10;
visibility: hidden;
width: 20px;
height: 100%;
background: #000000;
content: '';
-webkit-transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.front {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.inner {
border-width: 3px;
border-style: solid;
background-color: #ffffff;
}
.book .inner-left {
border-right: none;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.inner-right {
border-left: none;
background-color: #dddddd;
-webkit-transition: background-color 0.5s 0.25s;
transition: background-color 0.5s 0.25s;
}
.show-details {
display: inline-block;
margin-top: 20px;
text-align: center;
color: #981df0;
letter-spacing: 0.02em;
cursor: pointer;
}
.show-details:hover {
color: #ed1c94;
}
.details {
position: relative;
}
.details ul {
max-width: 70%;
margin-left: auto;
margin-right: 15px;
text-align: left;
margin-top: 20px;
}
@media (min-width: 1600px) {
.details ul {
max-width: 270px;
margin-left: auto;
margin-right: 30px;
}
}
.close-details {
position: absolute;
top: 28px;
right: 35px;
visibility: hidden;
width: 20px;
height: 20px;
font-size: 0;
opacity: 1;
cursor: pointer;
}
.close-details:before, .close-details:after {
position: absolute;
top: 0;
left: 50%;
width: 2px;
height: 100%;
background: #c2c2c3;
content: '';
}
.close-details:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.close-details:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.close-details:hover {
opacity: 1;
}
.details-open .close-details {
visibility: visible;
}
.details-open .book {
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: translateX(0px) rotateY(90deg);
transform: translateX(19px) rotateY(90deg);
}
@media (min-width: 480px) {
.details-open .book {
transform: translateX(-56px) rotateY(90deg);
}
}
@media (min-width: 768px) {
.details-open .book {
transform: translateX(-30px) rotateY(90deg);
}
}
@media (min-width: 992px) {
.details-open .book {
transform: translateX(-10px) rotateY(90deg);
}
}
@media (min-width: 1200px) {
.details-open .book {
transform: translateX(-4px) rotateY(90deg);
}
}
@media (min-width: 1600px) {
.details-open .book {
-webkit-transform: translateX(-56px) rotateY(90deg);
transform: translateX(-56px) rotateY(90deg);
}
}
.cover::before {
-webkit-transition: visibility 0s 0.5s;
transition: visibility 0s 0.5s;
}
.details-open .cover::before {
visibility: visible;
-webkit-transition: none;
transition: none;
}
.details {
padding-top: 1px;
visibility: hidden;
opacity: 0;
z-index: -1;
max-height: 0;
}
.details-open .details {
display: block;
margin-top: 60px;
padding-bottom: 20px;
max-height: 100%;
visibility: visible;
opacity: 1;
z-index: 10;
-webkit-transition: opacity 0.5s, visibility 0s;
transition: opacity 0.5s, visibility 0s;
will-change: transfrom;
}
.block-with-details {
position: relative;
z-index: 1;
display: inline-block;
margin-left: auto;
margin-right: auto;
width: 100%;
min-height: 541px;
max-width: 420px;
overflow: hidden;
vertical-align: top;
text-align: center;
border-radius: 9px;
}
.block-with-details .figcaption {
transition: .3s ease-out all, .15s ease-out opacity;
visibility: visible;
margin-top: 20px;
opacity: 1;
bottom: 0;
left: 0;
right: 0;
transform: translateY(0px);
text-align: center;
will-change: transfrom;
}
.block-with-details:before {
content: '';
z-index: -1;
position: absolute;
bottom: 0;
left: 0;
top: 0;
right: 0;
background-color: #ffffff;
opacity: 0;
border-radius: 9px;
pointer-events: none;
}
.block-with-details.details-open {
z-index: 101;
-webkit-transition: none;
transition: none;
box-shadow: 0 5px 12px 0 #dcdeec;
}
.block-with-details.details-open .perspective {
position: absolute;
}
.block-with-details.details-open .figcaption {
position: absolute;
visibility: hidden;
opacity: 0;
transform: translateY(20px);
}
.block-with-details.details-open:before {
opacity: 1;
}
@media (min-width: 1600px) {
.block-with-details {
min-height: 589px;
}
}
@media (min-width: 1800px) {
.block-with-details {
min-height: 589px;
}
}
.book-cite {
color: #29293a;
}
.book-tag {
color: #ed1c94;
font-style: italic;
}
.book-tag a {
font-style: inherit;
color: #ed1c94;
}
.book-tag a:hover {
color: #981df0;
}
.perspective {
position: relative;
width: 100%;
margin-top: 60px;
-webkit-perspective: 1800px;
perspective: 1800px;
}
.book-title {
color: #ed1c94;
}
.book-title a {
color: inherit;
}
.book-title a:hover {
color: #981df0;
}
@media (min-width: 1600px) {
.book-title {
min-height: 68px;
}
}
.book-title,
.book-cite,
.book-content {
letter-spacing: 0.02em;
}
* + .book-title {
margin-top: 20px;
}
* + .book-cite {
margin-top: 10px;
}
* + .book-content {
margin-top: 15px;
}
* + .book-tag {
margin-top: 10px;
}
* + .book-price {
margin-top: 20px;
}
* + .book-button {
margin-top: 20px;
}
@media (min-width: 1600px) {
.block-with-details .figcaption {
margin-top: 40px;
}
* + .book-cite {
margin-top: 15px;
}
* + .book-content {
margin-top: 22px;
}
* + .book-tag {
margin-top: 19px;
}
}
.block-with-details.details-open::before {
visibility: visible;
opacity: 1;
-webkit-transition: opacity 0.3s, visibility 0s;
transition: opacity 0.3s, visibility 0s;
}
.block-with-details.details-open::after {
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
@-webkit-keyframes openSmallBook {
0% {
}
55%, 100% {
-webkit-transform: rotateY(-180deg);
}
}
@keyframes openSmallBook {
0% {
}
55%, 100% {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
}
@-webkit-keyframes closeSmallBook {
0%, 45% {
-webkit-transform: rotateY(-180deg);
}
100% {
-webkit-transform: rotateY(0deg);
}
}
@keyframes closeSmallBook {
0%, 45% {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
100% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
@-webkit-keyframes scaleUpSmallBook {
0% {
}
85%, 100% {
-webkit-transform: scale(1.4);
}
}
@keyframes scaleUpSmallBook {
0% {
}
85%, 100% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
}
@-webkit-keyframes scaleDownSmallBook {
0%, 15% {
-webkit-transform: scale(1.4);
}
100% {
-webkit-transform: scale(1);
}
}
@keyframes scaleDownSmallBook {
0%, 15% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/** @section Vide BG */
.vide {
width: 100%;
background-size: cover;
background-position: center;
}
.vide > * {
position: relative;
z-index: 1;
}
.vide video {
will-change: transform;
pointer-events: none;
}
.video-background {
position: relative;
overflow: hidden;
background-color: #000000;
}
.video-background-poster {
display: none;
}
.video-foreground,
.video-background iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-foreground {
height: 300%;
top: -100%;
}
.video-foreground iframe {
left: -5px;
width: calc(100% + 5px);
}
.video-background-inner {
pointer-events: none;
position: relative;
z-index: 1;
}
[data-x-mode="true"] .video-foreground,
.builder .video-foreground,
.ios .video-foreground,
.ipad .video-foreground,
.tablet .video-foreground,
.devices .video-foreground,
.mobile .video-foreground {
display: none;
}
[data-x-mode="true"] .video-background-poster,
.builder .video-background-poster,
.ios .video-background-poster,
.ipad .video-background-poster,
.tablet .video-background-poster,
.devices .video-background-poster,
.mobile .video-background-poster {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
[data-x-mode="true"] .video-background-poster img,
.builder .video-background-poster img,
.ios .video-background-poster img,
.ipad .video-background-poster img,
.tablet .video-background-poster img,
.devices .video-background-poster img,
.mobile .video-background-poster img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
* + .vide,
* + .video-background {
margin-top: 50px;
}
@media (min-width: 992px) {
* + .vide,
* + .video-background {
margin-top: 60px;
}
}
/** @section Bootstrap material datetimepicker */
.hidden {
display: none;
}
.dtp {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 2000;
}
.dtp > .dtp-content {
position: relative;
overflow: hidden;
left: 50%;
max-width: 320px;
margin: 0 auto;
background: #ffffff;
border-radius: 35px;
box-shadow: 0 6px 8px 0 rgba(110, 123, 157, 0.17);
}
@media (max-width: 479.98px) {
.dtp > .dtp-content {
max-width: 300px;
max-height: 90vh;
overflow-y: auto;
}
}
.dtp-header {
position: relative;
background: #ffffff;
color: #29293a;
padding: 8px 15px;
text-align: center;
}
.dtp-date, .dtp-time {
background: #ffffff;
text-align: center;
color: #29293a;
padding: 10px;
}
.dtp-date > div {
padding: 0;
margin: 0;
vertical-align: middle;
}
.dtp-actual-month, .dtp-actual-num, .dtp-actual-year {
font-family: "Oswald", Helvetica, Arial, sans-serif;
font-weight: 400;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #29293a;
}
.dtp-actual-month {
font-size: 1.3em;
}
.dtp-actual-num, .dtp-actual-maxtime {
font-size: 2.8em;
line-height: 1;
}
.dtp-date .dtp-actual-num {
padding: 5px 0;
}
.dtp-actual-year {
font-size: 1.5em;
color: #29293a;
}
.dtp-picker {
text-align: center;
}
@media (min-width: 480px) {
.dtp-picker {
padding: 1rem;
}
}
.dtp-picker-month, .dtp-actual-time {
text-align: center;
}
.dtp-close {
position: absolute;
top: 5px;
bottom: 0;
right: 2rem;
}
.dtp-close > a {
display: inline-block;
vertical-align: middle;
color: #29293a;
}
.dtp-close > a:hover {
color: #981df0;
}
.dtp table.dtp-picker-days {
margin: 0;
border: none;
}
.dtp table.dtp-picker-days tr {
border: none;
}
.dtp table.dtp-picker-days tr > td {
border: none;
font-weight: 300;
font-size: 16px;
text-align: center;
vertical-align: middle;
padding: .4rem .15rem;
color: #c2c2c3;
}
@media (min-width: 768px) {
.dtp table.dtp-picker-days tr > td {
padding: .5rem .3rem;
}
}
.dtp table.dtp-picker-days tr > td > span.dtp-select-day {
color: #bdbdbd !important;
}
.dtp table.dtp-picker-days tr > td > a {
display: inline-block;
color: #29293a;
width: 32px;
height: 32px;
text-align: center;
line-height: 30px;
border-radius: 50%;
transition: .3s all ease;
}
.dtp .dtp-picker-time > a {
color: #000000;
padding: 0.4rem 0.5rem 0.5rem 0.6rem;
border-radius: 50% !important;
}
.dtp table.dtp-picker-days tr > td > a {
border: 1px solid transparent;
}
.dtp table.dtp-picker-days tr > td > a.selected {
background: #ed1c94;
border-color: #ed1c94;
color: #ffffff;
}
.dtp table.dtp-picker-days tr > td > a:hover {
border-color: #ed1c94;
}
.dtp table.dtp-picker-days tr > th {
color: #555555;
text-align: center;
font-weight: 300;
padding: 0.4rem 0.3rem 0.6rem;
border-bottom: 1px solid #ededed;
}
.dtp .p10, .dtp .p20, .dtp .p60, .dtp .p80 {
display: inline-block;
vertical-align: middle;
}
.dtp .p10 {
width: 10%;
}
.dtp .p10 > a {
color: #ed1c94;
font-size: 36px;
line-height: 1.1;
transition: .3s all ease;
}
.dtp .p10 > a:hover {
color: #981df0;
}
.dtp .p20 {
width: 20%;
}
.dtp .p60 {
width: 60%;
}
.dtp .p80 {
width: 80%;
}
.dtp-picker-month {
display: none !important;
}
.dtp-meridien-am, .dtp-meridien-pm {
position: relative;
top: 10px;
color: #000000;
font-weight: 500;
padding: 0.7rem 0.5rem;
border-radius: 50% !important;
text-decoration: none;
background: #eee;
font-size: 1rem;
}
.dtp-actual-meridien a.selected {
background: #981df0;
color: #ffffff;
}
.dtp-picker-time {
position: absolute;
width: 30px;
height: 30px;
font-size: 1em;
border-radius: 50%;
cursor: pointer;
font-weight: 500;
text-align: center !important;
}
.dtp-picker-time > a {
display: block;
line-height: 23px;
padding: 0.3rem 0.3rem 0.3rem 0.3rem;
}
.dtp-picker-time > a.dtp-select-hour.selected {
background: #981df0;
color: #ffffff;
}
.dtp-picker-time > a.dtp-select-hour.disabled {
color: #333333;
}
.dtp-picker-time > a.dtp-select-minute.disabled {
color: #333333;
}
.dtp-picker-time > a.dtp-select-minute.selected {
background: #981df0;
color: #ffffff;
}
.dtp-picker-clock {
margin: 1rem 2rem 0 2rem;
padding: 1rem;
border-radius: 50% !important;
background: white;
}
.dtp-clock-center {
width: 15px;
height: 15px;
background: #333333;
border-radius: 50%;
position: absolute;
z-index: 50;
}
html[class*="ie"] .dtp-clock-center {
display: none;
}
.dtp-hand, .dtp-hour-hand {
position: absolute;
width: 4px;
margin-left: -2px;
background: #333333;
transform: rotate(0deg);
transform-origin: bottom;
z-index: 1;
}
html[class*="ie"] .dtp-hand, html[class*="ie"] .dtp-hour-hand {
display: none;
}
.dtp-minute-hand {
width: 2px;
margin-left: -1px;
}
.dtp-hand.on {
background: #981df0;
}
.dtp-buttons {
padding: 0 1rem 1rem 1rem;
text-align: right;
}
.dtp .invisible {
visibility: hidden;
}
.dtp-buttons.group {
margin-bottom: -10px;
margin-left: -10px;
}
.dtp-buttons.group:empty {
margin-bottom: 0;
margin-left: 0;
}
.dtp-buttons.group > * {
display: inline-block;
margin-top: 0;
margin-bottom: 10px;
margin-left: 10px;
}
/** @section Countdown */
.countdown {
font-family: "Oswald", Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.3;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #29293a;
}
.countdown.countdown-expired {
color: #c2c2c3;
}
* + .countdown {
margin-top: 20px;
}
.countdown + .countdown {
margin-top: 15px;
}
@media (min-width: 768px) {
.countdown {
font-size: 22px;
}
}
@media (min-width: 1200px) {
.countdown {
font-size: 28px;
}
* + .countdown {
margin-top: 40px;
}
.countdown + .countdown {
margin-top: 30px;
}
}
/** @section Counter */
.counter-wrap {
font-size: 24px;
}
.counter-wrap .icon {
font-size: 28px;
}
.counter-wrap * + p {
margin-top: 10px;
}
.counter-wrap .icon + * {
margin-top: 8px;
}
@media (max-width: 479.98px) {
.col-md-3 .counter-wrap {
font-size: 20px;
}
}
@media (min-width: 992px) {
.counter-wrap .icon {
font-size: 32px;
}
}
/** @section C3 Charts */
.c3 svg {
padding-left: 4px;
width: 100%;
font: 10px sans-serif;
-webkit-tap-highlight-color: transparent;
}
.c3 path, .c3 line {
fill: none;
stroke: #9f9f9f;
}
.c3 text {
fill: #9b9b9b;
font-size: 12px;
font-weight: 400;
font-family: "Lato", Helvetica, Arial, sans-serif;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
shape-rendering: crispEdges;
}
.c3-chart-arc path {
stroke: #fff;
}
.c3-chart-arc text {
fill: #fff;
font-size: 13px;
}
/*-- Axis --*/
/*-- Grid --*/
.c3-grid line {
stroke: #eaebee;
}
.c3-grid text {
fill: #aaa;
}
.c3-xgrid,
.c3-ygrid {
stroke-dasharray: 0 0;
}
/*-- Text on Chart --*/
.c3-text.c3-empty {
fill: #808080;
font-size: 2em;
}
/*-- Line --*/
.c3-line {
stroke-width: 3px;
}
/*-- Point --*/
.c3-circle._expanded_ {
stroke-width: 2px;
stroke: white;
}
.c3-selected-circle {
fill: white;
stroke-width: 2px;
}
/*-- Bar --*/
.c3-bar {
stroke-width: 0;
}
.c3-bar._expanded_ {
fill-opacity: 0.75;
}
/*-- Focus --*/
.c3-target.c3-focused {
opacity: 1;
}
.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
stroke-width: 2px;
}
.c3-target.c3-defocused {
opacity: 0.3 !important;
}
/*-- Region --*/
.c3-region {
fill: steelblue;
fill-opacity: .1;
}
/*-- Brush --*/
.c3-brush .extent {
fill-opacity: .1;
fill: #000;
}
/*-- Select - Drag --*/
/*-- Legend --*/
.c3-legend-item {
font-size: 12px;
}
.c3-legend-item-hidden {
opacity: 0.15;
}
.c3-legend-background {
opacity: 0.75;
fill: white;
stroke: lightgray;
stroke-width: 1;
}
/*-- Title --*/
.c3-title {
font: 14px sans-serif;
}
/*-- Tooltip --*/
.c3-tooltip-container {
z-index: 10;
}
.c3-tooltip {
border-collapse: collapse;
border-spacing: 0;
background-color: #fff;
empty-cells: show;
-webkit-box-shadow: 7px 7px 12px -9px #777;
-moz-box-shadow: 7px 7px 12px -9px #777;
box-shadow: 7px 7px 12px -9px #777;
opacity: 0.9;
}
.c3-tooltip tr {
border: 1px solid #ccc;
}
.c3-tooltip th {
background-color: #aaa;
font-size: 14px;
padding: 2px 5px;
text-align: left;
color: #fff;
}
.c3-tooltip td {
font-size: 13px;
padding: 3px 6px;
background-color: #fff;
color: #000000;
border-left: 1px dotted #999;
}
.c3-tooltip td > span {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 6px;
}
.c3-tooltip td.value {
text-align: right;
}
/*-- Area --*/
.c3-area {
stroke-width: 0;
opacity: 0.2;
}
/*-- Arc --*/
.c3-chart-arcs-title {
dominant-baseline: middle;
font-size: 1.3em;
}
.c3-chart-arcs .c3-chart-arcs-background {
fill: #e0e0e0;
stroke: none;
}
.c3-chart-arcs .c3-chart-arcs-gauge-unit {
fill: #000;
font-size: 16px;
}
.c3-chart-arcs .c3-chart-arcs-gauge-max {
fill: #777;
}
.c3-chart-arcs .c3-chart-arcs-gauge-min {
fill: #777;
}
.c3-chart-arc .c3-gauge-value {
fill: #000;
}
.c3 .domain {
stroke: #c8c8c8;
}
.d3-chart .tick line {
display: none;
}
.d3-chart .c3-tooltip-container {
border-radius: 9px;
}
.d3-chart .c3-tooltip {
opacity: 1;
color: #ffffff;
background: #981df0;
}
.d3-chart .c3-tooltip tr th {
padding: 8px 10px;
color: #ffffff;
background: #ed1c94;
}
.d3-chart .c3-tooltip tr td {
padding: 5px 10px;
color: #838386;
background: #ffffff;
}
.d3-chart .c3-tooltip .value {
border-left: 1px solid #f2f3f9;
}
#line-chart .c3-tooltip-container {
border-radius: 9px;
overflow: hidden;
}
#line-chart .c3-tooltip-container tr {
border: 0;
}
#line-chart .c3-tooltip-container .name {
border-left: 0;
}
#line-chart .c3-tooltip-container table {
border: 0 solid transparent;
border-radius: 9px;
}
#line-chart .c3-axis-y-label {
transform: translateY(-10px);
}
#line-chart .c3-axis-y .tick text {
transform: translateX(1px);
}
#line-chart .c3-axis-x {
text-align: left;
}
#line-chart .c3-axis-x text {
transform: translateX(-1px);
text-anchor: start !important;
}
#line-chart .c3-legend-item {
display: none !important;
transform: translateY(15px);
}
#line-chart .c3-legend-item text {
font-size: 16px;
color: #29293a;
}
.d3-chart-wrap {
width: 100%;
max-width: 100%;
overflow-y: hidden;
overflow-x: auto;
padding-bottom: 30px;
}
.d3-chart-wrap > .d3-chart {
min-width: 520px;
}
.d3-chart-legend {
margin-bottom: -5px;
margin-left: -30px;
text-align: center;
}
.d3-chart-legend:empty {
margin-bottom: 0;
margin-left: 0;
}
.d3-chart-legend > * {
display: inline-block;
margin-top: 0;
margin-bottom: 5px;
margin-left: 30px;
}
.d3-chart-legend span {
position: relative;
display: inline-block;
font-size: 16px;
color: #29293a;
cursor: pointer;
}
.d3-chart-legend span::before {
content: '';
display: inline-block;
height: 3px;
width: 30px;
margin-right: 6px;
vertical-align: middle;
}
.d3-chart-legend span:nth-child(1)::before {
background: #a820d3;
}
.d3-chart-legend span:nth-child(2)::before {
background: #ed1c94;
}
@media (min-width: 1600px) {
.d3-chart-legend span {
font-size: 18px;
}
}
* + .d3-chart-legend {
margin-top: 20px;
}
@media (min-width: 1600px) {
* + .d3-chart-legend {
margin-top: 33px;
}
}
/** @section Isotope */
@keyframes sprite-animation {
from {
background-position: 0 0;
}
}
[data-isotope-layout] {
display: block;
transition: .4s all ease;
min-height: 160px;
z-index: 0;
}
[data-isotope-layout] .row {
margin-bottom: -30px;
}
[data-isotope-layout] .row > [class*="col-"] {
margin-top: 30px;
}
[data-isotope-layout] .row-narrow {
margin-bottom: -10px;
}
[data-isotope-layout] .row-narrow > [class*="col-"] {
margin-top: 10px;
}
[data-isotope-layout] .row-condensed {
margin-bottom: 0;
}
[data-isotope-layout] .row-condensed > [class*="col-"] {
margin-top: 0;
}
@media (min-width: 1200px) {
[data-isotope-layout] [class*="col-lg-3"]:not([class*='col-xxl']):not([class*='col-xl']) {
width: 24.8%;
}
}
[data-isotope-layout] [class*="col-"] {
display: block;
will-change: transform;
backface-visibility: hidden;
}
[data-isotope-layout].isotope-titled-gallery .row {
margin-bottom: -50px;
}
[data-isotope-layout].isotope-titled-gallery .row > [class*="col-"] {
margin-top: 50px;
}
[data-isotope-layout].isotope-default {
top: -20px;
}
[data-isotope-layout].isotope-default .row {
margin-bottom: -30px;
}
[data-isotope-layout].isotope-default .row > [class*="col-"] {
margin-top: 30px;
}
@media (min-width: 992px) {
[data-isotope-layout].isotope-md .row {
margin-bottom: -60px;
}
[data-isotope-layout].isotope-md .row > [class*="col-"] {
margin-top: 60px;
}
}
@media (min-width: 1600px) {
[data-isotope-layout] .col-xxl-2 {
width: 16.5%;
}
}
[data-isotope-layout='masonry'] .gallery-item {
max-height: 350px;
}
@media (min-width: 768px) {
[data-isotope-layout='masonry'] .gallery-item {
max-height: 480px;
}
}
@media (min-width: 1600px) {
[data-isotope-layout='masonry'] .gallery-item {
max-height: none;
}
}
.isotope-sizer {
height: 0;
margin-top: -1px !important;
margin-bottom: 0;
}
.isotope-filters {
position: relative;
display: inline-block;
}
.isotope-filters-list {
display: none;
position: absolute;
top: 100%;
right: 0;
left: 0;
margin: 10px 0;
z-index: 10;
float: left;
min-width: 130px;
font-size: 16px;
text-align: left;
background-color: #ffffff;
border-radius: 5px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
overflow: hidden;
}
.isotope-filters-list > li {
display: block;
}
.isotope-filters-list > li > a {
display: block;
position: relative;
clear: both;
color: #29293a;
white-space: nowrap;
line-height: 1.3;
padding: 7px 12px;
font-weight: 400;
}
.isotope-filters-list > li > a.active, .isotope-filters-list > li > a:hover {
color: #981df0;
background-color: #f2f3f9;
}
.isotope-filters-list.active {
display: block;
}
.isotope-filters-toggle.active:focus {
outline: none;
}
.isotope-filters-title {
display: none;
}
@media (min-width: 480px) {
.isotope-filters-list {
right: 0;
left: 0;
}
}
@media (min-width: 992px) {
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list {
position: static;
display: inline-block;
float: none;
padding: 0;
background-color: transparent;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
border-bottom: 1px solid #f2f3f9;
overflow: visible;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li {
display: inline-block;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li + li, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li + li {
margin-left: 28px;
}
}
@media (min-width: 992px) and (min-width: 1200px) {
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li + li, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li + li {
margin-left: 55px;
}
}
@media (min-width: 992px) {
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list a, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list a {
display: inline-block;
padding: 0 5px 13px;
color: #29293a;
font-size: 20px;
transition: 0.3s all ease-in;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list a:after, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list a:after {
content: '';
position: absolute;
bottom: -1px;
left: 50%;
width: 0;
height: 1px;
background: #981df0;
transition: .4s;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list a.active, .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list a:hover, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list a.active, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list a:hover {
color: #981df0;
background-color: transparent;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list a.active:after, .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list a:hover:after, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list a.active:after, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list a:hover:after {
left: 0;
width: 100%;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons {
margin-bottom: -10px;
margin-left: -10px;
border-bottom: 0;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons:empty, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons:empty {
margin-bottom: 0;
margin-left: 0;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons > *, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons > * {
display: inline-block;
margin-top: 0;
margin-bottom: 10px;
margin-left: 10px;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons > li, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons > li {
padding: 0;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a {
position: relative;
display: inline-block;
max-width: 100%;
padding: 11px 25px;
font-family: "Oswald", Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 14px;
letter-spacing: 0.12em;
text-transform: uppercase;
border: 2px solid;
border-radius: 35px;
text-align: center;
vertical-align: middle;
cursor: pointer;
user-select: none;
white-space: pre-wrap;
transition: initial;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a, .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:focus, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:focus {
color: #29293a;
background-color: #ffffff;
border-color: #ededed;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:hover, .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:active, .desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:hover, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:hover, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:active, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a:hover {
color: #ffffff;
background-color: #981df0;
border-color: #981df0;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a::after, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a::after {
display: none;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a.active, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list.isotope-filters-list-buttons a.active {
color: #ffffff;
background: #981df0;
border-color: #981df0;
}
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-toggle,
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .block-top-level .big, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-toggle,
.desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .block-top-level .big {
display: none;
}
}
@media (min-width: 1200px) {
.desktop .isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list a, .desktop
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list a {
font-size: 24px;
}
}
@media (min-width: 1200px) {
html .page .isotope-filters.isotope-filters-vertical {
margin-top: 30px;
}
html .page .isotope-filters.isotope-filters-vertical .isotope-filters-list {
margin-bottom: -30px;
padding: 0;
border-bottom: none;
border-right: 1px solid rgba(41, 41, 58, 0.1);
}
html .page .isotope-filters.isotope-filters-vertical .isotope-filters-list > li {
display: block;
margin-top: 0;
text-align: right;
}
html .page .isotope-filters.isotope-filters-vertical .isotope-filters-list > li > a {
padding: 0 25px;
}
html .page .isotope-filters.isotope-filters-vertical .isotope-filters-list > li > a:after {
bottom: 50%;
right: -1px;
left: auto;
width: 1px !important;
height: 0;
background: #981df0;
}
html .page .isotope-filters.isotope-filters-vertical .isotope-filters-list > li > a.active:after {
bottom: 0;
width: 1px;
height: 100%;
right: -1px;
left: auto;
}
html .page .isotope-filters.isotope-filters-vertical .isotope-filters-list > li + li {
margin-left: 0;
margin-top: 20px;
}
html .page .isotope-filters.isotope-filters-vertical .isotope-filters-title {
display: block;
}
}
/** @section Owl Carousel */
.owl-carousel .animated, .owl-carousel .desktop .pricing-box-alternative, .desktop .owl-carousel .pricing-box-alternative, .owl-carousel .jp-video:before {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out;
}
/*
* Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
@media (min-width: 480px) {
.owl-carousel-widget {
width: calc(100% - 70px);
}
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
will-change: transform;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
font: 400 40px/80px 'FontAwesome';
cursor: pointer;
z-index: 1;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:before {
content: '\f144';
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
/*
* Owl Controls
*/
.owl-nav.disabled,
.owl-dots.disabled {
display: none;
}
/*
* Owl Navigation
*/
.owl-prev, .owl-next {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 20px;
border-radius: 50%;
text-align: center;
margin-top: -20px;
z-index: 10;
cursor: pointer;
background: #ed1c94;
color: #ffffff;
transition: .33s;
border: 0;
}
.owl-prev::before, .owl-next::before {
position: relative;
font-family: "Material Design Icons";
}
.owl-prev:hover, .owl-next:hover {
background: #981df0;
}
.owl-prev {
left: 0;
}
.owl-prev::before {
content: '\f14b';
}
.owl-next {
right: 0;
}
.owl-next::before {
content: '\f150';
}
/*
* Owl Pagination
*/
.owl-dots {
text-align: center;
margin-top: 30px;
}
.owl-dot {
border: 0;
position: relative;
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
text-align: center;
outline: none;
cursor: pointer;
background-color: #c2c2c3;
transition: .25s;
}
.owl-dot:hover, .owl-dot:focus {
background-color: #981df0;
}
.owl-dot.active {
background-color: #981df0;
}
.owl-dot + .owl-dot {
margin-left: 20px;
}
.owl-dot:only-child {
display: none !important;
}
.owl-carousel.owl-dots-secondary .owl-dot {
border-color: #ededed;
}
.owl-carousel.owl-dots-secondary .owl-dot:hover, .owl-carousel.owl-dots-secondary .owl-dot.active {
background-color: #ed1c94;
}
.owl-carousel.owl-carousel-light-dots .owl-dot {
border-color: #ffffff;
}
.owl-carousel.owl-carousel-light-dots .owl-dot:hover, .owl-carousel.owl-carousel-light-dots .owl-dot:focus {
background-color: #ffffff;
}
.owl-carousel.owl-carousel-light-dots .owl-dot.active {
background-color: #ffffff;
}
.owl-carousel figure img {
width: 100%;
}
/**
* Owl Carousel Pricing
*/
@media (min-width: 1600px) {
.owl-carousel-team .owl-dots {
display: none !important;
}
}
.owl-carousel-inset .owl-stage-outer {
padding: 25px 10px;
margin: -25px -10px;
}
/**
* Owl layout 1
*/
@media (max-width: 767.98px) {
.owl-layout-1 .owl-nav {
display: none !important;
}
}
@media (min-width: 992px) {
.owl-layout-1 {
padding: 0 50px;
}
}
@media (min-width: 1200px) {
.owl-layout-1 {
padding: 0 100px;
}
}
@media (min-width: 1600px) {
.owl-layout-1 {
padding: 0 140px;
}
}
@media (min-width: 1600px) {
* + .owl-layout-1 {
margin-top: 90px;
}
}
/**
* Owl layout 2
*/
@media (min-width: 768px) {
* + .owl-layout-2 {
margin-top: 55px;
}
.owl-layout-2 .owl-dots {
margin-bottom: -5px;
margin-left: -32px;
}
.owl-layout-2 .owl-dots:empty {
margin-bottom: 0;
margin-left: 0;
}
.owl-layout-2 .owl-dots > * {
display: inline-block;
margin-top: 0;
margin-bottom: 5px;
margin-left: 32px;
}
.owl-layout-2 .owl-dot {
margin-top: 30px;
}
}
/**
* Owl layout 3
*/
.owl-layout-3 .owl-prev {
left: 40px;
}
.owl-layout-3 .owl-next {
right: 40px;
}
/**
* Owl layout 4
*/
.owl-layout-4 .owl-stage {
display: flex;
flex-direction: row;
align-items: center;
}
@media (min-width: 768px) {
* + .owl-layout-4 {
margin-top: 55px;
}
.owl-layout-4 .owl-dots {
margin-top: 0;
margin-bottom: -5px;
margin-left: -32px;
}
.owl-layout-4 .owl-dots:empty {
margin-bottom: 0;
margin-left: 0;
}
.owl-layout-4 .owl-dots > * {
display: inline-block;
margin-top: 0;
margin-bottom: 5px;
margin-left: 32px;
}
.owl-layout-4 .owl-dot {
margin-top: 30px;
}
}
@media (min-width: 1600px) {
.owl-layout-4 .owl-dot {
margin-top: 60px;
}
}
@media (min-width: 1600px) {
.owl-carousel + .button-twitter {
margin-top: 90px;
}
}
@media (min-width: 768px) {
.owl-layout-5 .owl-dots {
text-align: left;
}
}
@media (min-width: 1600px) {
.owl-layout-5 .owl-dots {
margin-top: 85px;
}
}
/** @section RD Navbar */
@keyframes rd-navbar-slide-down {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
@keyframes rd-navbar-slide-up {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-100%);
}
}
.breadcrumbs-custom-wrap .rd-navbar-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1080;
}
.breadcrumbs-custom-wrap .rd-navbar-wrap .rd-navbar {
background: transparent;
}
.breadcrumbs-custom-wrap .rd-navbar-wrap .rd-navbar--is-stuck:before {
opacity: 1;
}
.rd-navbar-wrap, .rd-navbar,
.rd-navbar-dropdown,
.rd-navbar-megamenu,
.rd-navbar-nav,
.rd-navbar-panel, .rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-megamenu, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu, .rd-navbar-sidebar .rd-navbar-sidebar-toggle, .rd-navbar-sidebar .rd-navbar-sidebar-inner, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu {
transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
}
.rd-navbar, .rd-navbar.rd-navbar--is-clone {
display: none;
}
.rd-navbar-fixed,
.rd-navbar-static,
.rd-navbar-fullwidth,
.rd-navbar-sidebar {
display: block;
}
.rd-navbar--no-transition, .rd-navbar--no-transition * {
transition: none !important;
}
.rd-navbar-collapse-toggle {
display: inline-block;
position: relative;
width: 48px;
height: 48px;
line-height: 48px;
cursor: pointer;
color: #333333;
display: none;
}
.rd-navbar-collapse-toggle span {
top: 50%;
margin-top: -3px;
}
.rd-navbar-collapse-toggle span, .rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after {
position: absolute;
width: 6px;
height: 6px;
line-height: 6px;
text-align: center;
background: #333333;
left: 50%;
margin-left: -3px;
border-radius: 50%;
transition: .3s all ease;
}
.rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after {
content: '';
}
.rd-navbar-collapse-toggle span:before {
bottom: 100%;
margin-bottom: 3px;
}
.rd-navbar-collapse-toggle span:after {
top: 100%;
margin-top: 3px;
}
.rd-navbar-collapse-toggle.active span {
transform: scale(0.7);
}
.rd-navbar-collapse-toggle.active span:before {
transform: translateY(18px);
}
.rd-navbar-collapse-toggle.active span:after {
transform: translateY(-18px);
}
.rd-navbar--is-stuck {
box-shadow: 0 6px 8px rgba(110, 123, 157, 0.17);
}
.rd-navbar.rd-navbar-fixed + .rd-navbar.rd-navbar--is-clone,
.rd-navbar.rd-navbar-sidebar + .rd-navbar.rd-navbar--is-clone {
display: none;
}
/*
* Navbar components
*/
.rd-navbar {
display: none;
background: #ffffff;
}
.rd-navbar-toggle,
.rd-navbar-sidebar-toggle {
display: inline-block;
position: relative;
width: 48px;
height: 48px;
line-height: 48px;
cursor: pointer;
color: #29293a;
background-color: transparent;
border: none;
display: none;
}
.rd-navbar-toggle span,
.rd-navbar-sidebar-toggle span {
position: relative;
display: block;
margin: auto;
transition: .3s all ease;
}
.rd-navbar-toggle span:after, .rd-navbar-toggle span:before,
.rd-navbar-sidebar-toggle span:after,
.rd-navbar-sidebar-toggle span:before {
content: "";
position: absolute;
left: 0;
top: -8px;
transition: .3s all ease;
}
.rd-navbar-toggle span:after,
.rd-navbar-sidebar-toggle span:after {
top: 8px;
}
.rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span,
.rd-navbar-sidebar-toggle span:after,
.rd-navbar-sidebar-toggle span:before,
.rd-navbar-sidebar-toggle span {
width: 24px;
height: 4px;
background-color: #29293a;
backface-visibility: hidden;
border-radius: 2px;
}
.rd-navbar-toggle span,
.rd-navbar-sidebar-toggle span {
transform: rotate(180deg);
}
.rd-navbar-toggle span:before, .rd-navbar-toggle span:after,
.rd-navbar-sidebar-toggle span:before,
.rd-navbar-sidebar-toggle span:after {
transform-origin: 1.71429px center;
}
.rd-navbar-toggle.active span,
.rd-navbar-sidebar-toggle.active span {
transform: rotate(360deg);
}
.rd-navbar-toggle.active span:before, .rd-navbar-toggle.active span:after,
.rd-navbar-sidebar-toggle.active span:before,
.rd-navbar-sidebar-toggle.active span:after {
top: 0;
width: 15px;
}
.rd-navbar-toggle.active span:before,
.rd-navbar-sidebar-toggle.active span:before {
-webkit-transform: rotate3d(0, 0, 1, -40deg);
transform: rotate3d(0, 0, 1, -40deg);
}
.rd-navbar-toggle.active span:after,
.rd-navbar-sidebar-toggle.active span:after {
-webkit-transform: rotate3d(0, 0, 1, 40deg);
transform: rotate3d(0, 0, 1, 40deg);
}
.rd-navbar-toggle:focus,
.rd-navbar-sidebar-toggle:focus {
outline: none;
}
.rd-navbar-brand a {
display: inline-block;
}
.rd-navbar-brand .logo-inverse {
display: none;
}
.breadcrumbs-custom-light .rd-navbar-brand .logo-inverse {
display: inline-block;
}
.breadcrumbs-custom-light .rd-navbar-brand .logo-default {
display: none;
}
.rd-navbar-dropdown {
display: none;
}
.rd-navbar-dropdown li + li,
.rd-navbar-megamenu li + li {
border-top: 1px solid #f2f3f9;
}
.rd-navbar-search .rd-search-form-submit {
font-size: 26px;
color: #29293a;
}
.rd-navbar-search .rd-search-form-submit:hover {
color: #ed1c94;
}
.rd-navbar-shop .rd-navbar-shop-icon span {
font-family: "Oswald", Helvetica, Arial, sans-serif;
}
.rd-navbar-search-toggle {
transition: none;
}
.rd-navbar-nav > li > a {
font-family: "Oswald", Helvetica, Arial, sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: .1em;
}
.rd-navbar-aside-right .button {
margin-top: 0;
}
.rd-navbar-top-panel * + .box-inline {
margin-top: 0;
}
.rd-navbar-login .rd-navbar-shop-icon span {
padding-left: 5px;
font: 300 18px/1.2 "Lato", Helvetica, Arial, sans-serif;
}
@media (min-width: 992px) {
.rd-navbar-wrap + .breadcrumbs-custom {
padding-top: 200px;
padding-bottom: 70px;
}
.rd-navbar-wrap + .breadcrumbs-custom.breadcrumbs-blog-post {
padding-bottom: 50px;
}
}
@media (min-width: 1200px) {
.rd-navbar-wrap + .breadcrumbs-custom {
padding-top: 170px;
padding-bottom: 80px;
}
}
@media (min-width: 1600px) {
.rd-navbar-wrap + .breadcrumbs-custom {
padding-top: 213px;
padding-bottom: 94px;
}
.rd-navbar-wrap + .breadcrumbs-custom.breadcrumbs-custom-lg {
padding-top: 222px;
padding-bottom: 160px;
}
}
.bg-gray-darker .logo-inverse, .bg-additional-gray-darker .bg-additional-item .logo-inverse,
.bg-gradient-2 .logo-inverse,
.bg-gradient-1 .logo-inverse,
.bg-image .logo-inverse,
.bg-additional-image .bg-additional-item .logo-inverse,
.bg-secondary-2 .logo-inverse,
.bg-gradients .logo-inverse,
.bg-gradient-1 .logo-inverse,
.bg-gradient-2 .logo-inverse,
.bg-gradient-3 .logo-inverse {
display: block;
}
.bg-gray-darker .logo-default, .bg-additional-gray-darker .bg-additional-item .logo-default,
.bg-gradient-2 .logo-default,
.bg-gradient-1 .logo-default,
.bg-image .logo-default,
.bg-additional-image .bg-additional-item .logo-default,
.bg-secondary-2 .logo-default,
.bg-gradients .logo-default,
.bg-gradient-1 .logo-default,
.bg-gradient-2 .logo-default,
.bg-gradient-3 .logo-default {
display: none;
}
.bg-gray-darker .rd-navbar-toggle span, .bg-additional-gray-darker .bg-additional-item .rd-navbar-toggle span, .bg-gray-darker .rd-navbar-toggle span:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-toggle span:before, .bg-gray-darker .rd-navbar-toggle span:after, .bg-additional-gray-darker .bg-additional-item .rd-navbar-toggle span:after,
.bg-gray-darker .rd-navbar-sidebar-toggle span,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-sidebar-toggle span,
.bg-gray-darker .rd-navbar-sidebar-toggle span:before,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-sidebar-toggle span:before,
.bg-gray-darker .rd-navbar-sidebar-toggle span:after,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-sidebar-toggle span:after,
.bg-gradient-2 .rd-navbar-toggle span,
.bg-gradient-2 .rd-navbar-toggle span:before,
.bg-gradient-2 .rd-navbar-toggle span:after,
.bg-gradient-2 .rd-navbar-sidebar-toggle span,
.bg-gradient-2 .rd-navbar-sidebar-toggle span:before,
.bg-gradient-2 .rd-navbar-sidebar-toggle span:after,
.bg-gradient-1 .rd-navbar-toggle span,
.bg-gradient-1 .rd-navbar-toggle span:before,
.bg-gradient-1 .rd-navbar-toggle span:after,
.bg-gradient-1 .rd-navbar-sidebar-toggle span,
.bg-gradient-1 .rd-navbar-sidebar-toggle span:before,
.bg-gradient-1 .rd-navbar-sidebar-toggle span:after,
.bg-image .rd-navbar-toggle span,
.bg-additional-image .bg-additional-item .rd-navbar-toggle span,
.bg-image .rd-navbar-toggle span:before,
.bg-additional-image .bg-additional-item .rd-navbar-toggle span:before,
.bg-image .rd-navbar-toggle span:after,
.bg-additional-image .bg-additional-item .rd-navbar-toggle span:after,
.bg-image .rd-navbar-sidebar-toggle span,
.bg-additional-image .bg-additional-item .rd-navbar-sidebar-toggle span,
.bg-image .rd-navbar-sidebar-toggle span:before,
.bg-additional-image .bg-additional-item .rd-navbar-sidebar-toggle span:before,
.bg-image .rd-navbar-sidebar-toggle span:after,
.bg-additional-image .bg-additional-item .rd-navbar-sidebar-toggle span:after,
.bg-secondary-2 .rd-navbar-toggle span,
.bg-secondary-2 .rd-navbar-toggle span:before,
.bg-secondary-2 .rd-navbar-toggle span:after,
.bg-secondary-2 .rd-navbar-sidebar-toggle span,
.bg-secondary-2 .rd-navbar-sidebar-toggle span:before,
.bg-secondary-2 .rd-navbar-sidebar-toggle span:after,
.bg-gradients .rd-navbar-toggle span,
.bg-gradient-1 .rd-navbar-toggle span,
.bg-gradient-2 .rd-navbar-toggle span,
.bg-gradient-3 .rd-navbar-toggle span,
.bg-gradients .rd-navbar-toggle span:before,
.bg-gradient-1 .rd-navbar-toggle span:before,
.bg-gradient-2 .rd-navbar-toggle span:before,
.bg-gradient-3 .rd-navbar-toggle span:before,
.bg-gradients .rd-navbar-toggle span:after,
.bg-gradient-1 .rd-navbar-toggle span:after,
.bg-gradient-2 .rd-navbar-toggle span:after,
.bg-gradient-3 .rd-navbar-toggle span:after,
.bg-gradients .rd-navbar-sidebar-toggle span,
.bg-gradient-1 .rd-navbar-sidebar-toggle span,
.bg-gradient-2 .rd-navbar-sidebar-toggle span,
.bg-gradient-3 .rd-navbar-sidebar-toggle span,
.bg-gradients .rd-navbar-sidebar-toggle span:before,
.bg-gradient-1 .rd-navbar-sidebar-toggle span:before,
.bg-gradient-2 .rd-navbar-sidebar-toggle span:before,
.bg-gradient-3 .rd-navbar-sidebar-toggle span:before,
.bg-gradients .rd-navbar-sidebar-toggle span:after,
.bg-gradient-1 .rd-navbar-sidebar-toggle span:after,
.bg-gradient-2 .rd-navbar-sidebar-toggle span:after,
.bg-gradient-3 .rd-navbar-sidebar-toggle span:after {
background: #ffffff;
}
.bg-gray-darker .rd-navbar-fixed .rd-navbar-panel:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fixed .rd-navbar-panel:before,
.bg-gradient-2 .rd-navbar-fixed .rd-navbar-panel:before,
.bg-gradient-1 .rd-navbar-fixed .rd-navbar-panel:before,
.bg-image .rd-navbar-fixed .rd-navbar-panel:before,
.bg-additional-image .bg-additional-item .rd-navbar-fixed .rd-navbar-panel:before,
.bg-secondary-2 .rd-navbar-fixed .rd-navbar-panel:before,
.bg-gradients .rd-navbar-fixed .rd-navbar-panel:before,
.bg-gradient-1 .rd-navbar-fixed .rd-navbar-panel:before,
.bg-gradient-2 .rd-navbar-fixed .rd-navbar-panel:before,
.bg-gradient-3 .rd-navbar-fixed .rd-navbar-panel:before {
background: linear-gradient(-39deg, #470cb2 10%, #6d0eb1 40%);
}
.bg-gray-darker .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle,
.bg-gray-darker .rd-navbar-fixed .rd-navbar-shop a,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-fixed .rd-navbar-shop a,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-shop a,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-shop a,
.bg-gray-darker .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle,
.bg-gray-darker .rd-navbar-static .rd-navbar-shop a,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-shop a,
.bg-gradient-2 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient-2 .rd-navbar-fixed .rd-navbar-shop a,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-shop a,
.bg-gradient-2 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient-2 .rd-navbar-static .rd-navbar-shop a,
.bg-gradient-1 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient-1 .rd-navbar-fixed .rd-navbar-shop a,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-shop a,
.bg-gradient-1 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient-1 .rd-navbar-static .rd-navbar-shop a,
.bg-image .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle,
.bg-additional-image .bg-additional-item .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle,
.bg-image .rd-navbar-fixed .rd-navbar-shop a,
.bg-additional-image .bg-additional-item .rd-navbar-fixed .rd-navbar-shop a,
.bg-image .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle,
.bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle,
.bg-image .rd-navbar-fullwidth .rd-navbar-shop a,
.bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-shop a,
.bg-image .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle,
.bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle,
.bg-image .rd-navbar-static .rd-navbar-shop a,
.bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-shop a,
.bg-secondary-2 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle,
.bg-secondary-2 .rd-navbar-fixed .rd-navbar-shop a,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-shop a,
.bg-secondary-2 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle,
.bg-secondary-2 .rd-navbar-static .rd-navbar-shop a,
.bg-gradients .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient-1 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient-2 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient-3 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradients .rd-navbar-fixed .rd-navbar-shop a,
.bg-gradient-1 .rd-navbar-fixed .rd-navbar-shop a,
.bg-gradient-2 .rd-navbar-fixed .rd-navbar-shop a,
.bg-gradient-3 .rd-navbar-fixed .rd-navbar-shop a,
.bg-gradients .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradients .rd-navbar-fullwidth .rd-navbar-shop a,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-shop a,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-shop a,
.bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-shop a,
.bg-gradients .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient-1 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient-2 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradient-3 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle,
.bg-gradients .rd-navbar-static .rd-navbar-shop a,
.bg-gradient-1 .rd-navbar-static .rd-navbar-shop a,
.bg-gradient-2 .rd-navbar-static .rd-navbar-shop a,
.bg-gradient-3 .rd-navbar-static .rd-navbar-shop a {
color: #ffffff;
}
.bg-gray-darker .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover, .bg-additional-gray-darker .bg-additional-item .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gray-darker .rd-navbar-fixed .rd-navbar-shop a:hover,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-fixed .rd-navbar-shop a:hover,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-shop a:hover,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-shop a:hover,
.bg-gray-darker .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gray-darker .rd-navbar-static .rd-navbar-shop a:hover,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-shop a:hover,
.bg-gradient-2 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient-2 .rd-navbar-fixed .rd-navbar-shop a:hover,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-shop a:hover,
.bg-gradient-2 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient-2 .rd-navbar-static .rd-navbar-shop a:hover,
.bg-gradient-1 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient-1 .rd-navbar-fixed .rd-navbar-shop a:hover,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-shop a:hover,
.bg-gradient-1 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient-1 .rd-navbar-static .rd-navbar-shop a:hover,
.bg-image .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-additional-image .bg-additional-item .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-image .rd-navbar-fixed .rd-navbar-shop a:hover,
.bg-additional-image .bg-additional-item .rd-navbar-fixed .rd-navbar-shop a:hover,
.bg-image .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-image .rd-navbar-fullwidth .rd-navbar-shop a:hover,
.bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-shop a:hover,
.bg-image .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-image .rd-navbar-static .rd-navbar-shop a:hover,
.bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-shop a:hover,
.bg-secondary-2 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-secondary-2 .rd-navbar-fixed .rd-navbar-shop a:hover,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-shop a:hover,
.bg-secondary-2 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-secondary-2 .rd-navbar-static .rd-navbar-shop a:hover,
.bg-gradients .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient-1 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient-2 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient-3 .rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradients .rd-navbar-fixed .rd-navbar-shop a:hover,
.bg-gradient-1 .rd-navbar-fixed .rd-navbar-shop a:hover,
.bg-gradient-2 .rd-navbar-fixed .rd-navbar-shop a:hover,
.bg-gradient-3 .rd-navbar-fixed .rd-navbar-shop a:hover,
.bg-gradients .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradients .rd-navbar-fullwidth .rd-navbar-shop a:hover,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-shop a:hover,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-shop a:hover,
.bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-shop a:hover,
.bg-gradients .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient-1 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient-2 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradient-3 .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover,
.bg-gradients .rd-navbar-static .rd-navbar-shop a:hover,
.bg-gradient-1 .rd-navbar-static .rd-navbar-shop a:hover,
.bg-gradient-2 .rd-navbar-static .rd-navbar-shop a:hover,
.bg-gradient-3 .rd-navbar-static .rd-navbar-shop a:hover {
color: #ffec17;
}
.bg-gray-darker .rd-navbar-static .rd-navbar-nav > li > a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > a,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li > a,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > a,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > a,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > a,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > a,
.bg-image .rd-navbar-static .rd-navbar-nav > li > a,
.bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > a,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li > a,
.bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > a,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li > a,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a,
.bg-gradients .rd-navbar-static .rd-navbar-nav > li > a,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > a,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > a,
.bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li > a,
.bg-gradients .rd-navbar-fullwidth .rd-navbar-nav > li > a,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > a,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a,
.bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li > a {
color: #ffffff;
}
.bg-gray-darker .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > a:hover,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > a:hover,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > a:hover,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover,
.bg-image .rd-navbar-static .rd-navbar-nav > li > a:hover,
.bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > a:hover,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover,
.bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li > a:hover,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover,
.bg-gradients .rd-navbar-static .rd-navbar-nav > li > a:hover,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > a:hover,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > a:hover,
.bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li > a:hover,
.bg-gradients .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover,
.bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover {
color: #ffec17;
}
.bg-gray-darker .rd-navbar-static .rd-navbar-nav > li > a:hover:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > a:hover:before,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > a:hover:before,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > a:hover:before,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before,
.bg-image .rd-navbar-static .rd-navbar-nav > li > a:hover:before,
.bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > a:hover:before,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before,
.bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li > a:hover:before,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before,
.bg-gradients .rd-navbar-static .rd-navbar-nav > li > a:hover:before,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > a:hover:before,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > a:hover:before,
.bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li > a:hover:before,
.bg-gradients .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before,
.bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before {
background-color: #ffec17;
}
.bg-gray-darker .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-image .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-gradients .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-gradients .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle {
color: #ffffff;
}
.bg-gray-darker .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-image .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-gradients .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-gradients .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover {
color: #ffec17;
}
.bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.opened > a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.opened > a,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.focus > a,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.opened > a,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.focus > a,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.opened > a,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a,
.bg-image .rd-navbar-static .rd-navbar-nav > li.focus > a,
.bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.focus > a,
.bg-image .rd-navbar-static .rd-navbar-nav > li.opened > a,
.bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.opened > a,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a,
.bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.focus > a,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.opened > a,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a,
.bg-gradients .rd-navbar-static .rd-navbar-nav > li.focus > a,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.focus > a,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.focus > a,
.bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.focus > a,
.bg-gradients .rd-navbar-static .rd-navbar-nav > li.opened > a,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.opened > a,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.opened > a,
.bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.opened > a,
.bg-gradients .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.bg-gradients .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a,
.bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a {
color: #ffec17;
}
.bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.opened > a:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.opened > a:before,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.focus > a:before,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.opened > a:before,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.focus > a:before,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.opened > a:before,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before,
.bg-image .rd-navbar-static .rd-navbar-nav > li.focus > a:before,
.bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.focus > a:before,
.bg-image .rd-navbar-static .rd-navbar-nav > li.opened > a:before,
.bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.opened > a:before,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before,
.bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before,
.bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.focus > a:before,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.opened > a:before,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before,
.bg-gradients .rd-navbar-static .rd-navbar-nav > li.focus > a:before,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.focus > a:before,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.focus > a:before,
.bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.focus > a:before,
.bg-gradients .rd-navbar-static .rd-navbar-nav > li.opened > a:before,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.opened > a:before,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.opened > a:before,
.bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.opened > a:before,
.bg-gradients .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before,
.bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before,
.bg-gradients .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before,
.bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before {
background-color: #ffec17;
}
.bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-image .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-image .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-gradients .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-gradients .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-gradients .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.bg-gradients .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle {
color: #ffec17;
}
.bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.active > a,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.active > a,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.active > a,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.active > a,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.active > a,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a,
.bg-image .rd-navbar-static .rd-navbar-nav > li.active > a,
.bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.active > a,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.active > a,
.bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.active > a,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.active > a,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a,
.bg-gradients .rd-navbar-static .rd-navbar-nav > li.active > a,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.active > a,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.active > a,
.bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.active > a,
.bg-gradients .rd-navbar-fullwidth .rd-navbar-nav > li.active > a,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a,
.bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a {
color: #ffec17;
}
.bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.active > a:before, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.active > a:before,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.active > a:before,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.active > a:before,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before,
.bg-image .rd-navbar-static .rd-navbar-nav > li.active > a:before,
.bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.active > a:before,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before,
.bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.active > a:before,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before,
.bg-gradients .rd-navbar-static .rd-navbar-nav > li.active > a:before,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.active > a:before,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.active > a:before,
.bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.active > a:before,
.bg-gradients .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before,
.bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before {
background-color: #ffec17;
}
.bg-gray-darker .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .bg-additional-gray-darker .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-gray-darker .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-additional-gray-darker .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-image .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-additional-image .bg-additional-item .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-image .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-additional-image .bg-additional-item .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-secondary-2 .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-secondary-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-gradients .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-gradient-3 .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-gradients .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-gradient-1 .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-gradient-2 .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.bg-gradient-3 .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle {
color: #ffec17;
}
/*
* @subsection Hybrid Styles
*/
.rd-navbar-static .rd-navbar-nav,
.rd-navbar-fullwidth .rd-navbar-nav {
text-align: center;
}
.rd-navbar-static .rd-navbar-nav > li,
.rd-navbar-fullwidth .rd-navbar-nav > li {
position: relative;
display: inline-block;
transition: .25s;
}
.rd-navbar-static .rd-navbar-nav > li.rd-navbar--has-megamenu,
.rd-navbar-fullwidth .rd-navbar-nav > li.rd-navbar--has-megamenu {
position: static;
}
.rd-navbar-static .rd-navbar-nav > li > a,
.rd-navbar-fullwidth .rd-navbar-nav > li > a {
position: relative;
display: inline-block;
color: #333333;
line-height: 1;
transition: .25s;
vertical-align: middle;
}
.rd-navbar-static .rd-navbar-nav > li > a:hover,
.rd-navbar-fullwidth .rd-navbar-nav > li > a:hover {
color: #ed1c94;
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle {
position: relative;
font-family: "Material Design Icons";
font-size: 0;
cursor: pointer;
vertical-align: middle;
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover {
color: #ed1c94;
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before {
content: '\f236';
position: absolute;
font-size: 18px;
top: 1px;
left: 2px;
line-height: 0;
}
.ie-10 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.ie-11 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.ie-edge .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .ie-10
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.ie-11
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.ie-edge
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle {
font-size: 18px;
}
.ie-10 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before,
.ie-11 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before,
.ie-edge .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before, .ie-10
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before,
.ie-11
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before,
.ie-edge
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:before {
line-height: 1.2;
}
.rd-navbar-static .rd-navbar-nav > li.focus > a, .rd-navbar-static .rd-navbar-nav > li.opened > a,
.rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.rd-navbar-fullwidth .rd-navbar-nav > li.opened > a {
color: #ed1c94;
background: transparent;
}
.rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle {
color: #ed1c94;
}
.rd-navbar-static .rd-navbar-nav > li.active > a,
.rd-navbar-fullwidth .rd-navbar-nav > li.active > a {
color: #ed1c94;
background: transparent;
}
.rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle {
color: #ed1c94;
}
.rd-navbar-static .rd-navbar-inner,
.rd-navbar-fullwidth .rd-navbar-inner {
position: relative;
max-width: 1800px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
.rd-navbar-static .rd-navbar-top-panel,
.rd-navbar-fullwidth .rd-navbar-top-panel {
padding-top: 10px;
padding-bottom: 10px;
background-color: #29293a;
color: #ffffff;
}
.rd-navbar-static .rd-navbar-top-panel-inner,
.rd-navbar-fullwidth .rd-navbar-top-panel-inner {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: 1800px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1800px) {
.rd-navbar-static .rd-navbar-top-panel-inner,
.rd-navbar-fullwidth .rd-navbar-top-panel-inner {
padding-left: 70px;
padding-right: 70px;
}
}
.rd-navbar-static .rd-navbar-top-panel a,
.rd-navbar-fullwidth .rd-navbar-top-panel a {
color: #ffffff;
}
.rd-navbar-static .rd-navbar-top-panel a:hover,
.rd-navbar-fullwidth .rd-navbar-top-panel a:hover {
color: #ffec17;
}
.rd-navbar-static .rd-navbar-top-panel a.icon-gray-1,
.rd-navbar-fullwidth .rd-navbar-top-panel a.icon-gray-1 {
color: #c2c2c3;
}
.rd-navbar-static .rd-navbar-top-panel a.icon-gray-1:hover,
.rd-navbar-fullwidth .rd-navbar-top-panel a.icon-gray-1:hover {
color: #ffffff;
}
.rd-navbar-static .rd-navbar-aside-center,
.rd-navbar-fullwidth .rd-navbar-aside-center {
display: flex;
align-items: center;
}
.rd-navbar-static .rd-navbar-shop,
.rd-navbar-fullwidth .rd-navbar-shop {
font-size: 24px;
}
.rd-navbar-static .rd-navbar-shop span,
.rd-navbar-fullwidth .rd-navbar-shop span {
font-size: 16px;
padding-left: 10px;
}
.rd-navbar-static .rd-navbar-shop .rd-navbar-shop-icon,
.rd-navbar-fullwidth .rd-navbar-shop .rd-navbar-shop-icon {
color: #333333;
}
.rd-navbar-static .rd-navbar-shop .rd-navbar-shop-icon:hover,
.rd-navbar-fullwidth .rd-navbar-shop .rd-navbar-shop-icon:hover {
color: #ed1c94;
}
.rd-navbar-static .rd-navbar-shop,
.rd-navbar-static .rd-navbar-search,
.rd-navbar-static .rd-navbar-search-1,
.rd-navbar-fullwidth .rd-navbar-shop,
.rd-navbar-fullwidth .rd-navbar-search,
.rd-navbar-fullwidth .rd-navbar-search-1 {
position: relative;
display: inline-flex;
margin-left: 50px;
vertical-align: middle;
}
@media (min-width: 1800px) {
.rd-navbar-static .rd-navbar-shop,
.rd-navbar-static .rd-navbar-search,
.rd-navbar-fullwidth .rd-navbar-shop,
.rd-navbar-fullwidth .rd-navbar-search {
margin-left: 50px;
}
}
.rd-navbar-static .rd-navbar-search.active .rd-search,
.rd-navbar-static .rd-navbar-search-1.active .rd-search,
.rd-navbar-fullwidth .rd-navbar-search.active .rd-search,
.rd-navbar-fullwidth .rd-navbar-search-1.active .rd-search {
visibility: visible;
opacity: 1;
}
.rd-navbar-static .rd-navbar-search .form-label,
.rd-navbar-static .rd-navbar-search-1 .form-label,
.rd-navbar-fullwidth .rd-navbar-search .form-label,
.rd-navbar-fullwidth .rd-navbar-search-1 .form-label {
font-size: 18px;
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle {
display: inline-flex;
color: #333333;
font-size: 30px;
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle:hover,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle:hover {
color: #ed1c94;
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span {
display: inline-block;
position: relative;
width: 32px;
height: 32px;
font-size: 26px;
line-height: 32px;
text-align: center;
cursor: pointer;
background: none;
border: none;
outline: none;
padding: 0;
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span, .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:before, .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:after,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span:before,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span:after,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:before,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:after,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span:before,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span:after {
transition: .3s all ease-in-out;
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:before, .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:after,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span:before,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span:after,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:before,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:after,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span:before,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:before,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span:before,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:before,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span:before {
content: "";
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
font-family: "Material Design Icons";
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:after,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle span:after,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:after,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle span:after {
content: "";
transform: rotate(-90deg) scale(0.4);
opacity: 0;
visibility: hidden;
font-family: "Material Design Icons";
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle.active span:before,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle.active span:before,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle.active span:before,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle.active span:before {
opacity: 0;
visibility: hidden;
transform: rotate(90deg) scale(0.4);
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle.active span:after,
.rd-navbar-static .rd-navbar-search-1 .rd-navbar-search-toggle.active span:after,
.rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle.active span:after,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-navbar-search-toggle.active span:after {
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
}
.rd-navbar-static .rd-navbar-search .form-wrap,
.rd-navbar-static .rd-navbar-search-1 .form-wrap,
.rd-navbar-fullwidth .rd-navbar-search .form-wrap,
.rd-navbar-fullwidth .rd-navbar-search-1 .form-wrap {
margin-bottom: 0;
}
.rd-navbar-static .rd-navbar-search .form-input,
.rd-navbar-static .rd-navbar-search-1 .form-input,
.rd-navbar-fullwidth .rd-navbar-search .form-input,
.rd-navbar-fullwidth .rd-navbar-search-1 .form-input {
padding-right: 50px;
box-shadow: 0 2px 5px rgba(41, 41, 58, 0.05);
}
.rd-navbar-static .rd-navbar-search .rd-search,
.rd-navbar-static .rd-navbar-search-1 .rd-search,
.rd-navbar-fullwidth .rd-navbar-search .rd-search,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-search {
position: absolute;
top: calc(100% + 29px);
right: 0;
width: 380px;
opacity: 0;
visibility: hidden;
transition: .3s;
z-index: 3;
}
.rd-navbar-static .rd-navbar-search .rd-search-form-submit,
.rd-navbar-static .rd-navbar-search-1 .rd-search-form-submit,
.rd-navbar-fullwidth .rd-navbar-search .rd-search-form-submit,
.rd-navbar-fullwidth .rd-navbar-search-1 .rd-search-form-submit {
cursor: pointer;
position: absolute;
top: 17px;
right: 0;
width: 50px;
padding: 0;
border: none;
font-size: 26px;
background-color: transparent;
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown {
position: absolute;
left: 0;
width: 310px;
background: #ffffff;
z-index: 5;
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown.rd-navbar-open-left,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown.rd-navbar-open-left {
right: 0;
left: auto;
}
.rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav li.focus > .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav li.opened > .rd-navbar-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-megamenu,
.rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-nav li.focus > .rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-nav li.opened > .rd-navbar-megamenu {
opacity: 1;
visibility: visible;
transform: translate3d(-50%, 0, 0);
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-megamenu {
z-index: 15;
visibility: hidden;
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown .rd-navbar-dropdown {
left: 100%;
top: 0;
margin-top: -8px;
margin-left: 8px;
z-index: 2;
transform: translate(30px, 0);
}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown > li.focus > .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown > li.opened > .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown > li.focus > .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown > li.opened > .rd-navbar-dropdown {
opacity: 1;
visibility: visible;
transform: translate(0, 0);
}
.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-megamenu {
position: absolute;
top: 100%;
display: block;
padding: 8px 0;
margin-top: 0;
visibility: hidden;
opacity: 0;
text-align: left;
border-radius: 6px;
box-shadow: 0 6px 8px rgba(110, 123, 157, 0.17);
}
.rd-navbar-static .rd-navbar-dropdown li > a,
.rd-navbar-static .rd-navbar-megamenu li > a,
.rd-navbar-fullwidth .rd-navbar-dropdown li > a,
.rd-navbar-fullwidth .rd-navbar-megamenu li > a {
font-size: 16px;
transition: .15s ease-in-out;
}
.rd-navbar-static .rd-navbar-dropdown li > a:before,
.rd-navbar-static .rd-navbar-megamenu li > a:before,
.rd-navbar-fullwidth .rd-navbar-dropdown li > a:before,
.rd-navbar-fullwidth .rd-navbar-megamenu li > a:before {
content: '\f14f';
font-family: "Material Design Icons";
margin-left: -20px;
transition: opacity .15s ease-in-out, .15s margin ease-in-out;
opacity: 0;
padding-right: 5px;
}
.rd-navbar-static .rd-navbar-dropdown li.focus > a:before,
.rd-navbar-static .rd-navbar-dropdown li.opened > a:before,
.rd-navbar-static .rd-navbar-dropdown li > a:hover:before,
.rd-navbar-static .rd-navbar-megamenu li.focus > a:before,
.rd-navbar-static .rd-navbar-megamenu li.opened > a:before,
.rd-navbar-static .rd-navbar-megamenu li > a:hover:before,
.rd-navbar-fullwidth .rd-navbar-dropdown li.focus > a:before,
.rd-navbar-fullwidth .rd-navbar-dropdown li.opened > a:before,
.rd-navbar-fullwidth .rd-navbar-dropdown li > a:hover:before,
.rd-navbar-fullwidth .rd-navbar-megamenu li.focus > a:before,
.rd-navbar-fullwidth .rd-navbar-megamenu li.opened > a:before,
.rd-navbar-fullwidth .rd-navbar-megamenu li > a:hover:before {
margin-left: 0;
opacity: 1;
}
.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-fullwidth .rd-navbar-dropdown {
width: 310px;
background: #ffffff;
padding: 5px 28px;
transform: translateY(30px);
}
.rd-navbar-static .rd-navbar-dropdown > li > a,
.rd-navbar-fullwidth .rd-navbar-dropdown > li > a {
display: block;
padding: 13px 20px 13px 0;
color: #29293a;
background: transparent;
}
.rd-navbar-static .rd-navbar-dropdown > li > a:hover,
.rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover {
color: #ed1c94;
background: transparent;
}
.rd-navbar-static .rd-navbar-dropdown > li.focus > a, .rd-navbar-static .rd-navbar-dropdown > li.opened > a,
.rd-navbar-fullwidth .rd-navbar-dropdown > li.focus > a,
.rd-navbar-fullwidth .rd-navbar-dropdown > li.opened > a {
color: #ed1c94;
background: transparent;
}
.rd-navbar-static .rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-megamenu {
left: 50%;
display: flex;
width: 98%;
max-width: 1800px;
padding: 10px 40px 30px;
transform: translate3d(-50%, 30px, 0);
background: #ffffff;
justify-content: flex-start;
}
@media (min-width: 1800px) {
.rd-navbar-static .rd-navbar-megamenu,
.rd-navbar-fullwidth .rd-navbar-megamenu {
padding: 10px 49px 30px;
}
}
.rd-navbar-static .rd-navbar-megamenu > li,
.rd-navbar-fullwidth .rd-navbar-megamenu > li {
flex: 1 1 25%;
max-width: 240px;
}
.rd-navbar-static .rd-navbar-megamenu > li + li,
.rd-navbar-fullwidth .rd-navbar-megamenu > li + li {
border-top: 0;
}
.rd-navbar-static .rd-navbar-megamenu > li > ul a,
.rd-navbar-fullwidth .rd-navbar-megamenu > li > ul a {
display: block;
padding: 13px 10px 13px 0;
color: #000000;
background: transparent;
}
.rd-navbar-static .rd-navbar-megamenu > li > ul a:hover,
.rd-navbar-fullwidth .rd-navbar-megamenu > li > ul a:hover {
color: #ed1c94;
background: transparent;
}
.rd-navbar-static .rd-navbar-megamenu-banner,
.rd-navbar-fullwidth .rd-navbar-megamenu-banner {
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
}
.rd-navbar-static .rd-navbar-megamenu-banner > li:first-of-type,
.rd-navbar-fullwidth .rd-navbar-megamenu-banner > li:first-of-type {
min-width: 300px;
position: relative;
overflow: hidden;
}
.rd-navbar-static .rd-navbar-megamenu-banner > li:first-of-type > img,
.rd-navbar-fullwidth .rd-navbar-megamenu-banner > li:first-of-type > img {
position: absolute;
top: 50%;
left: 20px;
transform: translate3d(0, -60%, 0) scale(1.25);
height: 100%;
width: auto;
max-width: none;
}
.rd-navbar-static .rd-navbar-megamenu-banner > li:nth-child(n+1),
.rd-navbar-fullwidth .rd-navbar-megamenu-banner > li:nth-child(n+1) {
padding-top: 10px;
padding-bottom: 10px;
}
.rd-navbar-static.rd-navbar--is-clone,
.rd-navbar-fullwidth.rd-navbar--is-clone {
display: block;
transform: translateY(-100%);
}
.rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck,
.rd-navbar-fullwidth.rd-navbar--is-clone.rd-navbar--is-stuck {
transform: translateY(0%);
}
.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-clone,
.rd-navbar-fullwidth.rd-navbar--is-stuck,
.rd-navbar-fullwidth.rd-navbar--is-clone {
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 1080;
background: #ffffff;
}
.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-top-panel, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-top-panel,
.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-top-panel,
.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-top-panel {
display: none;
}
.rd-navbar-fixed .rd-navbar-nav-wrap,
.rd-navbar-sidebar .rd-navbar-sidebar-inner {
width: 270px;
height: 100%;
left: 0;
top: 0;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
font-size: 16px;
line-height: 34px;
color: #333333;
background: #ffffff;
box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.25);
z-index: 998;
}
.rd-navbar-fixed .rd-navbar-nav-wrap:before, .rd-navbar-fixed .rd-navbar-nav-wrap:after,
.rd-navbar-sidebar .rd-navbar-sidebar-inner:before,
.rd-navbar-sidebar .rd-navbar-sidebar-inner:after {
content: '';
display: block;
height: 56px;
}
.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar,
.rd-navbar-sidebar .rd-navbar-sidebar-inner::-webkit-scrollbar {
width: 4px;
}
.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb,
.rd-navbar-sidebar .rd-navbar-sidebar-inner::-webkit-scrollbar-thumb {
background: #c47df6;
border: none;
border-radius: 0;
opacity: .2;
}
.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track,
.rd-navbar-sidebar .rd-navbar-sidebar-inner::-webkit-scrollbar-track {
background: #981df0;
border: none;
border-radius: 0;
}
.rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown > li > a,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar-dropdown > li > a {
padding-left: 20px;
}
.rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown ul > li > a,
.rd-navbar-sidebar .rd-navbar-nav .rd-navbar-dropdown ul > li > a {
padding-left: 25px;
}
/*
* Static Layout
*/
.rd-navbar-static {
display: block;
}
.rd-navbar-static .rd-navbar-inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.rd-navbar-static .rd-navbar-nav {
text-align: left;
}
.rd-navbar-static .rd-navbar-nav > li > a {
font-size: 18px;
}
.rd-navbar-static .rd-navbar-aside-right {
display: flex;
align-items: center;
}
.rd-navbar-static .rd-navbar-aside-right-inner {
white-space: nowrap;
}
.rd-navbar-static .rd-navbar-top-panel {
text-align: left;
padding: 15px 0;
}
.rd-navbar-static .rd-navbar-nav > li + li {
margin-left: 40px;
}
.rd-navbar-static .rd-navbar-nav > li > a {
padding: 30px 0;
}
.rd-navbar-static .rd-navbar-nav > li > a:before {
position: absolute;
bottom: 0;
left: 0;
right: 100%;
height: 3px;
content: "";
display: inline-block;
opacity: 0;
transition: 250ms;
background: #ed1c94;
}
.rd-navbar-static .rd-navbar-nav > li > a:hover:before {
right: 0;
opacity: 1;
}
.rd-navbar-static .rd-navbar-nav > li.focus > a:before, .rd-navbar-static .rd-navbar-nav > li.opened > a:before {
right: 0;
opacity: 1;
}
.rd-navbar-static .rd-navbar-nav > li.active > a:before {
right: 0;
opacity: 1;
}
.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-megamenu {
margin-top: 0;
}
.rd-navbar-static .rd-navbar-megamenu {
max-width: 1200px;
}
.rd-navbar-static .rd-navbar-megamenu > li + li {
margin-left: 85px;
}
.rd-navbar-static .rd-navbar-megamenu-banner > li + li {
margin-left: 45px;
}
.rd-navbar-static .rd-navbar-shop .rd-navbar-shop-icon {
font-size: 30px;
}
.rd-navbar-static .rd-navbar-shop .rd-navbar-shop-icon span {
position: relative;
top: -4px;
font-size: 18px;
padding-left: 16px;
vertical-align: middle;
}
.rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span {
font-size: 30px;
}
.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-clone {
will-change: transform;
}
.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li > a, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > li > a {
padding: 25px 0;
}
.rd-navbar-static .rd-navbar-brand {
display: inline-flex;
}
.breadcrumbs-custom-wrap .rd-navbar-static .rd-navbar-nav > li > a:before {
top: 0;
bottom: auto;
}
@media (min-width: 1600px) {
.rd-navbar-static .rd-navbar-nav > li > a {
padding: 46px 0;
}
.rd-navbar-static .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-megamenu {
margin-top: 0;
}
}
@media (min-width: 1800px) {
.rd-navbar-static .rd-navbar-nav > li + li {
margin-left: 60px;
}
}
@media (min-width: 1600px) {
.rd-navbar-centered .rd-navbar-static:not(.rd-navbar--is-stuck) .rd-navbar-nav > li > a {
padding: 52px 0;
}
}
/*
* Fullwidth Layout
*/
.rd-navbar-fullwidth {
display: block;
}
@media (max-width: 991.98px) {
.rd-navbar-fullwidth .button-sm {
padding: 9px 28px;
min-width: auto;
}
}
.rd-navbar-fullwidth .rd-navbar-inner {
padding-top: 20px;
padding-bottom: 20px;
}
.rd-navbar-fullwidth .rd-navbar-aside-right {
display: flex;
align-items: center;
justify-content: center;
margin-top: 25px;
}
.rd-navbar-fullwidth .rd-navbar-panel {
text-align: center;
}
.rd-navbar-fullwidth .rd-navbar-nav > li {
margin: 0 18px;
}
.rd-navbar-fullwidth .rd-navbar-dropdown {
margin-top: 20px;
}
.rd-navbar-fullwidth .rd-navbar-megamenu {
max-width: 1200px;
}
.rd-navbar-fullwidth .rd-navbar-megamenu > li + li {
margin-left: 30px;
}
.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-inner, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-inner {
padding-top: 13px;
padding-bottom: 13px;
}
.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-aside-right, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-aside-right {
margin-top: 0;
}
.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-dropdown, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-dropdown {
margin-top: 15px;
}
.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-panel, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-panel {
display: none;
}
/*
* Fixed Layout
*/
.rd-navbar-fixed {
display: block;
}
.rd-navbar-fixed .rd-navbar-toggle {
display: inline-block;
}
.rd-navbar-fixed .rd-navbar-brand {
position: relative;
margin-left: 6px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
font-size: 22px;
line-height: 1;
}
.rd-navbar-fixed .rd-navbar-brand img {
max-width: 100px;
height: auto;
}
.rd-navbar-fixed .rd-navbar-panel {
display: flex;
align-items: center;
position: fixed;
left: 0;
top: 0;
right: 0;
padding: 4px;
height: 56px;
color: #29293a;
z-index: 1080;
}
.rd-navbar-fixed .rd-navbar-panel:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.25);
background: #ffffff;
}
.rd-navbar-fixed .rd-navbar-panel > * {
z-index: 1;
}
.rd-navbar-fixed .rd-navbar-top-panel.rd-navbar-collapse .box-inline {
display: table;
}
.rd-navbar-fixed .rd-navbar-top-panel.rd-navbar-collapse .box-inline > * {
display: table-cell;
vertical-align: top;
}
.rd-navbar-fixed .rd-navbar-aside-right-inner {
position: fixed;
top: 4px;
right: 8px;
display: flex;
align-items: center;
justify-content: center;
z-index: 1081;
}
.rd-navbar-fixed .rd-navbar-search,
.rd-navbar-fixed .rd-navbar-search-1 {
display: inline-flex;
z-index: 1081;
position: relative;
}
.rd-navbar-fixed .rd-navbar-search .rd-search,
.rd-navbar-fixed .rd-navbar-search-1 .rd-search {
position: absolute;
right: 4px;
top: calc(100% + 12px);
width: 240px;
opacity: 0;
visibility: hidden;
transition: .3s;
transform: translateX(-10px);
}
.rd-navbar-fixed .rd-navbar-search .rd-search-results-live,
.rd-navbar-fixed .rd-navbar-search-1 .rd-search-results-live {
display: none;
}
.rd-navbar-fixed .rd-navbar-search .form-input,
.rd-navbar-fixed .rd-navbar-search-1 .form-input {
padding-right: 50px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.07);
}
.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit,
.rd-navbar-fixed .rd-navbar-search-1 .rd-search-form-submit {
position: absolute;
top: 17px;
right: 0;
width: 50px;
padding: 0;
border: none;
background-color: transparent;
color: #000000;
}
.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit:hover,
.rd-navbar-fixed .rd-navbar-search-1 .rd-search-form-submit:hover {
color: #981df0;
}
.rd-navbar-fixed .rd-navbar-search.active .rd-search,
.rd-navbar-fixed .rd-navbar-search-1.active .rd-search {
opacity: 1;
visibility: visible;
transform: none;
}
.rd-navbar-fixed .rd-navbar-shop {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
z-index: 1081;
}
.rd-navbar-fixed .rd-navbar-shop .rd-navbar-shop-icon {
font-size: 22px;
}
.rd-navbar-fixed .rd-navbar-shop .rd-navbar-shop-icon span {
font-size: 16px;
padding-left: 5px;
}
.rd-navbar-fixed .rd-navbar-search-toggle {
display: inline-flex;
}
.rd-navbar-fixed .rd-navbar-search-toggle span {
display: inline-block;
position: relative;
width: 48px;
height: 48px;
font-size: 26px;
line-height: 48px;
text-align: center;
cursor: pointer;
background: none;
border: none;
outline: none;
padding: 0;
}
.rd-navbar-fixed .rd-navbar-search-toggle span, .rd-navbar-fixed .rd-navbar-search-toggle span:before, .rd-navbar-fixed .rd-navbar-search-toggle span:after {
transition: .3s all ease-in-out;
}
.rd-navbar-fixed .rd-navbar-search-toggle span:before, .rd-navbar-fixed .rd-navbar-search-toggle span:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.rd-navbar-fixed .rd-navbar-search-toggle span:before {
content: "";
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
font-family: "Material Design Icons";
}
.rd-navbar-fixed .rd-navbar-search-toggle span:after {
content: "";
transform: rotate(-90deg) scale(0.4);
opacity: 0;
visibility: hidden;
font-family: "Material Design Icons";
}
.rd-navbar-fixed .rd-navbar-search-toggle.active span:before {
opacity: 0;
visibility: hidden;
transform: rotate(90deg) scale(0.4);
}
.rd-navbar-fixed .rd-navbar-search-toggle.active span:after {
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
}
.rd-navbar-fixed .rd-navbar-nav-wrap {
position: fixed;
left: 0;
bottom: 0;
top: 0;
color: #333333;
background: #ffffff;
transform: translateX(-120%);
}
.rd-navbar-fixed .rd-navbar-nav-wrap.active {
transform: translateX(0);
}
.rd-navbar-fixed .rd-navbar-nav {
display: block;
font-size: 16px;
line-height: 26px;
text-align: left;
}
.rd-navbar-fixed .rd-navbar-nav:before, .rd-navbar-fixed .rd-navbar-nav:after {
content: '';
display: block;
height: 8px;
}
.rd-navbar-fixed .rd-navbar-nav li > a {
display: block;
padding: 11px 56px 11px 16px;
color: #333333;
}
.rd-navbar-fixed .rd-navbar-nav li > a:first-letter {
text-transform: uppercase;
}
.rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-fixed .rd-navbar-nav li.opened > a {
background: #981df0;
color: #ffffff;
}
.rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-navbar-nav li.active > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle {
color: #ffffff;
}
.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle:after {
transform: rotate(180deg);
}
.rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle {
cursor: pointer;
color: #333333;
}
.rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle::after {
content: '\f236';
position: absolute;
top: 22px;
right: 0;
margin-top: -22px;
width: 65px;
height: 48px;
font: 400 28px "Material Design Icons";
line-height: 48px;
text-align: center;
transition: 0.3s transform ease;
z-index: 2;
}
.rd-navbar-fixed .rd-navbar-dropdown,
.rd-navbar-fixed .rd-navbar-megamenu {
display: none;
margin-top: 4px;
}
.rd-navbar-fixed .rd-navbar-megamenu-banner > li:first-of-type {
display: none;
}
.rd-navbar-fixed .rd-navbar-submenu {
position: relative;
}
.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li > a,
.rd-navbar-fixed .rd-navbar-submenu .rd-megamenu-list > li > a {
padding: 7px 56px 7px 30px;
}
.rd-navbar-fixed .rd-navbar-submenu .rd-megamenu-header {
padding-left: 20px;
}
.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li > a,
.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li > a {
padding-left: 48px;
}
.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown,
.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu {
display: block;
}
.rd-navbar-fixed .rd-navbar-collapse {
position: fixed;
right: 4px;
top: 64px;
transform: translateX(-10px);
padding: 15px 10px;
width: 280px;
border-radius: 3px;
background-color: #ffffff;
box-shadow: 0 6px 8px rgba(110, 123, 157, 0.17);
text-align: left;
font-size: 14px;
opacity: 0;
pointer-events: none;
z-index: 997;
transition: opacity .3s, transform .3s;
}
.rd-navbar-fixed .rd-navbar-collapse.active {
transform: none;
opacity: 1;
pointer-events: auto;
z-index: 1080;
}
.rd-navbar-fixed .rd-navbar-collapse-toggle {
position: fixed;
right: 4px;
top: 4px;
display: inline-block;
z-index: 1081;
}
.rd-navbar-fixed .rd-navbar-collapse,
.rd-navbar-fixed .rd-navbar-collapse a.icon,
.rd-navbar-fixed .rd-navbar-collapse .list-inline a,
.rd-navbar-fixed .rd-navbar-collapse a.rd-navbar-shop-icon {
color: #29293a;
}
.rd-navbar-fixed .rd-navbar-collapse:hover,
.rd-navbar-fixed .rd-navbar-collapse a.icon:hover,
.rd-navbar-fixed .rd-navbar-collapse .list-inline a:hover,
.rd-navbar-fixed .rd-navbar-collapse a.rd-navbar-shop-icon:hover {
color: #ed1c94;
}
.rd-navbar-fixed .rd-navbar-collapse .rd-navbar-search,
.rd-navbar-fixed .rd-navbar-collapse .rd-navbar-shop {
position: relative;
top: auto;
right: auto;
}
.rd-navbar-fixed .rd-navbar-collapse .rd-navbar-search-toggle {
display: none;
}
.rd-navbar-fixed .rd-navbar-collapse .rd-navbar-search .rd-search {
position: relative;
width: 260px;
opacity: 1;
visibility: visible;
right: auto;
transform: translateX(0);
margin-bottom: 10px;
}
.rd-navbar-fixed .rd-navbar-collapse .rd-navbar-shop {
display: inline-flex;
margin-right: 10px;
vertical-align: middle;
}
.rd-navbar-fixed .rd-navbar-collapse .rd-navbar-top-panel-inner + .rd-navbar-top-panel-inner {
margin-top: 10px;
}
.rd-navbar-fixed.active .rd-navbar-nav {
transform: translateX(0);
}
.rd-navbar-fixed.rd-navbar--is-clone {
display: none;
}
.rd-navbar-fixed .rd-navbar-fixed--visible {
display: block;
}
.rd-navbar-fixed .rd-navbar-fixed--hidden {
display: none;
}
html.rd-navbar-fixed-linked .page {
padding-top: 55px;
}
/*
* Sidebar Layout
*/
.rd-navbar-sidebar {
display: block;
}
.rd-navbar-sidebar .rd-navbar-sidebar-toggle {
position: fixed;
top: 8px;
left: 8px;
display: block;
z-index: 1080;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner {
position: fixed;
display: flex;
flex-direction: column;
padding-top: 40px;
padding-bottom: 40px;
transform: translateX(-100%);
box-shadow: none;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner.active {
transform: translateX(0);
box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.25);
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-top-panel {
order: 1;
padding: 0 20px;
text-align: left;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-brand {
margin-bottom: 30px;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search {
display: inline-flex;
margin-top: 10px;
padding: 0 10px;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search .rd-search {
position: relative;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search .form-input {
padding-right: 50px;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search .rd-search-form-submit {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 50px;
padding: 0;
border: none;
background-color: transparent;
color: #000000;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search .rd-search-form-submit:hover {
color: #981df0;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search .rd-search-results-live {
display: none;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav {
display: block;
font-size: 16px;
line-height: 26px;
text-align: left;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav:before, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav:after {
content: '';
display: block;
height: 8px;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li > a {
display: block;
padding: 11px 56px 11px 16px;
color: #333333;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li > a:first-letter {
text-transform: uppercase;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li:hover > a, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li.active > a, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li.opened > a {
background: #981df0;
color: #ffffff;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li.active > .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle {
color: #ffffff;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle:after {
transform: rotate(180deg);
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li + li {
margin-top: 4px;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav .rd-navbar-submenu-toggle {
cursor: pointer;
color: #333333;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav .rd-navbar-submenu-toggle::after {
content: '\f236';
position: absolute;
top: 22px;
right: 0;
margin-top: -22px;
width: 65px;
height: 48px;
font: 400 28px "Material Design Icons";
line-height: 48px;
text-align: center;
transition: 0.3s transform ease;
z-index: 2;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-megamenu {
display: none;
margin-top: 4px;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu {
position: relative;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu .rd-navbar-dropdown > li > a {
padding-left: 30px;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu .rd-navbar-dropdown li li > a,
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu .rd-navbar-megamenu ul li li > a {
padding-left: 48px;
}
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu.opened > .rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu.opened > .rd-navbar-megamenu {
display: block;
}
.rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse {
flex-wrap: wrap;
justify-content: flex-start;
}
.rd-navbar-default .rd-navbar-fullwidth .rd-navbar-aside-right-inner {
margin-top: 0;
}
.rd-navbar-default .rd-navbar-fullwidth .rd-navbar-aside-right-inner > * + * {
margin-left: 30px;
}
.rd-navbar-default .rd-navbar-static .rd-navbar-aside-right-inner > * + * {
margin-left: 30px;
}
@media (min-width: 1800px) {
.rd-navbar-default .rd-navbar-static .rd-navbar-aside-right-inner > * + * {
margin-left: 50px;
}
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-toggle span, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-toggle span:before, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-toggle span:after,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-sidebar-toggle span,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-sidebar-toggle span:before,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-sidebar-toggle span:after {
background: #ffffff;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fixed .rd-navbar-panel:before {
background: linear-gradient(-39deg, #8b0fe4 10%, #6d0eb1 40%);
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fixed .rd-navbar-search-toggle,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fixed .rd-navbar-shop a,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-search-toggle,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-shop a,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-search-toggle,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-shop a {
color: #ffffff;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fixed .rd-navbar-search-toggle:hover,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fixed .rd-navbar-shop a:hover,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-search-toggle:hover,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-shop a:hover,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-search-toggle:hover,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-shop a:hover {
color: #ffec17;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li > a,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li > a {
color: #ffffff;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li > a:hover,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover {
color: #ffec17;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li > a:hover:before,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before {
background-color: #ffec17;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle {
color: #ffffff;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover {
color: #ffec17;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.focus > a, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.opened > a,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a {
color: #ffec17;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.focus > a:before, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.opened > a:before,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before {
background-color: #ffec17;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle {
color: #ffec17;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.active > a,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.active > a {
color: #ffec17;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.active > a:before,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before {
background-color: #ffec17;
}
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle,
.breadcrumbs-custom-light .rd-navbar-default .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle {
color: #ffec17;
}
.breadcrumbs-custom-wrap .rd-navbar-default .rd-navbar,
.fullwidth-page .rd-navbar-default .rd-navbar {
background: transparent;
}
.breadcrumbs-custom-wrap .rd-navbar-default .rd-navbar:before,
.fullwidth-page .rd-navbar-default .rd-navbar:before {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
content: "";
display: inline-block;
background: linear-gradient(-39deg, #8b0fe4 10%, #6d0eb1 40%);
transition: 450ms ease-out;
opacity: 0;
}
.breadcrumbs-custom-wrap .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse-toggle span,
.breadcrumbs-custom-wrap .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse-toggle span:before,
.breadcrumbs-custom-wrap .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse-toggle span:after,
.fullwidth-page .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse-toggle span,
.fullwidth-page .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse-toggle span:before,
.fullwidth-page .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse-toggle span:after {
background: #ffffff;
}
.breadcrumbs-custom-wrap .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse,
.fullwidth-page .rd-navbar-default .rd-navbar-fixed .rd-navbar-collapse {
background: linear-gradient(39deg, #8b0fe4 10%, #6d0eb1 40%);
}
.breadcrumbs-custom-wrap .rd-navbar-default .rd-navbar--is-stuck:before,
.fullwidth-page .rd-navbar-default .rd-navbar--is-stuck:before {
opacity: 1;
}
.rd-navbar-centered .rd-navbar-panel {
text-align: center;
}
.rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-inner {
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: flex-end;
}
.rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-aside-left {
padding-left: 40px;
}
.rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-collapse-toggle {
position: fixed;
right: 4px;
top: 20px;
display: inline-block;
z-index: 1081;
}
.rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-collapse {
position: fixed;
right: 4px;
top: 64px;
display: block;
transform: translateX(-10px);
padding: 5px 10px;
width: 280px;
border-radius: 3px;
background-color: #fff;
box-shadow: 0 6px 8px rgba(110, 123, 157, 0.17);
text-align: left;
font-size: 14px;
opacity: 0;
visibility: hidden;
z-index: 1080;
transition: .3s;
}
.rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-collapse.active {
transform: none;
opacity: 1;
visibility: visible;
}
.rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-search,
.rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-shop {
position: relative;
top: auto;
right: auto;
margin-left: 0;
}
.rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-search-toggle {
display: none;
}
.rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-search .rd-search {
position: relative;
width: 260px;
opacity: 1;
visibility: visible;
right: auto;
transform: translateX(0);
margin-bottom: 10px;
}
.rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-shop {
display: inline-flex;
margin-right: 10px;
vertical-align: middle;
}
.rd-navbar-centered .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-collapse-toggle {
top: 4px;
}
.rd-navbar-centered .rd-navbar-static .rd-navbar-inner > * {
flex-grow: 1;
max-width: 33.333%;
}
.ie-10 .rd-navbar-centered .rd-navbar-static .rd-navbar-inner > *,
.ie-11 .rd-navbar-centered .rd-navbar-static .rd-navbar-inner > *,
.ie-edge .rd-navbar-centered .rd-navbar-static .rd-navbar-inner > * {
width: 33.33%;
}
.rd-navbar-centered .rd-navbar-static .rd-navbar-inner .rd-navbar-nav {
white-space: nowrap;
}
.rd-navbar-centered .rd-navbar-static .rd-navbar-inner .rd-navbar-nav > li {
white-space: normal;
}
.rd-navbar-centered .rd-navbar-static .rd-navbar-aside-right {
justify-content: flex-end;
}
.rd-navbar-centered .rd-navbar-static .rd-navbar-aside-right > * + * {
margin-left: 30px;
}
@media (min-width: 1200px) {
.rd-navbar-centered .rd-navbar-static .rd-navbar-nav .rd-navbar-megamenu > li {
max-width: 215px;
white-space: nowrap;
}
}
@media (min-width: 1800px) {
.rd-navbar-centered .rd-navbar-static .rd-navbar-aside-right > * + * {
margin-left: 50px;
}
}
.rd-navbar-corporate .rd-navbar-top-panel .rd-navbar-top-panel-inner:last-of-type {
display: none;
}
.rd-navbar-corporate .box-inline > * {
display: inline-block;
vertical-align: middle;
}
.rd-navbar-corporate .box-inline .icon {
top: auto;
}
.rd-navbar-corporate .rd-navbar-panel {
text-align: center;
}
.rd-navbar-corporate .rd-navbar-fixed .rd-navbar-aside-right {
display: none;
}
.rd-navbar-corporate .rd-navbar-fixed .rd-navbar-aside-right-inner {
right: 48px;
}
.rd-navbar-corporate .rd-navbar-fixed .rd-navbar-top-panel .rd-navbar-top-panel-inner:last-of-type {
display: block;
}
.rd-navbar-corporate .rd-navbar-fixed .rd-navbar-top-panel .icon-sm-bigger {
font-size: 25px;
}
.rd-navbar-corporate .rd-navbar-fixed .rd-navbar-collapse .rd-navbar-top-panel-inner > * + * {
margin-top: 7px;
}
.rd-navbar-corporate .rd-navbar-fixed .rd-navbar-collapse .list-inline > li {
padding: 3px 9px;
}
.rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-top-panel,
.rd-navbar-corporate .rd-navbar-static .rd-navbar-top-panel {
display: flex;
}
.rd-navbar-corporate .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-top-panel,
.rd-navbar-corporate .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-top-panel {
display: none;
}
.rd-navbar-corporate .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-aside-right,
.rd-navbar-corporate .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-aside-center,
.rd-navbar-corporate .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-right,
.rd-navbar-corporate .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-center {
margin-top: 0;
}
.rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-inner {
display: flex;
flex-wrap: wrap;
}
.rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-dropdown {
margin-top: 27px;
}
.rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-panel {
width: 100%;
}
.rd-navbar-corporate .rd-navbar-fullwidth .button-sm {
min-width: 150px;
font-size: 14px;
padding: 7px 14px;
}
.rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-top-panel {
font-size: 14px;
}
.rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-top-panel .icon-sm-bigger {
font-size: 18px;
}
.rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-aside-center,
.rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-aside-right {
margin-top: 25px;
flex-grow: 1;
}
.rd-navbar-corporate .rd-navbar-fullwidth .rd-navbar-search-1 {
margin-left: 5px;
}
.rd-navbar-corporate .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-dropdown {
margin-top: 20px;
}
.rd-navbar-corporate .rd-navbar-static .icon-md-smaller {
font-size: 26px;
}
.rd-navbar-corporate .rd-navbar-static .rd-navbar-nav > li {
margin: 0 15px;
}
.rd-navbar-corporate .rd-navbar-static .rd-navbar-nav > li > a {
padding: 37px 0;
}
.rd-navbar-corporate .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li > a {
padding: 25px 0;
}
@media (min-width: 1800px) {
.rd-navbar-corporate .rd-navbar-static .rd-navbar-nav > li {
margin: 0 25px;
}
.rd-navbar-corporate .rd-navbar-static .rd-navbar-nav > li > a {
padding: 53px 0 56px;
}
.rd-navbar-corporate .rd-navbar-static .rd-navbar-top-panel-inner .box-inline + .box-inline {
margin-left: 90px;
}
.rd-navbar-corporate .rd-navbar-static .rd-navbar-inner > *:nth-child(1) {
width: 25%;
text-align: left;
}
.rd-navbar-corporate .rd-navbar-static .rd-navbar-inner > *:nth-child(2) {
width: 60%;
}
.rd-navbar-corporate .rd-navbar-static .rd-navbar-inner > *:nth-child(3) {
width: 15%;
justify-content: flex-end;
}
}
.rd-navbar-shop-header .rd-navbar-nav {
position: relative;
}
.rd-navbar-shop-header .rd-navbar-top-panel {
padding: 0;
}
.rd-navbar-shop-header .rd-navbar-search .rd-search {
margin-top: 0;
}
.rd-navbar-shop-header .rd-navbar-search .button {
display: none;
}
.rd-navbar-shop-header .rd-navbar-search .form-wrap {
margin-right: 0;
}
.rd-navbar-shop-header .rd-navbar-fixed .rd-navbar-shop,
.rd-navbar-shop-header .rd-navbar-fixed .rd-navbar-search {
position: fixed;
top: 4px;
right: 3px;
}
.rd-navbar-shop-header .rd-navbar-fixed .rd-navbar-search {
right: 48px;
}
.rd-navbar-shop-header .rd-navbar-fixed .rd-navbar-search .form-wrap-icon:before {
content: none;
}
.rd-navbar-shop-header .rd-navbar-fixed .rd-navbar-search .form-label {
left: 15px;
}
.rd-navbar-shop-header .rd-navbar-fixed .rd-navbar-search .form-input {
padding-left: 20px;
padding-right: 40px;
}
.rd-navbar-shop-header .rd-navbar-fixed .rd-navbar-search .form-input,
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .form-input,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .form-input {
box-shadow: none;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-inner,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-inner {
padding-top: 37px;
padding-bottom: 37px;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav-wrap,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav-wrap {
max-width: 1800px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media (min-width: 1800px) {
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav-wrap,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav-wrap {
padding-left: 70px;
padding-right: 70px;
}
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-inner,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-inner > *,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-inner > * {
display: block;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-inner > *:nth-child(1),
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-inner > *:nth-child(1) {
width: 25%;
text-align: left;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-inner > *:nth-child(2),
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-inner > *:nth-child(2) {
width: 50%;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-inner > *:nth-child(3),
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-inner > *:nth-child(3) {
width: 25%;
text-align: right;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li > a,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li > a {
padding: 25px 0;
color: #ffffff;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li > a:before,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li > a:before {
position: absolute;
bottom: 0;
left: 0;
right: 100%;
height: 3px;
content: "";
display: inline-block;
opacity: 0;
transition: 250ms;
background: #ed1c94;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:before,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li > a:hover:before {
right: 0;
opacity: 1;
background-color: #ffec17;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle {
color: #ffffff;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li.focus > a,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li.opened > a {
color: #ffffff;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:before, .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:before,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li.focus > a:before,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li.opened > a:before {
right: 0;
opacity: 1;
background-color: #ffec17;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li.active > a,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li.active > a {
color: #ffffff;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:before,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-nav > li.active > a:before {
right: 0;
opacity: 1;
background-color: #ffec17;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search {
width: 100%;
margin-left: 0;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .rd-search,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .rd-search {
position: relative;
width: 100%;
opacity: 1;
visibility: visible;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .rd-search-form-submit,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .rd-search-form-submit {
position: relative;
top: auto;
right: auto;
width: auto;
border: 2px solid;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .rd-search-form-submit-icon,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .rd-search-form-submit-icon {
display: none;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .button,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .button {
display: block;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .button-secondary, .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .button-secondary:focus,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .button-secondary,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .button-secondary:focus {
color: #ffffff;
background-color: #ed1c94;
border-color: #ed1c94;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .button-secondary:hover, .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .button-secondary:active, .rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .button-secondary:hover,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .button-secondary:hover,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .button-secondary:active,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .button-secondary:hover {
color: #ffffff;
background-color: #981df0;
border-color: #981df0;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search .button-sm,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search .button-sm {
padding: 11px 35px;
font-size: 16px;
line-height: 24px;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-search-toggle,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-search-toggle {
display: none;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-aside-right,
.rd-navbar-shop-header .rd-navbar-static .rd-navbar-aside-right {
margin-top: 0;
}
.rd-navbar-shop-header .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-top-panel,
.rd-navbar-shop-header .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-top-panel {
display: block;
}
.rd-navbar-shop-header .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-inner,
.rd-navbar-shop-header .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-inner {
display: none;
}
.rd-navbar-shop-header .rd-navbar-fullwidth .rd-navbar-dropdown {
margin-top: 0;
}
ul ul,
ul ol,
ol ul,
ol ol {
padding-left: 0;
}
/** @section Search Results */
.search-error {
color: #838386;
white-space: normal;
}
.search-list {
text-align: left;
padding-left: 20px;
font-size: 18px;
list-style-type: none;
counter-reset: li;
overflow: hidden;
}
.search-list li + li {
margin-top: 25px;
}
.search-list h5 + * {
margin-top: 8px;
}
.search-list p + p {
margin-bottom: 8px;
}
.search-list li:only-child::before {
display: none;
}
.search-list .search-list-item + .search-list-item {
margin-top: 40px;
}
.search-list-item {
color: #29293a;
}
.search-list-item .search_title {
color: #29293a;
font-weight: 300;
}
.search-list-item .search_title:before {
content: counter(li, decimal) ". ";
counter-increment: li;
float: left;
margin-right: 5px;
}
.match {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #981df0;
}
.match em {
font-style: normal;
}
.search {
background: #981df0;
color: #ffffff;
}
.rd-search-results-live {
position: absolute;
top: 100%;
left: 0;
right: 0;
margin-top: 5px;
text-align: left;
}
.rd-search-results-live #search-results {
background: #ffffff;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
padding: 20px;
opacity: 0;
visibility: hidden;
transition: 0.35s ease-in;
max-height: calc(100vh - 200px);
overflow-y: auto;
}
.rd-search-results-live #search-results.active {
visibility: visible;
opacity: 1;
}
.rd-search-results-live #search-results .search_title {
font-size: 18px;
}
.rd-search-results-live #search-results p.match {
display: none;
}
.rd-search-results-live #search-results .search-list-item + .search-list-item {
margin-top: 20px;
}
.rd-search-results-live #search-results .search_all {
margin-top: 20px;
}
.rd-search-results-live #search-results .search_all a {
display: block;
border-radius: 25px;
padding: 7px 4px;
text-align: center;
border: 2px solid #ededed;
font-family: "Oswald", Helvetica, Arial, sans-serif;
font-weight: 400;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.rd-search-results-live #search-results .search_all a:hover {
background-color: #ed1c94;
border-color: #ed1c94;
color: #ffffff;
}
.rd-search-results-live #search-results .search-list {
margin-top: 10px;
padding-left: 0;
padding-bottom: 10px;
font-size: 16px;
}
.search-quick-result,
.search_error {
color: #29293a;
}
/**
* RD Search modern
*/
.rd-search-modern {
position: relative;
}
.rd-search-modern .form-label {
color: #29293a;
}
.rd-search-modern .form-input {
padding-right: 65px;
}
.rd-search-modern .button {
position: absolute;
right: 6px;
top: 6px;
bottom: 6px;
height: 50px;
width: 50px;
min-width: 50px;
margin: 0;
padding: 0;
border-radius: 50%;
color: #ffffff;
text-align: center;
border: 0;
background: #ed1c94;
font-size: 26px;
line-height: 53px;
}
.rd-search-modern .button::before {
position: relative;
right: -2px;
}
.rd-search-modern .button:hover {
background: #981df0;
}
.rd-search-results .search-list-item {
padding-left: 25px;
position: relative;
}
.rd-search-results .search-list-item .search_title:before {
font-size: 16px;
position: absolute;
left: -8px;
top: 3px;
}
@media (min-width: 1200px) {
.rd-search-results .search-list-item {
padding-left: 50px;
}
}
@media (min-width: 1600px) {
.rd-search-results .search-list-item .search_title:before {
left: 0;
font-size: 18px;
top: 6px;
}
}
.search_link {
color: #ed1c94;
}
.search_link:hover {
color: #29293a;
}
/** @section ToTop */
.ui-to-top {
position: fixed;
width: 50px;
height: 50px;
font-size: 20px;
border-radius: 9px;
right: 15px;
bottom: 15px;
overflow: hidden;
text-align: center;
text-decoration: none;
z-index: 120;
transition: .45s all ease-in-out;
will-change: transform;
transform: translateY(100px);
}
.ui-to-top::before {
content: '\f239';
font-family: "Material Design Icons";
line-height: 50px;
}
.ui-to-top, .ui-to-top:active, .ui-to-top:focus {
color: #ffffff;
background-color: #ed1c94;
}
.ui-to-top:hover {
color: #ffffff;
background-color: #981df0;
text-decoration: none;
}
.ui-to-top.active {
transform: translateY(0);
}
html.mobile .ui-to-top,
html.tablet .ui-to-top {
display: none !important;
}
@media (min-width: 480px) {
.ui-to-top {
right: 40px;
bottom: 40px;
}
}
/** @section Nav custom */
/**
* Base styles
*/
.tabs-custom {
text-align: left;
}
.tabs-custom.text-center {
text-align: center;
}
.tabs-custom .nav-tabs {
flex-direction: column;
font-size: 0;
line-height: 0;
word-spacing: 0;
border: 0;
}
.tabs-custom .nav-tabs:before, .tabs-custom .nav-tabs:after {
display: none;
}
.tabs-custom .nav-tabs .nav-item {
border: 0;
cursor: pointer;
transition: .33s all ease;
}
.tabs-custom .nav-tabs .nav-link.active {
cursor: default;
}
.tabs-custom .nav-tabs .nav-link {
margin: 0;
border-radius: 0;
}
.tab-content > .tab-pane {
display: block;
visibility: hidden;
height: 0;
overflow: hidden;
}
.tab-content > .active {
visibility: visible;
height: auto;
overflow: visible;
}
.page .tabs-custom.tabs-centered .nav-tabs,
.page .tabs-custom.tabs-centered .tab-content {
text-align: center;
}
* + .tabs-horizontal.tabs-buttons {
margin-top: 25px;
}
.container + .tabs-horizontal.tabs-buttons {
margin-top: 35px;
}
.container + .tabs-horizontal.tabs-buttons .nav-tabs {
padding-left: 15px;
padding-right: 15px;
}
.container + .tabs-horizontal.tabs-buttons .nav-tabs + .tab-content {
margin-top: 30px;
}
@media (min-width: 1600px) {
.container + .tabs-horizontal.tabs-buttons {
margin-top: 60px;
}
}
* + .tabs-vertical.tabs-buttons {
margin-top: 40px;
}
@media (min-width: 768px) {
* + .tabs-vertical.tabs-buttons {
margin-top: 60px;
}
}
/**
* Tabs Line
*/
.tabs-custom.tabs-line .nav-tabs {
position: relative;
}
.tabs-custom.tabs-line .nav-tabs .nav-link {
font-size: 18px;
font-weight: 400;
line-height: 1.4;
text-align: center;
vertical-align: middle;
}
.tabs-custom.tabs-line * + .tab-content {
padding-top: 20px;
}
@media (max-width: 479.98px) {
.tabs-custom.tabs-line .nav-tabs {
border: 1px solid #e8e8e8;
}
.tabs-custom.tabs-line .nav-tabs li.nav-item {
margin: -1px 0;
}
.tabs-custom.tabs-line .nav-tabs li.nav-item a.nav-link {
position: relative;
z-index: 1;
overflow: hidden;
padding: 7px 10px;
font-size: 16px;
color: #29293a;
background: #ffffff;
border-bottom: 1px solid #ededed;
}
.tabs-custom.tabs-line .nav-tabs li.nav-item a.nav-link:first-child {
border-top: 1px solid #ededed;
}
.tabs-custom.tabs-line .nav-tabs li.nav-item a.nav-link:hover, .tabs-custom.tabs-line .nav-tabs li.nav-item a.nav-link.active {
color: #ffffff;
border-color: #981df0;
background: #981df0;
}
.tabs-custom.tabs-line.tabs-line-secondary .nav-tabs .nav-link {
padding-top: 6px;
padding-bottom: 6px;
color: #838386;
}
.tabs-custom.tabs-line.tabs-line-secondary .nav-tabs .nav-link:hover,
.tabs-custom.tabs-line.tabs-line-secondary .nav-tabs .nav-link.active {
color: #ffffff;
background: #ed1c94;
border-color: #ed1c94;
}
}
* + .tabs-line {
margin-top: 25px;
}
@media (min-width: 768px) {
* + .tabs-line {
margin-top: 40px;
}
}
/**
* Tabs buttons
*/
.tabs-buttons .nav-tabs .nav-link {
padding: 7px 10px;
border-radius: 35px;
font-family: "Oswald", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.12em;
text-transform: uppercase;
line-height: 1.4;
color: #29293a;
background: transparent;
border: 1px solid #e8e8e8;
text-align: center;
vertical-align: middle;
}
.tabs-buttons .nav-tabs .nav-link:hover,
.tabs-buttons .nav-tabs .nav-link.active {
color: #ffffff;
background: #981df0;
border-color: #981df0;
}
.tabs-buttons .tab-content {
padding: 30px 0 0;
}
@media (max-width: 479.98px) {
.tabs-buttons .nav-tabs > li + li {
margin-top: 5px;
}
}
@media (min-width: 768px) {
/**
* Base styles
*/
.tabs-custom.tabs-line .nav-tabs {
border: 0 solid #ededed;
}
.tabs-custom.tabs-line .nav-tabs .nav-link {
position: relative;
border: 0;
background-color: transparent;
color: #29293a;
}
.tabs-custom.tabs-line .nav-tabs .nav-link::after {
content: '';
position: absolute;
background: #981df0;
transition: .22s ease;
}
.tabs-custom.tabs-line .nav-tabs .nav-link:hover,
.tabs-custom.tabs-line .nav-tabs .nav-link.active {
color: #981df0;
text-transform: uppercase;
font-weight: bold;
}
}
.tabs-custom.tabs-buttons .nav-tabs > .nav-item > .nav-link {
padding: 11px 25px;
min-width: 100px;
text-align: center;
border: 2px solid #e8e8e8;
}
.tabs-custom.tabs-buttons .nav-tabs > .nav-item .nav-link.active,
.tabs-custom.tabs-buttons .nav-tabs > .nav-item .nav-link:hover {
color: #ffffff;
border-color: #981df0;
background-color: #981df0;
}
.tabs-custom .nav-tabs {
flex-direction: row;
}
/**
* Horizontal tabs
*/
.tabs-horizontal.tabs-line .nav-tabs {
border-bottom-width: 1px;
}
.tabs-horizontal.tabs-line .nav-tabs .nav-item {
display: inline-block;
}
.tabs-horizontal.tabs-line .nav-tabs .nav-item:not(:last-child) {
margin-right: 46px;
}
.tabs-horizontal.tabs-line .nav-tabs .nav-link {
padding: 0 0 15px 0;
}
.tabs-horizontal.tabs-line .nav-tabs .nav-link::after {
bottom: 0;
left: 0;
width: 0;
height: 1px;
}
.tabs-horizontal.tabs-line .nav-tabs .nav-link.active::after {
width: 100%;
}
.tabs-horizontal.tabs-line .tab-pane {
transition: .22s;
}
.tabs-horizontal.tabs-line * + .tab-content {
padding-top: 30px;
}
.tabs-horizontal.tabs-line.tabs-line-secondary .nav-tabs .nav-link {
color: #838386;
}
.tabs-horizontal.tabs-line.tabs-line-secondary .nav-tabs .nav-link::after {
background: #ed1c94;
}
.tabs-horizontal.tabs-line.tabs-line-secondary .nav-tabs .nav-link.active,
.tabs-horizontal.tabs-line.tabs-line-secondary .nav-tabs .nav-link:hover {
color: #ed1c94;
}
.tabs-horizontal.tabs-buttons .nav-tabs {
position: relative;
display: block;
width: 100%;
border: 0;
justify-content: center;
margin-bottom: -10px;
margin-left: -10px;
text-align: left;
will-change: transform;
}
.tabs-horizontal.tabs-buttons .nav-tabs:empty {
margin-bottom: 0;
margin-left: 0;
}
.tabs-horizontal.tabs-buttons .nav-tabs > * {
display: inline-block;
margin-top: 0;
margin-bottom: 10px;
margin-left: 10px;
}
.tabs-horizontal.tabs-buttons .nav-tabs.text-center {
text-align: center;
}
.tabs-horizontal.tabs-buttons .nav-tabs .nav-item {
display: inline-block;
will-change: transform;
flex-grow: 1;
flex-shrink: 0;
}
.tabs-horizontal.tabs-buttons .nav-tabs .nav-item .nav-link {
display: block;
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
/**
* Vertical tabs
*/
.tabs-vertical {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
}
.tabs-vertical .nav-tabs {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
flex-shrink: 0;
max-width: 50%;
}
.tabs-vertical .nav-tabs .nav-item {
width: 100%;
border: 0;
text-align: left;
word-break: break-all;
}
.tabs-vertical .tab-content {
flex-grow: 1;
}
.tabs-vertical.tabs-buttons .nav-tabs {
width: auto;
min-width: 170px;
border: 0;
}
.tabs-vertical.tabs-buttons .nav-tabs .nav-item {
margin: 0;
}
.tabs-vertical.tabs-buttons .nav-tabs .nav-link {
position: relative;
}
.tabs-vertical.tabs-buttons .nav-tabs > .nav-item + .nav-item {
margin-top: 10px;
}
.tabs-vertical.tabs-buttons .tab-content {
padding: 0 0 0 30px;
}
.tabs-vertical.tabs-line .nav-tabs {
border-right-width: 1px;
text-align: right;
}
.tabs-vertical.tabs-line .nav-tabs > .nav-item > .nav-link {
padding: 0 25px 0 5px;
}
.tabs-vertical.tabs-line .nav-tabs > .nav-item > .nav-link::after {
right: -1px;
top: 50%;
transform: translateY(-50%);
height: 0;
width: 1px;
}
.tabs-vertical.tabs-line .nav-tabs > .nav-item .nav-link.active::after {
height: 100%;
}
.tabs-vertical.tabs-line .nav-tabs > .nav-item + .nav-item {
margin-top: 15px;
}
.tabs-vertical.tabs-line .tab-content {
padding-top: 0;
padding-left: 20px;
}
}
@media (min-width: 992px) {
/**
* Vertical tabs
*/
.tabs-vertical {
/**
* Tabs buttons
*/
}
}
@media (min-width: 992px) {
/**
* Horizontal tabs
*/
.tabs-horizontal.tabs-line .tab-content {
padding-top: 5px;
}
}
@media (min-width: 992px) {
/**
* Base styles
*/
.tabs-custom.tabs-line:not(.tabs-line-small) .nav-tabs > .nav-item > .nav-link {
font-size: 24px;
}
/**
* Horizontal tabs
*/
.tabs-horizontal.tabs-line:not(.tabs-line-small) .nav-tabs > .nav-item:not(:last-child) {
margin-right: 67px;
}
/**
* Vertical tabs
*/
.tabs-vertical.tabs-line .nav-tabs > .nav-item + .nav-item {
margin-top: 26px;
}
.tabs-vertical.tabs-line .tab-content {
padding-left: 50px;
}
}
.nav-tabs.nav-tabs-checkout {
display: inline-flex;
}
/** @section Progress Bars */
.progress-linear {
position: relative;
text-align: left;
}
.progress-linear .progress-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.progress-linear .progress-bar-linear-wrap, .progress-linear .progress-bar-linear {
height: 100%;
border-radius: 3px;
}
.progress-linear .progress-bar-linear-wrap {
background: #f2f3f9;
height: 10px;
}
.progress-linear .progress-bar-linear {
background-color: #981df0;
width: 0;
transition: .5s all ease-in-out;
}
.progress-linear .progress-value:after {
content: "%";
}
.progress-linear + .progress-linear {
margin-top: 15px;
}
/** @section Circle Progress Bars */
.progress-circle {
display: inline-block;
position: relative;
text-align: center;
line-height: 1.2;
}
.progress-circle-counter {
position: absolute;
top: 50%;
left: 50%;
font-family: "Oswald", Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 28px;
line-height: 28px;
color: #29293a;
letter-spacing: 0.06em;
transform: translate(-50%, -50%);
}
.progress-circle-counter.radial:after {
content: "%";
}
.progress-circle-block {
position: relative;
}
.bg-gray-darker .progress-circle span, .bg-additional-gray-darker .bg-additional-item .progress-circle span {
color: #ffffff;
}
* + .progress-circle {
margin-top: 25px;
}
* + .progress-circle-title {
margin-top: 10px;
}
@media (min-width: 768px) {
* + .progress-circle-title {
margin-top: 15px;
}
* + .progress-circle {
margin-top: 60px;
}
}
@media (min-width: 1600px) {
* + .progress-circle-title {
margin-top: 25px;
}
}
.progress-circle-bg {
fill: transparent;
stroke: #f2f3f9;
stroke-width: 5px;
}
.progress-circle-fg {
fill: transparent;
stroke: #ed1c94;
stroke-width: 5px;
}
.progress-circle-classic .progress-circle-bg {
stroke-width: 1px;
}
.progress-circle-modern .progress-circle-bg {
stroke-width: 10px;
}
.progress-circle-modern .progress-circle-fg {
stroke-width: 10px;
}
.bg-gray-lighter .progress-circle-bg {
stroke: #ffffff;
}
.bg-gray-darker .progress-circle-counter, .bg-additional-gray-darker .bg-additional-item .progress-circle-counter {
color: #ffffff;
}
.bg-gray-darker .progress-circle-bg, .bg-additional-gray-darker .bg-additional-item .progress-circle-bg {
stroke: #ffffff;
}
/** @section Time Circles */
.countdown-wrap {
max-width: 770px;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
}
* + .countdown-wrap {
margin-top: 35px;
}
.time-circles {
position: relative;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
line-height: 1.2;
text-align: center;
}
.countdown-block {
position: relative;
}
.countdown-block-seconds {
display: none;
}
@media (min-width: 480px) {
.countdown-block-seconds {
display: block;
}
}
.countdown-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-top: -4px;
text-align: center;
}
.countdown-counter {
display: block;
text-align: center;
font-family: "Oswald", Helvetica, Arial, sans-serif;
font-size: 24px !important;
font-weight: 400;
line-height: 1 !important;
letter-spacing: 0.06em;
color: #29293a;
}
@media (min-width: 768px) {
.countdown-counter {
font-size: 28px !important;
}
}
.countdown-title {
position: absolute;
left: 0;
top: calc(100% + 20px);
right: 0;
transform: translateY(-100%);
margin: 0;
padding: 0;
text-align: center;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 16px !important;
letter-spacing: 0;
line-height: 1.2 !important;
text-transform: none;
color: #838386;
}
.countdown-title + * {
margin-top: 0;
}
@media (min-width: 768px) {
.countdown-title {
font-size: 20px !important;
}
}
@media (min-width: 1600px) {
.countdown-title {
font-size: 24px !important;
}
}
@media (min-width: 1600px) {
* + .countdown-wrap {
margin-top: 60px;
}
}
.countdown-circle {
fill: transparent;
}
html:not(.ie-11):not(.ie-10) .countdown-circle {
width: 100%;
height: auto;
}
.countdown-circle-bg {
stroke: #e8e8e8;
stroke-width: 1px;
}
.countdown-circle-fg {
stroke: #ed1c94;
stroke-width: 4px;
}
.bg-gradient-3 .countdown-circle-fg {
stroke: #ffec17;
}
.bg-gradient-3 .countdown-counter,
.bg-gradient-3 .countdown-title {
color: #ffffff;
}
/** @section Swiper */
.swiper-container {
display: flex;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
height: auto;
min-height: 45vw;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-container .button-default-outline, .swiper-container .button-default-outline:focus {
color: #ffffff;
background-color: transparent;
border-color: #ffffff;
}
.swiper-container .button-default-outline:hover, .swiper-container .button-default-outline:active, .swiper-container .button-default-outline:hover {
color: #ffffff;
background-color: #ed1c94;
border-color: #ed1c94;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
z-index: 1;
display: flex;
align-self: stretch;
align-items: stretch;
width: 100%;
height: auto;
min-height: inherit;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
will-change: transform;
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
position: relative;
display: flex;
align-items: center;
flex-shrink: 0;
width: 100%;
background-size: cover;
background-position: center center;
}
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
z-index: -1000;
pointer-events: none;
opacity: 0;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 20px;
border-radius: 50%;
text-align: center;
margin-top: -20px;
z-index: 10;
cursor: pointer;
background: #ed1c94;
color: #ffffff;
transition: .33s;
}
.swiper-button-prev::before,
.swiper-button-next::before {
position: relative;
font-family: "Material Design Icons";
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
background: #981df0;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev {
left: 40px;
}
.swiper-button-prev::before {
content: '\f14b';
left: -1px;
}
.swiper-button-next {
right: 40px;
}
.swiper-button-next::before {
content: '\f150';
right: -1px;
}
/* Pagination Styles */
.swiper-pagination-wrap {
position: absolute;
bottom: 30px;
left: 50%;
z-index: 10;
text-align: center;
transform: translate3d(-50%, 0, 0);
width: 100%;
}
.swiper-pagination-wrap.container-bigger {
width: 100%;
text-align: left;
}
@media (min-width: 1200px) {
.swiper-pagination-wrap {
bottom: 50px;
}
.swiper-pagination-wrap.container-bigger {
bottom: 75px;
}
}
.swiper-pagination {
position: relative;
display: inline-block;
font-size: 0;
line-height: 0;
}
.swiper-pagination-bullet {
display: inline-block;
width: 14px;
height: 14px;
border-radius: 100%;
background: rgba(255, 255, 255, 0.3);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
transition: .33s;
}
.swiper-pagination-bullet:hover {
background: #ffffff;
}
.swiper-pagination-bullet-active {
background: #ffec17;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-container-vertical > .swiper-pagination {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
.swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet {
margin: 0 15px;
}
/* 3D Container */
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
z-index: 10;
width: 100%;
height: 100%;
pointer-events: none;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
/* Windows 8 IE 10 fix */
-ms-perspective: 1200px;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
/* Cube */
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
visibility: hidden;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
height: 100%;
z-index: 1;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
/* Scrollbar */
.swiper-scrollbar {
position: relative;
-ms-touch-action: none;
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
bottom: 0;
z-index: 50;
height: 3px;
width: 100%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #981df0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
content: "";
display: block;
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.swiper-slide > .vide__body,
.swiper-slide > .parallax_cnt {
height: 100%;
}
.swiper-slide-caption {
width: 100%;
}
.swiper-slider_height-1 {
min-height: 300px;
}
@media (min-width: 768px) {
.swiper-slider_height-1 {
min-height: 650px;
}
}
@media (min-width: 1200px) {
.swiper-slider_height-1 {
min-height: 512px;
}
}
.swiper-slider_height-2 {
min-height: 300px;
}
@media (min-width: 768px) {
.swiper-slider_height-2 {
min-height: 47.5vw;
}
}
.swiper-slider_height-3 {
min-height: 300px;
}
@media (min-width: 768px) {
.swiper-slider_height-3 {
min-height: 450px;
}
}
@media (min-width: 992px) {
.swiper-slider_height-3 {
min-height: 600px;
}
}
.swiper-slider_height-4 {
min-height: 300px;
}
@media (max-width: 479.98px) {
.swiper-slider_height-4 [class*='section'] {
padding-bottom: 75px;
}
}
@media (min-width: 768px) {
.swiper-slider_height-4 {
min-height: 500px;
}
}
@media (min-width: 992px) {
.swiper-slider_height-4 {
min-height: 39.9vw;
}
}
.swiper-type-1 {
min-height: 300px;
}
.swiper-type-1 .big {
font-weight: 400;
}
.swiper-type-1 .swiper-slide {
align-items: flex-end;
}
.swiper-type-1 .swiper-pagination {
margin-left: -10px;
}
.swiper-type-1 .swiper-buttons {
display: inline-block;
position: absolute;
bottom: 30px;
left: 15px;
white-space: nowrap;
}
.swiper-type-1 .swiper-buttons .swiper-button-prev,
.swiper-type-1 .swiper-buttons .swiper-button-next {
position: relative;
display: inline-block;
left: auto;
right: auto;
margin-top: 0;
transform: none;
}
.swiper-type-1 .swiper-buttons > * + * {
margin-left: 8px;
}
@media (max-width: 479.98px) {
.swiper-type-1 [class*='section'] {
padding-top: 25px;
padding-bottom: 90px;
}
.swiper-type-1 .swiper-slide::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%);
}
.swiper-type-1 .swiper-slide .swiper-slide-caption {
position: relative;
z-index: 2;
}
}
@media (min-width: 480px) {
.swiper-type-1 .swiper-buttons {
left: calc(50% - 450px / 2);
}
}
@media (min-width: 768px) {
.swiper-type-1 {
min-height: 500px;
}
.swiper-type-1 .swiper-pagination-wrap {
display: none;
}
.swiper-type-1 .swiper-buttons {
left: calc(50% - 720px / 2);
}
}
@media (min-width: 992px) {
.swiper-type-1 {
min-height: 39.4vw;
}
.swiper-type-1 .swiper-buttons {
left: calc(50% - 940px / 2);
}
}
@media (min-width: 1200px) {
.swiper-type-1 .swiper-buttons {
left: calc(50% - 1170px / 2);
bottom: 50px;
}
}
@media (min-width: 1600px) {
.swiper-type-1 .section-xxl {
padding-top: 180px;
padding-bottom: 180px;
}
.swiper-type-1 .swiper-buttons {
left: calc(50% - 1570px / 2);
}
}
@media (min-width: 1800px) {
.swiper-type-1 .swiper-buttons {
left: calc(50% - 1770px / 2);
bottom: 95px;
}
}
.rd-navbar-static-linked .page-header + .section-parallax-swiper {
margin-top: -60px;
}
.rd-navbar-static-linked .page-header + .section-parallax-swiper .swiper-slide-caption {
padding-top: 180px;
}
/**
* Swiper main
*/
.swiper-main .swiper-pagination-wrap {
bottom: 45px;
}
.swiper-main .button-default-outline, .swiper-main .button-default-outline:focus {
color: #ffffff;
background-color: transparent;
border-color: #ededed;
}
.swiper-main .button-default-outline:hover, .swiper-main .button-default-outline:active, .swiper-main .button-default-outline:hover {
color: #ffffff;
background-color: #981df0;
border-color: #981df0;
}
.swiper-main ~ .breadcrumbs-custom__shape {
width: 160vw;
}
@media (min-width: 480px) {
.swiper-main ~ .breadcrumbs-custom__shape {
width: 120vw;
}
}
@media (max-width: 767px) {
.swiper-main .breadcrumbs-custom-title {
font-size: 45px;
}
.swiper-main .breadcrumbs-custom-title::before, .swiper-main .breadcrumbs-custom-title::after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(45deg);
width: 10px;
height: 10px;
}
.swiper-main .breadcrumbs-custom-title::before {
left: -8px;
}
.swiper-main .breadcrumbs-custom-title::after {
right: -4px;
}
.swiper-main .breadcrumbs-custom-subtitle {
font-size: 15px;
}
.swiper-main .heading-2 {
display: none;
}
.swiper-main .button {
min-width: 180px;
padding: 7px 15px;
font-size: 13px;
}
.swiper-main * + .group-md {
margin-top: 40px;
}
}
@media (min-width: 768px) {
.swiper-main ~ .breadcrumbs-custom__shape {
width: 100vw;
}
.swiper-main .breadcrumbs-custom-title {
font-size: 86px;
}
.swiper-main .breadcrumbs-custom-subtitle {
font-size: 18px;
}
.swiper-main .heading-2 {
font-size: 28px;
}
.swiper-main * + .group-md {
margin-top: 45px;
}
.swiper-main .button {
padding: 12px 18px;
font-size: 16px;
}
}
@media (min-width: 992px) {
.swiper-main .breadcrumbs-custom-title {
font-size: 116px;
line-height: 1.3;
}
.swiper-main .swiper-pagination-wrap {
bottom: 55px;
}
.swiper-main .breadcrumbs-custom-subtitle {
font-size: 20px;
}
.swiper-main .heading-1 + p {
margin-top: 10px;
}
.swiper-main * + .group-md {
margin-top: 55px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.swiper-main .breadcrumbs-custom-title {
font-size: 100px;
line-height: 1.2;
margin-top: 0;
}
.swiper-main .breadcrumbs-custom-title::after {
right: -10px;
}
.swiper-main * + .breadcrumbs-custom-title {
margin-top: 20px;
}
.swiper-main * + .group-md {
margin-top: 65px;
}
}
@media (min-height: 800px) and (min-width: 1400px) {
.swiper-main .breadcrumbs-custom-subtitle {
font-size: 24px;
}
.swiper-main .heading-2 {
font-size: 34px;
}
.swiper-main .button {
padding: 15px 38px;
font-size: 19px;
}
}
@media (min-width: 1600px) {
.swiper-main .breadcrumbs-custom-title {
font-size: 190px;
line-height: 1.3;
}
.swiper-main .breadcrumbs-custom-title:before, .swiper-main .breadcrumbs-custom-title:after {
width: 20px;
height: 20px;
}
.swiper-main .breadcrumbs-custom-title:before {
left: -65px;
}
.swiper-main .breadcrumbs-custom-title:after {
right: -40px;
}
.swiper-main .breadcrumbs-custom-subtitle {
font-size: 30px;
}
.swiper-main .heading-2 {
font-size: 42px;
margin-top: 20px;
}
.swiper-main .swiper-pagination-wrap {
bottom: 85px;
}
.swiper-main .button-lg {
font-size: 19px;
padding: 15px 65px;
}
.swiper-main * + .group-md {
margin-top: 70px;
}
}
@media (min-width: 1800px) {
.swiper-main .breadcrumbs-custom-title {
font-size: 220px;
line-height: 1.4;
}
.swiper-main .breadcrumbs-custom-title:before, .swiper-main .breadcrumbs-custom-title:after {
width: 27px;
height: 27px;
}
.swiper-main .breadcrumbs-custom-title:before {
left: -90px;
}
.swiper-main .breadcrumbs-custom-title:after {
right: -65px;
}
.swiper-main .swiper-pagination-wrap {
bottom: 105px;
}
.swiper-main .heading-2 {
font-size: 52px;
}
}
.swiper-main-section {
padding-top: 60px;
padding-bottom: 100px;
}
@media (min-width: 992px) {
.swiper-main-section {
padding-top: 200px;
padding-bottom: 130px;
}
}
@media (min-width: 1200px) {
.swiper-main-section {
padding-top: 180px;
padding-bottom: 160px;
}
}
@media (min-width: 1600px) {
.swiper-main-section {
padding-bottom: 220px;
}
}
@media (min-width: 1800px) {
.swiper-main-section {
padding-top: 230px;
padding-bottom: 245px;
}
}
.swiper-modern {
min-height: 480px;
}
.rd-navbar-fixed-linked .swiper-modern {
min-height: 80vh;
}
.rd-navbar-fixed-linked.landscape .swiper-modern {
min-height: 100vh;
}
@media (min-width: 768px) {
.rd-navbar-fixed-linked .swiper-modern, .rd-navbar-fixed-linked.landscape .swiper-modern {
min-height: 570px;
}
}
@media (min-width: 992px) {
.desktop .swiper-modern {
height: 100vh;
min-height: 600px;
}
.desktop .swiper-modern.swiper-modern-style-1 {
height: auto;
}
}
@media (min-width: 1600px) {
.desktop .swiper-modern.swiper-modern-style-1 {
min-height: 800px;
}
}
@media (min-width: 768px) {
.swiper-align-left h3 + * {
margin-top: 20px;
}
.swiper-align-left * .button {
margin-top: 30px;
}
.swiper-align-left .swiper-pagination-wrap {
width: 100%;
text-align: left;
}
}
@media (min-width: 1200px) {
.swiper-align-left-custom h3 + .divider {
margin-top: 40px;
}
}
.swiper-form-wrap {
position: relative;
}
@media (min-width: 992px) {
.swiper-form-wrap .form-request-wrap {
width: 100%;
position: absolute;
top: 50%;
transform: translate3d(0, -50%, 0);
left: 0;
right: 0;
z-index: 2;
pointer-events: none;
}
.swiper-form-wrap .form-request {
pointer-events: auto;
}
}
.swiper-modern-1.swiper-container.swiper-slider.swiper-modern [class*='swiper-button-'] {
display: none !important;
}
@media (min-width: 1200px) {
.swiper-modern-1.swiper-container.swiper-slider.swiper-modern [class*='swiper-button-'] {
display: block !important;
}
}
/** @section Slick carousel */
.slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
flex-basis: 33.33%;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-loading .slick-list {
background: #fff url("./../images/ajax-loader.gif") center center no-repeat;
}
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0;
font-size: 0;
cursor: pointer;
background: rgba(0, 0, 0, 0.6);
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
z-index: 999;
transition: all 0.3s ease-in-out;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
pointer-events: none;
opacity: 0.7;
}
.slick-prev:before,
.slick-next:before {
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: 0;
}
[dir="rtl"] .slick-prev {
left: auto;
right: 0;
}
.slick-prev:before {
content: "←";
}
[dir="rtl"] .slick-prev:before {
content: "→";
}
.slick-next {
right: 0;
}
[dir="rtl"] .slick-next {
left: 0;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir="rtl"] .slick-next:before {
content: "←";
}
/* Dots */
.slick-slider {
margin-bottom: 30px;
}
.slick-slider *:focus {
outline: 0;
}
.slick-dots {
display: block;
margin-top: 20px;
list-style: none;
width: 100%;
padding: 0;
text-align: center;
font-size: 0;
line-height: 0;
word-spacing: 0;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
background: none;
border: 0;
color: inherit;
cursor: pointer;
font: inherit;
overflow: hidden;
padding: 0;
position: relative;
vertical-align: middle;
white-space: nowrap;
outline: none;
width: 8px;
height: 8px;
border-radius: 100px;
background: #555555;
}
.slick-dots li button:active {
cursor: wait;
}
.slick-dots li.slick-active button,
.slick-dots li:hover button {
background: #981df0;
}
/**
* Slick widget
*/
.slider-widget {
width: 100%;
max-width: 100%;
background: #ffffff;
border-radius: 9px;
box-shadow: 0 5px 12px 0 #dcdeec;
overflow: hidden;
}
.slider-widget .slick-slider {
margin: 0;
}
.slider-widget .item > * {
padding: 20px;
}
.slider-widget .slick-vertical .slick-track {
display: flex;
flex-direction: column;
}
.slider-widget .slick-vertical .slick-track::before {
display: none;
}
.slider-widget .slick-vertical .slick-slide:not(.ie-11) .slider-widget .slick-vertical .slick-slide {
flex-basis: 33.33%;
border: 0;
}
.ie-11 .slider-widget .slick-vertical .slick-slide {
flex-grow: 1;
border: 0;
}
* + .slider-widget {
margin-top: 30px;
}
.slider-widget-aside {
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px;
color: #ffffff;
background: #ed1c94;
text-align: center;
}
.slider-widget-aside .slick-prev,
.slider-widget-aside .slick-next {
position: relative;
top: auto;
transform: none;
width: 100%;
height: auto;
color: #ffffff;
background-color: transparent;
font-family: "Material Design Icons";
}
.slider-widget-aside .slick-prev::before,
.slider-widget-aside .slick-next::before {
font-size: 30px;
opacity: 1;
transition: .33s;
}
.slider-widget-aside .slick-prev:hover,
.slider-widget-aside .slick-next:hover {
opacity: .7;
}
.slider-widget-aside .slick-prev::before {
content: '\f158';
}
.slider-widget-aside .slick-next::before {
content: '\f146';
}
.slider-widget-aside .slick-prev + .slick-next {
margin-top: 5px;
}
@media (min-width: 480px) {
.slider-widget {
display: flex;
flex-direction: row;
}
.slider-widget .slick-slider {
width: calc(100% - 70px);
}
.slider-widget .slider-widget-aside {
flex-direction: column;
width: 70px;
padding: 20px 5px;
}
}
@media (min-width: 768px) {
.slider-widget .slick-slider .item > * {
padding: 30px 25px 30px 40px;
}
}
@media (min-width: 1200px) {
* + .slider-widget {
margin-top: 40px;
}
}
.slick-slider[data-vertical='true'] .slick-slide {
width: 100%;
float: none;
}
/** @section Select 2 */
.select2 {
width: 100% !important;
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 50px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-left: 20px;
padding-right: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 20px;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
margin-top: 5px;
padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
position: absolute;
margin-top: 2px;
left: -100000px;
z-index: 16;
display: block;
box-sizing: border-box;
width: 100%;
background-color: #ffffff;
border: 1px solid #dedfe8;
border-radius: 35px;
box-shadow: 0 6px 8px 0 rgba(110, 123, 157, 0.17);
}
.select2-results {
display: block;
}
.select2-results__options {
padding: 10px 0;
list-style: none;
margin: 0;
}
.select2-results__option {
padding: 10px 20px;
font-size: 18px;
transition: .3s;
user-select: none;
color: #29293a;
-webkit-user-select: none;
}
.select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
width: 100%;
padding: 4px;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #ffffff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.select2 + .form-validation {
z-index: 14;
}
.select2-container--bootstrap {
display: block;
}
.select2-container--bootstrap .select2-selection {
background-color: #f2f3f9;
border: 1px solid #f2f3f9;
border-radius: 35px;
color: #29293a;
font-size: 18px;
font-weight: 300;
line-height: 24px;
outline: 0;
}
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
background-color: #f2f3f9;
border: 1px solid #f2f3f9;
border-radius: 35px;
color: #29293a;
font-size: 18px;
font-weight: 300;
line-height: 24px;
}
.select2-container--bootstrap .select2-search__field {
outline: 0;
font-size: 18px;
}
.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
color: #838386;
}
.select2-container--bootstrap .select2-search__field:-moz-placeholder {
color: #838386;
}
.select2-container--bootstrap .select2-search__field::-moz-placeholder {
color: #838386;
opacity: 1;
}
.select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
color: #838386;
}
.select2-container--bootstrap .select2-results__option[role=group] {
padding: 0;
}
.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
color: #838386;
cursor: not-allowed;
}
.select2-container--bootstrap .select2-results__option[aria-selected=true] {
color: #c2c2c3;
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
color: #ed1c94;
}
.select2-container--bootstrap .select2-results__option .select2-results__option {
padding: 10px 20px;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
margin-left: -15px;
padding-left: 30px;
}
.select2-container--bootstrap .select2-results__group {
color: #838386;
display: block;
padding: 10px 15px;
font-weight: 700;
font-size: 16px;
line-height: 1.875;
white-space: nowrap;
}
.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
border-color: transparent transparent #981df0 transparent;
border-width: 0 5px 5px 5px;
}
.select2-container--bootstrap .select2-selection__clear {
color: #333333;
cursor: pointer;
float: right;
font-weight: 400;
margin-right: 10px;
}
.select2-container--bootstrap .select2-selection__clear:hover {
color: #981df0;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection {
border-color: #ccc;
box-shadow: none;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-search__field {
cursor: not-allowed;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
background-color: #f2f3f9;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
display: none;
}
.select2-container--bootstrap .select2-dropdown {
overflow-x: hidden;
}
.select2-container--bootstrap .select2-results > .select2-results__options {
max-height: 215px;
overflow-y: auto;
}
.select2-container--bootstrap .select2-selection--single {
text-align: left;
height: 60px;
line-height: 59px;
padding: 0 44px 0 24px;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
position: absolute;
bottom: 0;
right: 15px;
top: 0;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b:before {
position: absolute;
top: 50%;
font-weight: 400;
margin-top: -10px;
right: 0;
height: 20px;
line-height: 20px;
content: '\f236';
font-family: "Material Design Icons";
font-size: 20px;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
color: #555555;
padding: 0;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
color: #838386;
}
.select2-container--bootstrap .select2-selection--multiple {
min-height: 50px;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
display: block;
line-height: 24px;
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
color: #838386;
float: left;
margin-top: 5px;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
color: #29293a;
background: #000000;
border: 1px solid #000000;
border-radius: 3px;
cursor: default;
float: left;
margin: 0;
padding: 0 15px;
}
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
background: transparent;
padding: 0 15px;
height: 48px;
line-height: 24px;
margin-top: 0;
min-width: 5em;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
color: #333333;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 10px / 2;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #981df0;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
margin-top: 10px;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single {
padding-left: 27px;
padding-right: 15px;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 0;
padding-left: 0;
text-align: right;
/* 1 */
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 15px;
right: auto;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b {
margin-left: 0;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
float: right;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 0;
margin-right: 15px/2;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.has-warning.select2-drop-active {
border-color: #66512c;
}
.has-warning.select2-drop-active.select2-drop.select2-drop-above {
border-top-color: #66512c;
}
.has-error.select2-drop-active {
border-color: #843534;
}
.has-error.select2-drop-active.select2-drop.select2-drop-above {
border-top-color: #843534;
}
.has-success.select2-drop-active {
border-color: #2b542c;
}
.has-success.select2-drop-active.select2-drop.select2-drop-above {
border-top-color: #2b542c;
}
.input-group .select2-container--bootstrap {
display: table;
table-layout: fixed;
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group.select2-bootstrap-prepend .select2-container--bootstrap .select2-selection {
order-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.input-group.select2-bootstrap-append .select2-container--bootstrap .select2-selection {
order-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.select2-bootstrap-append .select2-container--bootstrap,
.select2-bootstrap-append .input-group-btn,
.select2-bootstrap-append .input-group-btn .btn,
.select2-bootstrap-prepend .select2-container--bootstrap,
.select2-bootstrap-prepend .input-group-btn,
.select2-bootstrap-prepend .input-group-btn .btn {
vertical-align: top;
}
.form-input.select2-hidden-accessible {
position: absolute !important;
width: 1px !important;
}
.form-inline .select2-container--bootstrap {
display: inline-block;
}
/** @section jQuery mousewheel plugin */
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
-ms-touch-action: pinch-zoom;
touch-action: pinch-zoom;
/* direct pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
-ms-touch-action: auto;
touch-action: auto;
}
.mCustomScrollBox {
/* contains plugin's markup */
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container {
/* contains the original content */
overflow: hidden;
width: auto;
height: auto;
}
/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
margin-right: 30px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
}
/* non-visible scrollbar */
.mCS-dir-rtl-custom > .mCSB_inside > .mCSB_container {
/* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl-custom > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-left: 0;
}
/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
/* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools {
right: -26px;
}
/* scrollbar position: outside */
.mCS-dir-rtl-custom > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl-custom > .mCSB_outside + .mCSB_scrollTools {
/* RTL direction/left-side scrollbar */
right: auto;
left: 0;
}
.mCS-dir-rtl-custom > .mCSB_outside + .mCSB_scrollTools {
left: -26px;
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
/* contains the draggable element and dragger rail markup */
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
width: 16px;
height: 100%;
margin: 0 auto;
border-radius: 0;
}
.mCSB_scrollTools .mCSB_dragger {
/* the draggable element */
cursor: pointer;
width: 100%;
height: 30px;
/* minimum dragger height */
z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
/* the dragger element */
position: relative;
width: 16px;
height: 100%;
margin: 0 auto;
border-radius: 0;
text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 12px;
/* auto-expanded scrollbar */
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 8px;
/* auto-expanded scrollbar */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
bottom: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
margin-right: 0;
margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
min-height: 100%;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0;
}
/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: -26px;
}
/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 2px;
margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 30px;
/* minimum dragger width */
height: 100%;
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 12px;
/* auto-expanded scrollbar */
margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 8px;
/* auto-expanded scrollbar */
margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
right: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container {
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 20px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 20px;
}
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 0;
}
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl-custom > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 0;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl-custom > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 20px;
}
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl-custom > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 0;
}
.mCS-dir-rtl-custom > .mCSB_inside > .mCSB_container_wrapper {
/* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
padding-right: 0;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
padding-bottom: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
/* non-visible scrollbar */
margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
}
/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #f2f3f8;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #d1d4e6;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
background-image: url(mCSB_buttons.png);
/* css sprites */
background-repeat: no-repeat;
opacity: 0.4;
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 0;
/*
sprites locations
light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
*/
}
.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -20px;
/*
sprites locations
light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
*/
}
.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -40px;
}
.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -56px;
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
opacity: 0.75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
opacity: 0.9;
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)";
}
/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px;
}
/** @section Style Switcher */
.style-switcher-panel-wrap {
position: relative;
z-index: 15;
width: 100%;
padding: 0 15px;
text-align: center;
}
.style-switcher-panel {
position: relative;
z-index: 11;
margin-bottom: -10px;
margin-left: -10px;
will-change: transform;
text-align: center;
}
.style-switcher-panel:empty {
margin-bottom: 0;
margin-left: 0;
}
.style-switcher-panel > * {
display: inline-block;
margin-top: 0;
margin-bottom: 10px;
margin-left: 10px;
}
.style-switcher-panel > li {
transform: translate3d(0, 0, 0);
overflow: hidden;
}
.style-switcher-panel > li.active .button {
background: #6d0eb1;
border-color: #6d0eb1;
}
.style-switcher-panel .button {
padding: 10px 28px;
min-width: 90px;
font-size: 14px;
-webkit-mask-image: -webkit-radial-gradient(white, black);
}
.style-switcher-panel .button, .style-switcher-panel .button:focus {
color: #29293a;
background-color: #ffffff;
border-color: #ededed;
}
.style-switcher-panel .button:hover, .style-switcher-panel .button:active, .style-switcher-panel .button:hover {
color: #ffffff;
background-color: #981df0;
border-color: #981df0;
}
.style-switcher-panel .button:hover {
background: #6d0eb1;
border-color: #6d0eb1;
}
.style-switcher-panel > li.active .button {
color: #ffffff;
border-color: #981df0;
background: #981df0;
}
.style-switcher-container {
position: relative;
}
.style-switcher-container .section {
transition: .33s;
}
.style-switcher-toggle-wrap {
position: relative;
z-index: 10;
text-align: center;
}
@media (max-width: 479.98px) {
.style-switcher-panel-wrap {
position: relative;
}
.style-switcher-panel-wrap .style-switcher-panel-control {
display: block;
margin-left: auto;
margin-right: auto;
padding: 10px 20px;
color: #ffffff;
background: #981df0;
box-shadow: none;
border: 0;
}
.style-switcher-panel-wrap .style-switcher-panel-control::after {
position: relative;
top: -1px;
display: inline-block;
margin-left: 5px;
content: '\f107';
font-family: 'FontAwesome';
font-size: 14px;
transition: .22s;
will-change: transform;
}
.style-switcher-panel-wrap .style-switcher-panel-control.active::after {
transform: scale(1, -1);
}
.style-switcher-panel {
position: absolute;
bottom: -5px;
left: 50%;
padding: 10px;
margin: 0;
min-width: 240px;
transform-origin: 50% 0;
transform: translate3d(-50%, 100%, 0);
border: 1px solid #d8dae2;
opacity: 0;
visibility: hidden;
background: #ffffff;
will-change: transform;
transition: transform 0.32s cubic-bezier(1, 0.54, 0.15, 0.86), opacity 0.2s ease;
border-radius: 18px;
}
.style-switcher-panel.active {
opacity: 1;
visibility: visible;
transform: translate3d(-50%, 100%, 0);
}
.style-switcher-panel li {
display: block;
width: 100%;
margin: 0;
}
.style-switcher-panel li + li {
margin-top: 5px;
}
.style-switcher-panel .button {
padding: 4px 18px;
width: 100%;
border: 0;
text-align: left;
text-transform: none;
font-family: "Lato", Helvetica, Arial, sans-serif;
color: #29293a;
letter-spacing: 0;
font-weight: 300;
background-color: transparent;
}
.style-switcher-panel > li.active > .button,
.style-switcher-panel .button:hover {
color: #ed1c94;
background-color: transparent;
}
}
@media (min-width: 768px) {
.style-switcher-panel-wrap .style-switcher-panel-control {
display: none;
}
}
* + .style-switcher {
margin-top: 30px;
}
* + .section-offset,
* + .style-switcher-container {
margin-top: 20px;
}
.style-switcher-toggle-wrap + * {
margin-top: 20px;
}
@media (min-width: 768px) {
* + .style-switcher {
margin-top: 50px;
}
* + .section-offset,
* + .style-switcher-container {
margin-top: 35px;
}
}
@media (min-width: 1200px) {
* + .style-switcher {
margin-top: 30px;
}
}
@media (min-width: 1600px) {
* + .style-switcher {
margin-top: 60px;
}
* + .section-offset {
margin-top: 80px;
}
* + .section-offset,
* + .style-switcher-container {
margin-top: 60px;
}
}
@media (min-width: 992px) {
.desktop .style-switcher-container .style-switcher-toggle {
position: absolute;
left: 50%;
transform: translateX(-50%);
will-change: transform;
top: 15px;
opacity: 0;
transition: .33s;
}
.desktop .style-switcher-container:hover .style-switcher-toggle {
top: 35px;
opacity: 1;
transform: translateX(-50%);
}
.desktop .style-switcher-toggle-wrap + * {
margin-top: 0;
}
}
@media (min-width: 1600px) {
.desktop .style-switcher-container .style-switcher-toggle {
top: 45px;
}
.desktop .style-switcher-container:hover .style-switcher-toggle {
top: 60px;
}
}
/** @section Lightgallery */
@font-face {
font-family: 'lg';
src: url("../fonts/lg.eot?n1z373");
src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg");
font-weight: normal;
font-style: normal;
}
.lg-icon {
font-family: 'lg';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1090;
border: none;
outline: none;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
color: #FFF;
}
.lg-actions .lg-next {
right: 20px;
}
.lg-actions .lg-next:before {
content: "\e095";
}
.lg-actions .lg-prev {
left: 20px;
}
.lg-actions .lg-prev:after {
content: "\e094";
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
-o-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
-o-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1092;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
-webkit-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
color: #FFF;
}
.lg-toolbar .lg-close:after {
content: "\e070";
}
.lg-toolbar .lg-download:after {
content: "\e0f2";
}
.lg-sub-html {
background-color: rgba(0, 0, 0, 0.45);
bottom: 0;
color: #EEE;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1090;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
#lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
}
.lg-toolbar, .lg-prev, .lg-next {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}
.lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-outer .lg-thumb-outer {
background-color: #0D0A0A;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1090;
max-height: 350px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
margin-left: auto;
margin-right: auto;
}
.lg-outer .lg-thumb-item {
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 2px solid #FFF;
border-radius: 4px;
margin-bottom: 5px;
}
@media (min-width: 992px) {
.lg-outer .lg-thumb-item {
-webkit-transition: border-color 0.25s ease;
-o-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
border-color: #981df0;
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
-webkit-transition: bottom 0.25s ease;
-o-transition: bottom 0.25s ease;
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
background-color: #0D0A0A;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
color: #FFF;
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1090;
cursor: pointer;
}
.lg-outer .lg-has-iframe .lg-video {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url("../images/vimeo-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url("../images/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
background: transparent url("../images/video-play.png") no-repeat scroll 0 0;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url("../images/youtube-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url("../images/youtube-play.png") no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility: visible;
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1093;
opacity: 0;
-webkit-transition: opacity 0.08s ease 0s;
-moz-transition: opacity 0.08s ease 0s;
-o-transition: opacity 0.08s ease 0s;
transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: #981df0;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
#lg-zoom-in:after {
content: "\e311";
}
#lg-actual-size {
font-size: 20px;
}
#lg-actual-size:after {
content: "\e033";
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
#lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1090;
height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #FFF;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
-webkit-transition: box-shadow 0.3s ease 0s;
-o-transition: box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.lg-outer #lg-dropdown-overlay {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1091;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
-o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
-webkit-transition-delay: 0s;
transition-delay: 0s;
transform: translate3d(0, 0px, 0);
opacity: 1;
visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
color: #FFF;
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
transform: translate3d(0, 5px, 0);
-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #FFF;
right: 16px;
top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
color: #333;
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto;
}
.lg-outer #lg-share {
position: relative;
}
.lg-outer #lg-share:after {
content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
content: "\e901";
}
.lg-outer #lg-share-twitter .lg-icon {
color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
content: "\e904";
}
.lg-outer #lg-share-googleplus .lg-icon {
color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
content: "\e902";
}
.lg-outer #lg-share-pinterest .lg-icon {
color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
content: "\e903";
}
.lg-css3.lg-zoom-in .lg-item {
opacity: 0;
}
.lg-css3.lg-zoom-in .lg-item.lg-prev-slide {
-webkit-transform: scale3d(1.3, 1.3, 1.3);
transform: scale3d(1.3, 1.3, 1.3);
}
.lg-css3.lg-zoom-in .lg-item.lg-next-slide {
-webkit-transform: scale3d(1.3, 1.3, 1.3);
transform: scale3d(1.3, 1.3, 1.3);
}
.lg-css3.lg-zoom-in .lg-item.lg-current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-css3.lg-zoom-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-in .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-zoom-in-big .lg-item {
opacity: 0;
}
.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide {
-webkit-transform: scale3d(2, 2, 2);
transform: scale3d(2, 2, 2);
}
.lg-css3.lg-zoom-in-big .lg-item.lg-next-slide {
-webkit-transform: scale3d(2, 2, 2);
transform: scale3d(2, 2, 2);
}
.lg-css3.lg-zoom-in-big .lg-item.lg-current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-zoom-out .lg-item {
opacity: 0;
}
.lg-css3.lg-zoom-out .lg-item.lg-prev-slide {
-webkit-transform: scale3d(0.7, 0.7, 0.7);
transform: scale3d(0.7, 0.7, 0.7);
}
.lg-css3.lg-zoom-out .lg-item.lg-next-slide {
-webkit-transform: scale3d(0.7, 0.7, 0.7);
transform: scale3d(0.7, 0.7, 0.7);
}
.lg-css3.lg-zoom-out .lg-item.lg-current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-css3.lg-zoom-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-out .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-zoom-out-big .lg-item {
opacity: 0;
}
.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
}
.lg-css3.lg-zoom-out-big .lg-item.lg-next-slide {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
}
.lg-css3.lg-zoom-out-big .lg-item.lg-current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-zoom-out-in .lg-item {
opacity: 0;
}
.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
}
.lg-css3.lg-zoom-out-in .lg-item.lg-next-slide {
-webkit-transform: scale3d(2, 2, 2);
transform: scale3d(2, 2, 2);
}
.lg-css3.lg-zoom-out-in .lg-item.lg-current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-zoom-in-out .lg-item {
opacity: 0;
}
.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide {
-webkit-transform: scale3d(2, 2, 2);
transform: scale3d(2, 2, 2);
}
.lg-css3.lg-zoom-in-out .lg-item.lg-next-slide {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
}
.lg-css3.lg-zoom-in-out .lg-item.lg-current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-soft-zoom .lg-item {
opacity: 0;
}
.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
.lg-css3.lg-soft-zoom .lg-item.lg-next-slide {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
.lg-css3.lg-soft-zoom .lg-item.lg-current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide, .lg-css3.lg-soft-zoom .lg-item.lg-next-slide, .lg-css3.lg-soft-zoom .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-scale-up .lg-item {
opacity: 0;
}
.lg-css3.lg-scale-up .lg-item.lg-prev-slide {
transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
}
.lg-css3.lg-scale-up .lg-item.lg-next-slide {
transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
}
.lg-css3.lg-scale-up .lg-item.lg-current {
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-scale-up .lg-item.lg-prev-slide, .lg-css3.lg-scale-up .lg-item.lg-next-slide, .lg-css3.lg-scale-up .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-slide-circular .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-circular .lg-item.lg-prev-slide {
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide-circular .lg-item.lg-next-slide {
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.lg-css3.lg-slide-circular .lg-item.lg-current {
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide-circular .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular .lg-item.lg-next-slide, .lg-css3.lg-slide-circular .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-slide-circular-up .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide {
transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
}
.lg-css3.lg-slide-circular-up .lg-item.lg-next-slide {
transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
}
.lg-css3.lg-slide-circular-up .lg-item.lg-current {
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-slide-circular-down .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide {
transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
}
.lg-css3.lg-slide-circular-down .lg-item.lg-next-slide {
transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
}
.lg-css3.lg-slide-circular-down .lg-item.lg-current {
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-slide-circular-vertical .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide {
transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
}
.lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide {
transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
}
.lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-slide-circular-vertical-left .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide {
transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
}
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide {
transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
}
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-slide-circular-vertical-down .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide {
transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
}
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide {
transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
}
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}
.lg-css3.lg-slide-vertical .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.lg-css3.lg-slide-vertical .lg-item.lg-next-slide {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.lg-css3.lg-slide-vertical .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-vertical-growth .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide {
transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
}
.lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide {
transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
}
.lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew-only .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide {
transform: skew(10deg, 0deg);
}
.lg-css3.lg-slide-skew-only .lg-item.lg-next-slide {
transform: skew(10deg, 0deg);
}
.lg-css3.lg-slide-skew-only .lg-item.lg-current {
transform: skew(0deg, 0deg);
opacity: 1;
}
.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew-only-rev .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide {
transform: skew(-10deg, 0deg);
}
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide {
transform: skew(-10deg, 0deg);
}
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
transform: skew(0deg, 0deg);
opacity: 1;
}
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew-only-y .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide {
transform: skew(0deg, 10deg);
}
.lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide {
transform: skew(0deg, 10deg);
}
.lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
transform: skew(0deg, 0deg);
opacity: 1;
}
.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew-only-y-rev .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide {
transform: skew(0deg, -10deg);
}
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide {
transform: skew(0deg, -10deg);
}
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
transform: skew(0deg, 0deg);
opacity: 1;
}
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew .lg-item.lg-prev-slide {
transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
}
.lg-css3.lg-slide-skew .lg-item.lg-next-slide {
transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
}
.lg-css3.lg-slide-skew .lg-item.lg-current {
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1;
}
.lg-css3.lg-slide-skew .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew .lg-item.lg-next-slide, .lg-css3.lg-slide-skew .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew-rev .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide {
transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
}
.lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide {
transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
}
.lg-css3.lg-slide-skew-rev .lg-item.lg-current {
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1;
}
.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew-cross .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide {
transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
}
.lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide {
transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
}
.lg-css3.lg-slide-skew-cross .lg-item.lg-current {
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1;
}
.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew-cross-rev .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide {
transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
}
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide {
transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
}
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1;
}
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew-ver .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide {
transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
}
.lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide {
transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
}
.lg-css3.lg-slide-skew-ver .lg-item.lg-current {
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1;
}
.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew-ver-rev .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide {
transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
}
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide {
transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
}
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1;
}
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew-ver-cross .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide {
transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
}
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide {
transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
}
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1;
}
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item {
opacity: 0;
}
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide {
transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
}
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide {
transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
}
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1;
}
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-lollipop .lg-item {
opacity: 0;
}
.lg-css3.lg-lollipop .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-lollipop .lg-item.lg-next-slide {
transform: translate3d(0, 0, 0) scale(0.5);
}
.lg-css3.lg-lollipop .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-lollipop .lg-item.lg-prev-slide, .lg-css3.lg-lollipop .lg-item.lg-next-slide, .lg-css3.lg-lollipop .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-lollipop-rev .lg-item {
opacity: 0;
}
.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide {
transform: translate3d(0, 0, 0) scale(0.5);
}
.lg-css3.lg-lollipop-rev .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-lollipop-rev .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-rotate .lg-item {
opacity: 0;
}
.lg-css3.lg-rotate .lg-item.lg-prev-slide {
transform: rotate(-360deg);
}
.lg-css3.lg-rotate .lg-item.lg-next-slide {
transform: rotate(360deg);
}
.lg-css3.lg-rotate .lg-item.lg-current {
transform: rotate(0deg);
opacity: 1;
}
.lg-css3.lg-rotate .lg-item.lg-prev-slide, .lg-css3.lg-rotate .lg-item.lg-next-slide, .lg-css3.lg-rotate .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-rotate-rev .lg-item {
opacity: 0;
}
.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide {
transform: rotate(360deg);
}
.lg-css3.lg-rotate-rev .lg-item.lg-next-slide {
transform: rotate(-360deg);
}
.lg-css3.lg-rotate-rev .lg-item.lg-current {
transform: rotate(0deg);
opacity: 1;
}
.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide, .lg-css3.lg-rotate-rev .lg-item.lg-next-slide, .lg-css3.lg-rotate-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-tube .lg-item {
opacity: 0;
}
.lg-css3.lg-tube .lg-item.lg-prev-slide {
transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
}
.lg-css3.lg-tube .lg-item.lg-next-slide {
transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
}
.lg-css3.lg-tube .lg-item.lg-current {
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-tube .lg-item.lg-prev-slide, .lg-css3.lg-tube .lg-item.lg-next-slide, .lg-css3.lg-tube .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-group:after {
content: "";
display: table;
clear: both;
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1090;
text-align: left;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-outer .lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-outer .lg-item {
background: url("../images/loading.gif") no-repeat scroll center center transparent;
display: none !important;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1090;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;
}
.lg-outer .lg-empty-html {
display: none;
}
.lg-outer.lg-hide-download #lg-download {
display: none;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1090;
background-color: #000;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
opacity: 0.85;
}
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
-moz-transition: none 0s ease 0s !important;
-o-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
-moz-transition: opacity 0.1s ease 0s;
-o-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
/** @section Parallax js */
.parallax-scene {
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: left;
display: none;
pointer-events: none;
}
@media (min-width: 992px) {
.desktop .parallax-scene {
display: block;
}
}
.parallax-scene-wrapper {
position: relative;
}
.parallax-scene-wrapper .container {
position: relative;
z-index: 1;
}
.parallax-scene [class^='layer-'] {
position: absolute;
pointer-events: none;
}
.parallax-scene [class^='layer-'] img {
max-width: none;
}
.parallax-scene .layer-01 {
left: 80px;
}
.parallax-scene .layer-02 {
left: 14%;
top: 35%;
display: none;
}
.parallax-scene .layer-03 {
left: 10%;
top: 75%;
}
.parallax-scene .layer-04 {
left: 86%;
top: 3%;
}
.parallax-scene .layer-05 {
left: 80%;
top: 50%;
}
.parallax-scene .layer-06 {
left: 85%;
top: 60%;
display: none;
}
@media (min-height: 750px) and (min-width: 1200px) {
.parallax-scene .layer-04 {
top: 2%;
}
.parallax-scene .layer-05 {
top: 38%;
}
.parallax-scene .layer-02, .parallax-scene .layer-06 {
display: block;
}
}
/** @section jPlayer */
.jp-custom-playlist {
text-align: left;
}
.jp-custom-playlist li {
margin: 2px 0;
padding: 3px 12px;
background-color: #e4e4e4;
}
.jp-custom-playlist li a:before {
display: inline-block;
margin-right: 6px;
font-family: "Material Design Icons";
content: "\f4f9";
}
.jp-custom-playlist li.playing a:before {
content: "\f4d3";
}
.jp-custom-playlist li.playing a {
color: #981df0;
}
.jp-player-init {
/**
* Player
* -----------------------------------------------------------------------------
*/
/* jPlayer: Cotrols
----------------------------------------------- */
/* jPlayer: Progress Bar
----------------------------------------------- */
/* jPlayer: Volume Bar
----------------------------------------------- */
/* Diagonal Background Bars */
/* jPlayer: Playlist
----------------------------------------------- */
}
.jp-player-init.jp-player-fixed {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
}
.jp-player-init.jp-player-fixed .jp-audio {
max-width: none;
padding: 0;
transition: .3s;
transform: translateY(100%);
}
.jp-player-init.jp-player-fixed .jp-audio.jp-state-playing {
transform: translateY(0);
}
.jp-player-init.jp-player-fixed .jp-interface {
border-radius: 0;
}
.jp-player-init.jp-player-fixed .jp-no-solution,
.jp-player-init.jp-player-fixed .jp-playlist {
display: none;
}
.jp-player-init .jp-jplayer {
height: 0 !important;
width: 0 !important;
}
.jp-player-init .jp-audio {
font-size: 25px;
font-size: 1.6rem;
margin: 0 auto;
max-width: 100%;
padding: 0 1.25em;
}
.jp-player-init .jp-audio a {
color: #d2d6db;
text-decoration: none;
}
.jp-player-init .jp-audio a:hover {
color: #ffffff;
}
.jp-player-init .jp-interface {
display: flex;
background-color: #2b2d2d;
background-repeat: repeat-x;
background-image: linear-gradient(#4a4c4d, #2b2d2d);
border-radius: 3px 3px 0 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
height: 30px;
position: relative;
width: 100%;
font-size: 15px;
}
@media (min-width: 480px) {
.jp-player-init .jp-audio {
max-width: 35em;
}
.jp-player-init .jp-interface {
border-radius: 3px;
}
}
.jp-player-init .jp-button {
float: left;
}
.jp-player-init .jp-btn {
background: transparent;
border: 0;
border-radius: 0;
color: #d2d6db;
cursor: pointer;
display: block;
height: 30px;
margin: 0;
outline: none;
overflow: hidden;
padding: 0;
position: relative;
text-indent: 110%;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-webkit-transition: none;
transition: none;
white-space: nowrap;
width: 2.125em;
}
.jp-player-init .jp-btn:before {
font-family: "Material Design Icons";
font-size: 25px;
font-size: 1rem;
line-height: 1.875em;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
text-indent: 0;
}
.jp-player-init .jp-btn:hover {
color: #ffffff;
}
.jp-player-init .jp-play:before {
content: "\f4f9";
text-indent: 0.1875em;
}
.jp-player-init .jp-mute:before {
content: "\f66b";
}
.jp-player-init .jp-state-playing .jp-play:before {
content: "\f4d3";
text-indent: 0;
}
.jp-player-init .jp-state-muted .jp-mute:before {
content: "\f66e";
}
.jp-player-init .jp-previous:before {
content: "\f59d";
}
.jp-player-init .jp-next:before {
content: "\f59c";
}
.jp-player-init .jp-controls {
display: flex;
padding: 0 10px;
}
.jp-player-init .jp-controls .jp-play {
left: -2px;
}
.jp-player-init .jp-controls .jp-btn {
width: 20px;
}
.jp-player-init .jp-time-rail {
flex: 1;
border-left: 1px solid rgba(255, 255, 255, 0.05);
border-right: 1px solid rgba(0, 0, 0, 0.25);
float: left;
height: 1.875em;
padding: 0.75em;
position: relative;
width: calc(100% - 165px);
}
.jp-player-init .jp-time-rail:before,
.jp-player-init .jp-time-rail:after {
border-left: 1px solid;
content: " ";
position: absolute;
top: 0;
bottom: 0;
}
.jp-player-init .jp-time-rail:before {
border-color: rgba(0, 0, 0, 0.25);
right: 100%;
margin-right: 1px;
}
.jp-player-init .jp-time-rail:after {
border-color: rgba(255, 255, 255, 0.05);
left: 100%;
margin-left: 1px;
}
.jp-player-init .jp-progress {
background: #262929;
border: 1px solid;
border-color: #212424 #262929 #262929;
border-radius: 1px;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.05);
height: 0.4375em;
width: 100%;
}
.jp-player-init .jp-seek-bar,
.jp-player-init .jp-play-bar {
border-radius: 1px;
height: 0.3125em;
width: 0;
}
.jp-player-init .jp-seek-bar {
background: #464849;
cursor: pointer;
position: relative;
}
.jp-player-init .jp-play-bar {
animation: progress-bar 0.75s linear infinite;
}
.jp-player-init .jp-volume-bar {
float: left;
z-index: 99;
position: relative;
margin: 0.75em 1em 0 -0.3125em;
width: 2.5em;
height: 0.4375em;
cursor: pointer;
background: #262929;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.05);
border-radius: 1px;
}
.jp-player-init .jp-volume-bar-value {
width: 0;
height: 0.3125em;
margin: 1px;
border-radius: 1px;
}
.jp-player-init .jp-play-bar,
.jp-player-init .jp-volume-bar-value {
box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
background-size: 0.4375em 0.4375em;
background-color: #7d0ecc;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#981df0), to(#7d0ecc));
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #981df0), color-stop(100%, #7d0ecc));
background-image: -webkit-linear-gradient(#981df0, #7d0ecc);
background-image: -o-linear-gradient(#981df0, #7d0ecc);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$primary', endColorstr='darken($primary, 10%)', GradientType=0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='$primary', endColorstr='darken($primary, 10%)', GradientType=0)";
background-image: linear-gradient(#981df0, #7d0ecc);
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
}
.jp-player-init .jp-playlist {
text-align: left;
background-color: #4a4c4d;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
border-radius: 0 0 3px 3px;
font-size: 19px;
font-size: 1.2rem;
margin: 0 auto;
}
.jp-player-init .jp-playlist.jp-playlist--hidden {
display: none;
}
.jp-player-init .jp-playlist .jp-playlist-current {
background-color: rgba(0, 0, 0, 0.1);
}
.jp-player-init .jp-playlist .jp-playlist-current a {
color: #ffffff;
}
.jp-player-init .jp-playlist a {
display: block;
padding: 0.58333333em 1em;
}
.jp-player-init .jp-playlist ul {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
list-style: none;
margin: 0;
padding: 0;
width: 100%;
font-size: 16px;
}
.jp-player-init .jp-playlist li {
border-top: 1px solid rgba(0, 0, 0, 0.25);
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
width: 100%;
}
.jp-player-init .jp-playlist li:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.jp-player-init .jp-playlist li:first-child {
border-top: none;
}
.jp-player-init .jp-playlist li:last-child {
border-bottom: none;
}
.jp-player-init .jp-free-media {
display: block;
float: right;
font-size: 0.83333333em;
letter-spacing: 0.05em;
line-height: 2em;
margin-right: 1em;
padding: 0.58333333em 0;
text-transform: uppercase;
}
.jp-player-init .jp-free-media a {
display: inline;
padding: 0;
}
.jp-player-init .jp-free-media a:first-child:before,
.jp-player-init .jp-free-media a:last-child:after {
content: " ";
}
.jp-player-init .jp-state-playing .jp-playlist-current {
border-top-color: rgba(0, 0, 0, 0.35);
}
.jp-player-init .jp-state-playing .jp-playlist-current a {
background-color: rgba(0, 0, 0, 0.2);
color: #ffffff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.jp-player-init .jp-state-playing .jp-playlist-current .jp-free-media a {
background-color: transparent;
}
.jp-player-init .jp-playlist-item-remove {
display: none;
padding: 0;
}
@media (min-width: 480px) {
.jp-player-init .jp-playlist {
width: 94%;
}
}
/*
* Project: CirclePlayer
* http://www.jplayer.org
*
* Copyright (c) 2012 Happyworm Ltd
*
* Author: Silvia Benvenuti
* Edited by: Mark J Panaghiston
* Date: 2nd October 2012
* Artwork inspired by: http://forrst.com/posts/Untitled-CJz
*/
.cp-container {
position: relative;
width: 104px;
/* 200 - (2 * 48) */
height: 104px;
background: url("../images/bgr.jpg") 0 0 no-repeat;
padding: 48px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
box-sizing: content-box;
margin-bottom: 20px;
}
@media (min-width: 480px) {
.prototype-wrapper {
display: flex;
justify-content: space-around;
}
}
.cp-container :focus {
border: none;
outline: 0;
}
.cp-buffer-1,
.cp-buffer-2,
.cp-progress-1,
.cp-progress-2 {
position: absolute;
top: 0;
left: 0;
width: 104px;
height: 104px;
clip: rect(0px, 52px, 104px, 0px);
-moz-border-radius: 52px;
border-radius: 52px;
}
/* FALLBACK for .progress
* (24 steps starting from 1hr filled progress, Decrease second value by 104px for next step)
* (It needs the container selector to work. Or use div)
*/
.cp-container .cp-fallback {
background: url("../images/progress_sprite.jpg") no-repeat;
background-position: 0 104px;
}
.cp-progress-1,
.cp-progress-2 {
background: url("../images/progress.png") 0 0 no-repeat;
}
.cp-buffer-holder,
.cp-progress-holder,
.cp-circle-control {
position: absolute;
width: 104px;
height: 104px;
}
.cp-circle-control {
cursor: pointer;
}
.cp-buffer-holder,
.cp-progress-holder {
clip: rect(0px, 104px, 104px, 52px);
display: none;
}
/* This is needed when progress is greater than 50% or for fallback */
.cp-buffer-holder.cp-gt50,
.cp-progress-holder.cp-gt50,
.cp-progress-1.cp-fallback {
clip: rect(auto, auto, auto, auto);
}
.cp-controls {
margin: 0;
padding: 26px;
}
.cp-controls li {
list-style-type: none;
display: block;
/*IE Fix*/
position: absolute;
}
.cp-controls li a {
position: relative;
display: block;
width: 50px;
height: 50px;
text-indent: -9999px;
z-index: 1;
cursor: pointer;
transition: 0s;
}
.cp-controls .cp-play {
background: url("../images/controls.jpg") 0 0 no-repeat;
}
.cp-controls .cp-play:hover {
background: url("../images/controls.jpg") -50px 0 no-repeat;
}
.cp-controls .cp-pause {
background: url("../images/controls.jpg") 0 -50px no-repeat;
}
.cp-controls .cp-pause:hover {
background: url("../images/controls.jpg") -50px -50px no-repeat;
}
.cp-jplayer {
width: 0;
height: 0;
}
.jp-video-full {
width: 480px;
height: 270px;
position: static !important;
}
.jp-video.jp-state-full-screen .jp-jplayer,
.jp-video.jp-state-full-screen .jp-jplayer {
width: 100% !important;
height: 100% !important;
}
.jp-video.jp-state-full-screen:not(.jp-state-playing) .jp-playlist {
pointer-events: all;
opacity: 1;
}
.jp-video.jp-state-full-screen .jp-playlist {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1000;
pointer-events: none;
opacity: 0;
transition: opacity .2s ease-in-out .4s;
display: inline-block;
min-width: 400px;
background: rgba(0, 0, 0, 0.7);
border-radius: 8px;
padding: 12px 5px;
}
.jp-video.jp-state-full-screen .jp-playlist li.jp-playlist-current a {
color: #981df0;
}
.jp-video.jp-state-full-screen .jp-playlist li a {
color: #ffffff;
}
.jp-video.jp-state-full-screen .jp-playlist li + li {
border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.jp-video-full .jp-jplayer {
top: 0;
left: 0;
position: fixed !important;
position: relative;
/* Rules for IE6 (full-screen) */
overflow: hidden;
z-index: 1000;
}
.jp-video-full .jp-gui {
position: fixed !important;
position: static;
/* Rules for IE6 (full-screen) */
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
}
.jp-video-full .jp-interface {
position: absolute !important;
position: relative;
/* Rules for IE6 (full-screen) */
bottom: 0;
left: 0;
z-index: 1000;
}
.jp-video {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
}
.jp-video .jp-interface {
position: relative;
width: 100%;
height: 35px;
background-color: #f2f2f2;
box-shadow: inset 0px 1px 0px #f7f7f7,
inset 0px -1px 0px #e2e2e2;
}
.jp-video div.jp-controls-holder {
clear: both;
margin: 0 auto;
display: flex;
position: relative;
overflow: hidden;
}
.jp-video a.jp-play,
.jp-video a.jp-pause {
width: 40px;
height: 35px;
float: left;
text-indent: 110%;
outline: none;
}
.jp-video a.jp-previous:before {
content: "\f59d";
font-family: "Material Design Icons";
}
.jp-video a.jp-next:before {
content: "\f59c";
font-family: "Material Design Icons";
}
.jp-video a.jp-previous,
.jp-video a.jp-next {
position: relative;
align-items: center;
justify-content: center;
width: 30px;
color: #706d6d;
display: none;
}
@media (min-width: 480px) {
.jp-video a.jp-previous,
.jp-video a.jp-next {
display: flex;
}
}
.jp-video a.jp-play {
background: url(../images/sprite.png) 0 0 no-repeat;
}
.jp-video a.jp-pause {
background: url(../images/sprite.png) -40px 0 no-repeat;
display: none;
}
.jp-video #seperator {
background-image: url(../images/seperator.png);
background-repeat: no-repeat;
width: 2px;
height: 35px;
float: left;
margin-top: 7px;
margin-right: 10px;
}
.jp-video .jp-progress {
background: #706d6d;
border-radius: 5px;
box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.4);
flex: 1;
height: 10px;
float: left;
margin-top: 13px;
margin-right: 10px;
margin-left: 10px;
}
.jp-video .jp-time-wrapper {
display: none;
}
@media (min-width: 480px) {
.jp-video .jp-time-wrapper {
display: block;
}
}
.jp-video .jp-seek-bar {
width: 0px;
height: 100%;
cursor: pointer;
}
.jp-video .jp-seeking-bg {
background: #575555;
-moz-border-radius: 5px;
border-radius: 5px;
}
.jp-video .jp-play-bar {
width: 0px;
height: 10px;
position: relative;
z-index: 9;
background-size: 12px 12px;
background-color: #7d0ecc;
background-repeat: repeat-x;
border-radius: 5px;
background-image: linear-gradient(#981df0, #7d0ecc);
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
}
.jp-video .jp-play-bar span {
position: absolute;
top: -3px;
right: -12px;
background: url(../images/handle.png) no-repeat center;
width: 16px;
height: 17px;
}
.jp-video .jp-current-time,
.jp-video .jp-duration {
font-size: 11px;
font-family: Arial;
color: #444444;
margin-top: 12px;
float: left;
}
.jp-video .jp-current-time {
float: left;
display: inline;
}
.jp-video .jp-duration {
float: left;
display: inline;
text-align: right;
}
.jp-video .jp-current-time {
margin-left: 10px;
}
.jp-video .jp-duration {
margin-right: 10px;
}
.jp-video .time-sep {
float: left;
margin: 13px 3px 0 3px;
font-size: 11px;
font-family: Arial;
color: #444444;
}
.jp-video a.jp-mute,
.jp-video a.jp-unmute {
text-indent: -9999px;
float: left;
height: 35px;
outline: none;
}
.jp-video .jp-mute {
float: left;
background: url(../images/sprite.png) -80px 0 no-repeat;
margin-top: 1px;
margin-left: -10px;
width: 35px;
}
.jp-video a.jp-unmute {
background: url(../images/sprite.png) -115px 0 no-repeat;
margin-top: 1px;
margin-left: -13px;
display: none;
width: 38px;
}
.jp-video .jp-volume-bar {
float: left;
margin-top: 13px;
margin-right: 10px;
overflow: hidden;
width: 70px;
height: 10px;
cursor: pointer;
background: #706d6d;
border-radius: 5px;
box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.4);
}
.jp-video .jp-volume-bar-value {
background: rgba(112, 109, 109, 0.01);
width: 0px;
height: 10px;
position: relative;
}
.jp-video .jp-volume-bar-value span {
position: absolute;
top: 0px;
right: 0px;
background: url(../images/volume.png) no-repeat center;
width: 11px;
height: 10px;
}
.jp-video .jp-full-screen {
background: url(../images/sprite.png) -150px 0 no-repeat;
float: left;
width: 40px;
height: 35px;
text-indent: -9999px;
margin-left: -15px;
outline: none;
}
.jp-video .jp-restore-screen {
background: url(../images/sprite.png) -150px 0 no-repeat;
float: left;
width: 40px;
height: 35px;
text-indent: -9999px;
margin-left: -15px;
outline: none;
}
.jp-video .jp-playlist li {
padding: 3px 0;
}
.jp-video .jp-playlist li.jp-playlist-current a {
color: #ffffff;
}
.jp-video .jp-jplayer {
cursor: pointer;
font-size: 0;
overflow: hidden;
}
/**
* Custom Style
*/
.jp-video.jp-video-single .jp-playlist,
.jp-video.jp-video-single .jp-gui {
display: none !important;
}
.jp-video {
position: relative;
}
.jp-video:before {
content: '\f4fb';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: "Material Design Icons";
font-size: 50px;
line-height: 100px;
color: #f2f3f9;
z-index: 1;
pointer-events: none;
border-radius: 50%;
transition: .3s ease-out all;
transform-origin: 50% 50%;
}
.jp-video:hover:before {
color: #d8dae2;
}
.jp-video.jp-state-playing:before {
z-index: -100;
}
@media (min-width: 768px) {
.jp-video:before {
font-size: 70px;
}
}
@media (min-width: 1200px) {
.jp-video:before {
font-size: 100px;
}
}
/**
* Build Video
*/
.build-video {
position: relative;
}
.build-video-inner img {
pointer-events: none;
}
.build-video-element {
position: absolute;
overflow: hidden;
top: 7.2%;
bottom: 10.9%;
left: 12.4%;
right: 12.4%;
}
.build-video-element .jp-video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.jp-video .jp-jplayer img {
display: block !important;
}
.jp-video .jp-jplayer video {
display: none;
}
.jp-video.jp-state-playing .jp-jplayer img {
display: none !important;
}
.jp-video.jp-state-playing .jp-jplayer video {
display: block;
}
/** @section Stepper Plugin */
.form-wrap-modern .stepper {
min-width: 100%;
}
.stepper {
position: relative;
display: inline-block;
max-width: 70px;
min-width: 220px;
}
.stepper input[type="number"] {
width: 100%;
padding-left: 55px;
padding-right: 55px;
text-align: center;
-moz-appearance: textfield;
}
.shop-input .stepper {
min-width: 130px;
}
.shop-input .stepper .stepper-arrow {
font-size: 22px;
}
@media (max-width: 767.98px) {
.shop-input .stepper input[type="number"] {
padding-left: 40px;
padding-right: 50px;
}
}
@media (min-width: 992px) {
.shop-input .stepper {
min-width: 180px;
}
.shop-input .stepper .stepper-arrow {
font-size: 28px;
}
}
.stepper input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.stepper-arrow {
position: absolute;
top: 50%;
margin-top: -10px;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 28px;
font-family: "Material Design Icons";
cursor: pointer;
color: #ed1c94;
transition: .3s all ease;
}
.stepper-arrow:hover {
color: #981df0;
}
.stepper-arrow.up {
right: 28px;
text-align: left;
}
.stepper-arrow.up:before {
content: '\f504';
}
.stepper-arrow.down {
left: 19px;
text-align: right;
}
.stepper-arrow.down:before {
content: '\f465';
}
.stepper.disabled .stepper-arrow {
pointer-events: none;
opacity: .5;
}
/** @section Instagram */
/**
* Profile
*/
.instafeed-profile {
text-align: center;
}
.instafeed-profile-picture > img {
border-radius: 50%;
width: 180px;
height: 180px;
}
.instafeed-profile-username {
position: relative;
text-transform: capitalize;
color: #ed1c94;
}
.instafeed-profile-username > * {
color: inherit;
text-transform: inherit;
}
.instafeed-profile-username:after {
margin-top: 30px;
display: inline-block;
content: '';
width: 60px;
border-bottom: 2px solid #ededed;
}
.instafeed-profile-meta {
letter-spacing: 0.02em;
}
.instafeed-profile-meta > .half + .half {
margin-top: 10px;
}
.instafeed-profile-button .button {
min-width: 112px;
}
* + .instafeed-profile-username {
margin-top: 25px;
}
* + .instafeed-profile-meta {
margin-top: 20px;
}
* + .instafeed-profile-button {
margin-top: 30px;
}
/**
* Thumbnail InstaFeedl
*/
.thumbnail-instafeed {
position: relative;
padding-bottom: 100%;
}
.thumbnail-instafeed a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.thumbnail-instafeed img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.thumbnail-instafeed .caption {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
color: #ffffff;
background-color: rgba(152, 29, 240, 0.35);
transition: .3s ease-out all;
pointer-events: none;
overflow: hidden;
will-change: transfrom;
}
.thumbnail-instafeed .caption .list-inline {
margin-left: -10px;
margin-right: -10px;
}
.thumbnail-instafeed .caption .list-inline > li {
padding-left: 10px;
padding-right: 10px;
}
.thumbnail-instafeed .caption .list-inline span {
display: inline-block;
vertical-align: middle;
}
.thumbnail-instafeed .caption .icon {
margin-right: 5px;
font-size: 28px;
}
.ie-10 .thumbnail-instafeed,
.ie-11 .thumbnail-instafeed {
overflow: hidden;
}
.ie-10 .thumbnail-instafeed img,
.ie-11 .thumbnail-instafeed img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
height: auto;
max-width: 135%;
max-height: 135%;
min-height: 101%;
min-width: 101%;
}
@media (min-width: 1200px) {
.thumbnail-instafeed .caption .list-inline {
margin-left: -25px;
margin-right: -25px;
}
.thumbnail-instafeed .caption .list-inline > li {
padding-left: 25px;
padding-right: 25px;
}
}
/**
* Thumbnail InstaFeedl Minimal
*/
.thumbnail-instafeed-minimal .caption .list-inline > li {
display: block;
}
.thumbnail-instafeed-minimal .caption .list-inline > li + li {
margin-top: 10px;
}
@media (min-width: 992px) {
.desktop .thumbnail-instafeed .caption {
background-color: rgba(152, 29, 240, 0.8);
}
.desktop .thumbnail-instafeed .caption,
.desktop .thumbnail-instafeed .list-inline > li {
visibility: hidden;
opacity: 0;
}
.desktop .thumbnail-instafeed .list-inline > li {
transform: scale3d(0, 0, 0);
will-change: transfrom;
}
.desktop .thumbnail-instafeed:hover .caption,
.desktop .thumbnail-instafeed:hover .list-inline > li {
visibility: visible;
opacity: 1;
}
.desktop .thumbnail-instafeed:hover .list-inline > li {
transform: scale3d(1, 1, 1);
transition: 480ms cubic-bezier(0.18, 0.89, 0.32, 1.28) transform, 150ms cubic-bezier(0.18, 0.89, 0.32, 1.28) opacity;
transition-delay: .15s;
}
}
* + .instafeed {
margin-top: 40px;
}
.row.instafeed + .button {
margin-top: 40px;
}
@media (min-width: 992px) {
* + .instafeed {
margin-top: 60px;
}
.row.instafeed + .button {
margin-top: 60px;
}
}
/**
* Instafeed Vertical
*/
.thumbnail-instafeed-vertical .list-inline > li {
display: block;
}
.thumbnail-instafeed-vertical .list-inline > li + li {
margin-top: 20px;
}
/** @section Twitter */
.twitter-feed {
max-width: 576px;
margin-left: auto;
margin-right: auto;
text-align: left;
border-radius: 9px;
background-color: #ffffff;
transition: .3s ease-out all;
}
.twitter-feed .twitter-feed-name {
font-weight: 400;
color: #29293a;
}
.twitter-feed .twitter-feed-name > * {
font-weight: inherit;
color: inherit;
}
.bg-gray-darker .twitter-feed, .bg-additional-gray-darker .bg-additional-item .twitter-feed,
.bg-gray-lighter .twitter-feed,
.bg-image .twitter-feed,
.bg-additional-image .bg-additional-item .twitter-feed {
background-color: #ffffff;
}
.bg-gray-darker .twitter-feed .twitter-feed-name, .bg-additional-gray-darker .bg-additional-item .twitter-feed .twitter-feed-name,
.bg-gray-lighter .twitter-feed .twitter-feed-name,
.bg-image .twitter-feed .twitter-feed-name,
.bg-additional-image .bg-additional-item .twitter-feed .twitter-feed-name {
color: #29293a;
}
.twitter-feed:hover {
box-shadow: 0 7px 24px 0 rgba(110, 123, 157, 0.42);
}
.twitter-feed-header {
padding: 30px 30px 20px;
}
.twitter-feed-avatar {
width: 70px;
height: 70px;
}
.twitter-feed-name-tag,
.twitter-feed-content,
.twitter-feed-footer {
letter-spacing: 0.02em;
}
.twitter-feed-name-tag {
color: #c2c2c3;
}
.twitter-feed-name-tag a, .twitter-feed-name-tag a:focus, .twitter-feed-name-tag a:active {
color: inherit;
}
.twitter-feed-name-tag a:hover {
color: #ed1c94;
}
.twitter-feed-content {
color: #29293a;
}
.twitter-feed-content a, .twitter-feed-content a:focus, .twitter-feed-content a:active {
color: #ed1c94;
}
.twitter-feed-content a:hover {
color: #29293a;
}
.twitter-feed-footer {
padding: 23px 30px 30px;
}
.twitter-feed-footer time {
color: #c2c2c3;
}
* + .twitter-feed {
margin-top: 30px;
}
* + .twitter-feed-content {
margin-top: 29px;
}
.twitter-feed-header + .twitter-feed-body {
margin-top: 10px;
}
.twitter-feed-header + .twitter-feed-body:empty {
margin-top: 0;
}
.twitter-feed-body:empty + .twitter-feed-footer {
padding-top: 0;
}
@media (min-width: 768px) {
* + .twitter {
margin-top: 30px;
}
}
/**
* Twitter Feed minimal
*/
.twitter-feed-minimal {
max-width: 334px;
}
.twitter-feed-minimal .twitter-icon {
color: #00bbf5;
}
.twitter-feed-minimal time {
display: block;
color: #c2c2c3;
}
.twitter-feed-minimal * + time {
margin-top: 10px;
}
.twitter-feed-minimal-content {
color: #29293a;
letter-spacing: 0.02em;
}
.twitter-feed-minimal-content a {
color: #ed1c94;
}
.twitter-feed-minimal-content a:hover {
color: #29293a;
}
* + .twitter-feed-minimal {
margin-top: 30px;
}
@media (min-width: 480px) {
* + .twitter-feed-minimal {
margin-top: 25px;
}
}
/**
* Twitter Feed Block
*/
.twitter-feed-block {
max-width: 720px;
}
.twitter-feed-block .twitter-feed-header {
padding: 30px;
}
.twitter-feed-block .twitter-feed-avatar {
border-radius: 9px;
}
.twitter-feed-block .twitter-feed-name {
letter-spacing: 0.02em;
}
.twitter-feed-block .twitter-feed-name > * {
letter-spacing: inherit;
}
.twitter-feed-block .twitter-feed-name h5 {
font-size: 18px;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: 700;
color: #29293a;
}
.twitter-feed-block .twitter-feed-name time {
color: #c2c2c3;
font-weight: 300;
}
@media (min-width: 480px) {
.twitter-feed-block .twitter-feed-name {
display: flex;
justify-content: space-between;
align-items: center;
}
}
.twitter-feed-block * + .twitter-feed-content {
margin-top: 10px;
}
.twitter-feed-block + .twitter-feed-block {
margin-top: 10px;
}
/**
* Twitter Center
*/
.twitter-feed-centered {
max-width: 570px;
margin-left: auto;
margin-right: auto;
}
.bg-gray-darker .twitter-feed-centered .twitter-feed-name-tag, .bg-additional-gray-darker .bg-additional-item .twitter-feed-centered .twitter-feed-name-tag,
.bg-image .twitter-feed-centered .twitter-feed-name-tag,
.bg-additional-image .bg-additional-item .twitter-feed-centered .twitter-feed-name-tag,
.bg-gradients .twitter-feed-centered .twitter-feed-name-tag,
.bg-gradient-1 .twitter-feed-centered .twitter-feed-name-tag,
.bg-gradient-2 .twitter-feed-centered .twitter-feed-name-tag,
.bg-gradient-3 .twitter-feed-centered .twitter-feed-name-tag {
color: #ffffff;
}
.twitter-feed-centered .twitter-feed-avatar {
border-radius: 9px;
}
.twitter-feed-centered .twitter-feed-name-tag,
.twitter-feed-centered time {
letter-spacing: 0.02em;
}
.twitter-feed-centered .twitter-feed-name-tag {
color: #29293a;
font-weight: 700;
}
.twitter-feed-centered time {
display: block;
color: #838386;
}
.twitter-feed-centered * + .twitter-feed-name-tag {
margin-top: 20px;
}
.twitter-feed-centered * + time {
margin-top: 20px;
}
.twitter-feed-centered * + .twitter-feed-minimal-content {
margin-top: 30px;
}
@media (min-width: 1600px) {
.twitter-feed-minimal-content {
font-size: 24px;
}
}
/** @section Typed text */
.typed-text {
color: #ed1c94;
}
.typed-cursor {
vertical-align: text-top;
color: #ed1c94;
opacity: 1;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/** @section Way Point */
.section-way-point {
position: relative;
z-index: 20;
}
.way-point {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: calc(100% - 2px);
display: flex;
cursor: pointer;
}
.way-point .icon {
font-size: 30px;
position: absolute;
bottom: -3px;
left: 50%;
transform: translateX(-50%);
color: #ffffff;
transition: 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) all;
}
.way-point:hover .icon {
bottom: -8px;
}
.way-point svg path {
fill: inherit;
}
/** @section Parallax text */
.parallax-text-wrap {
position: relative;
}
.parallax-text-wrap h3 {
position: relative;
z-index: 1;
}
.parallax-text-wrap + * {
position: relative;
}
.parallax-text {
position: absolute;
bottom: -20%;
left: 0;
display: none;
font: 900 36px/1 "Montserrat", sans-serif;
letter-spacing: .28em;
text-transform: uppercase;
white-space: nowrap;
color: #f2f3f9;
}
@media (min-width: 768px) {
.parallax-text {
font-size: 70px;
bottom: -60%;
display: block;
}
}
@media (min-width: 992px) {
.parallax-text {
font-size: 100px;
}
}
@media (min-width: 1200px) {
.parallax-text {
font-size: 110px;
left: -95px;
}
}
@media (min-width: 1600px) {
.parallax-text {
font-size: 150px;
left: -145px;
}
}
@media (min-width: 1800px) {
.parallax-text {
font-size: 170px;
}
}
.some-wrap .heading-group {
will-change: transform;
transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0));
}
.some-wrap .button-group {
will-change: transform;
transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0));
}
/** @section Material Parallax */
.parallax-container {
position: relative;
overflow: hidden;
}
.material-parallax {
position: absolute;
top: 0;
left: -1px;
right: -1px;
bottom: 0;
z-index: 0;
}
.parallax-content {
position: relative;
z-index: 1;
}
.material-parallax img {
display: none;
position: absolute;
left: 50%;
bottom: 0;
min-width: 101%;
min-height: 101%;
max-width: none;
transform: translate3d(-50%, 0, 0);
}
.parallax-disabled {
background-size: cover;
background-position: center;
}
html:not(.ie-11):not(.ios) .parallax-disabled {
background-attachment: fixed;
}
/** @section Accordion custom */
.accordion-custom-group-custom {
flex-direction: column;
margin-bottom: 0;
}
.accordion-custom-group-custom .accordion-custom-heading + .accordion-custom-collapse > .accordion-custom-body,
.accordion-custom-group-custom .accordion-custom-heading + .accordion-custom-collapse > .list-group {
border-top: 0;
}
.accordion-custom-group-custom .accordion-custom-item + .accordion-custom-item {
margin-top: 0;
}
.accordion-custom-group-custom .accordion-custom-item {
flex: auto;
}
.accordion-custom-group.accordion-custom-group-corporate .accordion-custom-item + .accordion-custom-item {
margin-top: 20px;
}
.accordion-custom-group.accordion-custom-group-custom.accordion-custom-group-corporate .accordion-custom.accordion-custom-corporate {
border-radius: 10px;
}
.accordion-custom-item {
margin: 0;
background: inherit;
border: 0;
border-radius: 0;
box-shadow: none;
text-align: left;
}
.accordion-custom-item .accordion-custom-heading {
padding: 0;
border-bottom: 0;
border-top-left-radius: 0;
}
.accordion-custom-item .accordion-custom-body {
padding: 0;
border: 0;
}
.accordion-custom-title {
margin-bottom: 0;
}
.accordion-custom-button {
display: block;
width: 100%;
text-align: left;
background-color: transparent;
}
* + .accordion-custom-group-custom {
margin-top: 35px;
}
@media (min-width: 768px) {
* + .accordion-custom-group-custom {
margin-top: 50px;
}
}
@media (min-width: 1600px) {
* + .accordion-custom-group-custom {
margin-top: 60px;
}
}
.accordion-custom-corporate {
position: relative;
z-index: 1;
text-align: left;
background: #ffffff;
box-shadow: 0px 5px 12px 0px #dcdeec;
}
.accordion-custom-corporate .accordion-custom-heading button {
padding: 18px 82px 18px 32px;
font-size: 18px;
font-weight: 400;
line-height: 1.5;
letter-spacing: 0;
color: #29293a;
transition: inherit;
border-radius: 10px 10px 0 0;
}
.accordion-custom-corporate .accordion-custom-heading button .accordion-custom-arrow {
transition: .33s;
}
.accordion-custom-corporate .accordion-custom-heading button.collapsed {
border-bottom-width: 0;
border-radius: 10px;
}
.accordion-custom-corporate .accordion-custom-heading button.collapsed .accordion-custom-arrow::before {
opacity: 1;
}
.accordion-custom-corporate .accordion-custom-heading button.collapsed .accordion-custom-arrow::after {
opacity: 0;
}
.accordion-custom-corporate .accordion-custom-arrow {
position: absolute;
top: 0;
bottom: -1px;
right: -1px;
z-index: 2;
width: 70px;
background: #ed1c94;
border-radius: 0 10px 10px 0;
transition: .33s all ease;
}
.accordion-custom-corporate .accordion-custom-arrow::before, .accordion-custom-corporate .accordion-custom-arrow::after {
position: absolute;
top: 18px;
left: 50%;
transform: translateX(-50%);
z-index: 4;
font-family: "Material Design Icons";
color: #ffffff;
transition: .22s;
}
.accordion-custom-corporate .accordion-custom-arrow::before {
content: '\f504';
opacity: 0;
}
.accordion-custom-corporate .accordion-custom-arrow::after {
content: '\f465';
opacity: 1;
}
.accordion-custom-corporate .accordion-custom-arrow:hover {
background: #981df0;
}
.accordion-custom-corporate .accordion-custom-collapse {
position: relative;
z-index: 1;
color: #838386;
border-radius: 0 0 10px 10px;
}
.accordion-custom-corporate .accordion-custom-body {
padding: 0 82px 25px 32px;
}
@media (max-width: 479.98px) {
.accordion-custom-corporate .accordion-custom-heading button,
.accordion-custom-corporate .accordion-custom-body {
padding-left: 25px;
}
}
@media (min-width: 768px) {
.accordion-custom-corporate .accordion-custom-heading button {
font-size: 24px;
line-height: 1.41667;
}
.accordion-custom-corporate .accordion-custom-body {
padding-right: 150px;
}
}
.accordion-custom-light:first-child .accordion-custom-heading {
border-top: 1px solid #ededed;
}
.accordion-custom-light .accordion-custom-heading:nth-child(n + 2) {
margin-top: -1px;
}
.accordion-custom-light .accordion-custom-heading button {
position: relative;
padding: 19px 55px 19px 32px;
border-bottom: 1px solid transparent;
font-size: 18px;
font-weight: 400;
line-height: 1.5;
letter-spacing: 0;
color: #29293a;
transition: .2s all ease;
}
.accordion-custom-light .accordion-custom-heading button .accordion-custom-arrow::after {
opacity: 0;
visibility: hidden;
transition: .2s all ease;
}
.accordion-custom-light .accordion-custom-heading button.collapsed {
border-bottom-color: #ededed;
}
.accordion-custom-light .accordion-custom-heading button.collapsed .accordion-custom-arrow::after {
opacity: 1;
visibility: visible;
}
.accordion-custom-light .accordion-custom-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 26px;
transition: .33s;
will-change: transform;
}
.accordion-custom-light .accordion-custom-arrow::before, .accordion-custom-light .accordion-custom-arrow::after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #ed1c94;
}
.accordion-custom-light .accordion-custom-arrow::before {
width: 18px;
height: 2px;
right: 0;
}
.accordion-custom-light .accordion-custom-arrow::after {
width: 2px;
height: 18px;
right: 8px;
}
.accordion-custom-light .collapse {
position: relative;
border-bottom: 1px solid #ededed;
will-change: transform;
}
.accordion-custom-light .accordion-custom-body {
padding: 0 44px 25px 32px;
color: rgba(131, 131, 134, 0.47);
}
@media (max-width: 479.98px) {
.accordion-custom-light .accordion-custom-heading button,
.accordion-custom-light .accordion-custom-body {
padding-left: 15px;
}
}
@media (min-width: 768px) {
.accordion-custom-light .accordion-custom-heading button {
font-size: 24px;
line-height: 1.41667;
}
}
/** @section Google Map */
.google-map-markers {
display: none;
}
.google-map-container {
width: 100%;
color: #000000;
max-width: 870px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 992px) {
.google-map-container.google-map-sm .google-map {
min-height: 500px;
}
.google-map-container.google-map-md .google-map {
min-height: 600px;
}
}
.google-map {
height: 200px;
}
@media (min-width: 480px) {
.google-map {
height: 250px;
}
}
@media (min-width: 992px) {
.google-map {
height: 400px;
}
}
* + .google-map-container {
margin-top: 50px;
}
.google-map-wrap + .container {
margin-top: 50px;
}
@media (min-width: 1200px) {
.google-map-wrap + .container {
margin-top: 0;
}
}
@media (min-width: 992px) {
.google-map-with-icon .gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div:nth-child(1) {
border-radius: 9px !important;
}
.google-map-with-icon .gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
box-shadow: none !important;
background-color: transparent !important;
}
.google-map-with-icon .gm-wrapper > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) {
z-index: 100;
}
.google-map-with-icon .gm-wrapper > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > div {
margin-top: -5px;
}
.google-map-with-icon .gm-wrapper > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > div > div {
box-shadow: none !important;
}
.google-map-with-icon .gm-wrapper > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) {
border-radius: 9px !important;
box-shadow: 0 8px 21px 0 #cdced6 !important;
}
.google-map-with-icon .gm-style-iw > div:nth-child(1) {
overflow: visible !important;
}
.google-map-with-icon .gm-style-iw > div:nth-child(1) > div:nth-child(1) {
overflow: visible !important;
}
.google-map-with-icon .iw-content p {
position: relative;
text-align: center;
margin-left: 15px;
margin-top: 30px;
margin-bottom: 30px;
padding-top: 50px;
color: #29293a;
letter-spacing: 0.02em;
}
.google-map-with-icon .iw-content p:before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 30px;
height: 30px;
line-height: 30px;
content: '\f440';
font-family: "Material Design Icons";
font-size: 36px;
color: #ed1c94;
transform: translateX(-50%);
}
}
.google-map-default {
max-width: none;
}
.google-map-wrap .google-map {
max-width: 940px;
}
.page-footer-extended .google-map-wrap .google-map,
.page-footer-extended .google-map-wrap .google-map-container {
max-width: none;
}
@media (max-width: 991.98px) {
.page-footer-extended {
padding-top: 0;
}
}
@media (min-width: 1200px) {
.google-map-wrap-full-height {
position: relative;
padding-bottom: 70%;
width: 100%;
}
.google-map-wrap-full-height .google-map.google-map-full-height {
position: absolute !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
min-height: 100%;
height: 100%;
max-width: none;
}
}
.section-wrap-aside .google-map-container {
max-width: none;
}
.pay-section {
align-items: center;
justify-content: center;
}
button#inviaBtn {
background-color: #4CAF50;
color: white;
border: none;
padding: 12px 24px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin-top: 20px;
cursor: pointer;
border-radius: 4px;
}
button:disabled {
background-color: #ccc;
cursor: not-allowed;
}
.Policy {
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 20px;
}
.labelPolicy {
display: block;
margin-top: 10px;
}
.popup {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.4);
}
.popup-content {
background-color: #fefefe;
margin: 15% auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
}
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
#cookie-popup {
position: fixed;
bottom: 20px;
left: 20px;
right: 20px;
padding: 20px;
background-color: rgba(255, 255, 255, 0.90);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
z-index: 9999;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
#cookie-popup p {
margin: 0;
text-align: center;
font-size: 20px;
}
#cookie-popup button {
background-image: linear-gradient(to right, #6d0eb1 20%, #ed1c94);
color: white;
border: none;
padding: 8px 16px;
font-size: 25px;
cursor: pointer;
}
#cookie-popup button:hover {
background-color: #3e8e41;
}
#cookie-popup img {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-bottom: 5%;
margin-top: 5%;
}