@charset "UTF-8";
.et_pb_bg_layout_light.et_pb_module.et_pb_button{color:#2ea3f2}.et_pb_button_module_wrapper.et_pb_button{color:inherit}.et_pb_button{display:inline-block}.et_pb_module.et_pb_button:not(.et_block_module){max-width:-moz-max-content;max-width:max-content}.et_pb_button_module_wrapper.et_pb_button_alignment_left{text-align:left}.et_pb_button_module_wrapper.et_pb_button_alignment_right{text-align:right}.et_pb_button_module_wrapper.et_pb_button_alignment_center{text-align:center}@media (max-width:980px){.et_pb_button_module_wrapper.et_pb_button_alignment_tablet_left{text-align:left}.et_pb_button_module_wrapper.et_pb_button_alignment_tablet_right{text-align:right}.et_pb_button_module_wrapper.et_pb_button_alignment_tablet_center{text-align:center}}@media (max-width:767px){.et_pb_button_module_wrapper.et_pb_button_alignment_phone_left{text-align:left}.et_pb_button_module_wrapper.et_pb_button_alignment_phone_right{text-align:right}.et_pb_button_module_wrapper.et_pb_button_alignment_phone_center{text-align:center}}
.et_pb_button[data-icon]:not([data-icon=""]):after{content:attr(data-icon)}@media (max-width:980px){.et_pb_button[data-icon-tablet]:not([data-icon-tablet=""]):after{content:attr(data-icon-tablet)}}@media (max-width:767px){.et_pb_button[data-icon-phone]:not([data-icon-phone=""]):after{content:attr(data-icon-phone)}}
.et_pb_with_border .et_pb_image_wrap{border:0 solid #333}.et_pb_image{margin-left:auto;margin-right:auto;line-height:0}.et_pb_image .et_pb_module{line-height:1.7em}.et_flex_column>.et_pb_image,.et_flex_group>.et_pb_image,.et_grid_column>.et_pb_image,.et_grid_group>.et_pb_image,.et_grid_module>.et_pb_image{margin-left:unset;margin-right:unset}.et_pb_image.aligncenter{text-align:center}.et_pb_image.et_pb_has_overlay a.et_pb_lightbox_image{display:block;position:relative}.et_pb_image.et_block_module{display:block}.et_pb_image .et_pb_image_wrap{display:inline-block;position:relative;max-width:100%}.et_pb_image .et_pb_image_wrap img[src*=".svg"]{width:auto}.et_pb_image:where(.et_flex_module)>.et_pb_image_wrap{width:-moz-fit-content;width:fit-content;display:flex}.et_pb_image img{position:relative}.et_pb_image_sticky{margin-bottom:0!important;display:inherit}.et_pb_image.et_pb_has_overlay:hover .et_pb_image_wrap .et_overlay{z-index:3;opacity:1}@media (min-width:981px){.et_pb_section_sticky,.et_pb_section_sticky.et_pb_bottom_divider .et_pb_row:nth-last-child(2),.et_pb_section_sticky .et_pb_column_single,.et_pb_section_sticky .et_pb_row.et-last-child,.et_pb_section_sticky .et_pb_row:last-child,.et_pb_section_sticky .et_pb_specialty_column .et_pb_row_inner.et-last-child,.et_pb_section_sticky .et_pb_specialty_column .et_pb_row_inner:last-child{padding-bottom:0!important}}@media (max-width:980px){.et_pb_image_sticky_tablet{margin-bottom:0!important;display:inherit}.et_pb_section_sticky_mobile,.et_pb_section_sticky_mobile.et_pb_bottom_divider .et_pb_row:nth-last-child(2),.et_pb_section_sticky_mobile .et_pb_column_single,.et_pb_section_sticky_mobile .et_pb_row.et-last-child,.et_pb_section_sticky_mobile .et_pb_row:last-child,.et_pb_section_sticky_mobile .et_pb_specialty_column .et_pb_row_inner.et-last-child,.et_pb_section_sticky_mobile .et_pb_specialty_column .et_pb_row_inner:last-child{padding-bottom:0!important}.et_pb_section_sticky .et_pb_row.et-last-child .et_pb_column.et_pb_row_sticky.et-last-child,.et_pb_section_sticky .et_pb_row:last-child .et_pb_column.et_pb_row_sticky:last-child{margin-bottom:0}.et_pb_image_bottom_space_tablet{margin-bottom:30px!important;display:block}.et_always_center_on_mobile{text-align:center!important;margin-left:auto!important;margin-right:auto!important}}@media (max-width:767px){.et_pb_image_sticky_phone{margin-bottom:0!important;display:inherit}.et_pb_image_bottom_space_phone{margin-bottom:30px!important;display:block}}
.et_overlay{z-index:-1;position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:hsla(0,0%,100%,.9);opacity:0;pointer-events:none;transition:all .3s;border:1px solid #e5e5e5;box-sizing:border-box;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.et_overlay:before{color:#2ea3f2;content:"\E050";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;transition:all .4s}.et_portfolio_image,.et_shop_image{position:relative;display:block}.et_pb_has_overlay:not(.et_pb_image):hover .et_overlay,.et_portfolio_image:hover .et_overlay,.et_shop_image:hover .et_overlay{z-index:3;opacity:1}#ie7 .et_overlay,#ie8 .et_overlay{display:none}.et_pb_module.et_pb_has_overlay{position:relative}.et_pb_module.et_pb_has_overlay .et_overlay,article.et_pb_has_overlay{border:none}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}
 .et_pb_module.dsm_animated_gradient_text {
background: linear-gradient(-45deg, #cc2b5e, #753a88, #ec008c, #6dd5ed);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 300%;
color: transparent;
}
@keyframes dsm-animated-gradient-flow {
0% {
background-position: 0 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
.dsm-animated-headlines-words-container .dsm-animated-prefix,
.dsm-animated-headlines-words-container .dsm-animated-suffix {
white-space: pre-wrap;
display: inline-block;
line-height: 1em;
}
.dsm-animated-headlines-words-container .dsm-animated-prefix h1 {
padding-bottom: 0;
}
.dsm-animated-headlines-words-container .dsm-animated-suffix h1 {
padding-bottom: 0;
}
.dsm-animated-headlines-words-container .dsm-animated-words-wrapper {
vertical-align: text-bottom;
display: inline-block;
position: relative;
text-align: left;
font-weight: 700;
line-height: 1em;
font-style: italic;
}
.dsm-animated-headlines-words-container .dsm-animated-words-wrapper b {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
line-height: 1.4em;
font-family: inherit;
}
.dsm-animated-headlines-words-container .dsm-animated-words-wrapper b.is-visible {
position: relative;
}
.dsm-animated-headlines-words-container .dsm-animated-words-wrapper b.is-hidden {
opacity: 0;
}
.no-js .dsm-animated-headlines-words-container .dsm-animated-words-wrapper b {
opacity: 0;
}
.no-js .dsm-animated-headlines-words-container .dsm-animated-words-wrapper b.is-visible {
opacity: 1;
} .dsm-headline.rotate-1 .dsm-animated-words-wrapper {
perspective: 300px;
}
.dsm-headline.rotate-1 b {
opacity: 0;
transform-origin: 50% 100%;
transform: rotateX(180deg);
}
.dsm-headline.rotate-1 b.is-visible {
opacity: 1;
transform: rotateX(0deg);
animation: dsm-rotate-1-in 1.2s;
}
.dsm-headline.rotate-1 b.is-hidden {
transform: rotateX(180deg);
animation: dsm-rotate-1-out 1.2s;
}
@keyframes dsm-rotate-1-in {
0% {
transform: rotateX(180deg);
opacity: 0;
}
35% {
transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
transform: rotateX(360deg);
opacity: 1;
}
}
@keyframes dsm-rotate-1-out {
0% {
transform: rotateX(0deg);
opacity: 1;
}
35% {
transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
transform: rotateX(180deg);
opacity: 0;
}
} .dsm-headline.type .dsm-animated-words-wrapper {
padding-right: 0.1em;
overflow: hidden;
min-height: 1.4em;
}
.dsm-headline.type .dsm-animated-words-wrapper::after { content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 90%;
width: var(--dsm-bar-width, 1px);
background-color: var(--dsm-bar-color);
}
.dsm-headline.type .dsm-animated-words-wrapper.waiting::after {
animation: dsm-pulse 1s infinite;
}
.dsm-headline.type .dsm-animated-words-wrapper.selected {
background-color: var(--dsm-text-highlight);
}
.dsm-headline.type .dsm-animated-words-wrapper.selected::after {
visibility: hidden;
}
.dsm-headline.type .dsm-animated-words-wrapper.selected b {
color: var(--dsm-text-color);
}
.dsm-headline.type b {
opacity: 0;
}
.dsm-headline.type b.is-visible {
opacity: 1;
}
.dsm-headline.type i {
position: relative;
opacity: 0;
display: inline-block;
font-style: inherit;
}
.dsm-headline.type i.in {
opacity: 1;
}
.dsm-headline.type i.out {
opacity: 0;
}
@keyframes dsm-pulse {
0% {
transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
transform: translateY(-50%) scale(0);
opacity: 0;
}
} .dsm-headline.rotate-2 .dsm-animated-words-wrapper {
perspective: 300px;
}
.dsm-headline.rotate-2 i,
.dsm-headline.rotate-2 em {
display: inline-block;
backface-visibility: hidden;
font-style: inherit;
}
.dsm-headline.rotate-2 b {
opacity: 0;
}
.dsm-headline.rotate-2 i {
transform-style: preserve-3d;
transform: translateZ(-20px) rotateX(90deg);
opacity: 0;
}
.is-visible .dsm-headline.rotate-2 i {
opacity: 1;
}
.dsm-headline.rotate-2 i.in {
animation: dsm-rotate-2-in 0.4s forwards;
}
.dsm-headline.rotate-2 i.out {
animation: dsm-rotate-2-out 0.4s forwards;
}
.dsm-headline.rotate-2 em {
transform: translateZ(20px);
}
.no-csstransitions .dsm-headline.rotate-2 i {
transform: rotateX(0deg);
opacity: 0;
}
.no-csstransitions .dsm-headline.rotate-2 i em {
transform: scale(1);
}
.no-csstransitions .dsm-headline.rotate-2 .is-visible i {
opacity: 1;
}
@keyframes dsm-rotate-2-in {
0% {
opacity: 0;
transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
transform: translateZ(-20px) rotateX(0deg);
}
}
@keyframes dsm-rotate-2-out {
0% {
opacity: 1;
transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
transform: translateZ(-20px) rotateX(-90deg);
}
} .dsm-headline.loading-bar span {
display: inline-block;
}
.dsm-headline.loading-bar .dsm-animated-words-wrapper {
padding-right: 0.1em;
overflow: hidden;
}
.dsm-headline.loading-bar .dsm-animated-words-wrapper::after { content: "";
position: absolute;
left: 0;
bottom: 0;
height: var(--dsm-bar-height);
width: 0;
background: var(--dsm-bar-color);
z-index: 2;
transition: width 0.3s -0.1s;
}
.dsm-headline.loading-bar .dsm-animated-words-wrapper.is-loading::after {
width: 100%;
transition: width 3s;
}
.dsm-headline.loading-bar b {
top: 0.2em;
opacity: 0;
transition: opacity 0.3s;
}
.dsm-headline.loading-bar b.is-visible {
opacity: 1;
top: 0;
} .dsm-headline.slide span {
display: inline-block;
}
.dsm-headline.slide .dsm-animated-words-wrapper {
overflow: hidden;
}
.dsm-headline.slide b {
opacity: 0;
top: 0.2em;
}
.dsm-headline.slide b.is-visible {
top: 0;
opacity: 1;
animation: dsm-slide-in 0.6s;
}
.dsm-headline.slide b.is-hidden {
animation: dsm-slide-out 0.6s;
}
@keyframes dsm-slide-in {
0% {
opacity: 0;
transform: translateY(-100%);
}
60% {
opacity: 1;
transform: translateY(20%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes dsm-slide-out {
0% {
opacity: 1;
transform: translateY(0);
}
60% {
opacity: 0;
transform: translateY(120%);
}
100% {
opacity: 0;
transform: translateY(100%);
}
} .dsm-headline.clip span {
display: inline-block;
}
.dsm-headline.clip .dsm-animated-words-wrapper {
overflow: hidden;
}
.dsm-headline.clip .dsm-animated-words-wrapper::after { content: "";
position: absolute;
top: 0;
right: 0;
width: var(--dsm-bar-width);
height: 100%;
background-color: var(--dsm-bar-color);
}
.dsm-headline.clip b {
opacity: 0;
}
.dsm-headline.clip b.is-visible {
opacity: 1;
} .dsm-headline.zoom .dsm-animated-words-wrapper {
perspective: 300px;
}
.dsm-headline.zoom b {
opacity: 0;
}
.dsm-headline.zoom b.is-visible {
opacity: 1;
animation: dsm-zoom-in 0.8s;
}
.dsm-headline.zoom b.is-hidden {
animation: dsm-zoom-out 0.8s;
}
@keyframes dsm-zoom-in {
0% {
opacity: 0;
transform: translateZ(100px);
}
100% {
opacity: 1;
transform: translateZ(0);
}
}
@keyframes dsm-zoom-out {
0% {
opacity: 1;
transform: translateZ(0);
}
100% {
opacity: 0;
transform: translateZ(-100px);
}
} .dsm-headline.rotate-3 .dsm-animated-words-wrapper {
perspective: 300px;
}
.dsm-headline.rotate-3 b {
opacity: 0;
}
.dsm-headline.rotate-3 i {
display: inline-block;
transform: rotateY(180deg);
backface-visibility: hidden;
}
.is-visible .dsm-headline.rotate-3 i {
transform: rotateY(0deg);
}
.dsm-headline.rotate-3 i.in {
animation: dsm-rotate-3-in 0.6s forwards;
}
.dsm-headline.rotate-3 i.out {
animation: dsm-rotate-3-out 0.6s forwards;
}
.no-csstransitions .dsm-headline.rotate-3 i {
transform: rotateY(0deg);
opacity: 0;
}
.no-csstransitions .dsm-headline.rotate-3 .is-visible i {
opacity: 1;
}
@keyframes dsm-rotate-3-in {
0% {
transform: rotateY(180deg);
}
100% {
transform: rotateY(0deg);
}
}
@keyframes dsm-rotate-3-out {
0% {
transform: rotateY(0);
}
100% {
transform: rotateY(-180deg);
}
} .dsm-headline.scale b {
opacity: 0;
}
.dsm-headline.scale i {
display: inline-block;
opacity: 0;
transform: scale(0);
}
.is-visible .dsm-headline.scale i {
opacity: 1;
}
.dsm-headline.scale i.in {
animation: dsm-scale-up 0.6s forwards;
}
.dsm-headline.scale i.out {
animation: dsm-scale-down 0.6s forwards;
}
.no-csstransitions .dsm-headline.scale i {
transform: scale(1);
opacity: 0;
}
.no-csstransitions .dsm-headline.scale .is-visible i {
opacity: 1;
}
@keyframes dsm-scale-up {
0% {
transform: scale(0);
opacity: 0;
}
60% {
transform: scale(1.2);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes dsm-scale-down {
0% {
transform: scale(1);
opacity: 1;
}
60% {
transform: scale(0);
opacity: 0;
}
} .dsm-headline.push b {
opacity: 0;
}
.dsm-headline.push b.is-visible {
opacity: 1;
animation: dsm-push-in 0.6s;
}
.dsm-headline.push b.is-hidden {
animation: dsm-push-out 0.6s;
}
@keyframes dsm-push-in {
0% {
opacity: 0;
transform: translateX(-100%);
}
60% {
opacity: 1;
transform: translateX(10%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes dsm-push-out {
0% {
opacity: 1;
transform: translateX(0);
}
60% {
opacity: 0;
transform: translateX(110%);
}
100% {
opacity: 0;
transform: translateX(100%);
}
} .dsm_before_after_image {
overflow: hidden;
}
.dsm-before-after-image-slider-container {
box-sizing: border-box;
position: relative;
overflow: hidden;
z-index: 0;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
} .dsm_before_after_image_wrapper:not(.icv) img,
.dsm-before-after-image-slider-container:not(.icv) img {
max-width: 100%;
width: 100%;
display: block;
} .dsm_before_after_image .dsm_before_after_image_wrapper.icv.icv__is--fluid {
width: 100%;
aspect-ratio: 16/9;
min-height: 12.5rem;
}
.dsm_before_after_image .dsm_before_after_image_wrapper.icv.icv__is--fluid.icv__icv--vertical {
aspect-ratio: 9/16;
max-height: min(85vh, 50rem);
} .dsm_before_after_image .dsm_before_after_image_wrapper.icv::before {
content: "";
position: absolute;
inset: 0;
z-index: 4;
pointer-events: none;
background-color: transparent;
transition: background-color 0.25s ease;
} .dsm_before_after_image .dsm_before_after_image_wrapper.icv.icv__icv--horizontal.dsm-icv-label-align-start .icv__label {
top: 1rem;
bottom: auto;
transform: none;
}
.dsm_before_after_image .dsm_before_after_image_wrapper.icv.icv__icv--horizontal.dsm-icv-label-align-start .icv__label.on-hover {
transform: scale(0);
}
.dsm_before_after_image .dsm_before_after_image_wrapper.icv.icv__icv--horizontal.dsm-icv-label-align-start:hover .icv__label.on-hover {
transform: scale(1);
}
.dsm_before_after_image .dsm_before_after_image_wrapper.icv.icv__icv--horizontal.dsm-icv-label-align-center .icv__label {
top: 50%;
bottom: auto;
transform: translateY(-50%);
}
.dsm_before_after_image .dsm_before_after_image_wrapper.icv.icv__icv--horizontal.dsm-icv-label-align-center .icv__label.on-hover {
transform: translateY(-50%) scale(0);
}
.dsm_before_after_image .dsm_before_after_image_wrapper.icv.icv__icv--horizontal.dsm-icv-label-align-center:hover .icv__label.on-hover {
transform: translateY(-50%) scale(1);
}
.dsm_before_after_image .dsm_before_after_image_wrapper.icv.icv__icv--horizontal.dsm-icv-label-align-end .icv__label {
top: auto;
bottom: 1rem;
transform: none;
}
.dsm_before_after_image .dsm_before_after_image_wrapper.icv.icv__icv--horizontal.dsm-icv-label-align-end .icv__label.on-hover {
transform: scale(0);
}
.dsm_before_after_image .dsm_before_after_image_wrapper.icv.icv__icv--horizontal.dsm-icv-label-align-end:hover .icv__label.on-hover {
transform: scale(1);
} .dsm_before_after_image .dsm_before_after_image_wrapper.icv.icv__icv--vertical.dsm-icv-label-align-start .icv__label {
left: 1rem;
right: auto;
transform: none;
}
.dsm_before_after_image .dsm_before_after_image_wrapper.icv.icv__icv--vertical.dsm-icv-label-align-start .icv__label.on-hover {
transform: scale(0);
}
.dsm_before_after_image .dsm_before_after_image_wrapper.icv.icv__icv--vertical.dsm-icv-label-align-start:hover .icv__label.on-hover {
transform: scale(1);
}
.dsm_before_after_image .dsm_before_after_image_wrapper.icv.icv__icv--vertical.dsm-icv-label-align-center .icv__label {
left: 50%;
right: auto;
transform: translateX(-50%);
}
.dsm_before_after_image .dsm_before_after_image_wrapper.icv.icv__icv--vertical.dsm-icv-label-align-center .icv__label.on-hover {
transform: translateX(-50%) scale(0);
}
.dsm_before_after_image .dsm_before_after_image_wrapper.icv.icv__icv--vertical.dsm-icv-label-align-center:hover .icv__label.on-hover {
transform: translateX(-50%) scale(1);
}
.dsm_before_after_image .dsm_before_after_image_wrapper.icv.icv__icv--vertical.dsm-icv-label-align-end .icv__label {
left: auto;
right: 1rem;
transform: none;
}
.dsm_before_after_image .dsm_before_after_image_wrapper.icv.icv__icv--vertical.dsm-icv-label-align-end .icv__label.on-hover {
transform: scale(0);
}
.dsm_before_after_image .dsm_before_after_image_wrapper.icv.icv__icv--vertical.dsm-icv-label-align-end:hover .icv__label.on-hover {
transform: scale(1);
}
.dsm_blob_image_img {
width: 100%;
height: 100%;
}
.dsm_blob_image_wrap {
line-height: 0;
position: relative;
overflow: hidden;
border-style: solid;
display: block;
} .dsm_blob_image_wrap.dsm_blob_image_overlay,
.dsm_blob_image_wrap.dsm_blob_image_gradient_overlay {
isolation: isolate;
}
.dsm_blob_image_wrap.dsm_blob_image_overlay::before,
.dsm_blob_image_wrap.dsm_blob_image_gradient_overlay::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
mix-blend-mode: overlay;
background: inherit;
}
.dsm_blob_image_overlay .dsm_blob_image_img,
.dsm_blob_image_gradient_overlay .dsm_blob_image_img {
-o-object-fit: cover;
object-fit: cover;
position: relative;
z-index: 0;
}
.dsm_blob_overlay_wrapper {
position: relative;
z-index: 2;
transform: translate(0%, -100%);
height: inherit;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.dsm_blob_overlay_text {
width: 100%;
}
.dsm_blob_title,
.dsm_blob_description {
text-align: center;
padding-bottom: 20px;
}
.dsm_blob_title {
line-height: 1em;
color: #fff;
}
.dsm_blob_description {
line-height: 1.7em;
color: #fff;
}
.dsm_blob_image_content_hover .dsm_blob_overlay_text {
opacity: 0;
transition-duration: 200ms;
transition-property: all;
}
.dsm_blob_image_content_hover:hover .dsm_blob_overlay_text {
opacity: 1;
}
.dsm_blob_image_button_wrapper {
text-align: center;
}
.dsm_blob_image_one {
border-radius: 71% 29% 41% 59%/59% 43% 57% 41%;
}
.dsm_blob_image_two {
border-radius: 72% 28% 70% 30%/36% 50% 50% 64%;
}
.dsm_blob_image_three {
border-radius: 40% 60% 27% 73%/60% 75% 25% 40%;
}
.dsm_blob_image_four {
border-radius: 40% 60% 72% 28%/65% 29% 71% 35%;
}
.dsm_blob_image_five {
border-radius: 45% 55% 37% 63%/63% 73% 27% 37%;
}
.dsm_blob_image_six {
border-radius: 47% 53% 47% 53%/38% 75% 25% 62%;
}
.dsm_blob_image_seven {
border-radius: 50% 50% 42% 58%/38% 68% 32% 62%;
}
.dsm_blob_image_eight {
border-radius: 31% 69% 57% 43%/27% 48% 52% 73%;
}
.dsm_blob_image_nine {
border-radius: 46% 54% 17% 83%/30% 24% 76% 70%;
}
.dsm_blob_image_ten {
border-radius: 72% 28% 83% 17%/46% 28% 72% 54%;
}
.dsm_blob_image_eleven {
border-radius: 66% 34% 83% 17%/22% 65% 35% 78%;
}
.dsm_blob_image_twelve {
border-radius: 18% 82% 51% 49%/61% 68% 32% 39%;
}
.dsm_blob_image_thirdteen {
border-radius: 59% 41% 41% 59%/29% 48% 52% 71%;
}
.dsm_blob_image_fourteen {
border-radius: 62% 38% 38% 62%/46% 58% 58% 46%;
}
.dsm_blob_image_fifteen {
border-radius: 44% 56% 52% 48%/72% 22% 26% 74%;
}
.dsm_blob_image_sixteen {
border-radius: 32% 68% 71% 29%/82% 76% 24% 18%;
}
.dsm_blob_image_seventeen {
border-radius: 24% 76% 74% 26%/26% 24% 76% 74%;
}
.dsm_blob_image_eighteen {
border-radius: 8% 92% 55% 45%/16% 22% 84% 78%;
}
.dsm_blob_image .dsm_blob_image_overlay {
background-color: #7ebec5;
}
.dsm_blob_image .dsm_blob_image_gradient_overlay {
background: linear-gradient(45deg, #7ebec5 0%, 50%, #7ebec5 100%);
}
.dsm_blob_image .dsm_blob_image_img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.dsm_blob_image .dsm_blob_image_wrap {
height: 380px;
}
.dsm_block_reveal_fe_preinit {
opacity: 0;
}
.dsm_block_text_reveal,
.dsm_block_text_reveal_front,
.dsm_block_image_reveal,
.dsm_block_image_reveal_front {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
}
.dsm_block_text_reveal_front,
.dsm_block_image_reveal_front {
opacity: 0;
}
.dsm_block_text_reveal_content,
.dsm_block_image_reveal_content {
opacity: 0;
}
.dsm_block_text_reveal_lr .dsm_block_text_reveal,
.dsm_block_image_reveal_lr .dsm_block_image_reveal {
transform: translateX(-100%);
animation: dsmBlockRevealLR 0.25s 0s, dsmBlockRevealOutLR 0.5s 0.5s;
animation-fill-mode: forwards;
}
.dsm_block_text_reveal_rl .dsm_block_text_reveal,
.dsm_block_image_reveal_rl .dsm_block_image_reveal {
transform: translateX(100%);
animation: dsmBlockRevealRL 0.25s 0s, dsmBlockRevealOutRL 0.5s 0.5s;
animation-fill-mode: forwards;
}
.dsm_block_text_reveal_tb .dsm_block_text_reveal,
.dsm_block_image_reveal_tb .dsm_block_image_reveal {
transform: translateY(-100%);
animation: dsmBlockRevealTB 0.25s 0s, dsmBlockRevealOutTB 0.5s 0.5s;
animation-fill-mode: forwards;
}
.dsm_block_text_reveal_bt .dsm_block_text_reveal,
.dsm_block_image_reveal_bt .dsm_block_image_reveal {
transform: translateY(100%);
animation: dsmBlockRevealBT 0.25s 0s, dsmBlockRevealOutBT 0.5s 0.5s;
animation-fill-mode: forwards;
}
@keyframes dsmBlockRevealLR {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
@keyframes dsmBlockRevealOutLR {
0% {
transform: translateX(0);
}
100% {
transform: translateX(101%);
}
}
@keyframes dsmBlockRevealRL {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
@keyframes dsmBlockRevealOutRL {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-101%);
}
}
@keyframes dsmBlockRevealTB {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
@keyframes dsmBlockRevealOutTB {
0% {
transform: translateY(0);
}
100% {
transform: translateY(101%);
}
}
@keyframes dsmBlockRevealBT {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0);
}
}
@keyframes dsmBlockRevealOutBT {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-101%);
}
}
@keyframes dsmFadeInImg {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.dsm_block_reveal_image {
display: block;
line-height: 0;
height: -moz-fit-content;
height: fit-content;
min-height: 0;
}
.dsm_block_reveal_image .et_pb_image_wrap {
display: inline-block;
position: relative;
max-width: 100%;
overflow: hidden;
isolation: isolate;
}
.dsm_block_reveal_image .et_pb_image_wrap img {
position: relative;
z-index: 0;
}
.dsm_block_reveal_image .et_pb_image_wrap .dsm_block_image_reveal {
z-index: 2;
}
.dsm_block_reveal_image .et_overlay {
border-width: 0;
}
.dsm_block_reveal_image_icon_empty.et_overlay::before {
display: none;
}
.dsm_block_reveal_image .dsm_block_reveal_image_overlay_off .et_overlay {
opacity: 1;
z-index: 3;
}
.dsm_block_reveal_image:hover .dsm_block_reveal_image_overlay_off .et_overlay {
opacity: 0;
}
.dsm_block_reveal_image .et_pb_image_wrap img,
.dsm_block_image_reveal_lr img,
.dsm_block_image_reveal_rl img,
.dsm_block_image_reveal_tb img,
.dsm_block_image_reveal_bt img {
opacity: 0;
animation: dsmFadeInImg 0.25s linear forwards;
animation-delay: var(--dsm-br-content-show-delay, 0.5s);
}
.dsm-lightbox-custom {
max-width: 100% !important;
}
.dsm-lightbox-custom.mfp-iframe-holder .mfp-close,
.dsm-lightbox-custom.mfp-image-holder .mfp-close {
color: rgba(255, 255, 255, 0.2);
opacity: 1;
transition: all 0.4s ease-in-out;
}
.dsm_block_reveal_image.dsm_br_img_force_fullwidth,
.dsm_block_reveal_image.dsm_br_img_force_fullwidth .et_pb_image_wrap,
.dsm_block_reveal_image.dsm_br_img_force_fullwidth img {
width: 100%;
max-width: 100% !important;
}
.dsm_block_reveal_fe_preinit {
opacity: 0;
}
.dsm_block_text_reveal,
.dsm_block_text_reveal_front,
.dsm_block_image_reveal,
.dsm_block_image_reveal_front {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
}
.dsm_block_text_reveal_front,
.dsm_block_image_reveal_front {
opacity: 0;
}
.dsm_block_text_reveal_content,
.dsm_block_image_reveal_content {
opacity: 0;
}
.dsm_block_text_reveal_lr .dsm_block_text_reveal,
.dsm_block_image_reveal_lr .dsm_block_image_reveal {
transform: translateX(-100%);
animation: dsmBlockRevealLR 0.25s 0s, dsmBlockRevealOutLR 0.5s 0.5s;
animation-fill-mode: forwards;
}
.dsm_block_text_reveal_rl .dsm_block_text_reveal,
.dsm_block_image_reveal_rl .dsm_block_image_reveal {
transform: translateX(100%);
animation: dsmBlockRevealRL 0.25s 0s, dsmBlockRevealOutRL 0.5s 0.5s;
animation-fill-mode: forwards;
}
.dsm_block_text_reveal_tb .dsm_block_text_reveal,
.dsm_block_image_reveal_tb .dsm_block_image_reveal {
transform: translateY(-100%);
animation: dsmBlockRevealTB 0.25s 0s, dsmBlockRevealOutTB 0.5s 0.5s;
animation-fill-mode: forwards;
}
.dsm_block_text_reveal_bt .dsm_block_text_reveal,
.dsm_block_image_reveal_bt .dsm_block_image_reveal {
transform: translateY(100%);
animation: dsmBlockRevealBT 0.25s 0s, dsmBlockRevealOutBT 0.5s 0.5s;
animation-fill-mode: forwards;
}
@keyframes dsmBlockRevealLR {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
@keyframes dsmBlockRevealOutLR {
0% {
transform: translateX(0);
}
100% {
transform: translateX(101%);
}
}
@keyframes dsmBlockRevealRL {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
@keyframes dsmBlockRevealOutRL {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-101%);
}
}
@keyframes dsmBlockRevealTB {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
@keyframes dsmBlockRevealOutTB {
0% {
transform: translateY(0);
}
100% {
transform: translateY(101%);
}
}
@keyframes dsmBlockRevealBT {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0);
}
}
@keyframes dsmBlockRevealOutBT {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-101%);
}
}
@keyframes dsmFadeInImg {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.dsm_block_reveal_text_header {
padding-bottom: 0;
}
.dsm_block_reveal_text_wrapper {
position: relative;
overflow: hidden;
display: inline-flex;
isolation: isolate;
}
.dsm_block_reveal_text_wrapper .dsm_block_reveal_text_header {
position: relative;
z-index: 0;
}
.dsm_block_reveal_text_wrapper .dsm_block_text_reveal {
z-index: 2;
}
.et_pb_module.d5_breadcrumbs_module {
box-sizing: border-box;
max-width: 100%;
width: 100%;
}
.et_flex_column .et_pb_module.d5_breadcrumbs_module,
.et_pb_column .et_pb_module.d5_breadcrumbs_module {
align-self: stretch;
}
.dsm_breadcrumbs_wrap {
display: block;
max-width: 100%;
width: 100%;
}
.dsm_breadcrumbs a {
color: inherit;
cursor: pointer;
display: inline-block;
}
.dsm_breadcrumbs li.dsm_breadcrumbs_item a .dsm_home_text {
color: inherit;
}
.dsm_breadcrumbs {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
list-style: none;
margin: 0;
max-width: 100%;
padding: 0 !important;
width: 100%;
}
.dsm_breadcrumbs .dsm_home_text_wrapper {
align-items: center;
display: flex;
}
.dsm_breadcrumbs .dsm_separator_icon {
color: inherit;
line-height: 1;
margin-left: 0;
margin-right: 0;
}
.dsm_breadcrumbs > li, .dsm_breadcrumbs > span {
align-items: flex-start;
display: flex;
margin-left: 10px;
}
.dsm_breadcrumbs > li:first-child {
margin-left: 0;
}
.dsm_home_icon {
line-height: 1em;
margin-right: 5px;
}
.dsm_breadcrumbs > li.dsm_breadcrumbs_separator {
align-items: center;
align-self: center;
display: flex;
justify-content: center;
width: auto;
}
.dsm_breadcrumbs > li.dsm_breadcrumbs_separator .dsm_separator_icon {
align-items: center;
display: inline-flex;
justify-content: center;
}
.dsm_breadcrumbs > li.dsm_home_item,
.dsm_breadcrumbs > li.dsm_parent_item {
align-items: stretch;
align-self: center;
cursor: pointer;
}
.dsm_breadcrumbs > li.dsm_home_item > a,
.dsm_breadcrumbs > li.dsm_parent_item > a {
align-items: center;
align-self: stretch;
box-sizing: border-box;
cursor: pointer;
display: flex;
min-height: 100%;
width: 100%;
}
.dsm_breadcrumbs > li.dsm_breadcrumbs_item_current {
align-items: center;
align-self: center;
}
.dsm_breadcrumbs .dsm_home_icon {
color: inherit;
font-size: 18px;
font-weight: 700;
}
.dsm_breadcrumbs span.dsm_separator_icon {
font-size: 18px;
font-weight: 700;
}
.dsm_breadcrumbs .dsm_breadcrumbs_separator,
.dsm_breadcrumbs .dsm_breadcrumbs_item.dsm_breadcrumbs_item_current,
.dsm_breadcrumbs .dsm_breadcrumbs_item:not(.dsm_breadcrumbs_item_current) {
margin-bottom: 10px;
}
.dsm-home-icon-empty .dsm_home_icon::before {
color: inherit !important;
content: "\e009";
font-family: "ETmodules" !important;
font-weight: 400;
}
.dsm-seprator-icon-empty .dsm_separator_icon::before {
color: inherit !important;
content: "5";
font-family: "ETmodules" !important;
font-weight: 400;
} .dsm-grow {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-grow:active,
.dsm-grow:focus,
.dsm-grow:hover {
transform: scale(1.1);
}
.dsm-shrink {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-shrink:active,
.dsm-shrink:focus,
.dsm-shrink:hover {
transform: scale(0.9);
}
@keyframes dsm-pulse {
25% {
transform: scale(1.1);
}
75% {
transform: scale(0.9);
}
}
.dsm-pulse {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-pulse:active,
.dsm-pulse:focus,
.dsm-pulse:hover {
animation-name: dsm-pulse;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes dsm-pulse-grow {
to {
transform: scale(1.1);
}
}
.dsm-pulse-grow {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-pulse-grow:active,
.dsm-pulse-grow:focus,
.dsm-pulse-grow:hover {
animation-name: dsm-pulse-grow;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes dsm-pulse-shrink {
to {
transform: scale(0.9);
}
}
.dsm-pulse-shrink {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-pulse-shrink:active,
.dsm-pulse-shrink:focus,
.dsm-pulse-shrink:hover {
animation-name: dsm-pulse-shrink;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes dsm-push {
50% {
transform: scale(0.8);
}
to {
transform: scale(1);
}
}
.dsm-push {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-push:active,
.dsm-push:focus,
.dsm-push:hover {
animation-name: dsm-push;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
@keyframes dsm-pop {
50% {
transform: scale(1.2);
}
}
.dsm-pop {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-pop:active,
.dsm-pop:focus,
.dsm-pop:hover {
animation-name: dsm-pop;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
.dsm-bounce-in {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.5s;
}
.dsm-bounce-in:active,
.dsm-bounce-in:focus,
.dsm-bounce-in:hover {
transform: scale(1.2);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.dsm-bounce-out {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.5s;
}
.dsm-bounce-out:active,
.dsm-bounce-out:focus,
.dsm-bounce-out:hover {
transform: scale(0.8);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.dsm-rotate {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-rotate:active,
.dsm-rotate:focus,
.dsm-rotate:hover {
transform: rotate(4deg);
}
.dsm-grow-rotate {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-grow-rotate:active,
.dsm-grow-rotate:focus,
.dsm-grow-rotate:hover {
transform: scale(1.1) rotate(4deg);
}
.dsm-float {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-float:active,
.dsm-float:focus,
.dsm-float:hover {
transform: translateY(-8px);
}
.dsm-sink {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-sink:active,
.dsm-sink:focus,
.dsm-sink:hover {
transform: translateY(8px);
}
@keyframes dsm-bob {
0% {
transform: translateY(-8px);
}
50% {
transform: translateY(-4px);
}
to {
transform: translateY(-8px);
}
}
@keyframes dsm-bob-float {
to {
transform: translateY(-8px);
}
}
.dsm-bob {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-bob:active,
.dsm-bob:focus,
.dsm-bob:hover {
animation-name: dsm-bob-float, dsm-bob;
animation-duration: 0.3s, 1.5s;
animation-delay: 0s, 0.3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards;
animation-direction: normal, alternate;
}
@keyframes dsm-hang {
0% {
transform: translateY(8px);
}
50% {
transform: translateY(4px);
}
to {
transform: translateY(8px);
}
}
@keyframes dsm-hang-sink {
to {
transform: translateY(8px);
}
}
.dsm-hang {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-hang:active,
.dsm-hang:focus,
.dsm-hang:hover {
animation-name: dsm-hang-sink, dsm-hang;
animation-duration: 0.3s, 1.5s;
animation-delay: 0s, 0.3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards;
animation-direction: normal, alternate;
}
.dsm-skew {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-skew:active,
.dsm-skew:focus,
.dsm-skew:hover {
transform: skew(-10deg);
}
.dsm-skew-forward {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
transform-origin: 0 100%;
}
.dsm-skew-forward:active,
.dsm-skew-forward:focus,
.dsm-skew-forward:hover {
transform: skew(-10deg);
}
.dsm-skew-backward {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
transform-origin: 0 100%;
}
.dsm-skew-backward:active,
.dsm-skew-backward:focus,
.dsm-skew-backward:hover {
transform: skew(10deg);
}
@keyframes dsm-wobble-vertical {
16.65% {
transform: translateY(8px);
}
33.3% {
transform: translateY(-6px);
}
49.95% {
transform: translateY(4px);
}
66.6% {
transform: translateY(-2px);
}
83.25% {
transform: translateY(1px);
}
to {
transform: translateY(0);
}
}
.dsm-wobble-vertical {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-wobble-vertical:active,
.dsm-wobble-vertical:focus,
.dsm-wobble-vertical:hover {
animation-name: dsm-wobble-vertical;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-wobble-horizontal {
16.65% {
transform: translateX(8px);
}
33.3% {
transform: translateX(-6px);
}
49.95% {
transform: translateX(4px);
}
66.6% {
transform: translateX(-2px);
}
83.25% {
transform: translateX(1px);
}
to {
transform: translateX(0);
}
}
.dsm-wobble-horizontal {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-wobble-horizontal:active,
.dsm-wobble-horizontal:focus,
.dsm-wobble-horizontal:hover {
animation-name: dsm-wobble-horizontal;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-wobble-to-bottom-right {
16.65% {
transform: translate(8px, 8px);
}
33.3% {
transform: translate(-6px, -6px);
}
49.95% {
transform: translate(4px, 4px);
}
66.6% {
transform: translate(-2px, -2px);
}
83.25% {
transform: translate(1px, 1px);
}
to {
transform: translate(0);
}
}
.dsm-wobble-to-bottom-right {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-wobble-to-bottom-right:active,
.dsm-wobble-to-bottom-right:focus,
.dsm-wobble-to-bottom-right:hover {
animation-name: dsm-wobble-to-bottom-right;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-wobble-to-top-right {
16.65% {
transform: translate(8px, -8px);
}
33.3% {
transform: translate(-6px, 6px);
}
49.95% {
transform: translate(4px, -4px);
}
66.6% {
transform: translate(-2px, 2px);
}
83.25% {
transform: translate(1px, -1px);
}
to {
transform: translate(0);
}
}
.dsm-wobble-to-top-right {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-wobble-to-top-right:active,
.dsm-wobble-to-top-right:focus,
.dsm-wobble-to-top-right:hover {
animation-name: dsm-wobble-to-top-right;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-wobble-top {
16.65% {
transform: skew(-12deg);
}
33.3% {
transform: skew(10deg);
}
49.95% {
transform: skew(-6deg);
}
66.6% {
transform: skew(4deg);
}
83.25% {
transform: skew(-2deg);
}
to {
transform: skew(0);
}
}
.dsm-wobble-top {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transform-origin: 0 100%;
}
.dsm-wobble-top:active,
.dsm-wobble-top:focus,
.dsm-wobble-top:hover {
animation-name: dsm-wobble-top;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-wobble-bottom {
16.65% {
transform: skew(-12deg);
}
33.3% {
transform: skew(10deg);
}
49.95% {
transform: skew(-6deg);
}
66.6% {
transform: skew(4deg);
}
83.25% {
transform: skew(-2deg);
}
to {
transform: skew(0);
}
}
.dsm-wobble-bottom {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transform-origin: 100% 0;
}
.dsm-wobble-bottom:active,
.dsm-wobble-bottom:focus,
.dsm-wobble-bottom:hover {
animation-name: dsm-wobble-bottom;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-wobble-skew {
16.65% {
transform: skew(-12deg);
}
33.3% {
transform: skew(10deg);
}
49.95% {
transform: skew(-6deg);
}
66.6% {
transform: skew(4deg);
}
83.25% {
transform: skew(-2deg);
}
to {
transform: skew(0);
}
}
.dsm-wobble-skew {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-wobble-skew:active,
.dsm-wobble-skew:focus,
.dsm-wobble-skew:hover {
animation-name: dsm-wobble-skew;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-buzz {
50% {
transform: translateX(3px) rotate(2deg);
}
to {
transform: translateX(-3px) rotate(-2deg);
}
}
.dsm-buzz {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-buzz:active,
.dsm-buzz:focus,
.dsm-buzz:hover {
animation-name: dsm-buzz;
animation-duration: 0.15s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes dsm-buzz-out {
10% {
transform: translateX(3px) rotate(2deg);
}
20% {
transform: translateX(-3px) rotate(-2deg);
}
30% {
transform: translateX(3px) rotate(2deg);
}
40% {
transform: translateX(-3px) rotate(-2deg);
}
50% {
transform: translateX(2px) rotate(1deg);
}
60% {
transform: translateX(-2px) rotate(-1deg);
}
70% {
transform: translateX(2px) rotate(1deg);
}
80% {
transform: translateX(-2px) rotate(-1deg);
}
90% {
transform: translateX(1px) rotate(0);
}
to {
transform: translateX(-1px) rotate(0);
}
}
.dsm-buzz-out {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-buzz-out:active,
.dsm-buzz-out:focus,
.dsm-buzz-out:hover {
animation-name: dsm-buzz-out;
animation-duration: 0.75s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
.dsm-forward {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-forward:active,
.dsm-forward:focus,
.dsm-forward:hover {
transform: translateX(8px);
}
.dsm-backward {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-backward:active,
.dsm-backward:focus,
.dsm-backward:hover {
transform: translateX(-8px);
}
.dsm-fade {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
overflow: hidden;
transition-duration: 0.3s;
transition-property: color, background-color;
}
.dsm-fade:active,
.dsm-fade:focus,
.dsm-fade:hover {
background-color: #2098d1;
color: #fff;
}
@keyframes dsm-back-pulse {
50% {
background-color: rgba(32, 152, 209, 0.75);
}
}
.dsm-back-pulse {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
overflow: hidden;
transition-duration: 0.5s;
transition-property: color, background-color;
}
.dsm-back-pulse:active,
.dsm-back-pulse:focus,
.dsm-back-pulse:hover {
animation-name: dsm-back-pulse;
animation-duration: 1s;
animation-delay: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
background-color: #2098d1;
color: #fff;
}
.dsm-sweep-to-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-sweep-to-right,
.dsm-sweep-to-right:before {
transition-duration: 0.3s;
}
.dsm-sweep-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleX(0);
transform-origin: 0 50%;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-sweep-to-right:active,
.dsm-sweep-to-right:focus,
.dsm-sweep-to-right:hover {
color: #fff;
}
.dsm-sweep-to-right:active:before,
.dsm-sweep-to-right:focus:before,
.dsm-sweep-to-right:hover:before {
transform: scaleX(1);
}
.dsm-sweep-to-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-sweep-to-left,
.dsm-sweep-to-left:before {
transition-duration: 0.3s;
}
.dsm-sweep-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleX(0);
transform-origin: 100% 50%;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-sweep-to-left:active,
.dsm-sweep-to-left:focus,
.dsm-sweep-to-left:hover {
color: #fff;
}
.dsm-sweep-to-left:active:before,
.dsm-sweep-to-left:focus:before,
.dsm-sweep-to-left:hover:before {
transform: scaleX(1);
}
.dsm-sweep-to-bottom {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-sweep-to-bottom,
.dsm-sweep-to-bottom:before {
transition-duration: 0.3s;
}
.dsm-sweep-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleY(0);
transform-origin: 50% 0;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-sweep-to-bottom:active,
.dsm-sweep-to-bottom:focus,
.dsm-sweep-to-bottom:hover {
color: #fff;
}
.dsm-sweep-to-bottom:active:before,
.dsm-sweep-to-bottom:focus:before,
.dsm-sweep-to-bottom:hover:before {
transform: scaleY(1);
}
.dsm-sweep-to-top {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-sweep-to-top,
.dsm-sweep-to-top:before {
transition-duration: 0.3s;
}
.dsm-sweep-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleY(0);
transform-origin: 50% 100%;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-sweep-to-top:active,
.dsm-sweep-to-top:focus,
.dsm-sweep-to-top:hover {
color: #fff;
}
.dsm-sweep-to-top:active:before,
.dsm-sweep-to-top:focus:before,
.dsm-sweep-to-top:hover:before {
transform: scaleY(1);
}
.dsm-bounce-to-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-bounce-to-right,
.dsm-bounce-to-right:before {
transition-duration: 0.5s;
}
.dsm-bounce-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleX(0);
transform-origin: 0 50%;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-bounce-to-right:active,
.dsm-bounce-to-right:focus,
.dsm-bounce-to-right:hover {
color: #fff;
}
.dsm-bounce-to-right:active:before,
.dsm-bounce-to-right:focus:before,
.dsm-bounce-to-right:hover:before {
transform: scaleX(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.dsm-bounce-to-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-bounce-to-left,
.dsm-bounce-to-left:before {
transition-duration: 0.5s;
}
.dsm-bounce-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleX(0);
transform-origin: 100% 50%;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-bounce-to-left:active,
.dsm-bounce-to-left:focus,
.dsm-bounce-to-left:hover {
color: #fff;
}
.dsm-bounce-to-left:active:before,
.dsm-bounce-to-left:focus:before,
.dsm-bounce-to-left:hover:before {
transform: scaleX(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.dsm-bounce-to-bottom {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-bounce-to-bottom,
.dsm-bounce-to-bottom:before {
transition-duration: 0.5s;
}
.dsm-bounce-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleY(0);
transform-origin: 50% 0;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-bounce-to-bottom:active,
.dsm-bounce-to-bottom:focus,
.dsm-bounce-to-bottom:hover {
color: #fff;
}
.dsm-bounce-to-bottom:active:before,
.dsm-bounce-to-bottom:focus:before,
.dsm-bounce-to-bottom:hover:before {
transform: scaleY(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.dsm-bounce-to-top {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-bounce-to-top,
.dsm-bounce-to-top:before {
transition-duration: 0.5s;
}
.dsm-bounce-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleY(0);
transform-origin: 50% 100%;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-bounce-to-top:active,
.dsm-bounce-to-top:focus,
.dsm-bounce-to-top:hover {
color: #fff;
}
.dsm-bounce-to-top:active:before,
.dsm-bounce-to-top:focus:before,
.dsm-bounce-to-top:hover:before {
transform: scaleY(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.dsm-radial-out {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
background: #e1e1e1;
transition-property: color;
}
.dsm-radial-out,
.dsm-radial-out:before {
transition-duration: 0.3s;
}
.dsm-radial-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
border-radius: 100%;
transform: scale(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-radial-out:active,
.dsm-radial-out:focus,
.dsm-radial-out:hover {
color: #fff;
}
.dsm-radial-out:active:before,
.dsm-radial-out:focus:before,
.dsm-radial-out:hover:before {
transform: scale(2);
}
.dsm-radial-in {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
background: #2098d1;
transition-property: color;
}
.dsm-radial-in,
.dsm-radial-in:before {
transition-duration: 0.3s;
}
.dsm-radial-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
border-radius: 100%;
transform: scale(2);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-radial-in:active,
.dsm-radial-in:focus,
.dsm-radial-in:hover {
color: #fff;
}
.dsm-radial-in:active:before,
.dsm-radial-in:focus:before,
.dsm-radial-in:hover:before {
transform: scale(0);
}
.dsm-rectangle-in {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #2098d1;
transition-property: color;
}
.dsm-rectangle-in,
.dsm-rectangle-in:before {
transition-duration: 0.3s;
}
.dsm-rectangle-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
transform: scale(1);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-rectangle-in:active,
.dsm-rectangle-in:focus,
.dsm-rectangle-in:hover {
color: #fff;
}
.dsm-rectangle-in:active:before,
.dsm-rectangle-in:focus:before,
.dsm-rectangle-in:hover:before {
transform: scale(0);
}
.dsm-rectangle-out {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #e1e1e1;
transition-property: color;
}
.dsm-rectangle-out,
.dsm-rectangle-out:before {
transition-duration: 0.3s;
}
.dsm-rectangle-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scale(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-rectangle-out:active,
.dsm-rectangle-out:focus,
.dsm-rectangle-out:hover {
color: #fff;
}
.dsm-rectangle-out:active:before,
.dsm-rectangle-out:focus:before,
.dsm-rectangle-out:hover:before {
transform: scale(1);
}
.dsm-shutter-in-horizontal {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #2098d1;
transition-property: color;
transition-duration: 0.3s;
}
.dsm-shutter-in-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
transform: scaleX(1);
transform-origin: 50%;
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-shutter-in-horizontal:active,
.dsm-shutter-in-horizontal:focus,
.dsm-shutter-in-horizontal:hover {
color: #fff;
}
.dsm-shutter-in-horizontal:active:before,
.dsm-shutter-in-horizontal:focus:before,
.dsm-shutter-in-horizontal:hover:before {
transform: scaleX(0);
}
.dsm-shutter-out-horizontal {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #e1e1e1;
transition-property: color;
transition-duration: 0.3s;
}
.dsm-shutter-out-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098d1;
transform: scaleX(0);
transform-origin: 50%;
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-shutter-out-horizontal:active,
.dsm-shutter-out-horizontal:focus,
.dsm-shutter-out-horizontal:hover {
color: #fff;
}
.dsm-shutter-out-horizontal:active:before,
.dsm-shutter-out-horizontal:focus:before,
.dsm-shutter-out-horizontal:hover:before {
transform: scaleX(1);
}
.dsm-shutter-in-vertical {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #2098d1;
transition-property: color;
transition-duration: 0.3s;
}
.dsm-shutter-in-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
transform: scaleY(1);
transform-origin: 50%;
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-shutter-in-vertical:active,
.dsm-shutter-in-vertical:focus,
.dsm-shutter-in-vertical:hover {
color: #fff;
}
.dsm-shutter-in-vertical:active:before,
.dsm-shutter-in-vertical:focus:before,
.dsm-shutter-in-vertical:hover:before {
transform: scaleY(0);
}
.dsm-shutter-out-vertical {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #e1e1e1;
transition-property: color;
transition-duration: 0.3s;
}
.dsm-shutter-out-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098d1;
transform: scaleY(0);
transform-origin: 50%;
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-shutter-out-vertical:active,
.dsm-shutter-out-vertical:focus,
.dsm-shutter-out-vertical:hover {
color: #fff;
}
.dsm-shutter-out-vertical:active:before,
.dsm-shutter-out-vertical:focus:before,
.dsm-shutter-out-vertical:hover:before {
transform: scaleY(1);
}
.dsm-border-fade {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: box-shadow;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
}
.dsm-border-fade:active,
.dsm-border-fade:focus,
.dsm-border-fade:hover {
box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px transparent;
}
.dsm-hollow {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: background;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
}
.dsm-hollow:active,
.dsm-hollow:focus,
.dsm-hollow:hover {
background: none;
}
.dsm-trim {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-trim:before {
content: "";
position: absolute;
border: 4px solid #fff;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
opacity: 0;
transition-duration: 0.3s;
transition-property: opacity;
}
.dsm-trim:active:before,
.dsm-trim:focus:before,
.dsm-trim:hover:before {
opacity: 1;
}
@keyframes dsm-ripple-out {
to {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
.dsm-ripple-out {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-ripple-out:before {
content: "";
position: absolute;
border: 6px solid #e1e1e1;
top: 0;
right: 0;
bottom: 0;
left: 0;
animation-duration: 1s;
}
.dsm-ripple-out:active:before,
.dsm-ripple-out:focus:before,
.dsm-ripple-out:hover:before {
animation-name: dsm-ripple-out;
}
@keyframes dsm-ripple-in {
to {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}
.dsm-ripple-in {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-ripple-in:before {
content: "";
position: absolute;
border: 4px solid #e1e1e1;
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
animation-duration: 1s;
}
.dsm-ripple-in:active:before,
.dsm-ripple-in:focus:before,
.dsm-ripple-in:hover:before {
animation-name: dsm-ripple-in;
}
.dsm-outline-out {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-outline-out:before {
content: "";
position: absolute;
border: 4px solid #e1e1e1;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition-duration: 0.3s;
transition-property: top, right, bottom, left;
}
.dsm-outline-out:active:before,
.dsm-outline-out:focus:before,
.dsm-outline-out:hover:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
}
.dsm-outline-in {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-outline-in:before {
pointer-events: none;
content: "";
position: absolute;
border: 4px solid #e1e1e1;
top: -16px;
right: -16px;
bottom: -16px;
left: -16px;
opacity: 0;
transition-duration: 0.3s;
transition-property: top, right, bottom, left;
}
.dsm-outline-in:active:before,
.dsm-outline-in:focus:before,
.dsm-outline-in:hover:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
opacity: 1;
}
.dsm-round-corners {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: border-radius;
}
.dsm-round-corners:active,
.dsm-round-corners:focus,
.dsm-round-corners:hover {
border-radius: 1em;
}
.dsm-underline-from-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-underline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background: #2098d1;
height: 4px;
transition-property: right;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-underline-from-left:active:before,
.dsm-underline-from-left:focus:before,
.dsm-underline-from-left:hover:before {
right: 0;
}
.dsm-underline-from-center {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-underline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
background: #2098d1;
height: 4px;
transition-property: left, right;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-underline-from-center:active:before,
.dsm-underline-from-center:focus:before,
.dsm-underline-from-center:hover:before {
left: 0;
right: 0;
}
.dsm-underline-from-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-underline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
bottom: 0;
background: #2098d1;
height: 4px;
transition-property: left;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-underline-from-right:active:before,
.dsm-underline-from-right:focus:before,
.dsm-underline-from-right:hover:before {
left: 0;
}
.dsm-overline-from-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-overline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
top: 0;
background: #2098d1;
height: 4px;
transition-property: right;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-overline-from-left:active:before,
.dsm-overline-from-left:focus:before,
.dsm-overline-from-left:hover:before {
right: 0;
}
.dsm-overline-from-center {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-overline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
top: 0;
background: #2098d1;
height: 4px;
transition-property: left, right;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-overline-from-center:active:before,
.dsm-overline-from-center:focus:before,
.dsm-overline-from-center:hover:before {
left: 0;
right: 0;
}
.dsm-overline-from-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-overline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
top: 0;
background: #2098d1;
height: 4px;
transition-property: left;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-overline-from-right:active:before,
.dsm-overline-from-right:focus:before,
.dsm-overline-from-right:hover:before {
left: 0;
}
.dsm-reveal {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
border: 0 solid #2098d1;
transition-property: border-width;
transition-duration: 0.1s;
transition-timing-function: ease-out;
}
.dsm-reveal:active:before,
.dsm-reveal:focus:before,
.dsm-reveal:hover:before {
transform: translateY(0);
border-width: 4px;
}
.dsm-underline-reveal {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-underline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
height: 4px;
transform: translateY(4px);
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-underline-reveal:active:before,
.dsm-underline-reveal:focus:before,
.dsm-underline-reveal:hover:before {
transform: translateY(0);
}
.dsm-overline-reveal {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-overline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
background: #2098d1;
height: 4px;
transform: translateY(-4px);
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-overline-reveal:active:before,
.dsm-overline-reveal:focus:before,
.dsm-overline-reveal:hover:before {
transform: translateY(0);
}
.dsm-glow {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: box-shadow;
}
.dsm-glow:active,
.dsm-glow:focus,
.dsm-glow:hover {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.dsm-shadow {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: box-shadow;
}
.dsm-shadow:active,
.dsm-shadow:focus,
.dsm-shadow:hover {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
.dsm-grow-shadow {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: box-shadow, transform;
}
.dsm-grow-shadow:active,
.dsm-grow-shadow:focus,
.dsm-grow-shadow:hover {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
transform: scale(1.1);
}
.dsm-box-shadow-outset {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: box-shadow;
}
.dsm-box-shadow-outset:active,
.dsm-box-shadow-outset:focus,
.dsm-box-shadow-outset:hover {
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
.dsm-box-shadow-inset {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: box-shadow;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent;
}
.dsm-box-shadow-inset:active,
.dsm-box-shadow-inset:focus,
.dsm-box-shadow-inset:hover {
box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent;
}
.dsm-float-shadow {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: transform;
}
.dsm-float-shadow,
.dsm-float-shadow:before {
transition-duration: 0.3s;
}
.dsm-float-shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0, transparent 80%);
transition-property: transform, opacity;
}
.dsm-float-shadow:active,
.dsm-float-shadow:focus,
.dsm-float-shadow:hover {
transform: translateY(-5px);
}
.dsm-float-shadow:active:before,
.dsm-float-shadow:focus:before,
.dsm-float-shadow:hover:before {
opacity: 1;
transform: translateY(5px);
}
.dsm-shadow-radial {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-shadow-radial:after,
.dsm-shadow-radial:before {
pointer-events: none;
position: absolute;
content: "";
left: 0;
width: 100%;
box-sizing: border-box;
background-repeat: no-repeat;
height: 5px;
opacity: 0;
transition-duration: 0.3s;
transition-property: opacity;
}
.dsm-shadow-radial:before {
bottom: 100%;
background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0, transparent 80%);
}
.dsm-shadow-radial:after {
top: 100%;
background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0, transparent 80%);
}
.dsm-shadow-radial:active:after,
.dsm-shadow-radial:active:before,
.dsm-shadow-radial:focus:after,
.dsm-shadow-radial:focus:before,
.dsm-shadow-radial:hover:after,
.dsm-shadow-radial:hover:before {
opacity: 1;
}
.dsm-bubble-top {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-top:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
transition-duration: 0.3s;
transition-property: transform;
left: calc(50% - 10px);
top: 0;
border-color: transparent transparent #e1e1e1;
border-style: solid;
border-width: 0 10px 10px;
}
.dsm-bubble-top:active:before,
.dsm-bubble-top:focus:before,
.dsm-bubble-top:hover:before {
transform: translateY(-10px);
}
.dsm-bubble-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-right:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
transition-duration: 0.3s;
transition-property: transform;
top: calc(50% - 10px);
right: 0;
border-color: transparent transparent transparent #e1e1e1;
border-style: solid;
border-width: 10px 0 10px 10px;
}
.dsm-bubble-right:active:before,
.dsm-bubble-right:focus:before,
.dsm-bubble-right:hover:before {
transform: translateX(10px);
}
.dsm-bubble-bottom {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-bottom:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
transition-duration: 0.3s;
transition-property: transform;
left: calc(50% - 10px);
bottom: 0;
border-color: #e1e1e1 transparent transparent;
border-style: solid;
border-width: 10px 10px 0;
}
.dsm-bubble-bottom:active:before,
.dsm-bubble-bottom:focus:before,
.dsm-bubble-bottom:hover:before {
transform: translateY(10px);
}
.dsm-bubble-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-left:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
transition-duration: 0.3s;
transition-property: transform;
top: calc(50% - 10px);
left: 0;
border-color: transparent #e1e1e1 transparent transparent;
border-style: solid;
border-width: 10px 10px 10px 0;
}
.dsm-bubble-left:active:before,
.dsm-bubble-left:focus:before,
.dsm-bubble-left:hover:before {
transform: translateX(-10px);
}
.dsm-bubble-float-top {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-float-top,
.dsm-bubble-float-top:before {
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-bubble-float-top:before {
position: absolute;
z-index: -1;
content: "";
left: calc(50% - 10px);
top: 0;
border-color: transparent transparent #e1e1e1;
border-style: solid;
border-width: 0 10px 10px;
}
.dsm-bubble-float-top:active,
.dsm-bubble-float-top:focus,
.dsm-bubble-float-top:hover {
transform: translateY(10px);
}
.dsm-bubble-float-top:active:before,
.dsm-bubble-float-top:focus:before,
.dsm-bubble-float-top:hover:before {
transform: translateY(-10px);
}
.dsm-bubble-float-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-float-right,
.dsm-bubble-float-right:before {
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-bubble-float-right:before {
position: absolute;
z-index: -1;
top: calc(50% - 10px);
right: 0;
content: "";
border-color: transparent transparent transparent #e1e1e1;
border-style: solid;
border-width: 10px 0 10px 10px;
}
.dsm-bubble-float-right:active,
.dsm-bubble-float-right:focus,
.dsm-bubble-float-right:hover {
transform: translateX(-10px);
}
.dsm-bubble-float-right:active:before,
.dsm-bubble-float-right:focus:before,
.dsm-bubble-float-right:hover:before {
transform: translateX(10px);
}
.dsm-bubble-float-bottom {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-float-bottom,
.dsm-bubble-float-bottom:before {
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-bubble-float-bottom:before {
position: absolute;
z-index: -1;
content: "";
left: calc(50% - 10px);
bottom: 0;
border-color: #e1e1e1 transparent transparent;
border-style: solid;
border-width: 10px 10px 0;
}
.dsm-bubble-float-bottom:active,
.dsm-bubble-float-bottom:focus,
.dsm-bubble-float-bottom:hover {
transform: translateY(-10px);
}
.dsm-bubble-float-bottom:active:before,
.dsm-bubble-float-bottom:focus:before,
.dsm-bubble-float-bottom:hover:before {
transform: translateY(10px);
}
.dsm-bubble-float-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-float-left,
.dsm-bubble-float-left:before {
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-bubble-float-left:before {
position: absolute;
z-index: -1;
content: "";
top: calc(50% - 10px);
left: 0;
border-color: transparent #e1e1e1 transparent transparent;
border-style: solid;
border-width: 10px 10px 10px 0;
}
.dsm-bubble-float-left:active,
.dsm-bubble-float-left:focus,
.dsm-bubble-float-left:hover {
transform: translateX(10px);
}
.dsm-bubble-float-left:active:before,
.dsm-bubble-float-left:focus:before,
.dsm-bubble-float-left:hover:before {
transform: translateX(-10px);
}
.dsm-icon-back {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-left: 2.2em;
}
.dsm-icon-back,
.dsm-icon-back:before,
.dsm-icon-back:after {
transition-duration: 0.1s;
}
.dsm-icon-back:before,
.dsm-icon-back:after {
position: absolute;
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-back:active:before,
.dsm-icon-back:focus:before,
.dsm-icon-back:hover:before,
.dsm-icon-back:active:after,
.dsm-icon-back:focus:after,
.dsm-icon-back:hover:after {
transform: translateX(-4px);
}
.dsm-icon-forward {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-forward,
.dsm-icon-forward:before,
.dsm-icon-forward:after {
transition-duration: 0.1s;
}
.dsm-icon-forward:before,
.dsm-icon-forward:after {
position: absolute;
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-forward:active:before,
.dsm-icon-forward:focus:before,
.dsm-icon-forward:hover:before,
.dsm-icon-forward:active:after,
.dsm-icon-forward:focus:after,
.dsm-icon-forward:hover:after {
transform: translateX(4px);
}
@keyframes dsm-icon-down {
0%, 50%, to {
transform: translateY(0);
}
25%, 75% {
transform: translateY(6px);
}
}
.dsm-icon-down {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-down:before,
.dsm-icon-down:after {
transform: translateZ(0);
}
.dsm-icon-down:active:before,
.dsm-icon-down:focus:before,
.dsm-icon-down:hover:before,
.dsm-icon-down:active:after,
.dsm-icon-down:focus:after,
.dsm-icon-down:hover:after {
animation-name: dsm-icon-down;
animation-duration: 0.75s;
animation-timing-function: ease-out;
}
@keyframes dsm-icon-up {
0%, 50%, to {
transform: translateY(0);
}
25%, 75% {
transform: translateY(-6px);
}
}
.dsm-icon-up {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-up:before,
.dsm-icon-up:after {
transform: translateZ(0);
}
.dsm-icon-up:active:before,
.dsm-icon-up:focus:before,
.dsm-icon-up:hover:before,
.dsm-icon-up:active:after,
.dsm-icon-up:focus:after,
.dsm-icon-up:hover:after {
animation-name: dsm-icon-up;
animation-duration: 0.75s;
animation-timing-function: ease-out;
}
.dsm-icon-spin {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-spin:before,
.dsm-icon-spin:after {
transition-duration: 1s;
transition-property: transform;
transition-timing-function: ease-in-out;
}
.dsm-icon-spin:active:before,
.dsm-icon-spin:focus:before,
.dsm-icon-spin:hover:before,
.dsm-icon-spin:active:after,
.dsm-icon-spin:focus:after,
.dsm-icon-spin:hover:after {
transform: rotate(1turn);
}
@keyframes dsm-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
transform: translateY(-100%);
}
51%, to {
opacity: 1;
}
}
.dsm-icon-drop {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-drop:before,
.dsm-icon-drop:after {
transform: translateZ(0);
}
.dsm-icon-drop:active:before,
.dsm-icon-drop:focus:before,
.dsm-icon-drop:hover:before,
.dsm-icon-drop:active:after,
.dsm-icon-drop:focus:after,
.dsm-icon-drop:hover:after {
opacity: 0;
transition-duration: 0.3s;
animation-name: dsm-icon-drop;
animation-duration: 0.5s;
animation-delay: 0.3s;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.dsm-icon-fade {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-fade:before {
content: "\f00c";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
transition-duration: 0.5s;
transition-property: color;
}
.dsm-icon-fade:active:before,
.dsm-icon-fade:focus:before,
.dsm-icon-fade:hover:before {
color: #0f9e5e;
}
@keyframes dsm-icon-float-away {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translateY(-1em);
}
}
.dsm-icon-float-away {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-float-away:before,
.dsm-icon-float-away:after {
opacity: 0;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
.dsm-icon-float-away:active:before,
.dsm-icon-float-away:focus:before,
.dsm-icon-float-away:hover:before,
.dsm-icon-float-away:active:after,
.dsm-icon-float-away:focus:after,
.dsm-icon-float-away:hover:after {
animation-name: dsm-icon-float-away;
animation-timing-function: ease-out;
}
@keyframes dsm-icon-sink-away {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translateY(1em);
}
}
.dsm-icon-sink-away {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-sink-away:after,
.dsm-icon-sink-away:before {
transform: translateZ(0);
}
.dsm-icon-sink-away:before,
.dsm-icon-sink-away:after {
opacity: 0;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
.dsm-icon-sink-away:active:before,
.dsm-icon-sink-away:focus:before,
.dsm-icon-sink-away:hover:before,
.dsm-icon-sink-away:active:after,
.dsm-icon-sink-away:focus:after,
.dsm-icon-sink-away:hover:after {
animation-name: dsm-icon-sink-away;
animation-timing-function: ease-out;
}
.dsm-icon-grow {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-grow,
.dsm-icon-grow:before,
.dsm-icon-grow:after {
transition-duration: 0.3s;
}
.dsm-icon-grow:before,
.dsm-icon-grow:after {
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-grow:active:before,
.dsm-icon-grow:focus:before,
.dsm-icon-grow:hover:before,
.dsm-icon-grow:active:after,
.dsm-icon-grow:focus:after,
.dsm-icon-grow:hover:after {
transform: scale(1.3) translateZ(0);
}
.dsm-icon-shrink {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-shrink,
.dsm-icon-shrink:before,
.dsm-icon-shrink:after {
transition-duration: 0.3s;
}
.dsm-icon-shrink:before,
.dsm-icon-shrink:after {
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-shrink:active:before,
.dsm-icon-shrink:focus:before,
.dsm-icon-shrink:hover:before,
.dsm-icon-shrink:active:after,
.dsm-icon-shrink:focus:after,
.dsm-icon-shrink:hover:after {
transform: scale(0.8);
}
@keyframes dsm-icon-pulse {
25% {
transform: scale(1.3);
}
75% {
transform: scale(0.8);
}
}
.dsm-icon-pulse {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-pulse:before,
.dsm-icon-pulse:after {
transform: translateZ(0);
transition-timing-function: ease-out;
}
.dsm-icon-pulse:active:before,
.dsm-icon-pulse:focus:before,
.dsm-icon-pulse:hover:before,
.dsm-icon-pulse:active:after,
.dsm-icon-pulse:focus:after,
.dsm-icon-pulse:hover:after {
animation-name: dsm-icon-pulse;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes dsm-icon-pulse-grow {
to {
transform: scale(1.3);
}
}
.dsm-icon-pulse-grow {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-icon-pulse-grow:before,
.dsm-icon-pulse-grow:after {
transform: translateZ(0);
transition-timing-function: ease-out;
}
.dsm-icon-pulse-grow:active:before,
.dsm-icon-pulse-grow:focus:before,
.dsm-icon-pulse-grow:hover:before,
.dsm-icon-pulse-grow:active:after,
.dsm-icon-pulse-grow:focus:after,
.dsm-icon-pulse-grow:hover:after {
animation-name: dsm-icon-pulse-grow;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes dsm-icon-pulse-shrink {
to {
transform: scale(0.8);
}
}
.dsm-icon-pulse-shrink {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-pulse-shrink:before,
.dsm-icon-pulse-shrink:after {
transform: translateZ(0);
transition-timing-function: ease-out;
}
.dsm-icon-pulse-shrink:active:before,
.dsm-icon-pulse-shrink:focus:before,
.dsm-icon-pulse-shrink:hover:before,
.dsm-icon-pulse-shrink:active:after,
.dsm-icon-pulse-shrink:focus:after,
.dsm-icon-pulse-shrink:hover:after {
animation-name: dsm-icon-pulse-shrink;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes dsm-icon-push {
50% {
transform: scale(0.5);
}
}
.dsm-icon-push {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-push,
.dsm-icon-push:before,
.dsm-icon-push:after {
transition-duration: 0.3s;
}
.dsm-icon-push:before,
.dsm-icon-push:after {
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-push:active:before,
.dsm-icon-push:focus:before,
.dsm-icon-push:hover:before,
.dsm-icon-push:active:after,
.dsm-icon-push:focus:after,
.dsm-icon-push:hover:after {
animation-name: dsm-icon-push;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
@keyframes dsm-icon-pop {
50% {
transform: scale(1.5);
}
}
.dsm-icon-pop {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-icon-pop,
.dsm-icon-pop:before,
.dsm-icon-pop:after {
transition-duration: 0.3s;
}
.dsm-icon-pop:before,
.dsm-icon-pop:after {
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-pop:active:before,
.dsm-icon-pop:focus:before,
.dsm-icon-pop:hover:before,
.dsm-icon-pop:active:after,
.dsm-icon-pop:focus:after,
.dsm-icon-pop:hover:after {
animation-name: dsm-icon-pop;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
.dsm-icon-bounce {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-bounce,
.dsm-icon-bounce:before,
.dsm-icon-bounce:after {
transition-duration: 0.3s;
}
.dsm-icon-bounce:before,
.dsm-icon-bounce:after {
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-bounce:active:before,
.dsm-icon-bounce:focus:before,
.dsm-icon-bounce:hover:before,
.dsm-icon-bounce:active:after,
.dsm-icon-bounce:focus:after,
.dsm-icon-bounce:hover:after {
transform: scale(1.5);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.dsm-icon-rotate {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-rotate,
.dsm-icon-rotate:before {
transition-duration: 0.3s;
}
.dsm-icon-rotate:before {
content: "\f0c6";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-rotate:active:before,
.dsm-icon-rotate:focus:before,
.dsm-icon-rotate:hover:before {
transform: rotate(20deg);
}
.dsm-icon-grow-rotate {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-grow-rotate,
.dsm-icon-grow-rotate:before {
transition-duration: 0.3s;
}
.dsm-icon-grow-rotate:before {
content: "\f095";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-grow-rotate:active:before,
.dsm-icon-grow-rotate:focus:before,
.dsm-icon-grow-rotate:hover:before {
transform: scale(1.5) rotate(12deg);
}
.dsm-icon-float {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-float,
.dsm-icon-float:before {
transition-duration: 0.3s;
}
.dsm-icon-float:before {
content: "\f01b";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-float:active:before,
.dsm-icon-float:focus:before,
.dsm-icon-float:hover:before {
transform: translateY(-4px);
}
.dsm-icon-sink {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-sink,
.dsm-icon-sink:before {
transition-duration: 0.3s;
}
.dsm-icon-sink:before {
content: "\f01a";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-sink:active:before,
.dsm-icon-sink:focus:before,
.dsm-icon-sink:hover:before {
transform: translateY(4px);
}
@keyframes dsm-icon-bob {
0% {
transform: translateY(-6px);
}
50% {
transform: translateY(-2px);
}
to {
transform: translateY(-6px);
}
}
@keyframes dsm-icon-bob-float {
to {
transform: translateY(-6px);
}
}
.dsm-icon-bob {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
transition-duration: 0.3s;
}
.dsm-icon-bob:before {
content: "\f077";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
}
.dsm-icon-bob:active:before,
.dsm-icon-bob:focus:before,
.dsm-icon-bob:hover:before {
animation-name: dsm-icon-bob-float, dsm-icon-bob;
animation-duration: 0.3s, 1.5s;
animation-delay: 0s, 0.3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards;
animation-direction: normal, alternate;
}
@keyframes dsm-icon-hang {
0% {
transform: translateY(6px);
}
50% {
transform: translateY(2px);
}
to {
transform: translateY(6px);
}
}
@keyframes dsm-icon-hang-sink {
to {
transform: translateY(6px);
}
}
.dsm-icon-hang {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
transition-duration: 0.3s;
}
.dsm-icon-hang:before {
content: "\f078";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
}
.dsm-icon-hang:active:before,
.dsm-icon-hang:focus:before,
.dsm-icon-hang:hover:before {
animation-name: dsm-icon-hang-sink, dsm-icon-hang;
animation-duration: 0.3s, 1.5s;
animation-delay: 0s, 0.3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards;
animation-direction: normal, alternate;
}
@keyframes dsm-icon-wobble-horizontal {
16.65% {
transform: translateX(6px);
}
33.3% {
transform: translateX(-5px);
}
49.95% {
transform: translateX(4px);
}
66.6% {
transform: translateX(-2px);
}
83.25% {
transform: translateX(1px);
}
to {
transform: translateX(0);
}
}
.dsm-icon-wobble-horizontal {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
transition-duration: 0.3s;
}
.dsm-icon-wobble-horizontal:before {
content: "\f061";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
}
.dsm-icon-wobble-horizontal:active:before,
.dsm-icon-wobble-horizontal:focus:before,
.dsm-icon-wobble-horizontal:hover:before {
animation-name: dsm-icon-wobble-horizontal;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-icon-wobble-vertical {
16.65% {
transform: translateY(6px);
}
33.3% {
transform: translateY(-5px);
}
49.95% {
transform: translateY(4px);
}
66.6% {
transform: translateY(-2px);
}
83.25% {
transform: translateY(1px);
}
to {
transform: translateY(0);
}
}
.dsm-icon-wobble-vertical {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
transition-duration: 0.3s;
}
.dsm-icon-wobble-vertical:before {
content: "\f062";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
}
.dsm-icon-wobble-vertical:active:before,
.dsm-icon-wobble-vertical:focus:before,
.dsm-icon-wobble-vertical:hover:before {
animation-name: dsm-icon-wobble-vertical;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-icon-buzz {
50% {
transform: translateX(3px) rotate(2deg);
}
to {
transform: translateX(-3px) rotate(-2deg);
}
}
.dsm-icon-buzz {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
transition-duration: 0.3s;
}
.dsm-icon-buzz:before {
content: "\f017";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
}
.dsm-icon-buzz:active:before,
.dsm-icon-buzz:focus:before,
.dsm-icon-buzz:hover:before {
animation-name: dsm-icon-buzz;
animation-duration: 0.15s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes dsm-icon-buzz-out {
10% {
transform: translateX(3px) rotate(2deg);
}
20% {
transform: translateX(-3px) rotate(-2deg);
}
30% {
transform: translateX(3px) rotate(2deg);
}
40% {
transform: translateX(-3px) rotate(-2deg);
}
50% {
transform: translateX(2px) rotate(1deg);
}
60% {
transform: translateX(-2px) rotate(-1deg);
}
70% {
transform: translateX(2px) rotate(1deg);
}
80% {
transform: translateX(-2px) rotate(-1deg);
}
90% {
transform: translateX(1px) rotate(0);
}
to {
transform: translateX(-1px) rotate(0);
}
}
.dsm-icon-buzz-out {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
transition-duration: 0.3s;
}
.dsm-icon-buzz-out:before {
content: "\f023";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
}
.dsm-icon-buzz-out:active:before,
.dsm-icon-buzz-out:focus:before,
.dsm-icon-buzz-out:hover:before {
animation-name: dsm-icon-buzz-out;
animation-duration: 0.75s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
.dsm-curl-top-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-curl-top-left:before {
pointer-events: none;
position: absolute;
content: "";
height: 0;
width: 0;
top: 0;
left: 0;
background: #fff;
background: linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#ffffff", endColorstr="#000000");
z-index: 1000;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
transition-duration: 0.3s;
transition-property: width, height;
}
.dsm-curl-top-left:active:before,
.dsm-curl-top-left:focus:before,
.dsm-curl-top-left:hover:before {
width: 25px;
height: 25px;
}
.dsm-curl-top-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-curl-top-right:before {
pointer-events: none;
position: absolute;
content: "";
height: 0;
width: 0;
top: 0;
right: 0;
background: #fff;
background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
transition-duration: 0.3s;
transition-property: width, height;
}
.dsm-curl-top-right:active:before,
.dsm-curl-top-right:focus:before,
.dsm-curl-top-right:hover:before {
width: 25px;
height: 25px;
}
.dsm-curl-bottom-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-curl-bottom-right:before {
pointer-events: none;
position: absolute;
content: "";
height: 0;
width: 0;
bottom: 0;
right: 0;
background: #fff;
background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
transition-duration: 0.3s;
transition-property: width, height;
}
.dsm-curl-bottom-right:active:before,
.dsm-curl-bottom-right:focus:before,
.dsm-curl-bottom-right:hover:before {
width: 25px;
height: 25px;
}
.dsm-curl-bottom-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-curl-bottom-left:before {
pointer-events: none;
position: absolute;
content: "";
height: 0;
width: 0;
bottom: 0;
left: 0;
background: #fff;
background: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
transition-duration: 0.3s;
transition-property: width, height;
}
.dsm-curl-bottom-left:active:before,
.dsm-curl-bottom-left:focus:before,
.dsm-curl-bottom-left:hover:before {
width: 25px;
height: 25px;
}
.et_pb_button_module_wrappers a,
.et_pb_button_module_wrappers span {
display: inline-block;
}
.dsm_button_one,
.dsm_button_two {
display: inline-block;
}
.dsm_button .et_pb_button::after {
right: 15px !important;
} .dsm-grow {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-grow:active,
.dsm-grow:focus,
.dsm-grow:hover {
transform: scale(1.1);
}
.dsm-shrink {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-shrink:active,
.dsm-shrink:focus,
.dsm-shrink:hover {
transform: scale(0.9);
}
@keyframes dsm-pulse {
25% {
transform: scale(1.1);
}
75% {
transform: scale(0.9);
}
}
.dsm-pulse {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-pulse:active,
.dsm-pulse:focus,
.dsm-pulse:hover {
animation-name: dsm-pulse;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes dsm-pulse-grow {
to {
transform: scale(1.1);
}
}
.dsm-pulse-grow {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-pulse-grow:active,
.dsm-pulse-grow:focus,
.dsm-pulse-grow:hover {
animation-name: dsm-pulse-grow;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes dsm-pulse-shrink {
to {
transform: scale(0.9);
}
}
.dsm-pulse-shrink {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-pulse-shrink:active,
.dsm-pulse-shrink:focus,
.dsm-pulse-shrink:hover {
animation-name: dsm-pulse-shrink;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes dsm-push {
from {
transform: perspective(1px) translateZ(0) scale(1);
}
50% {
transform: perspective(1px) translateZ(0) scale(0.8);
}
to {
transform: perspective(1px) translateZ(0) scale(1);
}
}
.dsm-push {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-push:active,
.dsm-push:focus,
.dsm-push:hover {
animation-name: dsm-push;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
@keyframes dsm-pop {
from {
transform: perspective(1px) translateZ(0) scale(1);
}
50% {
transform: perspective(1px) translateZ(0) scale(1.2);
}
to {
transform: perspective(1px) translateZ(0) scale(1);
}
}
.dsm-pop {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-pop:active,
.dsm-pop:focus,
.dsm-pop:hover {
animation-name: dsm-pop;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
.dsm-bounce-in {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.5s;
}
.dsm-bounce-in:active,
.dsm-bounce-in:focus,
.dsm-bounce-in:hover {
transform: scale(1.2);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.dsm-bounce-out {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.5s;
}
.dsm-bounce-out:active,
.dsm-bounce-out:focus,
.dsm-bounce-out:hover {
transform: scale(0.8);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.dsm-rotate {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-rotate:active,
.dsm-rotate:focus,
.dsm-rotate:hover {
transform: rotate(4deg);
}
.dsm-grow-rotate {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-grow-rotate:active,
.dsm-grow-rotate:focus,
.dsm-grow-rotate:hover {
transform: scale(1.1) rotate(4deg);
}
.dsm-float {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-float:active,
.dsm-float:focus,
.dsm-float:hover {
transform: translateY(-8px);
}
.dsm-sink {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-sink:active,
.dsm-sink:focus,
.dsm-sink:hover {
transform: translateY(8px);
}
@keyframes dsm-bob {
0% {
transform: translateY(-8px);
}
50% {
transform: translateY(-4px);
}
to {
transform: translateY(-8px);
}
}
@keyframes dsm-bob-float {
to {
transform: translateY(-8px);
}
}
.dsm-bob {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-bob:active,
.dsm-bob:focus,
.dsm-bob:hover {
animation-name: dsm-bob-float, dsm-bob;
animation-duration: 0.3s, 1.5s;
animation-delay: 0s, 0.3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards;
animation-direction: normal, alternate;
}
@keyframes dsm-hang {
0% {
transform: translateY(8px);
}
50% {
transform: translateY(4px);
}
to {
transform: translateY(8px);
}
}
@keyframes dsm-hang-sink {
to {
transform: translateY(8px);
}
}
.dsm-hang {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-hang:active,
.dsm-hang:focus,
.dsm-hang:hover {
animation-name: dsm-hang-sink, dsm-hang;
animation-duration: 0.3s, 1.5s;
animation-delay: 0s, 0.3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards;
animation-direction: normal, alternate;
}
.dsm-skew {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-skew:active,
.dsm-skew:focus,
.dsm-skew:hover {
transform: skew(-10deg);
}
.dsm-skew-forward {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
transform-origin: 0 100%;
}
.dsm-skew-forward:active,
.dsm-skew-forward:focus,
.dsm-skew-forward:hover {
transform: skew(-10deg);
}
.dsm-skew-backward {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
transform-origin: 0 100%;
}
.dsm-skew-backward:active,
.dsm-skew-backward:focus,
.dsm-skew-backward:hover {
transform: skew(10deg);
}
@keyframes dsm-wobble-vertical {
16.65% {
transform: translateY(8px);
}
33.3% {
transform: translateY(-6px);
}
49.95% {
transform: translateY(4px);
}
66.6% {
transform: translateY(-2px);
}
83.25% {
transform: translateY(1px);
}
to {
transform: translateY(0);
}
}
.dsm-wobble-vertical {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-wobble-vertical:active,
.dsm-wobble-vertical:focus,
.dsm-wobble-vertical:hover {
animation-name: dsm-wobble-vertical;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-wobble-horizontal {
16.65% {
transform: translateX(8px);
}
33.3% {
transform: translateX(-6px);
}
49.95% {
transform: translateX(4px);
}
66.6% {
transform: translateX(-2px);
}
83.25% {
transform: translateX(1px);
}
to {
transform: translateX(0);
}
}
.dsm-wobble-horizontal {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-wobble-horizontal:active,
.dsm-wobble-horizontal:focus,
.dsm-wobble-horizontal:hover {
animation-name: dsm-wobble-horizontal;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-wobble-to-bottom-right {
16.65% {
transform: translate(8px, 8px);
}
33.3% {
transform: translate(-6px, -6px);
}
49.95% {
transform: translate(4px, 4px);
}
66.6% {
transform: translate(-2px, -2px);
}
83.25% {
transform: translate(1px, 1px);
}
to {
transform: translate(0);
}
}
.dsm-wobble-to-bottom-right {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-wobble-to-bottom-right:active,
.dsm-wobble-to-bottom-right:focus,
.dsm-wobble-to-bottom-right:hover {
animation-name: dsm-wobble-to-bottom-right;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-wobble-to-top-right {
16.65% {
transform: translate(8px, -8px);
}
33.3% {
transform: translate(-6px, 6px);
}
49.95% {
transform: translate(4px, -4px);
}
66.6% {
transform: translate(-2px, 2px);
}
83.25% {
transform: translate(1px, -1px);
}
to {
transform: translate(0);
}
}
.dsm-wobble-to-top-right {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-wobble-to-top-right:active,
.dsm-wobble-to-top-right:focus,
.dsm-wobble-to-top-right:hover {
animation-name: dsm-wobble-to-top-right;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-wobble-top {
16.65% {
transform: skew(-12deg);
}
33.3% {
transform: skew(10deg);
}
49.95% {
transform: skew(-6deg);
}
66.6% {
transform: skew(4deg);
}
83.25% {
transform: skew(-2deg);
}
to {
transform: skew(0);
}
}
.dsm-wobble-top {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transform-origin: 0 100%;
}
.dsm-wobble-top:active,
.dsm-wobble-top:focus,
.dsm-wobble-top:hover {
animation-name: dsm-wobble-top;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-wobble-bottom {
16.65% {
transform: skew(-12deg);
}
33.3% {
transform: skew(10deg);
}
49.95% {
transform: skew(-6deg);
}
66.6% {
transform: skew(4deg);
}
83.25% {
transform: skew(-2deg);
}
to {
transform: skew(0);
}
}
.dsm-wobble-bottom {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transform-origin: 100% 0;
}
.dsm-wobble-bottom:active,
.dsm-wobble-bottom:focus,
.dsm-wobble-bottom:hover {
animation-name: dsm-wobble-bottom;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-wobble-skew {
16.65% {
transform: skew(-12deg);
}
33.3% {
transform: skew(10deg);
}
49.95% {
transform: skew(-6deg);
}
66.6% {
transform: skew(4deg);
}
83.25% {
transform: skew(-2deg);
}
to {
transform: skew(0);
}
}
.dsm-wobble-skew {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-wobble-skew:active,
.dsm-wobble-skew:focus,
.dsm-wobble-skew:hover {
animation-name: dsm-wobble-skew;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-buzz {
50% {
transform: translateX(3px) rotate(2deg);
}
to {
transform: translateX(-3px) rotate(-2deg);
}
}
.dsm-buzz {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-buzz:active,
.dsm-buzz:focus,
.dsm-buzz:hover {
animation-name: dsm-buzz;
animation-duration: 0.15s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes dsm-buzz-out {
10% {
transform: translateX(3px) rotate(2deg);
}
20% {
transform: translateX(-3px) rotate(-2deg);
}
30% {
transform: translateX(3px) rotate(2deg);
}
40% {
transform: translateX(-3px) rotate(-2deg);
}
50% {
transform: translateX(2px) rotate(1deg);
}
60% {
transform: translateX(-2px) rotate(-1deg);
}
70% {
transform: translateX(2px) rotate(1deg);
}
80% {
transform: translateX(-2px) rotate(-1deg);
}
90% {
transform: translateX(1px) rotate(0);
}
to {
transform: translateX(-1px) rotate(0);
}
}
.dsm-buzz-out {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-buzz-out:active,
.dsm-buzz-out:focus,
.dsm-buzz-out:hover {
animation-name: dsm-buzz-out;
animation-duration: 0.75s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
.dsm-forward {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-forward:active,
.dsm-forward:focus,
.dsm-forward:hover {
transform: translateX(8px);
}
.dsm-backward {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-backward:active,
.dsm-backward:focus,
.dsm-backward:hover {
transform: translateX(-8px);
}
.dsm-fade {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
overflow: hidden;
transition-duration: 0.3s;
transition-property: color, background-color;
}
.dsm-fade:active,
.dsm-fade:focus,
.dsm-fade:hover {
background-color: #2098d1;
color: #fff;
}
@keyframes dsm-back-pulse {
50% {
background-color: rgba(32, 152, 209, 0.75);
}
}
.dsm-back-pulse {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
overflow: hidden;
transition-duration: 0.5s;
transition-property: color, background-color;
}
.dsm-back-pulse:active,
.dsm-back-pulse:focus,
.dsm-back-pulse:hover {
animation-name: dsm-back-pulse;
animation-duration: 1s;
animation-delay: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
background-color: #2098d1;
color: #fff;
}
.dsm-sweep-to-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-sweep-to-right,
.dsm-sweep-to-right:before {
transition-duration: 0.3s;
}
.dsm-sweep-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleX(0);
transform-origin: 0 50%;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-sweep-to-right:active,
.dsm-sweep-to-right:focus,
.dsm-sweep-to-right:hover {
color: #fff;
}
.dsm-sweep-to-right:active:before,
.dsm-sweep-to-right:focus:before,
.dsm-sweep-to-right:hover:before {
transform: scaleX(1);
}
.dsm-sweep-to-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-sweep-to-left,
.dsm-sweep-to-left:before {
transition-duration: 0.3s;
}
.dsm-sweep-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleX(0);
transform-origin: 100% 50%;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-sweep-to-left:active,
.dsm-sweep-to-left:focus,
.dsm-sweep-to-left:hover {
color: #fff;
}
.dsm-sweep-to-left:active:before,
.dsm-sweep-to-left:focus:before,
.dsm-sweep-to-left:hover:before {
transform: scaleX(1);
}
.dsm-sweep-to-bottom {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-sweep-to-bottom,
.dsm-sweep-to-bottom:before {
transition-duration: 0.3s;
}
.dsm-sweep-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleY(0);
transform-origin: 50% 0;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-sweep-to-bottom:active,
.dsm-sweep-to-bottom:focus,
.dsm-sweep-to-bottom:hover {
color: #fff;
}
.dsm-sweep-to-bottom:active:before,
.dsm-sweep-to-bottom:focus:before,
.dsm-sweep-to-bottom:hover:before {
transform: scaleY(1);
}
.dsm-sweep-to-top {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-sweep-to-top,
.dsm-sweep-to-top:before {
transition-duration: 0.3s;
}
.dsm-sweep-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleY(0);
transform-origin: 50% 100%;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-sweep-to-top:active,
.dsm-sweep-to-top:focus,
.dsm-sweep-to-top:hover {
color: #fff;
}
.dsm-sweep-to-top:active:before,
.dsm-sweep-to-top:focus:before,
.dsm-sweep-to-top:hover:before {
transform: scaleY(1);
}
.dsm-bounce-to-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-bounce-to-right,
.dsm-bounce-to-right:before {
transition-duration: 0.5s;
}
.dsm-bounce-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleX(0);
transform-origin: 0 50%;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-bounce-to-right:active,
.dsm-bounce-to-right:focus,
.dsm-bounce-to-right:hover {
color: #fff;
}
.dsm-bounce-to-right:active:before,
.dsm-bounce-to-right:focus:before,
.dsm-bounce-to-right:hover:before {
transform: scaleX(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.dsm-bounce-to-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-bounce-to-left,
.dsm-bounce-to-left:before {
transition-duration: 0.5s;
}
.dsm-bounce-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleX(0);
transform-origin: 100% 50%;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-bounce-to-left:active,
.dsm-bounce-to-left:focus,
.dsm-bounce-to-left:hover {
color: #fff;
}
.dsm-bounce-to-left:active:before,
.dsm-bounce-to-left:focus:before,
.dsm-bounce-to-left:hover:before {
transform: scaleX(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.dsm-bounce-to-bottom {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-bounce-to-bottom,
.dsm-bounce-to-bottom:before {
transition-duration: 0.5s;
}
.dsm-bounce-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleY(0);
transform-origin: 50% 0;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-bounce-to-bottom:active,
.dsm-bounce-to-bottom:focus,
.dsm-bounce-to-bottom:hover {
color: #fff;
}
.dsm-bounce-to-bottom:active:before,
.dsm-bounce-to-bottom:focus:before,
.dsm-bounce-to-bottom:hover:before {
transform: scaleY(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.dsm-bounce-to-top {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-bounce-to-top,
.dsm-bounce-to-top:before {
transition-duration: 0.5s;
}
.dsm-bounce-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleY(0);
transform-origin: 50% 100%;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-bounce-to-top:active,
.dsm-bounce-to-top:focus,
.dsm-bounce-to-top:hover {
color: #fff;
}
.dsm-bounce-to-top:active:before,
.dsm-bounce-to-top:focus:before,
.dsm-bounce-to-top:hover:before {
transform: scaleY(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.dsm-radial-out {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
background: #e1e1e1;
transition-property: color;
}
.dsm-radial-out,
.dsm-radial-out:before {
transition-duration: 0.3s;
}
.dsm-radial-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
border-radius: 100%;
transform: scale(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-radial-out:active,
.dsm-radial-out:focus,
.dsm-radial-out:hover {
color: #fff;
}
.dsm-radial-out:active:before,
.dsm-radial-out:focus:before,
.dsm-radial-out:hover:before {
transform: scale(2);
}
.dsm-radial-in {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
background: #2098d1;
transition-property: color;
}
.dsm-radial-in,
.dsm-radial-in:before {
transition-duration: 0.3s;
}
.dsm-radial-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
border-radius: 100%;
transform: scale(2);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-radial-in:active,
.dsm-radial-in:focus,
.dsm-radial-in:hover {
color: #fff;
}
.dsm-radial-in:active:before,
.dsm-radial-in:focus:before,
.dsm-radial-in:hover:before {
transform: scale(0);
}
.dsm-rectangle-in {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #2098d1;
transition-property: color;
}
.dsm-rectangle-in,
.dsm-rectangle-in:before {
transition-duration: 0.3s;
}
.dsm-rectangle-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
transform: scale(1);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-rectangle-in:active,
.dsm-rectangle-in:focus,
.dsm-rectangle-in:hover {
color: #fff;
}
.dsm-rectangle-in:active:before,
.dsm-rectangle-in:focus:before,
.dsm-rectangle-in:hover:before {
transform: scale(0);
}
.dsm-rectangle-out {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #e1e1e1;
transition-property: color;
}
.dsm-rectangle-out,
.dsm-rectangle-out:before {
transition-duration: 0.3s;
}
.dsm-rectangle-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scale(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-rectangle-out:active,
.dsm-rectangle-out:focus,
.dsm-rectangle-out:hover {
color: #fff;
}
.dsm-rectangle-out:active:before,
.dsm-rectangle-out:focus:before,
.dsm-rectangle-out:hover:before {
transform: scale(1);
}
.dsm-shutter-in-horizontal {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #2098d1;
transition-property: color;
transition-duration: 0.3s;
}
.dsm-shutter-in-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
transform: scaleX(1);
transform-origin: 50%;
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-shutter-in-horizontal:active,
.dsm-shutter-in-horizontal:focus,
.dsm-shutter-in-horizontal:hover {
color: #fff;
}
.dsm-shutter-in-horizontal:active:before,
.dsm-shutter-in-horizontal:focus:before,
.dsm-shutter-in-horizontal:hover:before {
transform: scaleX(0);
}
.dsm-shutter-out-horizontal {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #e1e1e1;
transition-property: color;
transition-duration: 0.3s;
}
.dsm-shutter-out-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098d1;
transform: scaleX(0);
transform-origin: 50%;
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-shutter-out-horizontal:active,
.dsm-shutter-out-horizontal:focus,
.dsm-shutter-out-horizontal:hover {
color: #fff;
}
.dsm-shutter-out-horizontal:active:before,
.dsm-shutter-out-horizontal:focus:before,
.dsm-shutter-out-horizontal:hover:before {
transform: scaleX(1);
}
.dsm-shutter-in-vertical {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #2098d1;
transition-property: color;
transition-duration: 0.3s;
}
.dsm-shutter-in-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
transform: scaleY(1);
transform-origin: 50%;
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-shutter-in-vertical:active,
.dsm-shutter-in-vertical:focus,
.dsm-shutter-in-vertical:hover {
color: #fff;
}
.dsm-shutter-in-vertical:active:before,
.dsm-shutter-in-vertical:focus:before,
.dsm-shutter-in-vertical:hover:before {
transform: scaleY(0);
}
.dsm-shutter-out-vertical {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #e1e1e1;
transition-property: color;
transition-duration: 0.3s;
}
.dsm-shutter-out-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098d1;
transform: scaleY(0);
transform-origin: 50%;
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-shutter-out-vertical:active,
.dsm-shutter-out-vertical:focus,
.dsm-shutter-out-vertical:hover {
color: #fff;
}
.dsm-shutter-out-vertical:active:before,
.dsm-shutter-out-vertical:focus:before,
.dsm-shutter-out-vertical:hover:before {
transform: scaleY(1);
}
.dsm-border-fade {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: box-shadow;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
}
.dsm-border-fade:active,
.dsm-border-fade:focus,
.dsm-border-fade:hover {
box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px transparent;
}
.dsm-hollow {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: background;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
}
.dsm-hollow:active,
.dsm-hollow:focus,
.dsm-hollow:hover {
background: none;
}
.dsm-trim {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-trim:before {
content: "";
position: absolute;
border: 4px solid #fff;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
opacity: 0;
transition-duration: 0.3s;
transition-property: opacity;
}
.dsm-trim:active:before,
.dsm-trim:focus:before,
.dsm-trim:hover:before {
opacity: 1;
}
@keyframes dsm-ripple-out {
to {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
.dsm-ripple-out {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-ripple-out:before {
content: "";
position: absolute;
border: 6px solid #e1e1e1;
top: 0;
right: 0;
bottom: 0;
left: 0;
animation-duration: 1s;
}
.dsm-ripple-out:active:before,
.dsm-ripple-out:focus:before,
.dsm-ripple-out:hover:before {
animation-name: dsm-ripple-out;
}
@keyframes dsm-ripple-in {
to {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}
.dsm-ripple-in {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-ripple-in:before {
content: "";
position: absolute;
border: 4px solid #e1e1e1;
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
animation-duration: 1s;
}
.dsm-ripple-in:active:before,
.dsm-ripple-in:focus:before,
.dsm-ripple-in:hover:before {
animation-name: dsm-ripple-in;
}
.dsm-outline-out {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-outline-out:before {
content: "";
position: absolute;
border: 4px solid #e1e1e1;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition-duration: 0.3s;
transition-property: top, right, bottom, left;
}
.dsm-outline-out:active:before,
.dsm-outline-out:focus:before,
.dsm-outline-out:hover:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
}
.dsm-outline-in {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-outline-in:before {
pointer-events: none;
content: "";
position: absolute;
border: 4px solid #e1e1e1;
top: -16px;
right: -16px;
bottom: -16px;
left: -16px;
opacity: 0;
transition-duration: 0.3s;
transition-property: top, right, bottom, left;
}
.dsm-outline-in:active:before,
.dsm-outline-in:focus:before,
.dsm-outline-in:hover:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
opacity: 1;
}
.dsm-round-corners {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: border-radius;
}
.dsm-round-corners:active,
.dsm-round-corners:focus,
.dsm-round-corners:hover {
border-radius: 1em;
}
.dsm-underline-from-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-underline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background: #2098d1;
height: 4px;
transition-property: right;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-underline-from-left:active:before,
.dsm-underline-from-left:focus:before,
.dsm-underline-from-left:hover:before {
right: 0;
}
.dsm-underline-from-center {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-underline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
background: #2098d1;
height: 4px;
transition-property: left, right;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-underline-from-center:active:before,
.dsm-underline-from-center:focus:before,
.dsm-underline-from-center:hover:before {
left: 0;
right: 0;
}
.dsm-underline-from-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-underline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
bottom: 0;
background: #2098d1;
height: 4px;
transition-property: left;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-underline-from-right:active:before,
.dsm-underline-from-right:focus:before,
.dsm-underline-from-right:hover:before {
left: 0;
}
.dsm-overline-from-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-overline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
top: 0;
background: #2098d1;
height: 4px;
transition-property: right;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-overline-from-left:active:before,
.dsm-overline-from-left:focus:before,
.dsm-overline-from-left:hover:before {
right: 0;
}
.dsm-overline-from-center {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-overline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
top: 0;
background: #2098d1;
height: 4px;
transition-property: left, right;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-overline-from-center:active:before,
.dsm-overline-from-center:focus:before,
.dsm-overline-from-center:hover:before {
left: 0;
right: 0;
}
.dsm-overline-from-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-overline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
top: 0;
background: #2098d1;
height: 4px;
transition-property: left;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-overline-from-right:active:before,
.dsm-overline-from-right:focus:before,
.dsm-overline-from-right:hover:before {
left: 0;
}
.dsm-reveal {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
border: 0 solid #2098d1;
transition-property: border-width;
transition-duration: 0.1s;
transition-timing-function: ease-out;
}
.dsm-reveal:active:before,
.dsm-reveal:focus:before,
.dsm-reveal:hover:before {
transform: translateY(0);
border-width: 4px;
}
.dsm-underline-reveal {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-underline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
height: 4px;
transform: translateY(4px);
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-underline-reveal:active:before,
.dsm-underline-reveal:focus:before,
.dsm-underline-reveal:hover:before {
transform: translateY(0);
}
.dsm-overline-reveal {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-overline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
background: #2098d1;
height: 4px;
transform: translateY(-4px);
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-overline-reveal:active:before,
.dsm-overline-reveal:focus:before,
.dsm-overline-reveal:hover:before {
transform: translateY(0);
}
.dsm-glow {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: box-shadow;
}
.dsm-glow:active,
.dsm-glow:focus,
.dsm-glow:hover {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.dsm-shadow {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: box-shadow;
}
.dsm-shadow:active,
.dsm-shadow:focus,
.dsm-shadow:hover {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
.dsm-grow-shadow {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: box-shadow, transform;
}
.dsm-grow-shadow:active,
.dsm-grow-shadow:focus,
.dsm-grow-shadow:hover {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
transform: scale(1.1);
}
.dsm-box-shadow-outset {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: box-shadow;
}
.dsm-box-shadow-outset:active,
.dsm-box-shadow-outset:focus,
.dsm-box-shadow-outset:hover {
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
.dsm-box-shadow-inset {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: box-shadow;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent;
}
.dsm-box-shadow-inset:active,
.dsm-box-shadow-inset:focus,
.dsm-box-shadow-inset:hover {
box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent;
}
.dsm-float-shadow {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: transform;
}
.dsm-float-shadow,
.dsm-float-shadow:before {
transition-duration: 0.3s;
}
.dsm-float-shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0, transparent 80%);
transition-property: transform, opacity;
}
.dsm-float-shadow:active,
.dsm-float-shadow:focus,
.dsm-float-shadow:hover {
transform: translateY(-5px);
}
.dsm-float-shadow:active:before,
.dsm-float-shadow:focus:before,
.dsm-float-shadow:hover:before {
opacity: 1;
transform: translateY(5px);
}
.dsm-shadow-radial {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-shadow-radial:after,
.dsm-shadow-radial:before {
pointer-events: none;
position: absolute;
content: "";
left: 0;
width: 100%;
box-sizing: border-box;
background-repeat: no-repeat;
height: 5px;
opacity: 0;
transition-duration: 0.3s;
transition-property: opacity;
}
.dsm-shadow-radial:before {
bottom: 100%;
background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0, transparent 80%);
}
.dsm-shadow-radial:after {
top: 100%;
background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0, transparent 80%);
}
.dsm-shadow-radial:active:after,
.dsm-shadow-radial:active:before,
.dsm-shadow-radial:focus:after,
.dsm-shadow-radial:focus:before,
.dsm-shadow-radial:hover:after,
.dsm-shadow-radial:hover:before {
opacity: 1;
}
.dsm-bubble-top {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-top:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
transition-duration: 0.3s;
transition-property: transform;
left: calc(50% - 10px);
top: 0;
border-color: transparent transparent #e1e1e1;
border-style: solid;
border-width: 0 10px 10px;
}
.dsm-bubble-top:active:before,
.dsm-bubble-top:focus:before,
.dsm-bubble-top:hover:before {
transform: translateY(-10px);
}
.dsm-bubble-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-right:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
transition-duration: 0.3s;
transition-property: transform;
top: calc(50% - 10px);
right: 0;
border-color: transparent transparent transparent #e1e1e1;
border-style: solid;
border-width: 10px 0 10px 10px;
}
.dsm-bubble-right:active:before,
.dsm-bubble-right:focus:before,
.dsm-bubble-right:hover:before {
transform: translateX(10px);
}
.dsm-bubble-bottom {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-bottom:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
transition-duration: 0.3s;
transition-property: transform;
left: calc(50% - 10px);
bottom: 0;
border-color: #e1e1e1 transparent transparent;
border-style: solid;
border-width: 10px 10px 0;
}
.dsm-bubble-bottom:active:before,
.dsm-bubble-bottom:focus:before,
.dsm-bubble-bottom:hover:before {
transform: translateY(10px);
}
.dsm-bubble-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-left:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
transition-duration: 0.3s;
transition-property: transform;
top: calc(50% - 10px);
left: 0;
border-color: transparent #e1e1e1 transparent transparent;
border-style: solid;
border-width: 10px 10px 10px 0;
}
.dsm-bubble-left:active:before,
.dsm-bubble-left:focus:before,
.dsm-bubble-left:hover:before {
transform: translateX(-10px);
}
.dsm-bubble-float-top {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-float-top,
.dsm-bubble-float-top:before {
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-bubble-float-top:before {
position: absolute;
z-index: -1;
content: "";
left: calc(50% - 10px);
top: 0;
border-color: transparent transparent #e1e1e1;
border-style: solid;
border-width: 0 10px 10px;
}
.dsm-bubble-float-top:active,
.dsm-bubble-float-top:focus,
.dsm-bubble-float-top:hover {
transform: translateY(10px);
}
.dsm-bubble-float-top:active:before,
.dsm-bubble-float-top:focus:before,
.dsm-bubble-float-top:hover:before {
transform: translateY(-10px);
}
.dsm-bubble-float-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-float-right,
.dsm-bubble-float-right:before {
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-bubble-float-right:before {
position: absolute;
z-index: -1;
top: calc(50% - 10px);
right: 0;
content: "";
border-color: transparent transparent transparent #e1e1e1;
border-style: solid;
border-width: 10px 0 10px 10px;
}
.dsm-bubble-float-right:active,
.dsm-bubble-float-right:focus,
.dsm-bubble-float-right:hover {
transform: translateX(-10px);
}
.dsm-bubble-float-right:active:before,
.dsm-bubble-float-right:focus:before,
.dsm-bubble-float-right:hover:before {
transform: translateX(10px);
}
.dsm-bubble-float-bottom {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-float-bottom,
.dsm-bubble-float-bottom:before {
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-bubble-float-bottom:before {
position: absolute;
z-index: -1;
content: "";
left: calc(50% - 10px);
bottom: 0;
border-color: #e1e1e1 transparent transparent;
border-style: solid;
border-width: 10px 10px 0;
}
.dsm-bubble-float-bottom:active,
.dsm-bubble-float-bottom:focus,
.dsm-bubble-float-bottom:hover {
transform: translateY(-10px);
}
.dsm-bubble-float-bottom:active:before,
.dsm-bubble-float-bottom:focus:before,
.dsm-bubble-float-bottom:hover:before {
transform: translateY(10px);
}
.dsm-bubble-float-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-float-left,
.dsm-bubble-float-left:before {
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-bubble-float-left:before {
position: absolute;
z-index: -1;
content: "";
top: calc(50% - 10px);
left: 0;
border-color: transparent #e1e1e1 transparent transparent;
border-style: solid;
border-width: 10px 10px 10px 0;
}
.dsm-bubble-float-left:active,
.dsm-bubble-float-left:focus,
.dsm-bubble-float-left:hover {
transform: translateX(10px);
}
.dsm-bubble-float-left:active:before,
.dsm-bubble-float-left:focus:before,
.dsm-bubble-float-left:hover:before {
transform: translateX(-10px);
}
.dsm-icon-back {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-left: 2.2em;
}
.dsm-icon-back,
.dsm-icon-back:before,
.dsm-icon-back:after {
transition-duration: 0.1s;
}
.dsm-icon-back:before,
.dsm-icon-back:after {
position: absolute;
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-back:active:before,
.dsm-icon-back:focus:before,
.dsm-icon-back:hover:before,
.dsm-icon-back:active:after,
.dsm-icon-back:focus:after,
.dsm-icon-back:hover:after {
transform: translateX(-4px);
}
.dsm-icon-forward {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-forward,
.dsm-icon-forward:before,
.dsm-icon-forward:after {
transition-duration: 0.1s;
}
.dsm-icon-forward:before,
.dsm-icon-forward:after {
position: absolute;
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-forward:active:before,
.dsm-icon-forward:focus:before,
.dsm-icon-forward:hover:before,
.dsm-icon-forward:active:after,
.dsm-icon-forward:focus:after,
.dsm-icon-forward:hover:after {
transform: translateX(4px);
}
@keyframes dsm-icon-down {
0%, 50%, to {
transform: translateY(0);
}
25%, 75% {
transform: translateY(6px);
}
}
.dsm-icon-down {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-down:before,
.dsm-icon-down:after {
transform: translateZ(0);
}
.dsm-icon-down:active:before,
.dsm-icon-down:focus:before,
.dsm-icon-down:hover:before,
.dsm-icon-down:active:after,
.dsm-icon-down:focus:after,
.dsm-icon-down:hover:after {
animation-name: dsm-icon-down;
animation-duration: 0.75s;
animation-timing-function: ease-out;
}
@keyframes dsm-icon-up {
0%, 50%, to {
transform: translateY(0);
}
25%, 75% {
transform: translateY(-6px);
}
}
.dsm-icon-up {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-up:before,
.dsm-icon-up:after {
transform: translateZ(0);
}
.dsm-icon-up:active:before,
.dsm-icon-up:focus:before,
.dsm-icon-up:hover:before,
.dsm-icon-up:active:after,
.dsm-icon-up:focus:after,
.dsm-icon-up:hover:after {
animation-name: dsm-icon-up;
animation-duration: 0.75s;
animation-timing-function: ease-out;
}
.dsm-icon-spin {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-spin:before,
.dsm-icon-spin:after {
transition-duration: 1s;
transition-property: transform;
transition-timing-function: ease-in-out;
}
.dsm-icon-spin:active:before,
.dsm-icon-spin:focus:before,
.dsm-icon-spin:hover:before,
.dsm-icon-spin:active:after,
.dsm-icon-spin:focus:after,
.dsm-icon-spin:hover:after {
transform: rotate(1turn);
}
@keyframes dsm-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
transform: translateY(-100%);
}
51%, to {
opacity: 1;
}
}
.dsm-icon-drop {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-drop:before,
.dsm-icon-drop:after {
transform: translateZ(0);
}
.dsm-icon-drop:active:before,
.dsm-icon-drop:focus:before,
.dsm-icon-drop:hover:before,
.dsm-icon-drop:active:after,
.dsm-icon-drop:focus:after,
.dsm-icon-drop:hover:after {
opacity: 0;
transition-duration: 0.3s;
animation-name: dsm-icon-drop;
animation-duration: 0.5s;
animation-delay: 0.3s;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.dsm-icon-fade {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-fade:before {
content: "\f00c";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
transition-duration: 0.5s;
transition-property: color;
}
.dsm-icon-fade:active:before,
.dsm-icon-fade:focus:before,
.dsm-icon-fade:hover:before {
color: #0f9e5e;
}
@keyframes dsm-icon-float-away {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translateY(-1em);
}
}
.dsm-icon-float-away {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-float-away:before,
.dsm-icon-float-away:after {
opacity: 0;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
.dsm-icon-float-away:active:before,
.dsm-icon-float-away:focus:before,
.dsm-icon-float-away:hover:before,
.dsm-icon-float-away:active:after,
.dsm-icon-float-away:focus:after,
.dsm-icon-float-away:hover:after {
animation-name: dsm-icon-float-away;
animation-timing-function: ease-out;
}
@keyframes dsm-icon-sink-away {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translateY(1em);
}
}
.dsm-icon-sink-away {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-sink-away:after,
.dsm-icon-sink-away:before {
transform: translateZ(0);
}
.dsm-icon-sink-away:before,
.dsm-icon-sink-away:after {
opacity: 0;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
.dsm-icon-sink-away:active:before,
.dsm-icon-sink-away:focus:before,
.dsm-icon-sink-away:hover:before,
.dsm-icon-sink-away:active:after,
.dsm-icon-sink-away:focus:after,
.dsm-icon-sink-away:hover:after {
animation-name: dsm-icon-sink-away;
animation-timing-function: ease-out;
}
.dsm-icon-grow {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-grow,
.dsm-icon-grow:before,
.dsm-icon-grow:after {
transition-duration: 0.3s;
}
.dsm-icon-grow:before,
.dsm-icon-grow:after {
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-grow:active:before,
.dsm-icon-grow:focus:before,
.dsm-icon-grow:hover:before,
.dsm-icon-grow:active:after,
.dsm-icon-grow:focus:after,
.dsm-icon-grow:hover:after {
transform: scale(1.3) translateZ(0);
}
.dsm-icon-shrink {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-shrink,
.dsm-icon-shrink:before,
.dsm-icon-shrink:after {
transition-duration: 0.3s;
}
.dsm-icon-shrink:before,
.dsm-icon-shrink:after {
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-shrink:active:before,
.dsm-icon-shrink:focus:before,
.dsm-icon-shrink:hover:before,
.dsm-icon-shrink:active:after,
.dsm-icon-shrink:focus:after,
.dsm-icon-shrink:hover:after {
transform: scale(0.8);
}
@keyframes dsm-icon-pulse {
25% {
transform: scale(1.3);
}
75% {
transform: scale(0.8);
}
}
.dsm-icon-pulse {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-pulse:before,
.dsm-icon-pulse:after {
transform: translateZ(0);
transition-timing-function: ease-out;
}
.dsm-icon-pulse:active:before,
.dsm-icon-pulse:focus:before,
.dsm-icon-pulse:hover:before,
.dsm-icon-pulse:active:after,
.dsm-icon-pulse:focus:after,
.dsm-icon-pulse:hover:after {
animation-name: dsm-icon-pulse;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes dsm-icon-pulse-grow {
to {
transform: scale(1.3);
}
}
.dsm-icon-pulse-grow {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-icon-pulse-grow:before,
.dsm-icon-pulse-grow:after {
transform: translateZ(0);
transition-timing-function: ease-out;
}
.dsm-icon-pulse-grow:active:before,
.dsm-icon-pulse-grow:focus:before,
.dsm-icon-pulse-grow:hover:before,
.dsm-icon-pulse-grow:active:after,
.dsm-icon-pulse-grow:focus:after,
.dsm-icon-pulse-grow:hover:after {
animation-name: dsm-icon-pulse-grow;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes dsm-icon-pulse-shrink {
to {
transform: scale(0.8);
}
}
.dsm-icon-pulse-shrink {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-pulse-shrink:before,
.dsm-icon-pulse-shrink:after {
transform: translateZ(0);
transition-timing-function: ease-out;
}
.dsm-icon-pulse-shrink:active:before,
.dsm-icon-pulse-shrink:focus:before,
.dsm-icon-pulse-shrink:hover:before,
.dsm-icon-pulse-shrink:active:after,
.dsm-icon-pulse-shrink:focus:after,
.dsm-icon-pulse-shrink:hover:after {
animation-name: dsm-icon-pulse-shrink;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes dsm-icon-push {
50% {
transform: scale(0.5);
}
}
.dsm-icon-push {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-push,
.dsm-icon-push:before,
.dsm-icon-push:after {
transition-duration: 0.3s;
}
.dsm-icon-push:before,
.dsm-icon-push:after {
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-push:active:before,
.dsm-icon-push:focus:before,
.dsm-icon-push:hover:before,
.dsm-icon-push:active:after,
.dsm-icon-push:focus:after,
.dsm-icon-push:hover:after {
animation-name: dsm-icon-push;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
@keyframes dsm-icon-pop {
50% {
transform: scale(1.5);
}
}
.dsm-icon-pop {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-icon-pop,
.dsm-icon-pop:before,
.dsm-icon-pop:after {
transition-duration: 0.3s;
}
.dsm-icon-pop:before,
.dsm-icon-pop:after {
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-pop:active:before,
.dsm-icon-pop:focus:before,
.dsm-icon-pop:hover:before,
.dsm-icon-pop:active:after,
.dsm-icon-pop:focus:after,
.dsm-icon-pop:hover:after {
animation-name: dsm-icon-pop;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
.dsm-icon-bounce {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-bounce,
.dsm-icon-bounce:before,
.dsm-icon-bounce:after {
transition-duration: 0.3s;
}
.dsm-icon-bounce:before,
.dsm-icon-bounce:after {
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-bounce:active:before,
.dsm-icon-bounce:focus:before,
.dsm-icon-bounce:hover:before,
.dsm-icon-bounce:active:after,
.dsm-icon-bounce:focus:after,
.dsm-icon-bounce:hover:after {
transform: scale(1.5);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.dsm-icon-rotate {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-rotate,
.dsm-icon-rotate:before {
transition-duration: 0.3s;
}
.dsm-icon-rotate:before {
content: "\f0c6";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-rotate:active:before,
.dsm-icon-rotate:focus:before,
.dsm-icon-rotate:hover:before {
transform: rotate(20deg);
}
.dsm-icon-grow-rotate {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-grow-rotate,
.dsm-icon-grow-rotate:before {
transition-duration: 0.3s;
}
.dsm-icon-grow-rotate:before {
content: "\f095";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-grow-rotate:active:before,
.dsm-icon-grow-rotate:focus:before,
.dsm-icon-grow-rotate:hover:before {
transform: scale(1.5) rotate(12deg);
}
.dsm-icon-float {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-float,
.dsm-icon-float:before {
transition-duration: 0.3s;
}
.dsm-icon-float:before {
content: "\f01b";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-float:active:before,
.dsm-icon-float:focus:before,
.dsm-icon-float:hover:before {
transform: translateY(-4px);
}
.dsm-icon-sink {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-sink,
.dsm-icon-sink:before {
transition-duration: 0.3s;
}
.dsm-icon-sink:before {
content: "\f01a";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-sink:active:before,
.dsm-icon-sink:focus:before,
.dsm-icon-sink:hover:before {
transform: translateY(4px);
}
@keyframes dsm-icon-bob {
0% {
transform: translateY(-6px);
}
50% {
transform: translateY(-2px);
}
to {
transform: translateY(-6px);
}
}
@keyframes dsm-icon-bob-float {
to {
transform: translateY(-6px);
}
}
.dsm-icon-bob {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
transition-duration: 0.3s;
}
.dsm-icon-bob:before {
content: "\f077";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
}
.dsm-icon-bob:active:before,
.dsm-icon-bob:focus:before,
.dsm-icon-bob:hover:before {
animation-name: dsm-icon-bob-float, dsm-icon-bob;
animation-duration: 0.3s, 1.5s;
animation-delay: 0s, 0.3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards;
animation-direction: normal, alternate;
}
@keyframes dsm-icon-hang {
0% {
transform: translateY(6px);
}
50% {
transform: translateY(2px);
}
to {
transform: translateY(6px);
}
}
@keyframes dsm-icon-hang-sink {
to {
transform: translateY(6px);
}
}
.dsm-icon-hang {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
transition-duration: 0.3s;
}
.dsm-icon-hang:before {
content: "\f078";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
}
.dsm-icon-hang:active:before,
.dsm-icon-hang:focus:before,
.dsm-icon-hang:hover:before {
animation-name: dsm-icon-hang-sink, dsm-icon-hang;
animation-duration: 0.3s, 1.5s;
animation-delay: 0s, 0.3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards;
animation-direction: normal, alternate;
}
@keyframes dsm-icon-wobble-horizontal {
16.65% {
transform: translateX(6px);
}
33.3% {
transform: translateX(-5px);
}
49.95% {
transform: translateX(4px);
}
66.6% {
transform: translateX(-2px);
}
83.25% {
transform: translateX(1px);
}
to {
transform: translateX(0);
}
}
.dsm-icon-wobble-horizontal {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
transition-duration: 0.3s;
}
.dsm-icon-wobble-horizontal:before {
content: "\f061";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
}
.dsm-icon-wobble-horizontal:active:before,
.dsm-icon-wobble-horizontal:focus:before,
.dsm-icon-wobble-horizontal:hover:before {
animation-name: dsm-icon-wobble-horizontal;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-icon-wobble-vertical {
16.65% {
transform: translateY(6px);
}
33.3% {
transform: translateY(-5px);
}
49.95% {
transform: translateY(4px);
}
66.6% {
transform: translateY(-2px);
}
83.25% {
transform: translateY(1px);
}
to {
transform: translateY(0);
}
}
.dsm-icon-wobble-vertical {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
transition-duration: 0.3s;
}
.dsm-icon-wobble-vertical:before {
content: "\f062";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
}
.dsm-icon-wobble-vertical:active:before,
.dsm-icon-wobble-vertical:focus:before,
.dsm-icon-wobble-vertical:hover:before {
animation-name: dsm-icon-wobble-vertical;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-icon-buzz {
50% {
transform: translateX(3px) rotate(2deg);
}
to {
transform: translateX(-3px) rotate(-2deg);
}
}
.dsm-icon-buzz {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
transition-duration: 0.3s;
}
.dsm-icon-buzz:before {
content: "\f017";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
}
.dsm-icon-buzz:active:before,
.dsm-icon-buzz:focus:before,
.dsm-icon-buzz:hover:before {
animation-name: dsm-icon-buzz;
animation-duration: 0.15s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes dsm-icon-buzz-out {
10% {
transform: translateX(3px) rotate(2deg);
}
20% {
transform: translateX(-3px) rotate(-2deg);
}
30% {
transform: translateX(3px) rotate(2deg);
}
40% {
transform: translateX(-3px) rotate(-2deg);
}
50% {
transform: translateX(2px) rotate(1deg);
}
60% {
transform: translateX(-2px) rotate(-1deg);
}
70% {
transform: translateX(2px) rotate(1deg);
}
80% {
transform: translateX(-2px) rotate(-1deg);
}
90% {
transform: translateX(1px) rotate(0);
}
to {
transform: translateX(-1px) rotate(0);
}
}
.dsm-icon-buzz-out {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
transition-duration: 0.3s;
}
.dsm-icon-buzz-out:before {
content: "\f023";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
}
.dsm-icon-buzz-out:active:before,
.dsm-icon-buzz-out:focus:before,
.dsm-icon-buzz-out:hover:before {
animation-name: dsm-icon-buzz-out;
animation-duration: 0.75s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
.dsm-curl-top-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-curl-top-left:before {
pointer-events: none;
position: absolute;
content: "";
height: 0;
width: 0;
top: 0;
left: 0;
background: #fff;
background: linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#ffffff", endColorstr="#000000");
z-index: 1000;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
transition-duration: 0.3s;
transition-property: width, height;
}
.dsm-curl-top-left:active:before,
.dsm-curl-top-left:focus:before,
.dsm-curl-top-left:hover:before {
width: 25px;
height: 25px;
}
.dsm-curl-top-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-curl-top-right:before {
pointer-events: none;
position: absolute;
content: "";
height: 0;
width: 0;
top: 0;
right: 0;
background: #fff;
background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
transition-duration: 0.3s;
transition-property: width, height;
}
.dsm-curl-top-right:active:before,
.dsm-curl-top-right:focus:before,
.dsm-curl-top-right:hover:before {
width: 25px;
height: 25px;
}
.dsm-curl-bottom-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-curl-bottom-right:before {
pointer-events: none;
position: absolute;
content: "";
height: 0;
width: 0;
bottom: 0;
right: 0;
background: #fff;
background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
transition-duration: 0.3s;
transition-property: width, height;
}
.dsm-curl-bottom-right:active:before,
.dsm-curl-bottom-right:focus:before,
.dsm-curl-bottom-right:hover:before {
width: 25px;
height: 25px;
}
.dsm-curl-bottom-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-curl-bottom-left:before {
pointer-events: none;
position: absolute;
content: "";
height: 0;
width: 0;
bottom: 0;
left: 0;
background: #fff;
background: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
transition-duration: 0.3s;
transition-property: width, height;
}
.dsm-curl-bottom-left:active:before,
.dsm-curl-bottom-left:focus:before,
.dsm-curl-bottom-left:hover:before {
width: 25px;
height: 25px;
} .dsm-tooltip {
display: inline-flex;
}
div[data-dsm-tooltip] {
overflow: visible;
}
.dsm-tooltip[data-dsm-tooltip] {
position: relative;
cursor: pointer;
}
.dsm-tooltip[data-dsm-tooltip]:after {
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
pointer-events: none;
transition: all 0.18s ease-out 0.18s;
font-family: inherit;
font-weight: normal;
font-style: normal;
text-shadow: none;
font-size: 12px;
background: rgba(17, 17, 17, 0.9);
border-radius: 0.25rem;
color: #fff;
content: attr(data-dsm-tooltip);
text-align: center;
position: absolute;
white-space: nowrap;
line-height: 1.7em;
z-index: 12;
}
.dsm-tooltip[data-dsm-tooltip]:before {
background: transparent;
border: 6px solid transparent;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
pointer-events: none;
transition: all 0.18s ease-out 0.18s;
content: "";
position: absolute;
z-index: 12;
}
.dsm-tooltip[data-dsm-tooltip]:hover:before,
.dsm-tooltip[data-dsm-tooltip]:hover:after,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-visible]:before,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-visible]:after {
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
pointer-events: auto;
}
.dsm-tooltip[data-dsm-tooltip].font-awesome:after {
font-family: FontAwesome;
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-break]:after {
white-space: pre;
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-blunt]:before,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-blunt]:after {
transition: none;
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=top]:after {
bottom: 100%;
left: 50%;
margin-bottom: 12px;
transform: translate(-50%, 0); }
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=top]:before {
bottom: 100%;
left: 50%;
border-top-color: rgba(17, 17, 17, 0.9);
transform: translate(-50%, 0); }
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=top].dsm-tooltip-fade-in-direction:before,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=top].dsm-tooltip-fade-in-direction:after {
transform: translate(-50%, 20px);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=top]:hover:after,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=top][data-dsm-tooltip-visible]:after {
transform: translate(-50%, 0);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=top]:hover:before,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=top][data-dsm-tooltip-visible]:before {
transform: translate(-50%, 0);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=top-left]:after {
bottom: 100%;
left: 0;
margin-bottom: 11px;
transform: translate(0, 10px);
transform-origin: top;
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=top-left]:before {
bottom: 100%;
left: 5px;
margin-bottom: 5px;
transform: translate(0, 10px);
transform-origin: top;
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=top-left]:hover:after,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=top-left][data-dsm-tooltip-visible]:after {
transform: translate(0, 0);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=top-left]:hover:before,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=top-left][data-dsm-tooltip-visible]:before {
transform: translate(0, 0);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=top-right]:after {
bottom: 100%;
right: 0;
margin-bottom: 11px;
transform: translate(0, 10px);
transform-origin: top;
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=top-right]:before {
bottom: 100%;
right: 5px;
margin-bottom: 5px;
transform: translate(0, 10px);
transform-origin: top;
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=top-right]:hover:after,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=top-right][data-dsm-tooltip-visible]:after {
transform: translate(0, 0);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=top-right]:hover:before,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=top-right][data-dsm-tooltip-visible]:before {
transform: translate(0, 0);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=bottom]:after {
left: 50%;
margin-top: 12px;
top: 100%;
transform: translate(-50%, 0);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=bottom]:before {
border-bottom-color: rgba(17, 17, 17, 0.9);
left: 50%;
top: 100%;
transform: translate(-50%, 0);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=bottom].dsm-tooltip-fade-in-direction:before,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=bottom].dsm-tooltip-fade-in-direction:after {
transform: translate(-50%, -20px);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=bottom]:hover:after,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=bottom][data-dsm-tooltip-visible]:after {
transform: translate(-50%, 0);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=bottom]:hover:before,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=bottom][data-dsm-tooltip-visible]:before {
transform: translate(-50%, 0);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=bottom-left]:after {
left: 0;
margin-top: 11px;
top: 100%;
transform: translate(0, -10px);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=bottom-left]:before {
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817, 17, 17, 0.9%29%22%20transform%3D%22rotate%28180 18 6%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
background-size: 100% auto;
width: 18px;
height: 6px;
left: 5px;
margin-top: 5px;
top: 100%;
transform: translate(0, -10px);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=bottom-left]:hover:after,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=bottom-left][data-dsm-tooltip-visible]:after {
transform: translate(0, 0);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=bottom-left]:hover:before,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=bottom-left][data-dsm-tooltip-visible]:before {
transform: translate(0, 0);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=bottom-right]:after {
right: 0;
margin-top: 11px;
top: 100%;
transform: translate(0, -10px);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=bottom-right]:before {
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817, 17, 17, 0.9%29%22%20transform%3D%22rotate%28180 18 6%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
background-size: 100% auto;
width: 18px;
height: 6px;
right: 5px;
margin-top: 5px;
top: 100%;
transform: translate(0, -10px);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=bottom-right]:hover:after,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=bottom-right][data-dsm-tooltip-visible]:after {
transform: translate(0, 0);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=bottom-right]:hover:before,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=bottom-right][data-dsm-tooltip-visible]:before {
transform: translate(0, 0);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=left]:after {
margin-right: 12px;
right: 100%;
top: 50%;
transform: translate(0, -50%);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=left]:before {
border-left-color: rgba(17, 17, 17, 0.9);
right: 100%;
top: 50%;
transform: translate(0, -50%);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=left].dsm-tooltip-fade-in-direction:before,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=left].dsm-tooltip-fade-in-direction:after {
transform: translate(20px, -50%);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=left]:hover:after,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=left][data-dsm-tooltip-visible]:after {
transform: translate(0, -50%);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=left]:hover:before,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=left][data-dsm-tooltip-visible]:before {
transform: translate(0, -50%);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=right]:after {
left: 100%;
margin-left: 12px;
top: 50%;
transform: translate(0, -50%);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=right]:before {
border-right-color: rgba(17, 17, 17, 0.9);
left: 100%;
top: 50%;
transform: translate(0, -50%);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=right].dsm-tooltip-fade-in-direction:before,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=right].dsm-tooltip-fade-in-direction:after {
transform: translate(-20px, -50%);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=right]:hover:after,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=right][data-dsm-tooltip-visible]:after {
transform: translate(0, -50%);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=right]:hover:before,
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-placement=right][data-dsm-tooltip-visible]:before {
transform: translate(0, -50%);
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-size=small]:after {
white-space: nowrap;
padding: 0.2rem 0.4rem;
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-size=regular]:after {
white-space: nowrap;
padding: 0.3rem 0.6rem;
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-size=large]:after {
white-space: nowrap;
padding: 0.4rem 0.8rem;
}
.dsm-tooltip[data-dsm-tooltip][data-dsm-tooltip-size=xlarge]:after {
white-space: nowrap;
width: 380px;
}
.dsm_button .dsm-button-separator-text {
margin-left: 10px;
margin-right: 10px;
}
.dsm_button .et_pb_button_two {
margin-left: 20px;
}
.dsm_business_hours_child {
margin-bottom: 0px !important;
}
.dsm_business_hours_child > div,
.dsm_business_hours_item_wrapper,
.dsm-business-hours-header,
.dsm-business-hours-description {
display: flex;
align-items: center;
}
.dsm_business_hours_item_wrapper {
flex-wrap: wrap;
flex-grow: 1;
}
.dsm-business-hours-header {
align-items: center;
flex-basis: 100%;
justify-content: space-between;
}
.dsm-business-hours-title {
padding-bottom: 0;
font-size: 14px;
line-height: 1em;
color: #333;
}
.dsm-business-hours-separator {
flex-grow: 1;
margin-left: 10px;
margin-right: 10px;
border-bottom-style: none;
border-bottom-width: 2px;
height: 0;
}
.dsm-business-hours-description {
flex-basis: 100%;
}
.dsm-business-hours-price {
font-size: 14px;
}
.dsm-business-hours-image {
max-width: 50%;
flex-shrink: 0;
margin-right: 25px;
line-height: 0;
}
.et_pb_column .dsm_business_hours_child.et_pb_module {
margin-bottom: 0 !important;
}
.dsm_business_hours .dsm-business-hours-separator {
border-bottom-style: none;
border-bottom-width: 2px;
border-bottom-color: #333333;
margin-left: 10px;
margin-right: 10px;
}
.dsm_business_hours .dsm_business_hours_child {
border-bottom-width: 1px;
border-bottom-color: rgba(0, 0, 0, 0.12);
}
.dsm_card {
overflow: hidden;
}
.dsm_card.dsm-link {
cursor: pointer;
}
.dsm_card .et_pb_module_inner {
width: 100%;
}
.et_pb_equal_columns .dsm_card {
display: flex;
height: 100%;
}
.et_pb_equal_columns .dsm_card_vb_outer_wrapper {
height: 100%;
display: flex;
}
.et_pb_equal_columns .dsm_card.dsm_card_image_as_background .dsm_card_wrapper {
display: flex;
height: calc(100% - 240px);
flex-direction: column;
justify-content: center;
}
.dsm_card_layout_inline,
.dsm_card_layout_inline .et_pb_module_inner {
display: flex;
align-items: center;
width: 100%;
}
.dsm_card_layout_inline .dsm_card_image_wrapper {
flex: 0 0 50%;
}
.dsm_card .dsm_card_wrapper {
padding: 20px;
}
.dsm_card_icon {
display: inline-block;
line-height: 0;
max-width: 100%;
}
.dsm_card_icon_wrap {
display: block;
margin: auto;
overflow: visible;
}
.dsm_card_image_wrapper {
margin: 0;
padding: 0;
position: relative;
width: 100%;
line-height: 0;
border-style: solid;
border-width: 0;
justify-content: flex-start;
display: flex;
}
.dsm_card_badge_text {
position: absolute;
padding: 7px 15px;
max-width: 100%;
border-radius: 50px;
background-color: #fff;
font-size: 12px;
border-style: solid;
border-width: 0;
line-height: 1em;
z-index: 3;
}
.dsm_badge_icon_wrap {
padding-right: 5px;
font-size: 12px;
}
.dsm_card_badge_top_right .dsm_card_badge_text {
top: 1rem;
right: 1rem;
}
.dsm_card_badge_top_left .dsm_card_badge_text {
top: 1rem;
left: 1rem;
}
.dsm_card_badge_top_center .dsm_card_badge_text {
top: 1rem;
left: 50%;
transform: translateX(-50%);
}
.dsm_card_badge_bottom_right .dsm_card_badge_text {
bottom: 1rem;
right: 1rem;
}
.dsm_card_badge_bottom_left .dsm_card_badge_text {
bottom: 1rem;
left: 1rem;
}
.dsm_card_badge_bottom_center .dsm_card_badge_text {
bottom: 1rem;
left: 50%;
transform: translateX(-50%);
}
.dsm_card_badge_center .dsm_card_badge_text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.dsm_card_badge_center_left {
display: flex;
justify-content: left;
align-items: center;
}
.dsm_card_badge_center_left .dsm_card_badge_text {
left: 1rem;
}
.dsm_card_badge_center_right {
display: flex;
justify-content: right;
align-items: center;
}
.dsm_card_badge_center_right .dsm_card_badge_text {
right: 1rem;
}
.dsm_card_image_background {
position: absolute;
width: 100%;
height: 100%;
}
.dsm_card_img {
display: block;
align-self: center;
}
.dsm_card_image_stretch {
width: 100%;
}
.dsm_card .et_pb_button {
display: inline-block;
margin-top: 10px;
} .dsm_card .et_overlay {
border-width: 0;
}
.dsm_card_image_wrapper .dsm-card-icon-empty.et_overlay:before {
display: none;
}
.dsm-card-overlay-on:hover .et_overlay {
opacity: 1;
z-index: 1 !important;
}
.dsm_card.dsm-card-overlay-off .et_overlay {
opacity: 1 !important;
}
.dsm_card_image_wrapper .et_overlay {
display: flex;
}
.dsm_card_image_wrapper .et_overlay:before { margin: 0;
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.dsm_card_image_wrapper .et_overlay {
position: absolute;
top: 0;
left: auto;
display: block;
width: 100%;
height: 100%;
opacity: 0;
transition: all 0.3s;
box-sizing: border-box;
backface-visibility: hidden;
} .dsm_card_image_animation .dsm_card_image_wrapper {
overflow: hidden;
}
.dsm_card_image_animation_zoom_in:hover .dsm_card_image_background {
transform: scale(1.5);
}
.dsm_card_image_animation_zoom_out .dsm_card_image_background {
transform: scale(1.5);
}
.dsm_card_image_animation_zoom_out:hover .dsm_card_image_background {
transform: scale(1);
}
.dsm_card_image_animation_zoom_in_n_rotate:hover .dsm_card_image_background {
transform: scale(1.5) rotate(25deg);
}
.dsm_card_image_animation_zoom_out_n_rotate .dsm_card_image_background {
transform: scale(1.5) rotate(25deg);
}
.dsm_card_image_animation_zoom_out_n_rotate:hover .dsm_card_image_background {
transform: scale(1) rotate(0);
}
@media only screen and (max-width: 980px) {
.dsm_card_tablet_layout_stacked .et_pb_module_inner,
.dsm_card_layout_inline.dsm_card_tablet_layout_stacked .et_pb_module_inner {
display: initial;
}
.dsm_card_tablet_layout_inline .et_pb_module_inner {
display: flex;
}
.dsm_card_tablet_layout_inline .dsm_card_image_wrapper {
order: 0;
flex: 0 0 50%;
}
}
@media only screen and (max-width: 767px) {
.dsm_card_phone_layout_stacked .et_pb_module_inner,
.dsm_card_layout_inline.dsm_card_phone_layout_stacked .et_pb_module_inner {
display: initial;
}
.dsm_card_phone_layout_inline .et_pb_module_inner {
display: flex;
}
.dsm_card_phone_layout_inline .dsm_card_image_wrapper {
order: 0;
flex: 0 0 50%;
}
}
.dsm_card .dsm_card_image_background {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.dsm_card .et-pb-icon {
font-size: 96px;
}
.dsm_card .et_overlay::before {
font-size: 32px;
}
.dsm_card.dsm_card_layout_inline .dsm_card_image_wrapper {
flex: 0 0 50%;
}
.dsm-toggle label {
cursor: pointer;
}
.dsm-toggle {
justify-content: center;
display: flex;
align-items: center;
flex-direction: row;
}
.dsm-toggle-left {
margin-right: 2%;
}
.dsm-toggle-left,
.dsm-toggle-right {
cursor: pointer;
}
.dsm-toggle-head-one {
margin: 0;
padding: 0;
}
.dsm-toggle-btn {
align-items: center;
}
.dsm-switch-label {
position: relative;
display: inline-block;
width: 4.5em;
height: 2.3em;
vertical-align: middle;
}
.dsm-switch-label .dsm-toggle-switch {
display: none;
}
.dsm-switch-inner {
border-radius: 1.5em;
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: 0.4s;
}
.dsm-switch-inner:before {
border-radius: 50%;
position: absolute;
content: "";
height: 1.8em;
width: 1.8em;
left: 0.25em;
bottom: 0.25em;
transition: 0.4s;
}
.dsm-toggle-right {
margin-left: 2%;
}
.dsm-toggle-head-two {
margin: 0;
padding: 0;
}
.dsm-toggle-switch:checked + .dsm-switch-inner:before {
transform: translateX(2.1em);
}
.dsm-content-toggle-body .et-waypoint:not(.et_pb_counters) {
opacity: 1 !important;
}
.dsm-content-force-fullwidth .et_pb_section > .et_pb_row {
width: 100%;
}
.dsm-content-toggle-front,
.dsm-content-toggle-back {
margin-top: 25px;
border-style: solid;
}
.dsm_content_toggle .dsm-toggle-btn {
font-size: 15px;
}
.dsm_content_toggle .dsm-content-toggle-front,
.dsm_content_toggle .dsm-content-toggle-back {
margin-top: 25px;
}
.dsm_content_toggle .dsm-toggle {
justify-content: center;
}
.dsm_content_toggle .dsm-switch-inner {
background-color: #d3d3d3;
}
.dsm_content_toggle .dsm-toggle-switch:checked + .dsm-switch-inner {
background-color: #2ecc71;
}
.dsm_content_toggle .dsm-switch-inner::before {
background-color: #ffffff;
}
.dsm_content_timeline .dsm-content-timeline-content-wrapper,
.dsm_content_timeline .dsm-content-timeline-content-wrapper::before {
background-color: #f6f6f6;
}
.dsm_content_timeline .dsm-content-timeline-middle-circle {
background-color: #4161d4;
transition: background-color var(--tree-animation-speed, 100ms) cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow var(--tree-animation-speed, 100ms) cubic-bezier(0.25, 0.1, 0.25, 1);
}
.dsm_content_timeline .dsm-content-timeline-middle-circle.dsm-timeline-pointer-active {
background-color: #7cda24;
}
.dsm_content_timeline .dsm-content-timeline-middle-circle .dsm-icon {
color: #ffffff;
font-size: 20px;
transition: color var(--tree-animation-speed, 100ms) cubic-bezier(0.25, 0.1, 0.25, 1);
}
.dsm_content_timeline .dsm-content-timeline-middle-line {
background-color: #4161d4;
}
.dsm_content_timeline .dsm-content-timeline-middle .dsm-content-timeline-tree-animation {
background-color: #e09900;
}
.dsm_content_timeline .dsm-content-timeline-middle-line,
.dsm_content_timeline .dsm-content-timeline-middle .dsm-content-timeline-tree-animation {
width: 3px;
}
.dsm_content_timeline .dsm-icon-wrapper .dsm-icon {
color: #000000;
font-size: 32px;
}
.dsm_content_timeline .dsm-image-wrapper .dsm-image {
max-width: 100%;
}
.dsm_content_timeline .dsm-content-timeline-content-wrapper {
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
}
.dsm_content_timeline .dsm-content-timeline-middle-circle.dsm-timeline-pointer-active .dsm-icon {
color: #000000;
}  .dsm-content-timeline-content-wrapper,
.dsm-content-timeline-content-wrapper::before {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.dsm-content-timeline-items-wrapper .dsm-content-timeline-content-wrapper {
position: relative;
box-sizing: border-box;
margin: 0 0 60px;
width: 100%;
will-change: transform;
overflow: visible !important;
} .dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-content-wrapper {
will-change: auto;
}
.dsm-content-timeline-items-wrapper .dsm-icon-wrapper {
line-height: 1;
}
.dsm-content-timeline-items-wrapper .dsm-content-timeline-content-wrapper .dsm-image {
height: -moz-fit-content;
height: fit-content;
line-height: 0;
}
.dsm-content-timeline-items-wrapper .dsm-content-timeline-content-wrapper .dsm-icon {
margin-bottom: 10px;
}
.dsm-content-timeline-items-wrapper .dsm-content-timeline-content-wrapper .dsm-timeline-content .et_pb_button {
display: inline-block;
margin-top: 15px;
}
.dsm-content-timeline-items-wrapper .dsm-icon,
.dsm-content-timeline-items-wrapper .dsm-pointer-icon {
font-family: ETmodules, sans-serif;
line-height: 1;
font-size: 20px;
font-style: normal;
direction: ltr;
}
.dsm-content-timeline-items-wrapper .et_pb_module {
margin-bottom: 0 !important;
}
.dsm-content-timeline-content-wrapper .dsm-description {
margin-bottom: 15px;
}
.dsm-content-timeline-items-wrapper .dsm-image {
display: inline-block;
overflow: hidden;
line-height: 1;
}
.dsm-content-timeline-items-wrapper .dsm-icon {
display: inline-block;
line-height: 1em;
}
.dsm-content-timeline-items-wrapper {
--spacing: 20px;
display: grid;
-moz-column-gap: var(--spacing);
column-gap: var(--spacing);
grid-template-columns: 1fr 8px 1fr;
}
.dsm-content-timeline-items-wrapper.right:not(.dsm-no-opposite-text) {
--spacing: 20px;
display: grid;
-moz-column-gap: var(--spacing);
column-gap: var(--spacing);
grid-template-columns: 1fr 8px calc(10% - 8px);
}
.dsm-content-timeline-items-wrapper.right.dsm-no-opposite-text {
--spacing: 20px;
display: grid;
-moz-column-gap: var(--spacing);
column-gap: var(--spacing);
grid-template-columns: 1fr 8px 0px;
}
.dsm-content-timeline-items-wrapper.left:not(.dsm-no-opposite-text) {
--spacing: 20px;
display: grid;
-moz-column-gap: var(--spacing);
column-gap: var(--spacing);
grid-template-columns: calc(10% - 8px) 8px 1fr;
grid-auto-flow: dense;
}
.dsm-content-timeline-items-wrapper.left.dsm-no-opposite-text {
--spacing: 20px;
display: grid;
-moz-column-gap: var(--spacing);
column-gap: var(--spacing);
grid-template-columns: 0px 17px 1fr;
grid-auto-flow: dense;
}
.dsm-content-timeline-items-wrapper.left .dsm_content_timeline_child {
grid-column: 3;
grid-row: calc(var(--item-index) + 1);
}
.dsm-content-timeline-items-wrapper.left .dsm-content-timeline-middle {
grid-column: 2;
grid-row: calc(var(--item-index) + 1);
}
.dsm-content-timeline-items-wrapper.left .dsm-content-timeline-opposite {
grid-column: 1;
grid-row: calc(var(--item-index) + 1);
}
.dsm-content-timeline-items-wrapper > .dsm_content_timeline_child:not(.dsm-last) {
margin-bottom: var(--spacing);
}
.dsm_content_timeline_child {
box-sizing: border-box;
}
.dsm-content-timeline-middle {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.dsm-last-middle .dsm-content-timeline-tree-animation {
display: none;
}
.dsm-content-timeline-middle .dsm-content-timeline-tree-animation {
width: calc(100% + 2px);
height: var(--tree-filled, 0%);
z-index: 1;
background-color: red;
position: absolute;
top: 0;
will-change: height;
}
.dsm-content-timeline-items-wrapper.dsm-init .dsm-content-timeline-tree-animation {
transition: height var(--tree-animation-speed, 100ms) cubic-bezier(0.25, 0.1, 0.25, 1);
}
.dsm-content-timeline-middle-circle {
width: var(--pointer-size, 20px);
height: var(--pointer-size, 20px);
border-radius: 100%;
z-index: 2;
aspect-ratio: 1/1;
display: flex;
align-items: center;
justify-content: center;
transition: background-color var(--tree-animation-speed, 100ms) cubic-bezier(0.25, 0.1, 0.25, 1), color var(--tree-animation-speed, 100ms) cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow var(--tree-animation-speed, 100ms) cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.dsm-content-timeline-middle-circle.dsm-timeline-pointer-active {
background-color: green;
}
.dsm-content-timeline-middle-line {
height: 100%;
}
.dsm_content_timeline .dsm-content-timeline-middle.dsm-last-middle .dsm-content-timeline-middle-line {
background-color: transparent !important;
width: 0px !important;
} .dsm-content-timeline-items-wrapper.center {
--spacing: 20px;
display: grid;
-moz-column-gap: var(--spacing);
column-gap: var(--spacing);
grid-template-columns: 1fr 8px 1fr;
}
.dsm-content-timeline-items-wrapper.center > .dsm-content-timeline-opposite:nth-child(odd) {
display: flex;
align-items: flex-start;
justify-content: flex-end;
text-align: right;
}
.dsm-content-timeline-items-wrapper.center > .dsm-content-timeline-opposite:nth-child(even) {
display: flex;
align-items: flex-start;
justify-content: flex-start;
} .dsm-content-timeline-items-wrapper.center .dsm_content_timeline_child:nth-child(6n),
.dsm-content-timeline-items-wrapper.center .dsm_content_timeline_child:nth-child(6n-1) {
grid-column: 3;
grid-row: calc(var(--item-index) + 1);
}
.dsm-content-timeline-items-wrapper.center .dsm-content-timeline-middle:nth-child(6n+2),
.dsm-content-timeline-items-wrapper.center .dsm-content-timeline-middle:nth-child(6n+1) {
grid-column: 2;
grid-row: calc(var(--item-index) + 1);
}
.dsm-content-timeline-items-wrapper.center .dsm-content-timeline-opposite:nth-child(6n+3),
.dsm-content-timeline-items-wrapper.center .dsm-content-timeline-opposite:nth-child(6n+2) {
grid-column: 1;
grid-row: calc(var(--item-index) + 1);
} .dsm-content-timeline-items-wrapper.center .dsm_content_timeline_child:nth-child(6n+3),
.dsm-content-timeline-items-wrapper.center .dsm_content_timeline_child:nth-child(6n+4) {
grid-column: 1;
grid-row: calc(var(--item-index) + 1);
}
.dsm-content-timeline-items-wrapper.center .dsm-content-timeline-middle:nth-child(6n+5),
.dsm-content-timeline-items-wrapper.center .dsm-content-timeline-middle:nth-child(6n+4) {
grid-column: 2;
grid-row: calc(var(--item-index) + 1);
}
@container dsm-items-wrapper style(--direction: left) {
.dsm-content-timeline-items-wrapper {
background-color: red;
}
} .dsm-content-timeline-items-wrapper.center .dsm_content_timeline_child.dsm-content-timeline-item .dsm-content-timeline-content-wrapper {
position: relative;
} .dsm-show-arrow .dsm-content-timeline-items-wrapper.left .dsm_content_timeline_child.dsm-content-timeline-item .dsm-content-timeline-content-wrapper::before {
content: "";
position: absolute;
top: 5px;
right: 100%;
left: auto;
clip-path: polygon(100% 0, 0 50%, 100% 100%);
width: 15px;
height: 20px;
} .dsm-show-arrow .dsm-content-timeline-items-wrapper.center .dsm_content_timeline_child.dsm-content-timeline-item:nth-child(odd) .dsm-content-timeline-content-wrapper::before {
content: "";
position: absolute;
top: 5px;
right: 100%;
left: auto;
clip-path: polygon(100% 0, 0 50%, 100% 100%);
width: 15px;
height: 20px;
}
.dsm-show-arrow .dsm-content-timeline-items-wrapper.center .dsm_content_timeline_child.dsm-content-timeline-item:nth-child(even) .dsm-content-timeline-content-wrapper::before {
content: "";
position: absolute;
top: 5px;
left: 100%;
clip-path: polygon(0 0, 0 100%, 100% 50%);
width: 15px;
height: 20px;
} .dsm-show-arrow .dsm-content-timeline-items-wrapper.right .dsm_content_timeline_child.dsm-content-timeline-item .dsm-content-timeline-content-wrapper::before {
content: "";
position: absolute;
top: 5px;
left: 100%;
clip-path: polygon(0 0, 0 100%, 100% 50%);
width: 15px;
height: 20px;
overflow: visible !important;
} .dsm-image-icon_placement-left .dsm-content-timeline-content-wrapper {
display: flex;
}
.dsm-image-icon_placement-left .dsm-content-timeline-content-wrapper .dsm-image,
.dsm-image-icon_placement-left .dsm-content-timeline-content-wrapper .dsm-icon {
width: 100px;
margin-right: 10px;
}
@media (max-width: 980px) and (min-width: 600px) {
.dsm-image-icon_placement-tablet-top .dsm-content-timeline-content-wrapper {
display: flex !important;
flex-direction: column !important;
}
.dsm-image-icon_placement-tablet-left .dsm-content-timeline-content-wrapper {
display: flex !important;
}
.dsm-image-icon_placement-tablet-left .dsm-content-timeline-content-wrapper .dsm-image,
.dsm-image-icon_placement-tablet-left .dsm-content-timeline-content-wrapper .dsm-icon {
width: 100px !important;
margin-right: 10px !important;
}
}
@media (max-width: 599px) {
.dsm-image-icon_placement-mobile-top .dsm-content-timeline-content-wrapper {
display: flex !important;
flex-direction: column !important;
}
.dsm-image-icon_placement-mobile-left .dsm-content-timeline-content-wrapper {
display: flex !important;
}
.dsm-image-icon_placement-mobile-left .dsm-content-timeline-content-wrapper .dsm-image,
.dsm-image-icon_placement-mobile-left .dsm-content-timeline-content-wrapper .dsm-icon {
width: 50px !important;
margin-right: 10px !important;
}
} @media (max-width: 767px) {
.dsm-content-timeline-items-wrapper .dsm-content-timeline-content-wrapper {
width: 100% !important;
}
} .dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] { }
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-item-wrapper.dsm-timeline-item-pending,
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-item-wrapper.dsm-timeline-item-in-view,
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-opposite.dsm-timeline-item-pending,
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-opposite.dsm-timeline-item-in-view {
transition: opacity var(--item-scroll-duration, 600ms) cubic-bezier(0.22, 1, 0.36, 1), transform var(--item-scroll-duration, 600ms) cubic-bezier(0.22, 1, 0.36, 1);
}
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] { }
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-item-wrapper.dsm-timeline-item-pending[data-dsm-scroll-dir=left],
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-opposite.dsm-timeline-item-pending[data-dsm-scroll-dir=left] {
opacity: 0 !important;
transform: translate3d(-28px, 0, 0) !important;
}
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-item-wrapper.dsm-timeline-item-pending[data-dsm-scroll-dir=right],
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-opposite.dsm-timeline-item-pending[data-dsm-scroll-dir=right] {
opacity: 0 !important;
transform: translate3d(28px, 0, 0) !important;
}
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-item-wrapper.dsm-timeline-item-pending[data-dsm-scroll-dir=fade],
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-opposite.dsm-timeline-item-pending[data-dsm-scroll-dir=fade] {
opacity: 0 !important;
transform: translate3d(0, 0, 0) !important;
}
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-item-wrapper.dsm-timeline-item-in-view,
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-opposite.dsm-timeline-item-in-view {
opacity: 1 !important;
transform: translate3d(0, 0, 0) !important;
}
@media (prefers-reduced-motion: reduce) {
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-item-wrapper.dsm-timeline-item-pending,
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-item-wrapper.dsm-timeline-item-in-view,
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-opposite.dsm-timeline-item-pending,
.dsm-content-timeline-items-wrapper[data-item-scroll-animation=on] .dsm-content-timeline-opposite.dsm-timeline-item-in-view {
opacity: 1 !important;
transform: translate3d(0, 0, 0) !important;
transition: none !important;
} .dsm-content-timeline-items-wrapper .dsm-content-timeline-tree-animation {
--tree-filled: 100%;
}
} .dsm-content-timeline-items-wrapper .dsm-timeline-content a:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
@media (max-width: 1026px) {
.dsm-image-icon_placement-left .dsm-content-timeline-content-wrapper {
display: flex;
}
.dsm-image-icon_placement-left .dsm-content-timeline-content-wrapper .dsm-image,
.dsm-image-icon_placement-left .dsm-content-timeline-content-wrapper .dsm-icon {
width: 100px;
margin-right: 10px;
}
}
@media (max-width: 908px) {
.dsm-image-icon_placement-tablet-left .dsm-content-timeline-content-wrapper {
display: flex;
}
.dsm-image-icon_placement-tablet-left .dsm-content-timeline-content-wrapper .dsm-image,
.dsm-image-icon_placement-tablet-left .dsm-content-timeline-content-wrapper .dsm-icon {
width: 100px;
margin-right: 10px;
}
}
@media (max-width: 600px) {
.dsm-image-icon_placement-phone-top .dsm-content-timeline-content-wrapper {
display: flex !important;
flex-direction: column !important;
}
.dsm-image-icon_placement-phone-left .dsm-content-timeline-content-wrapper {
display: flex !important;
}
.dsm-image-icon_placement-phone-left .dsm-content-timeline-content-wrapper .dsm-image,
.dsm-image-icon_placement-phone-left .dsm-content-timeline-content-wrapper .dsm-icon {
width: 100px !important;
margin-right: 10px !important;
}
}
.dsm_dual_heading .dsm-dual-heading-main {
font-size: 26px;
line-height: 1em;
}
.dsm-dual-heading-parts {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.dsm-dual-heading-parts.dsm-dual-heading-parts-is-column {
flex-direction: column;
align-items: stretch;
}
.dsm-dual-heading-parts.dsm-dual-heading-parts-is-column.dsm-dual-heading-parts-column-cross-start {
align-items: flex-start;
}
.dsm-dual-heading-parts.dsm-dual-heading-parts-is-column.dsm-dual-heading-parts-column-cross-center {
align-items: center;
}
.dsm-dual-heading-parts.dsm-dual-heading-parts-is-column.dsm-dual-heading-parts-column-cross-end {
align-items: flex-end;
}
.dsm-dual-heading-parts > .dsm-dual-heading-before,
.dsm-dual-heading-parts > .dsm-dual-heading-middle,
.dsm-dual-heading-parts > .dsm-dual-heading-after {
border-style: solid;
border-color: #333333;
display: inline-block;
min-width: 0;
vertical-align: middle;
white-space: pre-wrap;
}
.dsm-dual-heading-parts > span > span {
display: contents;
}
.dsm-dual-heading-parts > .dsm-dual-heading-before.dsm-before-display-block,
.dsm-dual-heading-parts > .dsm-dual-heading-middle.dsm-middle-display-block,
.dsm-dual-heading-parts > .dsm-dual-heading-after.dsm-after-display-block {
flex: 1 1 100%;
min-width: 100%;
}
.dsm_dual_heading .dsm-dual-heading-before {
line-height: 1em;
}
.dsm_dual_heading .dsm-dual-heading-middle {
line-height: 1em;
}
.dsm_dual_heading .dsm-dual-heading-after {
line-height: 1em;
}
.dsm_embed_google_map iframe {
display: block; width: 100%;
}
.dsm-faq-container .dsm-faq-item-wrapper {
border: 1px solid #d9d9d9;
padding: 20px;
transition: all 0.2s ease;
}
.dsm-faq-container .dsm-faq-item-wrapper .dsm-title-wrapper {
position: relative;
cursor: pointer;
display: flex;
align-items: center;
}
.dsm-faq-container .dsm-faq-item-wrapper .dsm_open_icon,
.dsm-faq-container .dsm-faq-item-wrapper .dsm_faq-item-open_icon,
.dsm-faq-container .dsm-faq-item-wrapper .dsm_open_icon,
.dsm-faq-container .dsm-faq-item-wrapper .dsm_faq-item-open_icon {
opacity: 0;
position: absolute;
line-height: 1em;
}
.dsm-faq-container .dsm-faq-item-wrapper.dsm-faq-item-active .dsm_open_icon,
.dsm-faq-container .dsm-faq-item-wrapper.dsm-faq-item-active .dsm_faq-item-open_icon,
.dsm-faq-container .dsm-faq-item-wrapper.dsm-faq-item-active .dsm_open_icon,
.dsm-faq-container .dsm-faq-item-wrapper.dsm-faq-item-active .dsm_faq-item-open_icon {
opacity: 1;
position: relative;
line-height: 1em;
}
.dsm-faq-container .dsm-faq-item-wrapper .dsm_close_icon,
.dsm-faq-container .dsm-faq-item-wrapper .dsm_faq-item-close_icon,
.dsm-faq-container .dsm-faq-item-wrapper .dsm_close_icon,
.dsm-faq-container .dsm-faq-item-wrapper .dsm_faq-item-close_icon {
opacity: 1;
position: relative;
line-height: 1em;
}
.dsm-faq-container .dsm-faq-item-wrapper.dsm-faq-item-active .dsm_close_icon,
.dsm-faq-container .dsm-faq-item-wrapper.dsm-faq-item-active .dsm_close_icon,
.dsm-faq-container .dsm-faq-item-wrapper.dsm-faq-item-active .dsm_faq-item-close_icon,
.dsm-faq-container .dsm-faq-item-wrapper.dsm-faq-item-active .dsm_faq-item-close_icon {
opacity: 0;
position: absolute;
line-height: 1em;
}
.dsm-faq-container.dsm-front .dsm-faq-item-wrapper {
overflow: hidden;
}
.dsm-faq-container .dsm-faq-item-wrapper {
align-self: flex-start;
}
.dsm-faq-container .dsm-faq-title {
padding-bottom: 0px !important;
margin-left: 10px;
}
.dsm-faq-container.dsm-icon-placement-right .dsm-faq-title {
margin-left: 0;
}
.dsm-faq-container.dsm-icon-placement-right .dsm-faq-item-wrapper.dsm-faq-item-has-toggle-images .dsm-faq-title {
margin-left: 10px;
}
.dsm-faq-container .dsm-faq-item-wrapper .dsm_open_image,
.dsm-faq-container .dsm-faq-item-wrapper.dsm-faq-item-active .dsm_close_image {
display: none;
}
.dsm-faq-container .dsm-faq-item-wrapper.dsm-faq-item-active .dsm_open_image,
.dsm-faq-container .dsm-faq-item-wrapper .dsm_close_image {
display: block;
line-height: 1em;
}
.dsm-faq-container .dsm-faq-item-wrapper .dsm-title-inner-wrapper {
display: flex;
align-items: center;
}
.dsm-faq-container .dsm-faq-item-wrapper .dsm_faq-item-open_icon,
.dsm-faq-container .dsm-faq-item-wrapper .dsm_faq-item-close_icon,
.dsm-faq-container .dsm-faq-item-wrapper .dsm_open_icon,
.dsm-faq-container .dsm-faq-item-wrapper .dsm_close_icon {
flex-shrink: 0;
}
.dsm-faq-container .dsm-faq-item-wrapper .dsm-title-wrapper {
justify-content: space-between;
} .dsm-faq-container.dsm-animate-icon .dsm-faq-item-wrapper .dsm_open_icon,
.dsm-faq-container.dsm-animate-icon .dsm-faq-item-wrapper .dsm_faq-item-open_icon {
transform: rotate(-90deg);
transition: 0.3s;
display: block;
}
.dsm-faq-container.dsm-animate-icon .dsm-faq-item-wrapper.dsm-faq-item-active .dsm_open_icon,
.dsm-faq-container.dsm-animate-icon .dsm-faq-item-wrapper.dsm-faq-item-active .dsm_faq-item-open_icon {
transform: rotate(0deg);
}
.dsm-faq-container.dsm-animate-icon .dsm-faq-item-wrapper.dsm-faq-item-active .dsm_close_icon,
.dsm-faq-container.dsm-animate-icon .dsm-faq-item-wrapper.dsm-faq-item-active .dsm_faq-item-close_icon {
transform: rotate(90deg);
}
.dsm-faq-container.dsm-animate-icon .dsm-faq-item-wrapper .dsm_close_icon,
.dsm-faq-container.dsm-animate-icon .dsm-faq-item-wrapper .dsm_faq-item-close_icon {
transform: rotate(0deg);
transition: 0.3s;
display: block;
}
.dsm_faq .dsm-faq-item-wrapper:not(:last-child) {
margin-bottom: 10px;
}
.dsm_faq .dsm-faq-item-wrapper.dsm-faq-item-active {
background: #ffffff;
}
.dsm_faq .dsm-faq-item-wrapper:not(.dsm-faq-item-active) {
background: #f4f4f4;
}
.dsm_faq .dsm-faq-item-wrapper .dsm_open_image,
.dsm_faq .dsm-faq-item-wrapper .dsm_close_image {
width: 32px;
height: 32px;
}
.dsm_faq .dsm-faq-item-wrapper .dsm_open_icon,
.dsm_faq .dsm-faq-item-wrapper .dsm_faq-item-open_icon {
font-size: 22px;
}
.dsm_faq .dsm-faq-item-wrapper .dsm_close_icon,
.dsm_faq .dsm-faq-item-wrapper .dsm_faq-item-close_icon {
font-size: 22px;
} .dsm-open-font-icon-empty .dsm-title-wrapper .dsm_open_icon::before {
font-family: ETmodules !important;
font-weight: 400;
content: "K";
}
.dsm-close-font-icon-empty .dsm-title-wrapper .dsm_close_icon::before {
font-family: ETmodules !important;
font-weight: 400;
content: "L";
}
.dsm-facebook-embed {
text-align: left;
}
.dsm_facebook_feed.et_pb_text_align_center .et_pb_module_inner {
text-align: center;
}
.dsm_facebook_feed.et_pb_text_align_center .dsm-facebook-feed {
display: inline-block;
}
.dsm_facebook_feed.et_pb_text_align_right .et_pb_module_inner {
text-align: right;
}
.dsm_facebook_feed.et_pb_text_align_right .dsm-facebook-feed {
display: inline-block;
}
.dsm_facebook_feed.et_pb_text_align_left .et_pb_module_inner {
text-align: left;
}
.dsm_facebook_feed.et_pb_text_align_justified .et_pb_module_inner {
text-align: justify;
}
.dsm_facebook_feed.et_pb_text_align_justified .dsm-facebook-feed {
display: inline-block;
}
.dsm_floating_multi_images {
position: relative;
margin-left: auto;
margin-right: auto;
will-change: opacity, transform;
width: 100%;
}
.dsm_floating_multi_images .dsm_floating_multi_images_container {
height: 100%;
position: relative;
}
.dsm_floating_multi_images .dsm_floating_multi_images_container.dsm_floating_effect_up_down .dsm_floating_multi_images_child {
animation-name: dsm-float-up-down !important;
}
.dsm_floating_multi_images .dsm_floating_multi_images_container.dsm_floating_effect_left_right .dsm_floating_multi_images_child {
animation-name: dsm-float-left-right !important;
}
.dsm_floating_multi_images .et_pb_module_inner {
height: 100%;
}
.dsm_floating_multi_images .dsm_floating_multi_images_container .dsm_floating_multi_images_child {
animation-duration: 5000ms;
}
.dsm_floating_multi_images_child {
position: absolute !important;
display: inline-block;
overflow: hidden;
line-height: 0;
top: 0;
left: 0;
margin: 0;
will-change: transform;
transition: 0.3s;
animation-direction: alternate !important;
animation-timing-function: ease-in-out !important;
animation-iteration-count: infinite !important;
}
.dsm_floating_multi_images_child a {
line-height: 0;
display: inline-block;
}
.dsm_floating_multi_images_child img {
border-style: solid;
border-color: #333333;
}
.dsm_floating_multi_images_child {
max-width: 50%;
animation-duration: 5000ms;
}
.dsm_floating_multi_images_child:nth-child(1) {
animation-delay: -3000ms;
}
.dsm_floating_multi_images_child:nth-child(2) {
animation-delay: -5000ms;
}
.dsm_floating_multi_images_child:nth-child(3) {
animation-delay: -7000ms;
}
.dsm_floating_multi_images_child:nth-child(4) {
animation-delay: -9000ms;
}
.dsm_floating_multi_images_child:nth-child(5) {
animation-delay: -11000ms;
}
.dsm_floating_multi_images_child:nth-child(6) {
animation-delay: -13000ms;
}
.dsm_floating_multi_images_child:nth-child(7) {
animation-delay: -15000ms;
}
.dsm_floating_multi_images_child:nth-child(8) {
animation-delay: -17000ms;
}
.dsm_floating_multi_images_child:nth-child(9) {
animation-delay: -19000ms;
}
.dsm_floating_multi_images_child:nth-child(10) {
animation-delay: -21000ms;
}
@keyframes dsm-float-up-down {
0% {
transform: translatey(0);
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
-ms-transform: translatey(0);
-o-transform: translatey(0);
}
50% {
transform: translatey(-20px);
-webkit-transform: translatey(-20px);
-moz-transform: translatey(-20px);
-ms-transform: translatey(-20px);
-o-transform: translatey(-20px);
}
100% {
transform: translatey(0);
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
-ms-transform: translatey(0);
-o-transform: translatey(0);
}
}
@keyframes dsm-float-left-right {
0% {
transform: translatex(0);
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-ms-transform: translatex(0);
-o-transform: translatex(0);
}
50% {
transform: translatex(-20px);
-webkit-transform: translatex(-20px);
-moz-transform: translatex(-20px);
-ms-transform: translatex(-20px);
-o-transform: translatex(-20px);
}
100% {
transform: translatex(0);
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-ms-transform: translatex(0);
-o-transform: translatex(0);
}
}
.dsm_floating_multi_images .dsm_floating_multi_images_container {
height: 360px;
}
.dsm_floating_multi_images_child {
max-width: 50%;
}
.dsm_glitch_text.dsm-link, .dsm_glitch_text.et_clickable {
cursor: pointer;
}
.dsm_glitch_text.dsm-link .et_pb_module_inner, .dsm_glitch_text.et_clickable .et_pb_module_inner {
cursor: pointer;
}
.dsm-glitch-text {
position: relative;
}
.dsm-glitch-text:before,
.dsm-glitch-text:after {
content: attr(data-dsm-glitch-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.dsm-glitch-effect-type-one:after {
left: 2px;
text-shadow: -1px 0 red;
animation: dsm-glitch-anim-one-1 2s infinite linear alternate-reverse;
}
.dsm-glitch-effect-type-one:before {
left: -2px;
text-shadow: 2px 0 blue;
animation: dsm-glitch-anim-one-2 3s infinite linear alternate-reverse;
}
.dsm-glitch-effect-type-two::after {
left: 2px;
text-shadow: -1px 0 purple;
animation: dsm-glitch-anim-one-1 2s infinite linear alternate-reverse;
}
.dsm-glitch-effect-type-two::before {
left: -2px;
text-shadow: 2px 0 green;
animation: dsm-glitch-anim-two-2 3s infinite linear alternate-reverse;
}
.dsm-glitch-effect-type-three:before {
animation: dsm-glitch-anim-three-1 2.5s infinite;
color: inherit;
z-index: 1;
}
.dsm-glitch-effect-type-three > span {
display: block;
animation: dsm-glitch-anim-three-2 2.5s infinite;
color: red;
z-index: -1;
}
.dsm-glitch-effect-type-three:after {
color: blue;
animation: dsm-glitch-anim-three-3 2.5s infinite;
z-index: -1;
} .dsm-glitch-effect-type-four::after {
left: 3px;
text-shadow: -2px 0 red;
animation: dsm-glitch-anim-four-after 1.85s infinite steps(2, end);
}
.dsm-glitch-effect-type-four::before {
left: -3px;
text-shadow: 2px 0 cyan;
animation: dsm-glitch-anim-four-before 2.1s infinite steps(3, end);
} .dsm-glitch-effect-type-five::after {
left: 2px;
text-shadow: -1px 0 magenta;
animation: dsm-glitch-anim-five-after 0.42s infinite steps(1, end);
}
.dsm-glitch-effect-type-five::before {
left: -2px;
text-shadow: 1px 0 lime;
animation: dsm-glitch-anim-five-before 0.38s infinite steps(1, end);
} .dsm-glitch-effect-type-six:before {
animation: dsm-glitch-anim-six-base 2.2s infinite;
color: inherit;
z-index: 1;
}
.dsm-glitch-effect-type-six > span {
display: block;
animation: dsm-glitch-anim-six-mid 2.2s infinite;
color: red;
z-index: -1;
}
.dsm-glitch-effect-type-six:after {
color: blue;
animation: dsm-glitch-anim-six-after 2.2s infinite;
z-index: -1;
}
@keyframes dsm-glitch-anim-one-1 {
0% {
clip-path: inset(82% 0 13% 0);
}
5.8823529412% {
clip-path: inset(17% 0 48% 0);
}
11.7647058824% {
clip-path: inset(11% 0 88% 0);
}
17.6470588235% {
clip-path: inset(2% 0 11% 0);
}
23.5294117647% {
clip-path: inset(48% 0 3% 0);
}
29.4117647059% {
clip-path: inset(34% 0 61% 0);
}
35.2941176471% {
clip-path: inset(10% 0 83% 0);
}
41.1764705882% {
clip-path: inset(83% 0 1% 0);
}
47.0588235294% {
clip-path: inset(36% 0 4% 0);
}
52.9411764706% {
clip-path: inset(52% 0 16% 0);
}
58.8235294118% {
clip-path: inset(86% 0 4% 0);
}
64.7058823529% {
clip-path: inset(49% 0 7% 0);
}
70.5882352941% {
clip-path: inset(35% 0 53% 0);
}
76.4705882353% {
clip-path: inset(3% 0 19% 0);
}
82.3529411765% {
clip-path: inset(28% 0 40% 0);
}
88.2352941176% {
clip-path: inset(62% 0 3% 0);
}
94.1176470588% {
clip-path: inset(42% 0 28% 0);
}
100% {
clip-path: inset(17% 0 20% 0);
}
}
@keyframes dsm-glitch-anim-one-2 {
0% {
clip-path: inset(72% 0 6% 0);
}
5.8823529412% {
clip-path: inset(2% 0 87% 0);
}
11.7647058824% {
clip-path: inset(52% 0 49% 0);
}
17.6470588235% {
clip-path: inset(9% 0 10% 0);
}
23.5294117647% {
clip-path: inset(12% 0 65% 0);
}
29.4117647059% {
clip-path: inset(48% 0 45% 0);
}
35.2941176471% {
clip-path: inset(14% 0 41% 0);
}
41.1764705882% {
clip-path: inset(55% 0 4% 0);
}
47.0588235294% {
clip-path: inset(10% 0 3% 0);
}
52.9411764706% {
clip-path: inset(14% 0 45% 0);
}
58.8235294118% {
clip-path: inset(54% 0 18% 0);
}
64.7058823529% {
clip-path: inset(93% 0 7% 0);
}
70.5882352941% {
clip-path: inset(89% 0 12% 0);
}
76.4705882353% {
clip-path: inset(83% 0 17% 0);
}
82.3529411765% {
clip-path: inset(55% 0 13% 0);
}
88.2352941176% {
clip-path: inset(66% 0 5% 0);
}
94.1176470588% {
clip-path: inset(40% 0 49% 0);
}
100% {
clip-path: inset(16% 0 42% 0);
}
}
@keyframes dsm-glitch-anim-two-1 {
0% {
clip-path: inset(4% 0 27% 0);
}
10% {
clip-path: inset(15% 0 57% 0);
}
20% {
clip-path: inset(79% 0 14% 0);
}
30% {
clip-path: inset(9% 0 43% 0);
}
40% {
clip-path: inset(47% 0 44% 0);
}
50% {
clip-path: inset(63% 0 26% 0);
}
60% {
clip-path: inset(44% 0 47% 0);
}
70% {
clip-path: inset(71% 0 22% 0);
}
80% {
clip-path: inset(48% 0 36% 0);
}
90% {
clip-path: inset(4% 0 24% 0);
}
100% {
clip-path: inset(72% 0 12% 0);
}
}
@keyframes dsm-glitch-anim-two-2 {
0% {
clip-path: inset(24% 0 29% 0);
}
10% {
clip-path: inset(54% 0 21% 0);
}
20% {
clip-path: inset(28% 0 28% 0);
}
30% {
clip-path: inset(27% 0 47% 0);
}
40% {
clip-path: inset(13% 0 55% 0);
}
50% {
clip-path: inset(9% 0 37% 0);
}
60% {
clip-path: inset(22% 0 73% 0);
}
70% {
clip-path: inset(4% 0 94% 0);
}
80% {
clip-path: inset(98% 0 1% 0);
}
90% {
clip-path: inset(74% 0 26% 0);
}
100% {
clip-path: inset(54% 0 10% 0);
}
}
@keyframes dsm-glitch-anim-three-1 {
0% {
transform: none;
opacity: 1;
}
7% {
transform: skew(-0.5deg, -0.9deg);
opacity: 0.75;
}
10% {
transform: none;
opacity: 1;
}
27% {
transform: none;
opacity: 1;
}
30% {
transform: skew(0.8deg, -0.1deg);
opacity: 0.75;
}
35% {
transform: none;
opacity: 1;
}
52% {
transform: none;
opacity: 1;
}
55% {
transform: skew(-1deg, 0.2deg);
opacity: 0.75;
}
50% {
transform: none;
opacity: 1;
}
72% {
transform: none;
opacity: 1;
}
75% {
transform: skew(0.4deg, 1deg);
opacity: 0.75;
}
80% {
transform: none;
opacity: 1;
}
100% {
transform: none;
opacity: 1;
}
}
@keyframes dsm-glitch-anim-three-2 {
0% {
transform: none;
opacity: 0.25;
}
7% {
transform: translate(-2px, -3px);
opacity: 0.5;
}
10% {
transform: none;
opacity: 0.25;
}
27% {
transform: none;
opacity: 0.25;
}
30% {
transform: translate(-5px, -2px);
opacity: 0.5;
}
35% {
transform: none;
opacity: 0.25;
}
52% {
transform: none;
opacity: 0.25;
}
55% {
transform: translate(-5px, -1px);
opacity: 0.5;
}
50% {
transform: none;
opacity: 0.25;
}
72% {
transform: none;
opacity: 0.25;
}
75% {
transform: translate(-2px, -6px);
opacity: 0.5;
}
80% {
transform: none;
opacity: 0.25;
}
100% {
transform: none;
opacity: 0.25;
}
}
@keyframes dsm-glitch-anim-three-3 {
0% {
transform: none;
opacity: 0.25;
}
7% {
transform: translate(2px, 3px);
opacity: 0.5;
}
10% {
transform: none;
opacity: 0.25;
}
27% {
transform: none;
opacity: 0.25;
}
30% {
transform: translate(5px, 2px);
opacity: 0.5;
}
35% {
transform: none;
opacity: 0.25;
}
52% {
transform: none;
opacity: 0.25;
}
55% {
transform: translate(5px, 1px);
opacity: 0.5;
}
50% {
transform: none;
opacity: 0.25;
}
72% {
transform: none;
opacity: 0.25;
}
75% {
transform: translate(2px, 6px);
opacity: 0.5;
}
80% {
transform: none;
opacity: 0.25;
}
100% {
transform: none;
opacity: 0.25;
}
}
@keyframes dsm-glitch-anim-four-after {
0% {
clip-path: inset(5% 0 78% 0);
transform: translate(0, 0) skewX(0deg);
}
16.66% {
clip-path: inset(72% 0 8% 0);
transform: translate(-5px, 1px) skewX(-1.2deg);
}
33.33% {
clip-path: inset(38% 0 48% 0);
transform: translate(4px, -2px) skewX(0.8deg);
}
50% {
clip-path: inset(12% 0 62% 0);
transform: translate(-3px, 2px) skewX(0deg);
}
66.66% {
clip-path: inset(58% 0 28% 0);
transform: translate(5px, 0) skewX(1deg);
}
83.33% {
clip-path: inset(22% 0 45% 0);
transform: translate(-2px, -3px) skewX(-0.6deg);
}
100% {
clip-path: inset(65% 0 15% 0);
transform: translate(0, 0) skewX(0deg);
}
}
@keyframes dsm-glitch-anim-four-before {
0% {
clip-path: inset(60% 0 18% 0);
transform: translate(0, 0) skewX(0deg);
}
20% {
clip-path: inset(8% 0 75% 0);
transform: translate(4px, 2px) skewX(1deg);
}
40% {
clip-path: inset(44% 0 36% 0);
transform: translate(-6px, -1px) skewX(-0.9deg);
}
60% {
clip-path: inset(28% 0 55% 0);
transform: translate(3px, 3px) skewX(0deg);
}
80% {
clip-path: inset(80% 0 5% 0);
transform: translate(-4px, -2px) skewX(0.5deg);
}
100% {
clip-path: inset(15% 0 70% 0);
transform: translate(0, 0) skewX(0deg);
}
}
@keyframes dsm-glitch-anim-five-after {
0% {
clip-path: inset(0 0 92% 0);
opacity: 1;
transform: translate(0, 0);
}
12.5% {
clip-path: inset(88% 0 0 0);
opacity: 0.72;
transform: translate(-3px, 0);
}
25% {
clip-path: inset(40% 0 45% 0);
opacity: 1;
transform: translate(2px, 1px);
}
37.5% {
clip-path: inset(0 0 55% 0);
opacity: 0.65;
transform: translate(-1px, -2px);
}
50% {
clip-path: inset(70% 0 10% 0);
opacity: 1;
transform: translate(4px, 0);
}
62.5% {
clip-path: inset(20% 0 65% 0);
opacity: 0.78;
transform: translate(-5px, 2px);
}
75% {
clip-path: inset(55% 0 30% 0);
opacity: 1;
transform: translate(1px, -1px);
}
87.5% {
clip-path: inset(5% 0 80% 0);
opacity: 0.7;
transform: translate(-2px, 3px);
}
100% {
clip-path: inset(48% 0 38% 0);
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes dsm-glitch-anim-five-before {
0% {
clip-path: inset(75% 0 10% 0);
opacity: 0.88;
transform: translate(0, 0);
}
14.28% {
clip-path: inset(10% 0 78% 0);
opacity: 1;
transform: translate(3px, -2px);
}
28.56% {
clip-path: inset(50% 0 38% 0);
opacity: 0.62;
transform: translate(-4px, 1px);
}
42.84% {
clip-path: inset(0 0 68% 0);
opacity: 1;
transform: translate(2px, 2px);
}
57.12% {
clip-path: inset(62% 0 22% 0);
opacity: 0.74;
transform: translate(-3px, -3px);
}
71.4% {
clip-path: inset(32% 0 50% 0);
opacity: 1;
transform: translate(5px, 0);
}
85.68% {
clip-path: inset(18% 0 72% 0);
opacity: 0.68;
transform: translate(-1px, 2px);
}
100% {
clip-path: inset(85% 0 5% 0);
opacity: 0.9;
transform: translate(0, 0);
}
}
@keyframes dsm-glitch-anim-six-base {
0% {
transform: none;
opacity: 1;
}
8% {
transform: skew(-1.2deg, 0.4deg) scale(1.01);
opacity: 0.82;
}
12% {
transform: none;
opacity: 1;
}
38% {
transform: skew(0.9deg, -0.6deg);
opacity: 0.9;
}
42% {
transform: none;
opacity: 1;
}
58% {
transform: skew(-0.5deg, 0.9deg) translate(-1px, 0);
opacity: 0.85;
}
64% {
transform: none;
opacity: 1;
}
80% {
transform: skew(1deg, 0.2deg) scale(1.015);
opacity: 0.88;
}
86% {
transform: none;
opacity: 1;
}
100% {
transform: none;
opacity: 1;
}
}
@keyframes dsm-glitch-anim-six-mid {
0% {
transform: translate(0, 0) scale(1);
opacity: 0.35;
}
10% {
transform: translate(-6px, 2px) scale(1.03);
opacity: 0.55;
}
15% {
transform: none;
opacity: 0.35;
}
35% {
transform: translate(4px, -4px) scale(0.98);
opacity: 0.5;
}
40% {
transform: none;
opacity: 0.35;
}
55% {
transform: translate(-3px, -5px) scale(1.02);
opacity: 0.48;
}
60% {
transform: none;
opacity: 0.35;
}
78% {
transform: translate(5px, 3px) scale(1.01);
opacity: 0.52;
}
84% {
transform: none;
opacity: 0.35;
}
100% {
transform: none;
opacity: 0.35;
}
}
@keyframes dsm-glitch-anim-six-after {
0% {
transform: translate(0, 0) scale(1);
opacity: 0.35;
}
12% {
transform: translate(6px, -2px) scale(1.04);
opacity: 0.52;
}
18% {
transform: none;
opacity: 0.35;
}
40% {
transform: translate(-4px, 4px) scale(0.97);
opacity: 0.5;
}
46% {
transform: none;
opacity: 0.35;
}
62% {
transform: translate(4px, 5px) scale(1.02);
opacity: 0.48;
}
68% {
transform: none;
opacity: 0.35;
}
88% {
transform: translate(-5px, -3px) scale(1.03);
opacity: 0.54;
}
94% {
transform: none;
opacity: 0.35;
}
100% {
transform: none;
opacity: 0.35;
}
}
@media (prefers-reduced-motion: reduce) {
.dsm-glitch-text::before,
.dsm-glitch-text::after,
.dsm-glitch-effect-type-three > span,
.dsm-glitch-effect-type-six > span {
animation: none !important;
}
}
.dsm-gradient-text {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.dsm-icon-divider-wrapper {
display: flex;
justify-content: center;
width: 100%;
align-items: center;
}
.dsm-icon-divider-wrapper.dsm-icon-divider-align-left .dsm-icon-divider-before {
display: none;
}
.dsm-icon-divider-wrapper.dsm-icon-divider-align-right .dsm-icon-divider-after {
display: none;
}
.dsm-icon-divider-wrapper.dsm-icon-divider-vertical-position-flex-start {
align-items: flex-start;
}
.dsm-icon-divider-wrapper.dsm-icon-divider-vertical-position-center {
align-items: center;
}
.dsm-icon-divider-wrapper.dsm-icon-divider-vertical-position-flex-end {
align-items: flex-end;
}
.dsm-icon-divider-wrapper .dsm-icon-divider-image {
overflow: hidden;
line-height: 0em !important;
max-width: 100%;
}
.dsm-icon-divider-wrapper .dsm-icon-divider-image.dsm-image {
line-height: 0em !important;
}
.dsm-icon-divider-wrapper .dsm-divider {
display: flex;
flex-shrink: 1;
flex-grow: 1;
border-top: 1px solid #7ebec5;
align-items: center;
}
.dsm_icon_divider .dsm-divider {
border-top-color: #7ebec5;
border-top-width: 1px;
border-top-style: solid;
}
.dsm_icon_divider .dsm-icon-divider-image,
.dsm_icon_divider .dsm-icon-divider-image-wrap {
max-width: 50%;
}
.dsm_icon_divider .dsm-icon-divider-wrapper {
gap: 10px;
}
.dsm_icon_divider .et-pb-icon {
max-width: 100%;
} .splitting .word,
.splitting .char {
display: inline-block;
} .splitting .char {
position: relative;
} .splitting .char::before,
.splitting .char::after {
content: attr(data-char);
position: absolute;
top: 0;
left: 0;
visibility: hidden;
transition: inherit;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
} .splitting { --word-center: calc((var(--word-total) - 1) / 2); --char-center: calc((var(--char-total) - 1) / 2); --line-center: calc((var(--line-total) - 1) / 2);
}
.splitting .word { --word-percent: calc(var(--word-index) / var(--word-total)); --line-percent: calc(var(--line-index) / var(--line-total));
}
.splitting .char { --char-percent: calc(var(--char-index) / var(--char-total)); --char-offset: calc(var(--char-index) - var(--char-center)); --distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center)); --distance-sine: calc(var(--char-offset) / var(--char-center)); --distance-percent: calc((var(--distance) / var(--char-center)));
}
.splitting.cells img {
width: 100%;
display: block;
}
@supports (display: grid) {
.splitting.cells {
position: relative;
overflow: hidden;
background-size: cover;
visibility: hidden;
}
.splitting .cell-grid {
background: inherit;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: grid;
grid-template: repeat(var(--row-total), 1fr)/repeat(var(--col-total), 1fr);
}
.splitting .cell {
background: inherit;
position: relative;
overflow: hidden;
}
.splitting .cell-inner {
background: inherit;
position: absolute;
visibility: visible; width: calc(100% * var(--col-total));
height: calc(100% * var(--row-total)); left: calc(-100% * var(--col-index));
top: calc(-100% * var(--row-index));
} .splitting .cell {
--center-x: calc((var(--col-total) - 1) / 2);
--center-y: calc((var(--row-total) - 1) / 2); --offset-x: calc(var(--col-index) - var(--center-x));
--offset-y: calc(var(--row-index) - var(--center-y)); --distance-x: calc((var(--offset-x) * var(--offset-x)) / var(--center-x)); --distance-y: calc((var(--offset-y) * var(--offset-y)) / var(--center-y));
}
}
.dsm_image_hover_reveal {
line-height: 0;
}
.dsm_image_hover_reveal .et_pb_image_wrap {
display: inline-block;
position: relative;
max-width: 100%;
width: 100%;
}
.vert-slide-down:hover .cell {
transform: translateY(100%);
}
.vert-slide-up:hover .cell {
transform: translateY(-100%);
}
.horiz-slide-right:hover .cell {
transform: translateX(100%);
}
.horiz-slide-left:hover .cell {
transform: translateX(-100%);
}
.dsm_image_hover_reveal .dsm-image-reveal .splitting {
height: 260px;
}
.dsm_image_hover_reveal .dsm-image-wrapper {
height: 100%;
position: relative;
overflow: hidden;
}
.dsm_image_hover_reveal .dsm-image-reveal-back {
display: block;
width: 100%;
height: 100%;
position: absolute;
background-size: cover;
top: 0;
left: 0;
}
.dsm_image_hover_reveal .splitting .cell,
.dsm_image_hover_reveal .splitting .cell__inner,
.dsm_image_hover_reveal .splitting img, .dsm_image_hover_reveal .dsm-image-reveal-back {
transition: transform var(--dsm-ihr-duration, 1s) var(--dsm-ihr-ease, cubic-bezier(0.63, 0.01, 0.07, 0.99)), opacity var(--dsm-ihr-duration, 1s) linear;
transition-delay: calc(var(--dsm-ihr-stagger, 100ms) * (var(--cell-total) - var(--cell-index)));
}
.dsm_image_hover_reveal .splitting img, .dsm_image_hover_reveal .dsm-image-reveal-back {
transform: scale(var(--dsm-ihr-scale-start, 0.8));
transition-delay: 0s;
visibility: visible;
opacity: 0;
}
.dsm_image_hover_reveal:hover .splitting .cell,
.dsm_image_hover_reveal:hover .splitting .cell__inner {
transition-delay: calc(var(--dsm-ihr-stagger, 100ms) * var(--cell-index));
}
.dsm_image_hover_reveal:hover .splitting img, .dsm_image_hover_reveal:hover .dsm-image-reveal-back {
opacity: 1;
transform: scale(var(--dsm-ihr-scale-end, 1));
transition-delay: calc(var(--dsm-ihr-stagger, 100ms) * var(--cell-total));
} @keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0);
}
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0, -4px, 0);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
} @keyframes pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
.pulse {
animation-name: pulse;
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(0.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, 0.95, 1);
}
to {
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
animation-name: rubberBand;
}
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
animation-name: shake;
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%, 20% {
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
} @keyframes wobble {
from {
transform: translate3d(0, 0, 0);
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: translate3d(0, 0, 0);
}
}
.wobble {
animation-name: wobble;
}
@keyframes jello {
from, 11.1%, to {
transform: translate3d(0, 0, 0);
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name: jello;
transform-origin: center;
}
@keyframes heartBeat {
0% {
transform: scale(1);
}
14% {
transform: scale(1.3);
}
28% {
transform: scale(1);
}
42% {
transform: scale(1.3);
}
70% {
transform: scale(1);
}
}
.heartBeat {
animation-name: heartBeat;
animation-duration: 1.3s;
animation-timing-function: ease-in-out;
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
animation-duration: 0.75s;
animation-name: bounceIn;
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
animation-duration: 0.75s;
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
from {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
animation-timing-function: ease-in;
}
}
.animated.flip {
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
animation-duration: 0.75s;
animation-name: flipOutX;
backface-visibility: visible !important;
}
@keyframes flipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
animation-duration: 0.75s;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
}
to {
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
animation-duration: 2s;
animation-name: hinge;
}
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.jackInTheBox {
animation-name: jackInTheBox;
} @keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.rollIn {
animation-name: rollIn;
} @keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
animation-name: rollOut;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
animation-name: zoomOutUp;
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
animation-name: slideOutUp;
}
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.delay-1s {
animation-delay: 1s;
}
.animated.delay-2s {
animation-delay: 2s;
}
.animated.delay-3s {
animation-delay: 3s;
}
.animated.delay-4s {
animation-delay: 4s;
}
.animated.delay-5s {
animation-delay: 5s;
}
.animated.fast {
animation-duration: 800ms;
}
.animated.faster {
animation-duration: 500ms;
}
.animated.slow {
animation-duration: 2s;
}
.animated.slower {
animation-duration: 3s;
}
@media (prefers-reduced-motion) {
.animated {
animation: unset !important;
transition: none !important;
}
}
.dsm_image_text_reveal .et_pb_image_wrap {
position: relative;
display: inline-block;
max-width: 100%;
}
.dsm_image_text_reveal {
position: relative;
display: block;
overflow: hidden;
}
.dsm-image-wrapper {
text-align: left;
} .dsm-image-reveal-overlay {
background-color: #1fe0ba;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
visibility: hidden;
z-index: 1;
}
.dsm-image-wrapper[data-reveal-trigger=click] {
cursor: pointer;
}
a.dsm-image-reveal-link {
display: inline-block;
max-width: 100%;
}
.dsm-image-reveal-text-wrapper {
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
z-index: 1;
padding: 7px;
}
.dsm_image_text_reveal.et_pb_text_align_left .dsm-image-reveal-text {
text-align: left;
}
.dsm_image_text_reveal.et_pb_text_align_center .dsm-image-reveal-text {
text-align: center;
}
.dsm_image_text_reveal.et_pb_text_align_right .dsm-image-reveal-text {
text-align: right;
}
.dsm_image_text_reveal.et_pb_text_align_justify .dsm-image-reveal-text {
text-align: justify;
}
.dsm-image-reveal-text {
width: 100%;
visibility: hidden;
}
.dsm_image_text_reveal {
line-height: 0;
}
.dsm_image_text_reveal .et_pb_image_wrap {
display: inline-block;
position: relative;
max-width: 100%;
}
.dsm_image_text_reveal img {
position: relative;
}
.dsm_image_text_reveal .dsm-image-reveal-text .char {
position: relative;
visibility: hidden;
display: inline-block;
white-space: pre-wrap;
} .dsm_image_text_reveal:hover .dsm-image-reveal-text .char,
.dsm_image_text_reveal.dsm-image-reveal-hover .dsm-image-reveal-text .char {
visibility: visible;
} .splitting .word,
.splitting .char {
display: inline-block;
} .splitting .char {
position: relative;
} .splitting .char::before,
.splitting .char::after {
content: attr(data-char);
position: absolute;
top: 0;
left: 0;
visibility: hidden;
transition: inherit;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
} .splitting { --word-center: calc((var(--word-total) - 1) / 2); --char-center: calc((var(--char-total) - 1) / 2); --line-center: calc((var(--line-total) - 1) / 2);
}
.splitting .word { --word-percent: calc(var(--word-index) / var(--word-total)); --line-percent: calc(var(--line-index) / var(--line-total));
}
.splitting .char { --char-percent: calc(var(--char-index) / var(--char-total)); --char-offset: calc(var(--char-index) - var(--char-center)); --distance: calc(
(var(--char-offset) * var(--char-offset)) / var(--char-center)
); --distance-sine: calc(var(--char-offset) / var(--char-center)); --distance-percent: calc((var(--distance) / var(--char-center)));
}
html.et_fb_preview_active--responsive_preview .dsm-image-reveal.et_always_center_on_mobile .dsm-image-wrapper {
text-align: center;
}
.dsm-image-reveal.et_always_center_on_mobile .dsm-image-wrapper {
margin-right: auto !important;
margin-left: auto !important;
text-align: center !important;
} .dsm-image-reveal-text.et_pb_text_align_left {
text-align: left;
}
.dsm-image-reveal-text.et_pb_text_align_center {
text-align: center;
}
.dsm-image-reveal-text.et_pb_text_align_right {
text-align: right;
} .dsm_image_text_reveal:not(.dsm-image-revealed):not([data-dsm-vb-canvas="1"]) .dsm-image-reveal-text {
display: none;
} .dsm_image_text_reveal.dsm-image-revealed .dsm-image-reveal-text {
visibility: visible;
}
.dsm_image_text_reveal .dsm-image-reveal-text {
text-align: center;
}
.dsm_image_hotspots .et_pb_module_inner .dsm_image_hotspots_wrap,
.dsm_image_hotspots_img_wrap {
position: relative;
line-height: 0;
}
.dsm_image_hotspots {
overflow: hidden;
}
.dsm_image_hotspots_img_wrap img {
width: 100%;
}
.dsm_image_hotspots_child {
position: absolute !important;
display: block;
cursor: pointer;
z-index: 2;
}
.dsm_image_hotspots_child .dsm_image_hotspot_tooltip {
display: none;
}
.dsm_image_hotspots_child .dsm_image_hotspots_wrapper {
position: relative;
cursor: pointer;
font-size: 14px;
min-width: 14px;
min-height: 14px;
display: inline-flex;
align-items: center;
justify-content: center;
border-style: solid;
border-width: 0px;
padding: 8px;
border-radius: 50px;
background-size: cover;
}
.dsm_image_hotspot_img {
border-style: solid;
}
.dsm_image_hotspots_text {
display: inline-block;
}
.dsm_image_hotspots_icon,
.dsm_image_hotspots_text {
font-size: 14px;
line-height: 1;
color: #fff;
}
.et-pb-icon.dsm_image_hotspots_icon {
font-size: 14px;
}
.dsm_image_tooltip_title {
padding-bottom: 0;
line-height: 1;
color: #fff;
}
.dsm_image_hotspot_tooltip_wrapper {
pointer-events: auto !important;
line-height: 1.4em;
word-wrap: break-word;
color: #fff;
font-size: 13px;
overflow: visible !important;
}
.dsm_image_hotspot_tooltip_wrapper .tippy-content {
padding-top: 8px;
padding-right: 10px;
padding-bottom: 8px;
padding-left: 10px;
border-radius: 3px;
max-width: 180px;
}
.dsm_image_hotspot_tooltip_wrapper .tippy-tooltip {
border-radius: 3px;
}
.dsm_image_hotspot_tooltip_wrapper.tippy-tooltip ul {
padding: 0 0 10px 1em;
line-height: 26px;
list-style-type: disc;
}
.dsm_image_hotspot_tooltip_wrapper.tippy-tooltip ol {
padding: 0 0 10px 0;
line-height: 26px;
list-style-position: inside;
list-style-type: decimal;
}
.tippy-popper .tippy-box.tippy-tooltip {
text-align: center;
}
.dsm_image_hotspot_tooltip_wrapper .et_pb_button_wrapper {
margin-top: 15px;
}
.dsm_image_hotspot_pulse:before {
content: "";
display: block;
position: absolute;
z-index: -1;
transform: scale(1);
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 50px;
pointer-events: none;
animation: pulse-grow 1.5s ease-in-out;
animation-iteration-count: infinite;
opacity: 0;
border-style: solid;
border-width: 0px;
}
@keyframes pulse-grow {
0% {
transform: scale(0.1, 0.1);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.5, 1.5);
opacity: 0;
}
} .tippy-box[data-animation=scale][data-placement^=top] {
transform-origin: bottom;
}
.tippy-box[data-animation=scale][data-placement^=bottom] {
transform-origin: top;
}
.tippy-box[data-animation=scale][data-placement^=left] {
transform-origin: right;
}
.tippy-box[data-animation=scale][data-placement^=right] {
transform-origin: left;
}
.tippy-box[data-animation=scale][data-state=hidden] {
transform: scale(0.5);
opacity: 0;
} .tippy-box[data-animation=shift-away][data-state=hidden] {
opacity: 0;
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
transform: translateY(10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
transform: translateY(-10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
transform: translateX(10px);
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
transform: translateX(-10px);
}  .tippy-box[data-animation=shift-toward][data-state=hidden] {
opacity: 0;
}
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=top] {
transform: translateY(-10px);
}
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=bottom] {
transform: translateY(10px);
}
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=left] {
transform: translateX(-10px);
}
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=right] {
transform: translateX(10px);
} .tippy-box[data-animation=perspective][data-placement^=top] {
transform-origin: bottom;
}
.tippy-box[data-animation=perspective][data-placement^=top][data-state=visible] {
transform: perspective(700px);
}
.tippy-box[data-animation=perspective][data-placement^=top][data-state=hidden] {
transform: perspective(700px) translateY(8px) rotateX(60deg);
}
.tippy-box[data-animation=perspective][data-placement^=bottom] {
transform-origin: top;
}
.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=visible] {
transform: perspective(700px);
}
.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=hidden] {
transform: perspective(700px) translateY(-8px) rotateX(-60deg);
}
.tippy-box[data-animation=perspective][data-placement^=left] {
transform-origin: right;
}
.tippy-box[data-animation=perspective][data-placement^=left][data-state=visible] {
transform: perspective(700px);
}
.tippy-box[data-animation=perspective][data-placement^=left][data-state=hidden] {
transform: perspective(700px) translateX(8px) rotateY(-60deg);
}
.tippy-box[data-animation=perspective][data-placement^=right] {
transform-origin: left;
}
.tippy-box[data-animation=perspective][data-placement^=right][data-state=visible] {
transform: perspective(700px);
}
.tippy-box[data-animation=perspective][data-placement^=right][data-state=hidden] {
transform: perspective(700px) translateX(-8px) rotateY(60deg);
}
.tippy-box[data-animation=perspective][data-state=hidden] {
opacity: 0;
}
.dsm_image_hotspots .dsm_image_hotspots_wrapper .dsm_image_hotspots_icon::before {
color: #fff;
font-size: 14px;
}
.dsm_image_hotspots .dsm_image_hotspots_child {
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}
.dsm_image_hotspots_child {
background-color: #7ebec5;
max-width: 100%;
left: 40%;
top: 40%;
}
.dsm_image_hotspots_child .dsm_image_hotspot_pulse:before {
background-color: #7ebec5;
} .dsm_image_hotspots_icon, .dsm_image_hotspots_icon::before {
font-family: ETmodules !important;
font-weight: 400;
content: "L";
}
.dsm_icon_list .dsm_icon_list_items,
#left-area ul.dsm_icon_list_items,
.comment-content ul.dsm_icon_list_items,
.entry-content ul.dsm_icon_list_items,
.et-l--body ul.dsm_icon_list_items,
.et-l--footer ul.dsm_icon_list_items,
.et-l--header ul.dsm_icon_list_items,
body.et-pb-preview #main-content .container ul.dsm_icon_list_items,
.et-l--body ul.dsm_icon_list_items,
.et-l--footer ul.dsm_icon_list_items,
.et-l--header ul.dsm_icon_list_items {
list-style-type: none;
margin: 0;
line-height: 26px;
}
.dsm_icon_list_child {
margin-bottom: 0px;
}
.dsm_icon_list_items {
padding: 0px !important;
}
.dsm_icon_list .dsm_icon_list_items.dsm_icon_list_layout_horizontal .dsm_icon_list_child {
display: inline-flex;
}
.dsm_icon_list .dsm_icon_list_child,
.dsm_icon_list .dsm_icon_list_child a,
.dsm_icon_list .dsm_icon_list_child .dsm_icon_list_tooltip {
display: flex;
align-items: center;
margin: 0;
position: relative;
}
.dsm_icon_list_text {
line-height: 1.7em;
}
.dsm_icon_list .dsm_icon_list_ltr_direction .dsm_icon_list_child .dsm_icon_list_text {
padding-left: 5px;
}
.dsm_icon_list .dsm_icon_list_rtl_direction .dsm_icon_list_child .dsm_icon_list_text {
padding-right: 5px;
}
.dsm_icon_list .dsm_icon_list_wrapper {
flex-shrink: 0;
line-height: 0;
}
.dsm_icon_list .dsm_icon_list_icon {
display: inline-block;
box-sizing: border-box;
font-family: ETmodules;
font-size: 14px;
font-weight: 400;
font-style: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
line-height: 1;
text-transform: none;
content: attr(data-icon);
speak: none;
border-style: solid;
border-color: #333333;
flex-shrink: 0; }
.dsm_icon_list .dsm_icon_list_image {
border-style: solid;
border-color: #333333;
display: inline-block;
flex-shrink: 0;
}
.dsm_icon_list .dsm_icon_list_image img {
width: 24px;
}
.dsm_icon_list_tooltip:hover {
cursor: pointer;
}
.tippy-tooltip.dsm_icon_list_child_tooltip_wrapper {
pointer-events: auto !important;
line-height: 1.4em;
word-wrap: break-word;
color: #fff;
font-size: 13px;
overflow: visible !important;
}
.tippy-tooltip.dsm_icon_list_child_tooltip_wrapper .tippy-arrow::after {
content: "";
position: absolute;
top: -6px;
transform: translateZ(-1px);
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
}
.dsm_icon_list .dsm_icon_list_direction_left .dsm_icon_list_text {
padding-left: 5px;
}
.dsm_icon_list .dsm_icon_list_direction_right .dsm_icon_list_text {
padding-right: 5px;
}
.dsm_icon_list .dsm_icon_list_child .dsm_icon_list_icon {
color: #7ebec5;
padding: 0px;
font-size: 14px;
}
.dsm_icon_list_items .dsm_icon_list_child {
justify-content: flex-start;
}
.dsm_icon_list .dsm_icon_list_child {
align-items: center;
}
.dsm_icon_list .dsm_icon_list_image img {
width: 24px;
}
.dsm_icon_list .dsm_icon_list_items,
#left-area ul.dsm_icon_list_items,
.comment-content ul.dsm_icon_list_items,
.entry-content ul.dsm_icon_list_items,
.et-l--body ul.dsm_icon_list_items,
.et-l--footer ul.dsm_icon_list_items,
.et-l--header ul.dsm_icon_list_items,
body.et-pb-preview #main-content .container ul.dsm_icon_list_items,
.et-l--body ul.dsm_icon_list_items,
.et-l--footer ul.dsm_icon_list_items,
.et-l--header ul.dsm_icon_list_items {
list-style-type: none;
margin: 0;
line-height: 26px;
}
.dsm_icon_list .dsm_icon_list_items.dsm_icon_list_layout_horizontal .dsm_icon_list_child {
display: inline-flex;
}
.dsm_icon_list .dsm_icon_list_child,
.dsm_icon_list .dsm_icon_list_child a,
.dsm_icon_list .dsm_icon_list_child .dsm_icon_list_tooltip,
.dsm_icon_list .dsm_icon_list_child {
display: flex;
align-items: center;
margin: 0;
margin-bottom: 0px !important;
position: relative;
}
.dsm_icon_list_text {
line-height: 1.7em;
}
.dsm_icon_list .dsm_icon_list_ltr_direction .dsm_icon_list_child .dsm_icon_list_text {
padding-left: 5px;
}
.dsm_icon_list .dsm_icon_list_rtl_direction .dsm_icon_list_child .dsm_icon_list_text {
padding-right: 5px;
}
.dsm_icon_list .dsm_icon_list_child {
border-style: solid;
border-color: #333333;
}
.dsm_icon_list .dsm_icon_list_wrapper {
flex-shrink: 0;
line-height: 0;
}
.dsm_icon_list .dsm_icon_list_icon {
display: inline-block;
box-sizing: border-box;
font-family: ETmodules;
font-size: 14px;
font-weight: 400;
font-style: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
line-height: 1;
text-transform: none;
content: attr(data-icon);
speak: none;
border-style: solid;
border-color: #333333;
flex-shrink: 0;
}
.dsm_icon_list .dsm_icon_list_image {
border-style: solid;
border-color: #333333;
display: inline-block;
flex-shrink: 0;
}
.dsm_icon_list .dsm_icon_list_image img {
width: 24px;
}
.dsm_icon_list_tooltip:hover {
cursor: pointer;
}
.tippy-tooltip.dsm_icon_list_child_tooltip_wrapper {
pointer-events: auto !important;
line-height: 1.4em;
word-wrap: break-word;
color: #fff;
font-size: 13px;
overflow: visible !important;
}
.tippy-tooltip.dsm_icon_list_child_tooltip_wrapper .tippy-arrow::after {
content: "";
position: absolute;
top: -6px;
transform: translateZ(-1px);
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
}
.dsm_icon_list_tooltip .tooltip-content {
display: none;
}
.dsm_image_accordion_wrapper {
width: 100%;
position: relative;
display: flex;
overflow: hidden;
}
.dsm_image_accordion_child {
position: relative;
flex: 1;
text-align: center;
text-decoration: none;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
transition: all 0.3s ease-in-out;
margin-bottom: 0 !important;
transition-duration: 480ms;
}
.dsm_image_accordion_child .dsm_image_accordion_child_content {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
position: relative;
}
.dsm_image_accordion_child .dsm_image_accordion_child_content .dsm_image_accordion_image_icon_wrapper {
margin-bottom: 15px;
}
.dsm_image_accordion_child .dsm_image_accordion_child_content .dsm_image_accordion_image_icon_wrapper img {
width: 100px;
}
.dsm_image_accordion_child .dsm_image_accordion_child_content .dsm_image_accordion_image_icon_wrapper .et-pb-icon {
font-size: 40px;
}
.dsm_image_accordion_click_item .dsm_image_accordion_child {
cursor: pointer;
}
.dsm_image_accordion_child.dsm_image_accordion_active_item {
flex: 5;
}
.dsm_image_accordion .dsm_image_accordion_child .dsm_image_accordion_child_content {
opacity: 0;
position: relative;
transition-duration: 380ms;
transition-property: all;
}
.dsm_image_accordion .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_child_content {
opacity: 1 !important;
transition-duration: 300ms;
transition-delay: 380ms;
transition-property: all;
}
.dsm_image_accordion_horizontal_left .dsm_image_accordion_child_content {
text-align: left;
}
.dsm_image_accordion_horizontal_center .dsm_image_accordion_child_content {
text-align: center;
}
.dsm_image_accordion_horizontal_right .dsm_image_accordion_child_content {
text-align: right;
}
.dsm_image_accordion_vertical_top .dsm_image_accordion_child_content {
justify-content: flex-start;
}
.dsm_image_accordion_vertical_center .dsm_image_accordion_child_content {
justify-content: center;
}
.dsm_image_accordion_vertical_bottom .dsm_image_accordion_child_content {
justify-content: flex-end;
}
.dsm_image_accordion_child::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
top: 0;
left: 0;
bottom: 0;
right: 0;
transition: all 0.3s ease-in-out;
} .dsm_image_accordion_animation_fade_in.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child .dsm_image_accordion_child_content {
opacity: 0;
}
.dsm_image_accordion_animation_fade_in.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_child_content {
opacity: 1;
}
.dsm_image_accordion_animation_zoom_in.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child .dsm_image_accordion_child_content {
opacity: 0;
transform: scale(0.5);
}
.dsm_image_accordion_animation_zoom_in.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_child_content {
opacity: 1;
transform: scale(1);
}
.dsm_image_accordion_animation_push_up.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child .dsm_image_accordion_child_content {
opacity: 0;
transform: translateY(18%);
}
.dsm_image_accordion_animation_push_up.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_child_content {
opacity: 1;
transform: translateY(0);
}
.dsm_image_accordion_animation_push_right.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child .dsm_image_accordion_child_content {
opacity: 0;
transform: translateX(-18%);
}
.dsm_image_accordion_animation_push_right.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_child_content {
opacity: 1;
transform: translateY(0);
}
.dsm_image_accordion_animation_push_down.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child .dsm_image_accordion_child_content {
opacity: 0;
transform: translateY(-18%);
}
.dsm_image_accordion_animation_push_down.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_child_content {
opacity: 1;
transform: translateY(0);
}
.dsm_image_accordion_animation_push_left.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child .dsm_image_accordion_child_content {
opacity: 0;
transform: translateX(18%);
}
.dsm_image_accordion_animation_push_left.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_child_content {
opacity: 1;
transform: translateY(0);
} .dsm_image_accordion_image_icon_wrapper,
.dsm_image_accordion_title,
.dsm_image_accordion_description,
.dsm_image_accordion_button_wrapper {
transition: all 0.3s ease-in-out;
}
.dsm_image_accordion_animation_fade_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_image_icon_wrapper {
opacity: 0;
}
.dsm_image_accordion_animation_fade_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_image_icon_wrapper {
opacity: 1;
transition-delay: 0.2s;
}
.dsm_image_accordion_animation_fade_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_title {
opacity: 0;
}
.dsm_image_accordion_animation_fade_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_title {
opacity: 1;
transition-delay: 0.4s;
}
.dsm_image_accordion_animation_fade_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_description {
opacity: 0;
}
.dsm_image_accordion_animation_fade_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_description {
opacity: 1;
transition-delay: 0.6s;
}
.dsm_image_accordion_animation_fade_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_button_wrapper {
opacity: 0;
}
.dsm_image_accordion_animation_fade_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_button_wrapper {
opacity: 1;
transition-delay: 0.8s;
} .dsm_image_accordion_animation_zoom_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_image_icon_wrapper {
opacity: 0;
transform: scale(0.5);
}
.dsm_image_accordion_animation_zoom_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_image_icon_wrapper {
transition-delay: 0.2s;
opacity: 1;
transform: scale(1);
}
.dsm_image_accordion_animation_zoom_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_title {
opacity: 0;
transform: scale(0.5);
}
.dsm_image_accordion_animation_zoom_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_title {
transition-delay: 0.4s;
opacity: 1;
transform: scale(1);
}
.dsm_image_accordion_animation_zoom_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_description {
opacity: 0;
transform: scale(0.5);
}
.dsm_image_accordion_animation_zoom_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_description {
transition-delay: 0.6s;
opacity: 1;
transform: scale(1);
}
.dsm_image_accordion_animation_zoom_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_button_wrapper {
opacity: 0;
transform: scale(0.5);
}
.dsm_image_accordion_animation_zoom_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_button_wrapper {
transition-delay: 0.8s;
opacity: 1;
transform: scale(1);
} .dsm_image_accordion_animation_push_up.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_image_icon_wrapper {
opacity: 0;
transform: translateY(18%);
}
.dsm_image_accordion_animation_push_up.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_image_icon_wrapper {
opacity: 1;
transform: translateY(0);
transition-delay: 0.2s;
}
.dsm_image_accordion_animation_push_up.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_title {
opacity: 0;
transform: translateY(18%);
}
.dsm_image_accordion_animation_push_up.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_title {
opacity: 1;
transform: translateY(0);
transition-delay: 0.4s;
}
.dsm_image_accordion_animation_push_up.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_description {
opacity: 0;
transform: translateY(18%);
}
.dsm_image_accordion_animation_push_up.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_description {
opacity: 1;
transform: translateY(0);
transition-delay: 0.6s;
}
.dsm_image_accordion_animation_push_up.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_button_wrapper {
opacity: 0;
transform: translateY(18%);
}
.dsm_image_accordion_animation_push_up.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_button_wrapper {
opacity: 1;
transform: translateY(0);
transition-delay: 0.8s;
} .dsm_image_accordion_animation_push_right.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_image_icon_wrapper {
opacity: 0;
transform: translateX(-18%);
}
.dsm_image_accordion_animation_push_right.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_image_icon_wrapper {
opacity: 1;
transform: translateX(0);
transition-delay: 0.2s;
}
.dsm_image_accordion_animation_push_right.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_title {
opacity: 0;
transform: translateX(-18%);
}
.dsm_image_accordion_animation_push_right.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_title {
opacity: 1;
transform: translateX(0);
transition-delay: 0.4s;
}
.dsm_image_accordion_animation_push_right.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_description {
opacity: 0;
transform: translateX(-18%);
}
.dsm_image_accordion_animation_push_right.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_description {
opacity: 1;
transform: translateX(0);
transition-delay: 0.6s;
}
.dsm_image_accordion_animation_push_right.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_button_wrapper {
opacity: 0;
transform: translateX(-18%);
}
.dsm_image_accordion_animation_push_right.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_button_wrapper {
opacity: 1;
transform: translateX(0);
transition-delay: 0.8s;
} .dsm_image_accordion_animation_push_down.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_image_icon_wrapper {
opacity: 0;
transform: translateY(-18%);
}
.dsm_image_accordion_animation_push_down.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_image_icon_wrapper {
opacity: 1;
transform: translateY(0);
transition-delay: 0.2s;
}
.dsm_image_accordion_animation_push_down.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_title {
opacity: 0;
transform: translateY(-18%);
}
.dsm_image_accordion_animation_push_down.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_title {
opacity: 1;
transform: translateY(0);
transition-delay: 0.4s;
}
.dsm_image_accordion_animation_push_down.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_description {
opacity: 0;
transform: translateY(-18%);
}
.dsm_image_accordion_animation_push_down.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_description {
opacity: 1;
transform: translateY(0);
transition-delay: 0.6s;
}
.dsm_image_accordion_animation_push_down.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_button_wrapper {
opacity: 0;
transform: translateY(-18%);
}
.dsm_image_accordion_animation_push_down.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_button_wrapper {
opacity: 1;
transform: translateY(0);
transition-delay: 0.8s;
} .dsm_image_accordion_animation_push_left.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_image_icon_wrapper {
opacity: 0;
transform: translateX(18%);
}
.dsm_image_accordion_animation_push_left.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_image_icon_wrapper {
opacity: 1;
transform: translateX(0);
transition-delay: 0.2s;
}
.dsm_image_accordion_animation_push_left.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_title {
opacity: 0;
transform: translateX(18%);
}
.dsm_image_accordion_animation_push_left.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_title {
opacity: 1;
transform: translateX(0);
transition-delay: 0.4s;
}
.dsm_image_accordion_animation_push_left.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_description {
opacity: 0;
transform: translateX(18%);
}
.dsm_image_accordion_animation_push_left.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_description {
opacity: 1;
transform: translateX(0);
transition-delay: 0.6s;
}
.dsm_image_accordion_animation_push_left.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_button_wrapper {
opacity: 0;
transform: translateX(18%);
}
.dsm_image_accordion_animation_push_left.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_button_wrapper {
opacity: 1;
transform: translateX(0);
transition-delay: 0.8s;
} .dsm_image_accordion .dsm_image_accordion_title,
.dsm_image_accordion .dsm_image_accordion_description {
color: #ffffff;
}
.dsm_image_accordion .dsm_image_accordion_wrapper {
flex-direction: row;
height: 380px;
}
.dsm_image_accordion_child {
margin-bottom: 0px !important;
}
.dsm_image_accordion_child .dsm_image_accordion_description {
margin-bottom: 20px;
}
.dsm_image_accordion_child .et_pb_module_inner {
height: 100%;
} .dsm_image_carousel .swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
width: 100%;
max-width: 100%;
} @-moz-document url-prefix() {
.dsm_image_carousel .swiper-container:not(.swiper-container-cube):not(.swiper-cube) .swiper-wrapper {
transform-style: flat !important;
} .dsm_image_carousel .swiper-container.dsm_image_carousel_container[data-effect=coverflow] .swiper-wrapper,
.dsm_image_carousel .swiper-container.dsm_image_carousel_container[data-effect=flip] .swiper-wrapper,
.dsm_image_carousel .swiper-container.dsm_image_carousel_container[data-effect=cube] .swiper-wrapper {
transform-style: preserve-3d !important;
}
}
.dsm_image_carousel .dsm_image_carousel_container:not(.dsm_image_carousel_slideshow) {
margin-bottom: 60px;
} .dsm_image_carousel {
--swiper-navigation-size: 40px;
}
.dsm_image_carousel.dsm_image_carousel_horizontal.dsm_image_carousel_arrow_outside {
--swiper-navigation-sides-offset: -40px;
}
.dsm_image_carousel.dsm_image_carousel_horizontal.dsm_image_carousel_arrow_inside {
--swiper-navigation-sides-offset: 0px;
}
.dsm_image_carousel.dsm_image_carousel_vertical.dsm_image_carousel_arrow_outside {
--swiper-navigation-sides-offset: -40px;
}
.dsm_image_carousel.dsm_image_carousel_vertical.dsm_image_carousel_arrow_inside {
--swiper-navigation-sides-offset: 0px;
}
.dsm_image_carousel.dsm_image_carousel_vertical .swiper-button-prev,
.dsm_image_carousel.dsm_image_carousel_vertical .swiper-button-next {
transform: rotate(90deg);
}
.dsm_image_carousel.dsm_image_carousel_vertical .swiper-button-next {
top: auto !important;
}
.dsm_image_carousel .swiper-button-prev,
.dsm_image_carousel .swiper-button-next {
height: 40px;
width: 40px;
background-image: none;
background-size: initial;
display: flex;
align-items: center;
margin-top: -30px;
border-style: solid;
} .dsm_image_carousel_vertical.dsm_image_carousel_arrow_inside .swiper-button-prev {
top: 0px;
}
.dsm_image_carousel_vertical.dsm_image_carousel_arrow_inside .swiper-button-next {
bottom: 0px;
}
.dsm_image_carousel_vertical.dsm_image_carousel_arrow_outside .swiper-button-prev {
top: -40px;
}
.dsm_image_carousel_vertical.dsm_image_carousel_arrow_outside .swiper-button-next {
bottom: -40px;
}
.dsm_image_carousel .swiper-button-prev:after,
.dsm_image_carousel .swiper-button-next:after {
display: none;
} .dsm_image_carousel .swiper-button-prev .swiper-navigation-icon,
.dsm_image_carousel .swiper-button-next .swiper-navigation-icon,
.dsm_image_carousel .swiper-button-prev svg,
.dsm_image_carousel .swiper-button-next svg {
display: none;
}
.dsm_image_carousel_vertical .swiper-pagination {
display: flex;
flex-direction: column;
gap: 8px;
width: -moz-fit-content !important;
width: fit-content !important;
}
.dsm_image_carousel_pagi_placement_right .swiper-pagination {
left: auto !important;
}
.dsm_image_carousel_pagi_placement_left .swiper-pagination {
right: auto !important;
} .dsm_image_carousel.dsm_image_carousel_horizontal {
--swiper-pagination-bottom: -30px;
} .dsm_image_carousel .swiper-pagination-bullets,
.dsm_image_carousel .swiper-pagination-custom,
.dsm_image_carousel .swiper-pagination-fraction {
left: 0;
width: 100%;
}
.dsm_image_carousel .swiper-pagination-bullets {
left: 0;
width: 100%;
}
.dsm_image_carousel .swiper-pagination-bullets .swiper-pagination-bullet,
.et-db #et-boc .et-l .dsm_image_carousel .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.dsm_image_carousel_pagination_outside .dsm_image_carousel_container {
padding-bottom: 30px;
}
.dsm_image_carousel_pagination_outside .swiper-pagination-bullets,
.dsm_image_carousel_pagination_outside .swiper-pagination-custom,
.dsm_image_carousel_pagination_outside .swiper-pagination-fraction {
bottom: 0;
}
.dsm_image_carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: rgba(0, 0, 0, 0.75);
}
.dsm_image_carousel .dsm_image_carousel_container .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.dsm_image_carousel .swiper-slide img {
width: auto;
border-style: solid;
}
.dsm_image_carousel.dsm_image_carousel_vertical .swiper-slide img {
width: 100%;
height: 100%;
} .dsm_image_carousel .swiper-slide .dsm_image_carousel_link img:is([src$=".svg" i],
[src*=".svg?" i],
[src*=".svg#" i],
[src^="data:image/svg+xml" i]) {
width: 100%;
max-width: 100%;
height: auto;
display: block;
}
.dsm_image_carousel.dsm_image_carousel_vertical .swiper-slide .dsm_image_carousel_link img:is([src$=".svg" i],
[src*=".svg?" i],
[src*=".svg#" i],
[src^="data:image/svg+xml" i]) {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.dsm_image_carousel .dsm_image_carousel_item a {
width: 100%;
display: inline-block;
}
.dsm_image_carousel_infinite_scroll .swiper-wrapper {
transition-timing-function: linear !important;
}
.dsm_image_carousel_infinite_scroll:hover .swiper-wrapper {
transition-timing-function: linear !important;
}
.dsm_image_carousel_infinite_scroll .swiper-pagination {
display: none;
} .dsm_image_carousel:not(.dsm_ic_slideshow_thumbs_custom) .dsm_image_gallery_thumbs.swiper,
.dsm_image_carousel:not(.dsm_ic_slideshow_thumbs_custom) .dsm_image_gallery_thumbs.swiper-container {
width: 100%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.dsm_image_gallery_thumbs .swiper-slide .dsm_image_carousel_thumbs_image {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
aspect-ratio: 21/9;
}
.dsm_image_gallery_thumbs .swiper-slide .dsm_image_carousel_thumbs_image[data-dsm-lazy-bg] {
background-color: rgba(0, 0, 0, 0.04);
}
.dsm_image_carousel_slideshow {
width: 100%;
} .dsm_image_carousel.dsm_ic_slideshow_thumbs_custom {
position: relative;
}
.dsm_image_carousel.dsm_ic_slideshow_thumbs_custom .et_pb_module_inner {
position: relative;
} .dsm_ic_slideshow_thumbs_absolute.swiper,
.dsm_ic_slideshow_thumbs_absolute.swiper-container {
position: absolute;
box-sizing: border-box;
z-index: 5;
width: auto;
max-width: 100%;
min-width: 0;
margin-left: 0;
margin-right: 0;
overflow: hidden;
}
.dsm_image_carousel_slideshow .dsm_image_carousel_item .dsm_image_carousel_slideshow_bg {
position: relative;
height: 450px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-style: solid;
transition: 0.2s all ease-in-out;
}
.dsm_image_carousel_slideshow .dsm_image_carousel_item .dsm_image_carousel_slideshow_bg[data-dsm-lazy-bg] {
background-color: rgba(0, 0, 0, 0.04);
} .dsm_image_carousel_slideshow .dsm_image_carousel_item .dsm_image_carousel_slideshow_bg .dsm_image_carousel_slideshow_overlay {
position: absolute;
inset: 0;
z-index: 1;
width: 100%;
height: 100%;
box-sizing: border-box;
pointer-events: none;
border-radius: inherit;
} .dsm_image_carousel:not(.dsm_image_carousel_slideshow) .dsm_image_carousel_item .dsm_image_carousel_carousel_media {
position: relative;
display: block;
width: 100%;
max-width: 100%;
box-sizing: border-box;
overflow: hidden;
line-height: 0;
font-size: 0;
}
.dsm_image_carousel:not(.dsm_image_carousel_slideshow) .dsm_image_carousel_item .dsm_image_carousel_carousel_media > a {
display: block;
width: 100%;
max-width: 100%;
line-height: 0;
box-sizing: border-box;
}
.dsm_image_carousel:not(.dsm_image_carousel_slideshow) .dsm_image_carousel_item .dsm_image_carousel_carousel_media > img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
position: relative;
z-index: 0;
box-sizing: border-box;
} .dsm_image_carousel:not(.dsm_image_carousel_slideshow) .dsm_image_carousel_item .dsm_image_carousel_carousel_media a img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
box-sizing: border-box;
}
.dsm_image_carousel:not(.dsm_image_carousel_slideshow) .dsm_image_carousel_item .dsm_image_carousel_carousel_media .dsm_image_carousel_slideshow_overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
width: auto;
height: auto;
box-sizing: border-box;
pointer-events: none;
min-height: 0;
}
.dsm_image_carousel_slideshow .dsm_image_carousel_item .dsm_image_carousel_slideshow_bg .dsm_image_carousel_slide_title_overlay {
position: absolute;
inset: 0;
z-index: 2;
display: flex;
box-sizing: border-box;
pointer-events: none;
} .dsm_image_carousel_slideshow .dsm_image_carousel_slide_title {
display: inline-block;
max-width: 100%;
box-sizing: border-box;
word-break: break-word;
}
.dsm_image_carousel_slideshow .dsm_image_carousel_slideshow_content {
display: flex;
flex-direction: column;
align-items: inherit;
justify-content: flex-start;
max-width: 100%;
box-sizing: border-box;
}
.dsm_image_carousel_slideshow .dsm_image_carousel_slide_description {
display: inline-block;
max-width: 100%;
box-sizing: border-box;
word-break: break-word;
margin-top: 0.35em;
}
.dsm_image_carousel_slideshow .dsm_image_carousel_item a.dsm_ic_slideshow_link_title {
position: relative;
display: block;
width: 100%;
}
.dsm_image_carousel_slideshow .dsm_image_carousel_item a.dsm_ic_slideshow_link_title img {
width: 100%;
display: block;
}
.dsm_image_carousel_slideshow .dsm_image_carousel_item a.dsm_ic_slideshow_link_title .dsm_image_carousel_slide_title_overlay {
position: absolute;
inset: 0;
z-index: 2;
display: flex;
box-sizing: border-box;
pointer-events: none;
} .dsm_image_carousel_container.dsm_image_carousel_slideshow[data-slideshow-show-slide-title=true][data-slideshow-title-animation]:not([data-slideshow-title-animation=none]) .swiper-slide:not(.swiper-slide-active) .dsm_image_carousel_slide_title {
opacity: 0;
visibility: hidden;
}
.dsm_image_carousel_container.dsm_image_carousel_slideshow[data-slideshow-show-slide-title=true][data-slideshow-title-animation]:not([data-slideshow-title-animation=none]) .swiper-slide-active .dsm_image_carousel_slide_title:not(.animated) {
opacity: 0;
visibility: hidden;
}
.dsm_image_carousel_container.dsm_image_carousel_slideshow[data-slideshow-show-slide-description=true][data-slideshow-description-animation]:not([data-slideshow-description-animation=none]) .swiper-slide:not(.swiper-slide-active) .dsm_image_carousel_slide_description {
opacity: 0;
visibility: hidden;
}
.dsm_image_carousel_container.dsm_image_carousel_slideshow[data-slideshow-show-slide-description=true][data-slideshow-description-animation]:not([data-slideshow-description-animation=none]) .swiper-slide-active .dsm_image_carousel_slide_description:not(.animated) {
opacity: 0;
visibility: hidden;
}
.dsm_image_carousel_container.dsm_image_carousel_slideshow[data-slideshow-wrapper-animation-in]:not([data-slideshow-wrapper-animation-in=none]) .swiper-slide:not(.swiper-slide-active) .dsm_image_carousel_slideshow_content {
opacity: 0;
visibility: hidden;
}
.dsm_image_carousel_container.dsm_image_carousel_slideshow[data-slideshow-wrapper-animation-in]:not([data-slideshow-wrapper-animation-in=none]) .swiper-slide-active .dsm_image_carousel_slideshow_content:not(.animated) {
opacity: 0;
visibility: hidden;
}
.dsm_image_gallery_thumbs {
box-sizing: border-box;
padding-top: 10px !important;
}
.dsm_ic_slideshow_thumbs_absolute {
padding-top: 0;
}
.dsm_image_gallery_thumbs .swiper-slide {
cursor: pointer;
height: 100%;
opacity: 0.4;
}
.dsm_image_gallery_thumbs .swiper-slide-thumb-active {
opacity: 1;
}
.dsm_image_gallery_thumbs .dsm_image_carousel_thumbs_image {
border-style: solid;
transition: 0.2s all ease-in-out;
}
@media only screen and (max-width: 768px) {
.dsm_image_carousel.dsm_image_carousel_horizontal.dsm_image_carousel_arrow_outside {
--swiper-navigation-sides-offset: -36px;
}
.dsm_image_carousel.dsm_image_carousel_horizontal.dsm_image_carousel_arrow_outside.dsm_image_carousel_arrow_mobile_inside {
--swiper-navigation-sides-offset: 0px;
}
.dsm_image_carousel .swiper-button-prev:before,
.dsm_image_carousel .swiper-container-rtl .swiper-button-next:before,
.dsm_image_carousel .swiper-button-next:before,
.swiper-container-rtl .swiper-button-prev:before {
font-size: 36px;
}
.dsm_image_carousel .swiper-button-prev,
.dsm_image_carousel .swiper-button-next {
height: 36px;
width: 36px;
}
.dsm_image_carousel {
--swiper-navigation-size: 36px;
}
}
.dsm_image_carousel .swiper-wrapper {
align-items: center;
}
.dsm_image_carousel .swiper-button-prev,
.dsm_image_carousel .swiper-button-next {
font-size: 40px;
color: #666;
}
.dsm_image_carousel.dsm_image_carousel_vertical .swiper-pagination {
top: 50%;
}
.dsm_image_carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: rgba(0, 0, 0, 0.75);
}
.dsm_image_carousel .swiper-pagination-bullet {
background-color: rgba(0, 0, 0, 0.2);
}
.dsm_image_carousel.dsm_image_carousel_vertical .swiper-button-prev,
.dsm_image_carousel.dsm_image_carousel_vertical .swiper-button-next {
left: 50%;
} .dsm_card_carousel .swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
width: 100%;
max-width: 100%;
} @-moz-document url-prefix() {
.dsm_card_carousel .swiper-container:not(.swiper-container-cube):not(.swiper-cube) .swiper-wrapper {
transform-style: flat !important;
}
.dsm_card_carousel .swiper-container.dsm_card_carousel_container[data-effect=coverflow] .swiper-wrapper,
.dsm_card_carousel .swiper-container.dsm_card_carousel_container[data-effect=flip] .swiper-wrapper,
.dsm_card_carousel .swiper-container.dsm_card_carousel_container[data-effect=cube] .swiper-wrapper {
transform-style: preserve-3d !important;
}
} .dsm_card_carousel {
margin-bottom: 60px; --swiper-navigation-size: 60px;
} .dsm_card_carousel.dsm_card_carousel_slider_horizontal.dsm_card_carousel_arrow_outside:not(.dsm_card_carousel_use_arrow_custom_position) {
--swiper-navigation-sides-offset: calc(-1 * var(--swiper-navigation-size));
}
.dsm_card_carousel.dsm_card_carousel_slider_horizontal.dsm_card_carousel_arrow_inside {
--swiper-navigation-sides-offset: 0px;
}
.dsm_card_carousel .dsm_card_carousel_arrow {
border-style: solid;
}
.dsm_card_carousel .et_pb_button {
display: inline-block;
}
.swiper-flip .dsm_card_carousel_child.swiper-slide {
backface-visibility: hidden;
}
.dsm_card_carousel_slider_vertical.et_pb_module .dsm_card_carousel_arrow {
width: 40px !important;
height: 40px !important;
transform: rotate(90deg);
} .dsm_card_carousel_arrow_inside.dsm_card_carousel_slider_vertical .swiper-button-prev {
top: 0px;
margin-top: 0px;
}
.dsm_card_carousel_arrow_inside.dsm_card_carousel_slider_vertical .swiper-button-next {
bottom: 0%;
top: auto;
}
.dsm_card_carousel_arrow_outside.dsm_card_carousel_slider_vertical .swiper-button-prev {
top: -45px;
}
.dsm_card_carousel_arrow_outside.dsm_card_carousel_slider_vertical .swiper-button-next {
bottom: -45px;
top: auto;
}
.dsm_card_carousel .swiper-button-prev,
.dsm_card_carousel .swiper-button-next {
background-image: none;
background-size: initial;
display: flex;
align-items: center;
justify-content: center;
margin-top: calc(-0.5 * var(--swiper-navigation-size, 60px));
position: absolute;
top: 50%;
cursor: pointer;
z-index: 1; color: #666666;
font-size: 40px;
} .dsm_card_carousel .swiper-button-prev.swiper-button-disabled,
.dsm_card_carousel .swiper-button-next.swiper-button-disabled {
cursor: not-allowed;
opacity: 0.35;
pointer-events: none;
} .dsm_card_carousel .swiper-button-prev::after,
.dsm_card_carousel .swiper-button-next::after {
display: none;
}
.dsm_card_carousel .swiper-button-prev .swiper-navigation-icon,
.dsm_card_carousel .swiper-button-next .swiper-navigation-icon,
.dsm_card_carousel .swiper-button-prev svg,
.dsm_card_carousel .swiper-button-next svg {
display: none;
} .dsm_card_carousel.dsm_card_carousel_slider_horizontal.dsm_card_carousel_arrow_outside .swiper-button-prev {
left: var(--swiper-navigation-sides-offset);
}
.dsm_card_carousel.dsm_card_carousel_slider_horizontal.dsm_card_carousel_arrow_outside .swiper-button-next {
right: var(--swiper-navigation-sides-offset);
}
.dsm_card_carousel.dsm_card_carousel_slider_horizontal.dsm_card_carousel_arrow_inside .swiper-button-prev {
left: var(--swiper-navigation-sides-offset) !important;
}
.dsm_card_carousel.dsm_card_carousel_slider_horizontal.dsm_card_carousel_arrow_inside .swiper-button-next {
right: var(--swiper-navigation-sides-offset) !important;
}
.dsm_card_carousel img.swiper-lazy {
opacity: 1;
} .dsm_card_carousel_equal_height .dsm_card_carousel_wrapper .dsm_card_carousel_child:not(.dsm_card_carousel_child_vb_outer_wrapper),
.dsm_card_carousel_equal_height .dsm_card_carousel_wrapper .swiper-slide:not(.dsm_card_carousel_child_vb_outer_wrapper),
.et_pb_equal_columns .dsm_card_carousel_wrapper .dsm_card_carousel_child:not(.dsm_card_carousel_child_vb_outer_wrapper),
.et_pb_equal_columns .dsm_card_carousel_wrapper .swiper-slide:not(.dsm_card_carousel_child_vb_outer_wrapper) {
height: auto !important;
}
.dsm_card_carousel_equal_height .swiper-slide > div:first-of-type,
.dsm_card_carousel_equal_height .dsm_card_carousel_child_vb_outer_wrapper,
.dsm_card_carousel_equal_height .dsm_card_carousel_child_vb_outer_wrapper > div:first-of-type,
.et_pb_equal_columns .dsm_card_carousel_child_vb_outer_wrapper,
.et_pb_equal_columns .dsm_card_carousel_child_vb_outer_wrapper > div:first-of-type {
height: 100%;
}
.dsm-card-button-alignment .dsm_card_carousel_child > div {
display: flex;
flex-direction: column;
height: 100%;
}
.dsm-card-button-alignment .dsm_card_wrapper {
display: flex;
flex-direction: column;
flex: 1;
} .dsm-card-button-alignment-bottom .et_pb_button_module_wrapper,
.dsm-card-button-alignment-bottom .et_pb_button_wrapper {
margin-top: auto !important;
}
.dsm-card-button-alignment-top .et_pb_button_module_wrapper,
.dsm-card-button-alignment-top .et_pb_button_wrapper {
margin-bottom: auto;
}
.dsm-card-button-alignment-center .et_pb_button_module_wrapper,
.dsm-card-button-alignment-center .et_pb_button_wrapper {
margin-bottom: auto;
margin-top: auto !important;
}
.dsm_card_carousel_badge_hover .dsm_card_carousel_child .dsm_card_carousel_child_badge_text {
opacity: 0;
}
.dsm_card_carousel_badge_hover .dsm_card_carousel_child:hover .dsm_card_carousel_child_badge_text {
opacity: 1;
} .dsm_card_carousel .swiper-slide.dsm_card_carousel_child {
overflow: hidden;
} .dsm_card_carousel .swiper-slide.dsm_card_carousel_child .et_pb_module_inner {
min-height: 0;
} .dsm_card_carousel_layout_inline .dsm_card_carousel_child,
.dsm_card_carousel_layout_inline .dsm_card_carousel_child .et_pb_module_inner {
display: flex;
align-items: center;
width: 100%;
}
.dsm-card-button-alignment.dsm_card_carousel_layout_inline .dsm_card_carousel_child > div {
flex-direction: initial;
}
.dsm-card-button-alignment.dsm_card_carousel_layout_inline .dsm_card_wrapper {
height: 100%;
}
.dsm_card_carousel_layout_inline .dsm_card_carousel_child_image_wrapper {
order: 0;
flex: 0 0 50%;
overflow: hidden;
}
.dsm_card_carousel_child_image_wrapper .dsm_card_carousel_child_image_background {
overflow: hidden;
background-position: center;
background-repeat: no-repeat;
} .dsm_card_carousel .swiper-container-horizontal .swiper-pagination-bullets,
.dsm_card_carousel .swiper-pagination-custom,
.dsm_card_carousel .swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.dsm_card_carousel.dsm_card_carousel_slider_horizontal .swiper-pagination-bullets {
bottom: -30px;
left: 0;
width: 100%;
opacity: 1 !important;
}
.dsm_card_carousel .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.dsm_card_carousel_pagination_outside .dsm_card_carousel_container {
padding-bottom: 30px;
}
.dsm_card_carousel_pagination_outside .swiper-container-horizontal .swiper-pagination-bullets,
.dsm_card_carousel_pagination_outside .swiper-pagination-custom,
.dsm_card_carousel_pagination_outside .swiper-pagination-fraction {
bottom: 0;
}
.dsm_card_carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: rgba(0, 0, 0, 0.75);
}
.dsm_card_carousel_slider_vertical.dsm_pagi_placement_left .dsm_card_carousel_pagination {
display: flex;
flex-direction: column;
gap: 8px;
right: auto;
width: auto !important;
}
.dsm_card_carousel_slider_vertical.dsm_pagi_placement_right .dsm_card_carousel_pagination {
display: flex;
flex-direction: column;
gap: 8px;
left: auto;
width: auto !important;
} .dsm-image-lightbox,
.dsm-video-lightbox,
.dsm-card-image-lightbox,
.dsm-card-video-lightbox {
cursor: pointer;
} .dsm_card_carousel_badge_hover .dsm_card_carousel_child .dsm_card_carousel_child_badge_text {
opacity: 0;
transition: opacity 300ms;
}
.dsm_card_carousel_badge_hover .dsm_card_carousel_child:hover .dsm_card_carousel_child_badge_text {
opacity: 1;
}
@media only screen and (max-width: 980px) {
.dsm_card_carousel_layout_tablet_stacked .dsm_card_carousel_child > div:first-of-type {
display: initial;
}
.dsm_card_carousel_layout_tablet_inline .dsm_card_carousel_child > div:first-of-type {
display: flex;
}
.dsm_card_carousel_layout_tablet_inline .dsm_card_carousel_child_image_wrapper {
order: 0;
flex: 0 0 50%;
}
}
@media only screen and (max-width: 767px) {
.dsm_card_carousel_layout_phone_stacked .dsm_card_carousel_child > div:first-of-type {
display: initial;
}
.dsm_card_carousel_layout_phone_inline .dsm_card_carousel_child > div:first-of-type {
display: flex;
}
.dsm_card_carousel_layout_phone_inline .dsm_card_carousel_child_image_wrapper {
order: 0;
flex: 0 0 50%;
}
.dsm_card_carousel.dsm_card_carousel_slider_horizontal.dsm_card_carousel_arrow_outside.dsm_card_carousel_arrow_mobile_inside {
--swiper-navigation-sides-offset: 0px;
}
.dsm_card_carousel .swiper-button-prev,
.dsm_card_carousel .swiper-button-next {
font-size: 36px;
}
}
.dsm_card_carousel .dsm_card_carousel_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: rgba(0, 0, 0, 0.75);
}
.dsm_card_carousel .dsm_card_carousel_pagination .swiper-pagination-bullet {
background: rgba(0, 0, 0, 0.2);
}
.dsm_card_carousel.dsm_card_carousel_slider_vertical.dsm_pagi_placement_right .swiper-pagination-bullets {
right: -30px;
}
.dsm_card_carousel.dsm_card_carousel_slider_vertical.dsm_pagi_placement_left .swiper-pagination-bullets {
left: -30px;
}
.dsm_card_carousel.dsm_card_carousel_slider_horizontal .dsm_card_carousel_pagination.swiper-pagination-bullets {
bottom: -30px;
}
.dsm_card_carousel.dsm_card_carousel_slider_vertical .swiper-pagination-bullets {
top: 50%;
}
.dsm_card_carousel .dsm_card_carousel_child_img,
.dsm_card_carousel .dsm_card_carousel_child_image_wrapper img {
max-width: 100%;
}
.dsm_card_carousel .dsm_card_carousel_child_image_wrapper {
display: flex;
justify-content: center;
} .dsm_card_carousel .swiper-button-prev::before {
font-family: ETmodules !important;
font-weight: 400;
content: "4";
}
.dsm_card_carousel .swiper-button-next::before {
font-family: ETmodules !important;
font-weight: 400;
content: "5";
}
.swiper-container.dsm_card_carousel_wrapper {
overflow: hidden;
}
.dsm_card_carousel_child_badge_text {
position: absolute;
padding: 7px 15px;
max-width: 100%;
border-radius: 50px;
background-color: #fff;
font-size: 12px;
border-style: solid;
border-width: 0;
line-height: 1em;
z-index: 3;
}
.dsm_card_carousel_child_badge_top_right .dsm_card_carousel_child_badge_text {
top: 1rem;
right: 1rem;
}
.dsm_card_carousel_child_badge_top_left .dsm_card_carousel_child_badge_text {
top: 1rem;
left: 1rem;
}
.dsm_card_carousel_child_badge_top_center .dsm_card_carousel_child_badge_text {
top: 1rem;
left: 50%;
transform: translateX(-50%);
}
.dsm_card_carousel_child_badge_bottom_right .dsm_card_carousel_child_badge_text {
bottom: 1rem;
right: 1rem;
}
.dsm_card_carousel_child_badge_bottom_left .dsm_card_carousel_child_badge_text {
bottom: 1rem;
left: 1rem;
}
.dsm_card_carousel_child_badge_bottom_center .dsm_card_carousel_child_badge_text {
bottom: 1rem;
left: 50%;
transform: translateX(-50%);
}
.dsm_card_carousel_child_badge_center .dsm_card_carousel_child_badge_text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.dsm_card_carousel_child_badge_center_left {
display: flex;
justify-content: left;
align-items: center;
}
.dsm_card_carousel_child_badge_center_left .dsm_card_carousel_child_badge_text {
left: 1rem;
}
.dsm_card_carousel_child_badge_center_right {
display: flex;
justify-content: right;
align-items: center;
}
.dsm_card_carousel_child_badge_center_right .dsm_card_carousel_child_badge_text {
right: 1rem;
} .dsm_card_carousel_child .et_overlay {
border-width: 0;
}
.dsm_card_carousel_child_image_wrapper .dsm-card-icon-empty.et_overlay:before {
display: none;
}
.dsm-card-overlay-off .et_overlay {
opacity: 1;
z-index: 0;
}
.dsm-card-overlay-off:hover .et_overlay {
opacity: 0;
}
.dsm_card_carousel_child_image_wrapper .et_overlay {
display: flex;
}
.dsm_card_carousel_child_image_wrapper .et_overlay:before {
margin: 0;
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}  .dsm_card_carousel_child_image_animation .dsm_card_carousel_child_image_wrapper {
overflow: hidden;
}
.dsm_card_carousel_child_image_animation_zoom_in:hover .dsm_card_carousel_child_image_background {
transform: scale(1.5);
}
.dsm_card_carousel_child_image_animation_zoom_out .dsm_card_carousel_child_image_background {
transform: scale(1.5);
}
.dsm_card_carousel_child_image_animation_zoom_out:hover .dsm_card_carousel_child_image_background {
transform: scale(1);
}
.dsm_card_carousel_child_image_animation_zoom_in_n_rotate:hover .dsm_card_carousel_child_image_background {
transform: scale(1.5) rotate(25deg);
}
.dsm_card_carousel_child_image_animation_zoom_out_n_rotate .dsm_card_carousel_child_image_background {
transform: scale(1.5) rotate(25deg);
}
.dsm_card_carousel_child_image_animation_zoom_out_n_rotate:hover .dsm_card_carousel_child_image_background {
transform: scale(1) rotate(0);
} .dsm_card_carousel_infinite_scroll .swiper-wrapper {
transition-timing-function: linear !important;
}
.dsm_card_carousel_infinite_scroll:hover .swiper-wrapper {
transition-timing-function: linear !important;
}
.dsm_card_carousel_infinite_scroll .swiper-pagination {
display: none;
}
.dsm_card_carousel .dsm_card_carousel_child_image_wrapper {
position: relative;
}
.dsm_card_carousel_child_img {
display: block;
}
.dsm_card_carousel_image_stretch {
width: 100%;
}
.dsm_card_carousel .dsm_card_carousel_child_image_wrapper .et_overlay.et_pb_inline_icon {
position: absolute;
width: 100%;
height: 100%;
transition: all 0.3s ease-in-out;
z-index: 99 !important;
background: transparent !important;
}
.dsm_card_carousel .dsm_card_carousel_child .dsm_card_carousel_child_image_wrapper .et_overlay.dsm_show_hover_overlay {
opacity: 0;
}
.dsm_card_carousel .dsm_card_carousel_child:hover .dsm_card_carousel_child_image_wrapper .et_overlay.dsm_show_hover_overlay {
opacity: 1;
} @keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0);
}
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0, -4px, 0);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
} @keyframes pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
.pulse {
animation-name: pulse;
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(0.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, 0.95, 1);
}
to {
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
animation-name: rubberBand;
}
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
animation-name: shake;
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%, 20% {
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
} @keyframes wobble {
from {
transform: translate3d(0, 0, 0);
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: translate3d(0, 0, 0);
}
}
.wobble {
animation-name: wobble;
}
@keyframes jello {
from, 11.1%, to {
transform: translate3d(0, 0, 0);
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name: jello;
transform-origin: center;
}
@keyframes heartBeat {
0% {
transform: scale(1);
}
14% {
transform: scale(1.3);
}
28% {
transform: scale(1);
}
42% {
transform: scale(1.3);
}
70% {
transform: scale(1);
}
}
.heartBeat {
animation-name: heartBeat;
animation-duration: 1.3s;
animation-timing-function: ease-in-out;
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
animation-duration: 0.75s;
animation-name: bounceIn;
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
animation-duration: 0.75s;
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
from {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
animation-timing-function: ease-in;
}
}
.animated.flip {
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
animation-duration: 0.75s;
animation-name: flipOutX;
backface-visibility: visible !important;
}
@keyframes flipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
animation-duration: 0.75s;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
}
to {
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
animation-duration: 2s;
animation-name: hinge;
}
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.jackInTheBox {
animation-name: jackInTheBox;
} @keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.rollIn {
animation-name: rollIn;
} @keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
animation-name: rollOut;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
animation-name: zoomOutUp;
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
animation-name: slideOutUp;
}
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.delay-1s {
animation-delay: 1s;
}
.animated.delay-2s {
animation-delay: 2s;
}
.animated.delay-3s {
animation-delay: 3s;
}
.animated.delay-4s {
animation-delay: 4s;
}
.animated.delay-5s {
animation-delay: 5s;
}
.animated.fast {
animation-duration: 800ms;
}
.animated.faster {
animation-duration: 500ms;
}
.animated.slow {
animation-duration: 2s;
}
.animated.slower {
animation-duration: 3s;
}
@media (prefers-reduced-motion) {
.animated {
animation: unset !important;
transition: none !important;
}
}
.dsm-circle-info-container {
margin: auto;
position: relative;
width: var(--main-circle-size, 500px);
height: var(--main-circle-size, 500px);
}
.dsm-circle-info-container.dsm-circle-info-size-auto {
max-width: 100%;
box-sizing: border-box;
}
.dsm-circle-info-container .dsm-circle-info-content {
overflow: hidden;
width: 100%;
height: 100%;
margin: auto;
position: relative;
}
.dsm_content_icon {
display: inline-block;
line-height: 1em;
}
.dsm_icon {
line-height: 1em;
}
.dsm-circle-info-container .dsm-circle-info-content .dsm-circle-info-content-wrapper {
top: 50%;
right: 0;
bottom: 0;
left: 50%;
width: 80%;
height: 80%;
opacity: 0;
visibility: hidden;
border-radius: 50%;
position: absolute !important;
transform: translate(-50%, -50%);
}
.dsm-circle-info-container .dsm-circle-info-content .dsm-circle-info-content-wrapper.dsm-circle-info-item-active {
opacity: 1;
visibility: visible;
}
.dsm-circle-info-button {
position: absolute;
display: block;
top: 50%;
left: 50%;
z-index: 99;
}
.dsm-circle-info-button-wrapper {
width: 85px;
height: 85px;
border-radius: 50%;
display: block;
overflow: hidden;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 99;
cursor: pointer;
transition: all 0.3s ease-in-out;
border-style: solid;
}
.dsm-circle-info-inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.dsm_circle_info_image {
max-width: 30%;
border-style: solid;
}
.dsm-circle-info-container .dsm-circle-info-content-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
overflow: hidden;
}
.dsm-circle-info-container .dsm-circle-info-content-wrapper .et_pb_button_wrapper {
margin-top: 15px;
}
.dsm-circle-info-item-inner-wrapper {
position: absolute;
z-index: 99;
}
.dsm_circle_info_child.et_pb_module {
min-height: 0px !important;
}
.dsm_circle_info .dsm-circle-info-button-wrapper {
width: 80px;
height: 80px;
background: #444444;
color: #ffffff;
}
.dsm_circle_info .dsm-circle-info-content-wrapper {
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}
.dsm_circle_info .dsm_content_icon,
.dsm_circle_info .dsm_icon {
font-size: 16px;
}
.dsm_circle_info .dsm-circle-info-button-wrapper .dsm-circle-info-inner img {
max-width: 30%;
}
.dsm_circle_info .dsm-image img {
width: 30%;
}
.dsm_circle_info .dsm-circle-info-container {
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-width: 6px;
border-color: #333;
border-style: solid;
}
.dsm_circle_info .dsm-circle-info-content-wrapper,
.dsm_circle_info .dsm-circle-info-button-wrapper span {
text-align: center;
}
.dsm_circle_info .dsm-circle-info-container button.dsm-circle-info-button-wrapper {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font: inherit;
cursor: pointer;
padding: 0;
margin: 0;
border: 0;
}
.dsm_circle_info .dsm-circle-info-container button.dsm-circle-info-button-wrapper:focus {
outline: none;
}
.dsm_circle_info .dsm-circle-info-container button.dsm-circle-info-button-wrapper:focus-visible {
outline: 2px solid currentColor;
outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
.dsm-circle-info-container.dsm_animate .dsm-circle-info-button,
.dsm-circle-info-container.dsm_animate .dsm-circle-info-button .dsm-circle-info-item-inner-wrapper {
transition-duration: 0.01ms !important;
}
.dsm-circle-info-content-inner-wrapper.animated {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
}
.dsm_circle_info_child {
background-color: #7ebec5;
} .dsm_post_carousel .swiper-container.dsm-post-carousel-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
width: 100%;
max-width: 100%;
} @-moz-document url-prefix() {
.dsm_post_carousel .swiper-container.dsm-post-carousel-container:not(.swiper-container-cube):not(.swiper-cube) .swiper-wrapper {
transform-style: flat !important;
}
.dsm_post_carousel .swiper-container.dsm-post-carousel-container[data-effect=coverflow] .swiper-wrapper,
.dsm_post_carousel .swiper-container.dsm-post-carousel-container[data-effect=flip] .swiper-wrapper,
.dsm_post_carousel .swiper-container.dsm-post-carousel-container[data-effect=cube] .swiper-wrapper {
transform-style: preserve-3d !important;
}
} .dsm_post_carousel {
margin-bottom: 60px;
--swiper-navigation-size: 60px;
} .dsm-post-carousel .swiper-container-cube .swiper-slide:not(.swiper-slide-active) {
z-index: 0;
}
.dsm_post_carousel.dsm-post-item-equal-height .dsm-post-carousel-item {
height: auto;
}
.dsm-post-carousel-item {
border: 0 solid;
}
.dsm-bottom-meta {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
padding-top: 10px;
}
.dsm-bottom-meta img {
width: 60px;
height: auto;
}
.dsm-bottom-meta .dsm-bottom-meta-image {
margin-right: 10px;
line-height: 0;
}
.dsm-bottom-meta-right {
display: flex;
flex-direction: column;
text-align: left;
}
.dsm-entry-title {
font-size: 18px;
line-height: 1.3em;
}
.dsm_post_carousel .dsm-entry-image {
position: relative;
overflow: hidden;
}
.dsm_post_carousel .swiper-pagination {
text-align: center;
width: 100%;
}
.dsm_post_carousel .swiper-pagination .swiper-pagination-bullets {
bottom: -40px;
left: 0;
width: 100%;
}
.dsm_post_carousel .swiper-pagination .swiper-pagination-bullet {
margin: 0 4px;
width: 8px;
height: 8px;
}
.dsm_post_carousel .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.dsm_post_carousel .swiper-pagination .swiper-pagination-bullet:last-child {
margin-right: 0;
}
.dsm_post_carousel .swiper-button-next,
.dsm_post_carousel .swiper-button-prev {
background-image: none !important;
display: flex;
align-items: center;
justify-content: center;
width: var(--swiper-navigation-size, 60px);
height: var(--swiper-navigation-size, 60px);
font-size: var(--swiper-navigation-size, 60px);
margin-top: 0;
transform: translateY(-50%);
transition: all 0.3s;
} .dsm_post_carousel .swiper-button-prev::after,
.dsm_post_carousel .swiper-button-next::after {
display: none;
}
.dsm_post_carousel .swiper-button-prev .swiper-navigation-icon,
.dsm_post_carousel .swiper-button-next .swiper-navigation-icon,
.dsm_post_carousel .swiper-button-prev svg,
.dsm_post_carousel .swiper-button-next svg {
display: none;
}
.dsm_post_carousel .swiper-button-prev {
left: -50px;
}
.dsm_post_carousel .swiper-button-next {
right: -50px;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
cursor: pointer;
pointer-events: all;
} .dsm-post-carousel .dsm-readmore-wrap {
display: block;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.dsm-post-carousel .dsm-readmore-wrap .et_pb_button_module_wrapper {
width: fit-content;
width: -moz-fit-content;
max-width: 100%;
box-sizing: border-box;
}
.dsm-readmore-btn {
display: inline-block;
}
.dsm-post-carousel .dsm-post-carousel-item {
overflow: hidden;
} .swiper-pagination.swiper-pagination-vertical {
transform: translateY(-50%) !important;
bottom: auto;
width: auto !important;
display: flex;
flex-direction: column;
gap: 8px;
justify-content: center;
} .dsm-post-carousel-slider-vertical .swiper-button-prev::before {
transform: rotate(90deg);
}
.dsm-post-carousel-slider-vertical .swiper-button-next {
top: auto;
}
.dsm-post-carousel-slider-vertical .swiper-button-next::before {
transform: rotate(90deg);
}
@media (max-width: 767px) {
.dsm_post_carousel .swiper-button-prev {
left: -25px;
}
.dsm_post_carousel .swiper-button-next {
right: -25px;
}
}
.dsm_post_carousel .dsm-entry-title a {
font-size: 18px;
line-height: 1.3em;
}
.dsm_post_carousel .dsm-post-carousel-wrapper .dsm-post-carousel-item {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.dsm_post_carousel .swiper-pagination.swiper-pagination-vertical {
right: -40px;
left: auto;
} .dsm_post_carousel .dsm-entry-image .dsm-entry-thumbnail {
position: relative;
overflow: hidden;
height: 250px;
display: flex;
align-items: center;
justify-content: center;
}
.dsm_post_carousel .dsm-entry-thumbnail.dsm-thumbnail-fit-cover > a {
display: flex;
flex: 1 1 0;
align-self: stretch;
width: 100%;
min-height: 0;
height: 100%;
position: relative;
z-index: 0;
}
.dsm_post_carousel .dsm-entry-thumbnail.dsm-thumbnail-fit-cover > a img {
display: block;
}
.dsm_post_carousel .dsm-entry-thumbnail.dsm-thumbnail-fit-contain > a {
display: inline-flex;
align-items: center;
justify-content: center;
max-width: 100%;
max-height: 100%;
position: relative;
z-index: 0;
}
.dsm_post_carousel .dsm-entry-thumbnail.dsm-thumbnail-fit-contain > a img {
display: block;
}
.dsm_post_carousel.dsm-overlay-enabled .dsm-entry-image .dsm-entry-thumbnail > a::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
opacity: 0;
transition: opacity 0.3s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
}
.dsm_post_carousel.dsm-overlay-enabled .dsm-entry-thumbnail > a:hover::before {
opacity: 1;
}
.dsm_post_carousel .dsm-post-carousel-item {
background: #ffffff;
} .dsm_blog_carousel .swiper-container.dsm-blog-carousel-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
width: 100%;
max-width: 100%;
} @-moz-document url-prefix() {
.dsm_blog_carousel .swiper-container:not(.swiper-container-cube):not(.swiper-cube) .swiper-wrapper {
transform-style: flat !important;
}
.dsm_blog_carousel .swiper-container.dsm-blog-carousel-container[data-effect=coverflow] .swiper-wrapper,
.dsm_blog_carousel .swiper-container.dsm-blog-carousel-container[data-effect=flip] .swiper-wrapper,
.dsm_blog_carousel .swiper-container.dsm-blog-carousel-container[data-effect=cube] .swiper-wrapper {
transform-style: preserve-3d !important;
}
} .dsm_blog_carousel {
margin-bottom: 60px;
--swiper-navigation-size: 60px;
} .dsm_blog_carousel .swiper-flip .dsm-blog-carousel-item.swiper-slide {
backface-visibility: hidden;
} .dsm_blog_carousel .swiper-container-cube .swiper-slide:not(.swiper-slide-active),
.dsm_blog_carousel .swiper-container.swiper-cube .swiper-slide:not(.swiper-slide-active) {
z-index: 0;
}
.dsm_blog_carousel.dsm-post-item-equal-height .dsm-blog-carousel-item {
height: auto;
}
.dsm-blog-carousel-item {
border: 0 solid;
}
.dsm-bottom-meta {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
padding-top: 10px;
}
.dsm-bottom-meta img {
width: 60px;
height: auto;
}
.dsm-bottom-meta .dsm-bottom-meta-image {
margin-right: 10px;
line-height: 0;
}
.dsm-bottom-meta-right {
display: flex;
flex-direction: column;
text-align: left;
}
.dsm-entry-title {
font-size: 18px;
line-height: 1.3em;
}
.dsm_blog_carousel .dsm-entry-image {
position: relative;
overflow: hidden;
}
.dsm_blog_carousel .swiper-pagination {
text-align: center;
width: 100%;
}
.dsm_blog_carousel .swiper-pagination .swiper-pagination-bullets {
bottom: -40px;
left: 0;
width: 100%;
}
.dsm_blog_carousel .swiper-pagination .swiper-pagination-bullet {
margin: 0 4px;
width: 8px;
height: 8px;
}
.dsm_blog_carousel .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.dsm_blog_carousel .swiper-pagination .swiper-pagination-bullet:last-child {
margin-right: 0;
}
.dsm_blog_carousel .swiper-button-next,
.dsm_blog_carousel .swiper-button-prev {
background-image: none !important;
display: flex;
align-items: center;
justify-content: center;
width: var(--swiper-navigation-size, 60px);
height: var(--swiper-navigation-size, 60px);
font-size: var(--swiper-navigation-size, 60px);
margin-top: 0;
transform: translateY(-50%);
transition: all 0.3s;
} .dsm_blog_carousel .swiper-button-prev::after,
.dsm_blog_carousel .swiper-button-next::after {
display: none;
}
.dsm_blog_carousel .swiper-button-prev .swiper-navigation-icon,
.dsm_blog_carousel .swiper-button-next .swiper-navigation-icon,
.dsm_blog_carousel .swiper-button-prev svg,
.dsm_blog_carousel .swiper-button-next svg {
display: none;
}
.dsm_blog_carousel .swiper-button-prev {
left: -50px;
}
.dsm_blog_carousel .swiper-button-next {
right: -50px;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
cursor: pointer;
pointer-events: all;
} .dsm-blog-carousel .dsm-readmore-wrap {
display: block;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.dsm-blog-carousel .dsm-readmore-wrap .et_pb_button_module_wrapper {
width: fit-content;
width: -moz-fit-content;
max-width: 100%;
box-sizing: border-box;
}
.dsm-readmore-btn {
display: inline-block;
}
.dsm-blog-carousel .dsm-blog-carousel-item {
overflow: hidden;
} .swiper-pagination.swiper-pagination-vertical {
transform: translateY(-50%) !important;
bottom: auto;
width: auto !important;
display: flex;
flex-direction: column;
gap: 8px;
justify-content: center;
} .dsm-blog-carousel-slider-vertical .swiper-button-prev::before {
transform: rotate(90deg);
}
.dsm-blog-carousel-slider-vertical .swiper-button-next {
top: auto;
}
.dsm-blog-carousel-slider-vertical .swiper-button-next::before {
transform: rotate(90deg);
}
@media (max-width: 767px) {
.dsm_blog_carousel .swiper-button-prev {
left: -25px;
}
.dsm_blog_carousel .swiper-button-next {
right: -25px;
}
}
.dsm_blog_carousel .dsm-entry-title a {
font-size: 18px;
line-height: 1.3em;
}
.dsm_blog_carousel .dsm-blog-carousel-wrapper .dsm-blog-carousel-item {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.dsm_blog_carousel .swiper-pagination.swiper-pagination-vertical {
right: -40px;
left: auto;
} .dsm_blog_carousel .dsm-entry-image .dsm-entry-thumbnail {
position: relative;
overflow: hidden;
height: 250px;
display: flex;
align-items: center;
justify-content: center;
}
.dsm_blog_carousel .dsm-entry-thumbnail.dsm-thumbnail-fit-cover > a {
display: flex;
flex: 1 1 0;
align-self: stretch;
width: 100%;
min-height: 0;
height: 100%;
position: relative;
z-index: 0;
}
.dsm_blog_carousel .dsm-entry-thumbnail.dsm-thumbnail-fit-cover > a img {
display: block;
}
.dsm_blog_carousel .dsm-entry-thumbnail.dsm-thumbnail-fit-contain > a {
display: inline-flex;
align-items: center;
justify-content: center;
max-width: 100%;
max-height: 100%;
position: relative;
z-index: 0;
}
.dsm_blog_carousel .dsm-entry-thumbnail.dsm-thumbnail-fit-contain > a img {
display: block;
}
.dsm_blog_carousel.dsm-overlay-enabled .dsm-entry-image .dsm-entry-thumbnail > a::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
opacity: 0;
transition: opacity 0.3s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
}
.dsm_blog_carousel.dsm-overlay-enabled .dsm-entry-thumbnail > a:hover::before {
opacity: 1;
}
.dsm_blog_carousel .dsm-blog-carousel-item {
background: #ffffff;
}
.dsm_masonry_gallery,
.dsm_masonry_gallery .grid-item {
border-style: solid;
line-height: 0;
}
.dsm_masonry_gallery .grid-item a {
display: inline-block;
line-height: 0;
}
.dsm_masonry_gallery .grid-item a:focus-visible {
outline: 2px solid currentColor;
outline-offset: 3px;
}
.dsm_masonry_gallery .grid-item img {
display: block;
max-width: 100%;
}
.dsm_masonry_gallery .et_pb_image_wrap {
display: inline-block;
position: relative;
max-width: 100%;
line-height: 0;
overflow: hidden;
} .dsm_masonry_gallery .et_pb_image_wrap.dsm-mg-aspect-reserve {
display: block;
width: 100%;
aspect-ratio: var(--dsm-mg-aspect-ratio);
}
.dsm_masonry_gallery .et_pb_image_wrap.dsm-mg-aspect-reserve img {
width: 100%;
height: auto;
display: block;
}
.dsm_masonry_gallery_svg img {
width: 100%;
}
.dsm_masonry_gallery .dsm-overlay::before,
.et-db #et-boc .et-l .dsm_masonry_gallery .dsm-overlay::before {
content: none;
}
.dsm_masonry_gallery .grid-item .dsm-overlay .dsm-overlay-inner {
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.dsm_masonry_gallery .grid-item .dsm-overlay,
.et-db #et-boc .et-l .dsm_masonry_gallery .grid-item .dsm-overlay {
border: 0;
transition: all 0.4s;
}
.dsm_masonry_gallery .grid-item a,
.dsm_masonry_gallery .grid-item .dsm-overlay .dsm-overlay-title,
.dsm_masonry_gallery .grid-item .dsm-overlay .dsm-overlay-caption,
.dsm_masonry_gallery .grid-item .dsm-overlay .dsm-overlay-desc {
color: #ffffff;
}
.dsm_masonry_gallery .grid-item .dsm-overlay .dsm-overlay-desc,
.dsm_masonry_gallery .grid-item .dsm-overlay .dsm-overlay-caption {
line-height: 1.7em;
padding: 0;
}
.dsm_masonry_gallery .grid-item:hover .dsm-overlay,
.et-db #et-boc .et-l .dsm_masonry_gallery .grid-item:hover .dsm-overlay {
opacity: 1;
z-index: 1;
}
.dsm_masonry_zoom_hover .grid-item:hover img {
transition: transform 0.4s ease-in-out;
transform: scale(1.2);
}
.dsm_masonry_zoom_hover .grid-item img {
transition: transform 0.4s ease-in-out;
}
.dsm_masonry_gallery .et_overlay {
z-index: -1;
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: hsla(0, 0%, 100%, 0.9);
opacity: 0;
pointer-events: none;
transition: all 0.3s;
border: 1px solid #e5e5e5;
box-sizing: border-box;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
}
.dsm_masonry_gallery .et_overlay::before {
color: #2ea3f2;
content: "\e050";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 32px;
transition: all 0.4s;
}
.mfp-wrap .mfp-container button:hover {
background: transparent !important;
}
.mfp-wrap .mfp-arrow:active {
position: absolute;
top: 50%;
}
.mfp-wrap .mfp-close:active {
position: absolute;
top: -10px;
}
.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after,
.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
font-family: ETmodules;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mfp-fade.mfp-bg {
opacity: 0.001;
transition: all 0.5s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade .mfp-wrap.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade .mfp-wrap.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
.mfp-fade .mfp-wrap .mfp-content {
opacity: 0.001;
transition: all 0.5s ease-out;
}
.mfp-bg {
z-index: 1000000;
overflow: hidden;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-bg,
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
}
.mfp-wrap {
z-index: 1000001;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom {
cursor: pointer;
cursor: zoom-in;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: zoom-out;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #ccc;
}
.mfp-preloader a:hover {
color: #fff;
}
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
display: none;
}
button.mfp-arrow,
button.mfp-close {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #fff;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:focus,
.mfp-close:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
color: #fff;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px;
}
.mfp-arrow {
position: absolute;
opacity: 0.55;
filter: alpha(opacity=55);
top: 50%;
margin: -32px 0 0;
padding: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow-left {
left: 10px;
}
.mfp-arrow-right {
right: 10px;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
.mfp-arrow {
background: none !important;
margin-top: -32px !important;
line-height: 1em !important;
}
.mfp-arrow,
.mfp-arrow:after {
width: 48px !important;
height: 48px !important;
}
.mfp-arrow:after {
margin: 0 !important;
top: 0 !important;
border: none !important;
}
.mfp-arrow-left {
left: 0 !important;
}
.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after,
.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
border: none;
font-size: 64px;
color: #fff;
}
.mfp-arrow-left:before,
.mfp-arrow-right:before {
display: none;
}
.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
content: "4";
}
.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
content: "5";
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
font-size: 64px;
font-family: Open Sans, Arial, sans-serif;
font-weight: 200;
top: -10px;
opacity: 0.2;
}
.mfp-iframe-holder .mfp-close:hover,
.mfp-image-holder .mfp-close:hover {
opacity: 1;
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
box-sizing: border-box;
padding: 40px 0;
margin: 0 auto;
}
.mfp-figure,
img.mfp-img {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-height: 300px), screen and (max-width: 800px) and (orientation: landscape) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media (max-width: 900px) {
.mfp-arrow {
transform: scale(0.75);
}
.mfp-arrow-left {
transform-origin: 0;
}
.mfp-arrow-right {
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
} .mfp-iframe-scaler.dsm-video-popup {
overflow: visible;
position: relative;
}
.mfp-iframe-scaler.dsm-video-popup .mfp-close {
width: 44px !important;
height: 44px;
line-height: 44px;
padding: 0 !important;
margin: 0;
text-align: center !important;
right: 0 !important;
left: auto !important;
top: -44px;
z-index: 2;
} .dsm-filterable-gallery-container .dsm-filterable-gallery-item {
margin-right: 0;
}
.dsm-filterable-gallery-container .dsm-filterable-gallery-inner-item {
overflow: hidden;
}  .dsm-filterable-gallery-container .dsm-filterable-category-container {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 10px;
list-style-type: none;
margin: 0;
padding: 0 0 23px 0 !important;
} .dsm-filterable-gallery-container .dsm-filterable-category-container .dsm-filterable-gallery-filter-item {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #f4f4f4;
border: none;
border-radius: 0;
box-sizing: border-box;
color: #000000;
cursor: pointer;
display: inline-block; margin: 0;
max-width: 100%;
padding: 5px 15px;
text-align: inherit;
}
.dsm-filterable-gallery-container .dsm-filterable-category-container .dsm-filterable-gallery-filter-item.dsm-active-filter {
background-color: #444444;
color: #ffffff;
}
.dsm-filterable-category-container .dsm-filterable-gallery-filter-item:focus-visible,
.dsm-filterable-gallery-container .dsm-gallery-number-pagination:focus-visible,
.dsm-filterable-gallery-container .dsm-gallery-loadmore-button:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
.dsm-filterable-gallery-container .dsm-filterable-gallery-image-wrapper {
line-height: 0;
overflow: hidden;
}
.dsm-filterable-gallery-container .dsm-gallery-number-pagination-container,
.dsm-filterable-gallery-container .dsm-gallery-loadmore-container {
margin-top: 30px;
}
.dsm-filterable-gallery-container .dsm-gallery-number-pagination-container .dsm-gallery-number-pagination,
.dsm-filterable-gallery-container .dsm-gallery-loadmore-container .dsm-gallery-loadmore-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #dddddd;
border: none;
border-radius: 0;
box-sizing: border-box; cursor: pointer; margin: 0;
min-width: 0;
padding: 5px 15px;
text-align: inherit;
}
.dsm-filterable-gallery-container .dsm-gallery-number-pagination-container .dsm-gallery-number-pagination.dsm-active-pagination-item {
background-color: #f4f4f4;
}
.dsm-filterable-gallery-container[data-hasnextpage=false] .dsm-gallery-loadmore-container,
.dsm-filterable-gallery-container[data-hasnextpage=false] .dsm-gallery-number-pagination[data-pagination=next] {
display: none;
}
.dsm-filterable-gallery-container[data-hasnextpage=false] .dsm-gallery-next-dot {
display: none;
}
.dsm-filterable-gallery-container[data-hasprevpage=false] .dsm-gallery-number-pagination[data-pagination=prev] {
display: none;
}
.dsm-filterable-gallery-container[data-hasprevpage=false] .dsm-gallery-previous-dot {
display: none;
}
.dsm-gallery-previous-dot,
.dsm-gallery-next-dot {
letter-spacing: 2px;
font-weight: 900;
font-size: medium;
margin-left: 8px;
margin-right: 8px;
}
.dsm-filterable-gallery-container {
position: relative;
}
.dsm-filterable-gallery-container .dsm-filterable-gallery-item img {
height: 100%;
width: 100%;
}
.dsm-filterable-gallery-container .dsm-gallery-loadmore-container {
display: flex;
flex-direction: row;
}
.dsm-filterable-gallery-container .dsm-filterable-gallery-item .dsm-filterable-gallery-inner-item,
.dsm-filterable-gallery-container .dsm-filterable-gallery-filter-item,
.dsm-filterable-gallery-container .dsm-gallery-number-pagination,
.dsm-filterable-gallery-container .dsm-gallery-loadmore-container .dsm-gallery-loadmore-button {
transition: all 0.2s ease-out;
}
@media (prefers-reduced-motion: reduce) {
.dsm-filterable-gallery-container .dsm-filterable-gallery-item .dsm-filterable-gallery-inner-item,
.dsm-filterable-gallery-container .dsm-filterable-gallery-filter-item,
.dsm-filterable-gallery-container .dsm-gallery-number-pagination,
.dsm-filterable-gallery-container .dsm-gallery-loadmore-container .dsm-gallery-loadmore-button,
.dsm-image-hover .dsm-filterable-gallery-item img {
transition: none;
}
}
.dsm-filterable-gallery-container .dsm-gallery-number-pagination-container { align-items: center;
display: flex;
flex-wrap: wrap;
gap: 5px;
justify-content: center;
}
.dsm-filterable-gallery-item {
overflow: hidden;
}
.dsm-image-hover .dsm-filterable-gallery-item:hover img {
transition: transform 0.4s ease-in-out;
transform: scale(1.2);
}
.dsm-image-hover .dsm-filterable-gallery-item img {
transition: transform 0.4s ease-in-out;
} .dsm-filterable-gallery-layout-overlay .dsm-filterable-gallery-container .dsm-filterable-gallery-item {
position: relative;
}
.dsm-filterable-gallery-layout-overlay .dsm-filterable-gallery-container .dsm-filterable-gallery-item .dsm-filterable-gallery-inner-item {
transition: all 0.2s ease-out;
}
.dsm-filterable-gallery-layout-overlay .dsm-filterable-gallery-container .dsm-filterable-gallery-item .dsm-filterable-gallery-inner-item .dsm-filterable-gallery-image-wrapper::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
}
.dsm-filterable-gallery-layout-overlay .dsm-filterable-gallery-container .dsm-filterable-gallery-item .dsm-filterable-gallery-inner-item .dsm-filterable-gallery-image-wrapper {
line-height: 0em;
}
.dsm-filterable-gallery-layout-overlay .dsm-filterable-gallery-container .dsm-filterable-gallery-item .dsm-filterable-gallery-inner-item .dsm-filterable-gallery-image-wrapper img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.dsm-filterable-gallery-layout-overlay .dsm-filterable-gallery-container .dsm-filterable-gallery-item .dsm-filterable-gallery-inner-item .dsm-filterable-gallery-content-wrapper {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 10;
visibility: hidden;
opacity: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.dsm-filterable-gallery-layout-overlay .dsm-filterable-gallery-item:hover .dsm-filterable-gallery-content-wrapper {
visibility: visible !important;
opacity: 1 !important;
}
.dsm-filterable-gallery-layout-overlay.dsm-filterable-gallery-zoom_in .dsm-filterable-gallery-container .dsm-filterable-gallery-image-wrapper::before {
transform: scale(0.8);
}
.dsm-filterable-gallery-layout-overlay.dsm-filterable-gallery-zoom_in .dsm-filterable-gallery-container .dsm-filterable-gallery-content-wrapper {
transform: scale(0.8);
}
.dsm-filterable-gallery-layout-overlay.dsm-filterable-gallery-zoom_in .dsm-filterable-gallery-item:hover .dsm-filterable-gallery-content-wrapper {
transform: scale(1);
}
.dsm-filterable-gallery-layout-overlay.dsm-filterable-gallery-zoom_in .dsm-filterable-gallery-item:hover .dsm-filterable-gallery-image-wrapper::before {
transform: scale(1);
}
.dsm_filterable_gallery .dsm-filterable-gallery-container .dsm-filterable-gallery-item {
margin-right: 0;
margin-bottom: 10px;
min-height: 180px;
}
.dsm_filterable_gallery .dsm-filterable-gallery-container .dsm-filterable-gallery-item .dsm-filterable-gallery-image-wrapper::before,
.dsm_filterable_gallery .dsm-filterable-gallery-container .dsm-filterable-gallery-item .dsm-filterable-gallery-content-wrapper {
transition: 500ms;
}
.dsm-filterable-gallery-container .dsm-filterable-gallery-item:hover .dsm-filterable-gallery-image-wrapper::before {
background-color: rgba(0, 0, 0, 0.5);
}
.dsm_filterable_gallery .dsm-gallery-number-pagination-container {
justify-content: center;
}
.dsm_filterable_gallery .dsm-gallery-loadmore-container {
justify-content: center;
}
.dsm-filterable-gallery-item .dsm-filterable-gallery-inner-item {
background-color: #f4f4f4;
}
.dsm_filterable_gallery .dsm-filterable-gallery-container .dsm-filterable-gallery-content-wrapper {
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
} .et-db #et-boc .dsm_flipbox_child.et_pb_module,
.et-db #et-boc .et-l #et-fb-app .dsm_flipbox_child.et_pb_module,
.dsm_flipbox_child.et_pb_module.et_pb_section_parallax {
position: absolute !important;
height: 100%;
} .safari .dsm_flipbox,
.ios .dsm_flipbox {
-webkit-transform: translate3d(0, 0, 0);
} .uiwebview .dsm_flipbox_child .et_pb_section_video_bg,
.safari .dsm_flipbox_child .et_pb_section_video_bg {
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
} .dsm_flipbox_child .et_pb_button[data-icon]:not([data-icon=""]):after {
content: attr(data-icon);
} .et_pb_text_align_left {
text-align: left;
}
.et_pb_text_align_center {
text-align: center;
}
.et_pb_text_align_right {
text-align: right;
}
.et_pb_text_align_justified {
text-align: justify;
}
.dsm-flipbox {
position: relative;
perspective: 1000px;
} .dsm-flipbox[tabindex="0"]:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
.dsm_flipbox_child.et_pb_module {
margin-bottom: 0 !important;
}
.dsm-flipbox-3d .dsm_flipbox_child .et_pb_module_inner {
transform: translateZ(90px) scale(0.91);
}
.dsm-flipbox-3d .dsm_flipbox_face_inner {
transform: translateZ(90px) scale(0.91);
}
.dsm-flipbox.dsm-flipbox-3d .dsm_flipbox_child {
overflow: initial;
}
.dsm-flipbox.dsm-flipbox-3d {
transform-style: preserve-3d;
}
.et-db #et-boc .dsm-flipbox-3d .dsm_flipbox_face_inner {
transform: translateZ(90px) scale(0.91);
}
.dsm_flipbox_child .et_pb_module_inner,
.et-db #et-boc .dsm_flipbox_child > div,
.dsm_flipbox_face_inner {
width: 100%;
backface-visibility: hidden;
}
.dsm_flipbox_child {
display: flex;
flex-direction: row;
position: absolute !important;
width: 100%;
height: 100%;
transition: transform 0.6s ease-in-out;
border-style: solid;
transform-style: preserve-3d;
backface-visibility: hidden;
} .dsm_flipbox_child.dsm_flipbox_content_vertical_top {
align-items: flex-start;
}
.dsm_flipbox_child.dsm_flipbox_content_vertical_center {
align-items: center;
}
.dsm_flipbox_child.dsm_flipbox_content_vertical_bottom {
align-items: flex-end;
}
.dsm_flipbox_child .et_pb_button {
text-shadow: none;
text-decoration: none;
display: inline-block;
margin-top: 20px;
}
.dsm_flipbox_child.et_hover_enabled {
transition: transform 0.6s ease-in-out;
} .dsm-flipbox-fade .dsm_flipbox_child {
transition: opacity 0.6s ease-in-out;
}
.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-fade .dsm_flipbox_child:first-child,
.dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-fade .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-fade .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-fade .dsm_flipbox_child:nth-child(2) {
opacity: 1;
}
.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-fade .dsm_flipbox_child:nth-child(2),
.dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-fade .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-fade .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-fade .dsm_flipbox_child:first-child {
opacity: 0;
}
.dsm-subtitle {
display: block;
} .dsm_flipbox_wrapper .dsm-title,
.dsm_flipbox_wrapper .dsm-subtitle {
box-sizing: border-box;
width: 100%;
}
.dsm_flipbox_wrapper .dsm-title a {
box-sizing: border-box;
display: block;
width: 100%;
} .dsm_flipbox_wrapper.et_pb_text_align_left .dsm-title,
.dsm_flipbox_wrapper.et_pb_text_align_left .dsm-title a,
.dsm_flipbox_wrapper.et_pb_text_align_left .dsm-subtitle {
text-align: left;
}
.dsm_flipbox_wrapper.et_pb_text_align_center .dsm-title,
.dsm_flipbox_wrapper.et_pb_text_align_center .dsm-title a,
.dsm_flipbox_wrapper.et_pb_text_align_center .dsm-subtitle {
text-align: center;
}
.dsm_flipbox_wrapper.et_pb_text_align_right .dsm-title,
.dsm_flipbox_wrapper.et_pb_text_align_right .dsm-title a,
.dsm_flipbox_wrapper.et_pb_text_align_right .dsm-subtitle {
text-align: right;
}
.dsm_flipbox_wrapper.et_pb_text_align_justified .dsm-title,
.dsm_flipbox_wrapper.et_pb_text_align_justified .dsm-title a,
.dsm_flipbox_wrapper.et_pb_text_align_justified .dsm-subtitle {
text-align: justify;
} .dsm-flipbox-zoom-in .dsm_flipbox_child {
transition: all 0.6s ease-in-out;
}
.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-zoom-in .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-zoom-in .dsm_flipbox_child:nth-child(2) {
opacity: 0;
transform: scale(0.8);
}
.dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-zoom-in .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-zoom-in .dsm_flipbox_child:nth-child(2) {
opacity: 1;
transform: scale(1);
} .dsm_flipbox .dsm-flipbox-zoom .dsm_flipbox_child {
transition: all 0.6s ease-in-out;
}
.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-zoom-out .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-zoom-out .dsm_flipbox_child:first-child {
opacity: 1;
transform: scale(1);
z-index: 1;
}
.dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-zoom-out .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-zoom-out .dsm_flipbox_child:first-child {
opacity: 0;
transform: scale(0.8);
}
.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-zoom-out .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-zoom-out .dsm_flipbox_child:nth-child(2) {
opacity: 0;
transform: scale(0.8);
}
.dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-zoom-out .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-zoom-out .dsm_flipbox_child:nth-child(2) {
opacity: 1;
transform: scale(1);
z-index: 1;
} .dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-zoom-out-up .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-zoom-out-up .dsm_flipbox_child:first-child {
animation: dsm-animation-zoom-out-up 0.6s linear;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-zoom-out-up .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-zoom-out-up .dsm_flipbox_child:nth-child(2) {
opacity: 0;
transform: scale(0.8);
}
.dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-zoom-out-up .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-zoom-out-up .dsm_flipbox_child:nth-child(2) {
opacity: 1;
transform: scale(1);
}
@keyframes dsm-animation-zoom-out-up {
50% {
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
transform: scale(0.8) translateY(-150%);
opacity: 0;
}
} .dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-zoom-out-down .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-zoom-out-down .dsm_flipbox_child:first-child {
animation: dsm-animation-zoom-out-down 0.6s linear;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-zoom-out-down .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-zoom-out-down .dsm_flipbox_child:nth-child(2) {
opacity: 0;
transform: scale(0.8);
}
.dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-zoom-out-down .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-zoom-out-down .dsm_flipbox_child:nth-child(2) {
opacity: 1;
transform: scale(1);
}
@keyframes dsm-animation-zoom-out-down {
50% {
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
transform: scale(0.8) translateY(150%);
opacity: 0;
}
} .dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-zoom-out-right .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-zoom-out-right .dsm_flipbox_child:first-child {
animation: dsm-animation-zoom-out-right 0.6s linear;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-zoom-out-right .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-zoom-out-right .dsm_flipbox_child:nth-child(2) {
opacity: 0;
transform: scale(0.8);
}
.dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-zoom-out-right .dsm_flipbox_child:nth-child(2),
.dsm_flipbox:hover .dsm_flipbox_clicked.dsm-flipbox-zoom-out-right .dsm_flipbox_child:nth-child(2) {
opacity: 1;
transform: scale(1);
}
@keyframes dsm-animation-zoom-out-right {
50% {
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
transform: scale(0.8) translateX(150%);
opacity: 0;
}
} .dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-zoom-out-left .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-zoom-out-left .dsm_flipbox_child:first-child {
animation: dsm-animation-zoom-out-left 0.6s linear;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-zoom-out-left .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-zoom-out-left .dsm_flipbox_child:nth-child(2) {
opacity: 0;
transform: scale(0.8);
}
.dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-zoom-out-left .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-zoom-out-left .dsm_flipbox_child:nth-child(2) {
opacity: 1;
transform: scale(1);
}
@keyframes dsm-animation-zoom-out-left {
50% {
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
transform: scale(0.8) translateX(-150%);
opacity: 0;
}
} .dsm_flipbox [class^=dsm-flipbox-slide-],
.dsm_flipbox [class*=" dsm-flipbox-slide-"] {
overflow: hidden;
}
.dsm_flipbox:hover [class^=dsm-flipbox-slide-].dsm_flipbox_hover .dsm_flipbox_child:nth-child(2),
.dsm_flipbox:hover [class*=" dsm-flipbox-slide-"].dsm_flipbox_hover .dsm_flipbox_child:nth-child(2),
.dsm_flipbox [class^=dsm-flipbox-slide-].dsm_flipbox_clicked .dsm_flipbox_child:nth-child(2),
.dsm_flipbox [class*=" dsm-flipbox-slide-"].dsm_flipbox_clicked .dsm_flipbox_child:nth-child(2) {
transform: translate(0, 0);
}
.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-slide-up .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-slide-up .dsm_flipbox_child:nth-child(2) {
transform: translateY(100%);
}
.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-slide-down .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-slide-down .dsm_flipbox_child:nth-child(2) {
transform: translateY(-100%);
}
.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-slide-left .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-slide-left .dsm_flipbox_child:nth-child(2) {
transform: translateX(100%);
}
.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-slide-right .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-slide-right .dsm_flipbox_child:nth-child(2) {
transform: translateX(-100%);
} .dsm_flipbox_child .dsm_flipbox_child_image_wrap {
display: block;
margin: auto;
}
.dsm_flipbox_child_image {
display: inline-block;
max-width: 100%;
margin-bottom: 30px;
line-height: 0;
} .dsm_flipbox_face_inner {
display: flex;
box-sizing: border-box;
}
.dsm_flipbox_icon_position_top .dsm_flipbox_face_inner {
flex-direction: column;
align-items: center;
}
.dsm_flipbox_icon_position_top .dsm_flipbox_wrapper {
display: flex;
flex-direction: column;
align-items: stretch;
width: 100%;
}
.dsm_flipbox_icon_position_left .dsm_flipbox_face_inner {
flex-direction: row;
align-items: flex-start;
}
.dsm_flipbox_icon_position_right .dsm_flipbox_face_inner {
flex-direction: row-reverse;
align-items: flex-start;
}
.dsm_flipbox_icon_position_left .dsm_flipbox_child_image,
.dsm_flipbox_icon_position_right .dsm_flipbox_child_image {
display: block;
width: 32px;
max-width: 32px;
margin-bottom: 0;
line-height: 0;
flex-shrink: 0;
}
.dsm_flipbox_icon_position_left .dsm_flipbox_wrapper {
padding-left: 15px;
}
.dsm_flipbox_icon_position_right .dsm_flipbox_wrapper {
padding-right: 15px;
}
.dsm_flipbox_icon_position_left .dsm_flipbox_wrapper,
.dsm_flipbox_icon_position_right .dsm_flipbox_wrapper {
flex: 1;
min-width: 0;
} .dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-effect-right .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-effect-right .dsm_flipbox_child:first-child {
z-index: 1;
transform: rotateX(0deg) rotateY(0deg);
}
.dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-effect-right .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-effect-right .dsm_flipbox_child:first-child {
transform: rotateX(0deg) rotateY(180deg);
}
.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-effect-right .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-effect-right .dsm_flipbox_child:nth-child(2) {
transform: rotateX(0deg) rotateY(-180deg);
}
.dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-effect-right .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-effect-right .dsm_flipbox_child:nth-child(2) {
transform: rotateX(0deg) rotateY(0deg);
} .dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-effect-left .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-effect-left .dsm_flipbox_child:first-child {
z-index: 1;
transform: rotateX(0deg) rotateY(0deg);
}
.dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-effect-left .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-effect-left .dsm_flipbox_child:first-child {
transform: rotateX(0deg) rotateY(-180deg);
}
.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-effect-left .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-effect-left .dsm_flipbox_child:nth-child(2) {
transform: rotateX(0deg) rotateY(180deg);
}
.dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-effect-left .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-effect-left .dsm_flipbox_child:nth-child(2) {
transform: rotateX(0deg) rotateY(0deg);
} .dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-effect-up .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-effect-up .dsm_flipbox_child:first-child {
z-index: 1;
transform: rotateX(0deg) rotateY(0deg);
}
.dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-effect-up .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-effect-up .dsm_flipbox_child:first-child {
transform: rotateX(180deg) rotateY(0);
}
.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-effect-up .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-effect-up .dsm_flipbox_child:nth-child(2) {
transform: rotateX(-180deg) rotateY(0);
}
.dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-effect-up .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-effect-up .dsm_flipbox_child:nth-child(2) {
transform: rotateX(0deg) rotateY(0deg);
} .dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-effect-down .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-effect-down .dsm_flipbox_child:first-child {
z-index: 1;
transform: rotateX(0deg) rotateY(0deg);
}
.dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-effect-down .dsm_flipbox_child:first-child,
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-effect-down .dsm_flipbox_child:first-child {
transform: rotateX(-180deg) rotateY(0);
}
.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-effect-down .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-effect-down .dsm_flipbox_child:nth-child(2) {
transform: rotateX(180deg) rotateY(0);
}
.dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-effect-down .dsm_flipbox_child:nth-child(2),
.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-effect-down .dsm_flipbox_child:nth-child(2) {
transform: rotateX(0deg) rotateY(0deg);
} .et-db #et-boc .et_pb_module.dsm_flipbox .dsm-flipbox.dsm-flipbox--auto-height,
.et_pb_module.dsm_flipbox .dsm-flipbox.dsm-flipbox--auto-height,
.dsm-flipbox.dsm-flipbox--auto-height {
display: grid !important;
grid-template-columns: minmax(0, 1fr);
grid-template-rows: minmax(0, auto);
height: auto !important;
min-height: 0;
align-content: start;
}
.et-db #et-boc .dsm-flipbox.dsm-flipbox--auto-height > .dsm_flipbox_child.et_pb_module,
.et-db #et-boc .et-l #et-fb-app .dsm-flipbox.dsm-flipbox--auto-height > .dsm_flipbox_child.et_pb_module,
.dsm-flipbox.dsm-flipbox--auto-height > .dsm_flipbox_child {
position: relative !important;
grid-column: 1;
grid-row: 1;
width: 100%;
height: auto !important;
min-height: 0;
}
.dsm-line-hover-link {
position: relative;
display: inline-block;
line-height: 1em;
cursor: pointer;
}
.dsm-line-hover-link::before,
.dsm-line-hover-link::after {
content: "";
position: absolute;
width: 100%;
height: 2px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
background-color: #000;
}
.dsm_underline_sweep_right::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform var(--dsm-animation-duration, 0.3s);
transition-delay: var(--dsm-animation-delay, 0s);
}
.dsm_underline_sweep_right:hover:before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
}
.dsm_underline_sweep_right::after {
display: none;
}
.dsm_double_line_reveal::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform var(--dsm-animation-duration, 0.3s) cubic-bezier(0.7, 0, 0.2, 1);
transition-delay: var(--dsm-animation-delay, 0s);
}
.dsm_double_line_reveal:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);
}
.dsm_double_line_reveal::after {
content: "";
top: calc(100% + 4px);
transform-origin: 0% 50%;
transform: scale3d(0, 1, 1);
transition: transform var(--dsm-animation-duration, 0.3s) cubic-bezier(0.7, 0, 0.2, 1);
transition-delay: var(--dsm-animation-delay, 0s);
}
.dsm_double_line_reveal:hover::after {
transform-origin: 100% 50%;
transform: scale3d(1, 1, 1);
transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);
}
.dsm_double_line_sweep_right::before {
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform var(--dsm-animation-duration, 0.3s) cubic-bezier(0.2, 1, 0.8, 1);
transition-delay: var(--dsm-animation-delay, 0s);
}
.dsm_double_line_sweep_right:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 2, 1);
transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.dsm_double_line_sweep_right::after {
content: "";
top: calc(100% + 4px);
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform var(--dsm-animation-duration, 0.3s) 0.1s cubic-bezier(0.2, 1, 0.8, 1);
transition-delay: var(--dsm-animation-delay, 0s);
}
.dsm_double_line_sweep_right:hover::after {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.dsm_underline_swipe_text_shift {
overflow: hidden;
line-height: 2;
}
.dsm_underline_swipe_text_shift::before {
height: 2px;
top: calc(100% - 5px);
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform var(--dsm-animation-duration, 0.3s) cubic-bezier(0.5, 0.5, 0.3, 1);
transition-delay: var(--dsm-animation-delay, 0s);
}
.dsm_underline_swipe_text_shift:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
}
.dsm_underline_swipe_text_shift::after {
content: attr(data-text);
height: 100%;
top: 0;
background: transparent !important;
transform-origin: 100% 50%;
transform: translate3d(150%, 0, 0);
transition: transform var(--dsm-animation-duration, 0.3s) cubic-bezier(0.5, 0.5, 0.3, 1);
transition-delay: var(--dsm-animation-delay, 0s);
}
.dsm_underline_swipe_text_shift:hover::after {
transform: translate3d(0, 0, 0);
}
.dsm_underline_swipe_text_shift span {
display: inline-block;
transition: transform var(--dsm-animation-duration, 0.3s) cubic-bezier(0.5, 0.5, 0.3, 1);
transition-delay: var(--dsm-animation-delay, 0s);
}
.dsm_underline_swipe_text_shift:hover span {
transform: translate3d(-150%, 0, 0);
}
.dsm_line_sweep_across {
padding: 0 10px;
letter-spacing: 1px;
text-indent: 1px;
}
.dsm_line_sweep_across::before {
top: 50%;
height: 2px;
transform-origin: 100% 50%;
transform: scale3d(0, 1, 1);
transition: transform var(--dsm-animation-duration, 0.3s) cubic-bezier(0.4, 1, 0.8, 1);
transition-delay: var(--dsm-animation-delay, 0s);
}
.dsm_line_sweep_across:hover::before {
transform-origin: 0% 50%;
transform: scale3d(1, 1, 1);
}
.dsm_line_sweep_across span {
display: inline-block;
transition: transform var(--dsm-animation-duration, 0.3s) cubic-bezier(0.4, 1, 0.8, 1);
transition-delay: var(--dsm-animation-delay, 0s);
}
.dsm_line_sweep_across:hover span {
transform: scale3d(1.1, 1.1, 1.1);
}
.dsm_line_sweep_across::after {
display: none !important;
}
.dsm_lines_connect::before {
transform-origin: 50% 100%;
transition: clip-path var(--dsm-animation-duration, 0.3s), transform var(--dsm-animation-duration, 0.3s) cubic-bezier(0.2, 1, 0.8, 1);
clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);
transition-delay: var(--dsm-animation-delay, 0s);
}
.dsm_lines_connect:hover::before {
transform: translate3d(0, 2px, 0) scale3d(1.08, 3, 1);
clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%);
}
.dsm_lines_connect span {
display: inline-block;
transition: transform var(--dsm-animation-duration, 0.3s) cubic-bezier(0.2, 1, 0.8, 1);
transition-delay: var(--dsm-animation-delay, 0s);
}
.dsm_lines_connect:hover span {
transform: translate3d(0, -2px, 0);
}
.dsm_lines_connect::after {
display: none !important;
}
.dsm_lines_pop_up::before,
.dsm_lines_pop_up::after {
opacity: 0;
transform-origin: 50% 0%;
transform: translate3d(0, 3px, 0);
transition-property: transform, opacity;
transition-duration: var(--dsm-animation-duration, 0.3s);
transition-timing-function: cubic-bezier(0.2, 1, 0.8, 1);
transition-delay: var(--dsm-animation-delay, 0s);
}
.dsm_lines_pop_up:hover::before,
.dsm_lines_pop_up:hover::after {
opacity: 1;
transform: translate3d(0, 0, 0);
transition-timing-function: cubic-bezier(0.2, 0, 0.3, 1);
}
.dsm_lines_pop_up::after {
content: "";
top: calc(100% + 4px);
width: 70%;
left: 15%;
}
.dsm_lines_pop_up::before,
.dsm_lines_pop_up:hover::after {
transition-delay: 0.1s;
}
.dsm_lines_pop_up:hover::before {
transition-delay: 0s;
}
.dsm_dashed_line_animate::before {
height: 10px;
top: 100%;
opacity: 0;
}
.dsm_dashed_line_animate:hover::before {
opacity: 1;
animation: lineUp var(--dsm-animation-duration, 0.3s) ease forwards;
transition-delay: var(--dsm-animation-delay, 0s);
animation-delay: var(--dsm-animation-delay, 0s);
}
@keyframes lineUp {
0% {
transform-origin: 50% 100%;
transform: scale3d(1, 0.045, 1);
}
50% {
transform-origin: 50% 100%;
transform: scale3d(1, 1, 1);
}
51% {
transform-origin: 50% 0%;
transform: scale3d(1, 1, 1);
}
100% {
transform-origin: 50% 0%;
transform: scale3d(1, 0.045, 1);
}
}
.dsm_dashed_line_animate::after {
content: "";
transition: opacity var(--dsm-animation-duration, 0.3s);
opacity: 0;
transition-delay: 0s;
}
.dsm_dashed_line_animate:hover::after {
opacity: 1;
transition-delay: 0.3s;
}
.dsm_underline_shift::before {
transform-origin: 0% 50%;
transform: scale3d(0, 1, 1);
transition: transform var(--dsm-animation-duration, 0.3s);
transition-delay: var(--dsm-animation-delay, 0s);
}
.dsm_underline_shift:hover::before {
transform: scale3d(1, 1, 1);
}
.dsm_underline_shift::after {
content: "";
top: calc(100% + 4px);
transition: transform var(--dsm-animation-duration, 0.3s);
transform-origin: 100% 50%;
transition-delay: var(--dsm-animation-delay, 0s);
}
.dsm_underline_shift:hover::after {
transform: scale3d(0, 1, 1);
}
.dsm_glitch_effect:hover span {
animation: glitchText var(--dsm-animation-duration, 0.3s) var(--dsm-animation-delay, 0s) linear;
}
@keyframes glitchText {
0% {
opacity: 1;
transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
}
10% {
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
20% {
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
35% {
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
50% {
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
60% {
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
70% {
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
80% {
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
90% {
transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
}
.dsm_glitch_effect::before {
height: 2px;
opacity: 0;
}
.dsm_glitch_effect:hover::before {
opacity: 1;
animation: glitchLine var(--dsm-animation-duration, 0.3s) var(--dsm-animation-delay, 0s) steps(2, start) forwards;
}
@keyframes glitchLine {
0% {
transform: scale3d(1, 1, 1);
}
10% {
transform: translate3d(10px, 0, 0);
}
20% {
transform: translate3d(0, 4px, 0);
}
30% {
transform: scale3d(0.1, 1.4, 1) translate3d(0, -25px, 0);
transform-origin: 100% 0%;
}
40% {
transform: scale3d(1, 0.3, 1) translate3d(0, 25px, 0);
}
50% {
transform: scale3d(0.5, 0.3, 1) translate3d(-100px, -80px, 0);
}
60% {
transform: scale3d(1, 1.25, 1) translate3d(10px, -5px, 0);
}
70% {
transform: scale3d(0.5, 0.5, 1) translate3d(0, 20px, 0);
}
80% {
transform: translate3d(-30, 10px, 0) scale3d(1, 0.4, 1);
transform-origin: 100% 0%;
}
90% {
transform: scale3d(1, 0.5, 1) translate3d(0, -15px, 0);
transform-origin: 0% 50%;
}
100% {
opacity: 1;
}
}
.dsm_glitch_effect::after {
display: none !important;
}
.dsm_upward_line_sweep::before {
height: 100%;
top: 0;
opacity: 0;
}
.dsm_upward_line_sweep:hover::before {
opacity: 1;
animation: coverUp var(--dsm-animation-duration, 0.3s) var(--dsm-animation-delay, 0s) ease forwards;
}
@keyframes coverUp {
0% {
transform-origin: 50% 100%;
transform: scale3d(1, 0.045, 1);
}
50% {
transform-origin: 50% 100%;
transform: scale3d(1, 1, 1);
}
51% {
transform-origin: 50% 0%;
transform: scale3d(1, 1, 1);
}
100% {
transform-origin: 50% 0%;
transform: scale3d(1, 0.045, 1);
}
}
.dsm_upward_line_sweep::after {
content: "";
transition: opacity var(--dsm-animation-duration, 0.3s);
transition-delay: var(--dsm-animation-delay, 0s);
}
.dsm_upward_line_sweep:hover::after {
opacity: 0;
}
.link__graphic {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
fill: none;
stroke-width: 1px;
}
.link__graphic--slide {
top: -3px;
stroke-width: 2px;
transition: transform var(--dsm-animation-duration, 0.3s);
transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
transition-delay: var(--dsm-animation-delay, 0s);
}
.dsm_line_bends_animation {
line-height: 2;
overflow: hidden;
padding: 7px 0;
}
.dsm_line_bends_animation:hover .link__graphic--slide {
transform: translate3d(-66.6%, 0, 0);
}
.dsm_line_expands_inward::before,
.dsm_line_expands_inward::after {
display: none;
}
.link__graphic--stroke path {
stroke-dasharray: 1;
stroke-dashoffset: 1;
}
.dsm_line_expands_inward:hover .link__graphic--stroke path {
stroke-dashoffset: 0;
}
.link__graphic--arc {
top: 1.1em;
left: -0.3em;
}
.link__graphic--arc path {
transition: stroke-dashoffset var(--dsm-animation-duration, 0.3s) cubic-bezier(0.7, 0, 0.3, 1);
transition-delay: var(--dsm-animation-delay, 0s);
}
.dsm_line_expands_inward:hover .link__graphic--arc path {
transition-timing-function: cubic-bezier(0.8, 1, 0.7, 1);
transition-duration: var(--dsm-animation-duration, 0.3s);
transition-delay: var(--dsm-animation-delay, 0s);
}
.dsm_zigzag_line_animation::before,
.dsm_zigzag_line_animation::after {
display: none;
}
.link__graphic--scribble {
top: 1.1em;
left: 0;
}
.link__graphic--scribble path {
transition: stroke-dashoffset 0.6s cubic-bezier(0.7, 0, 0.3, 1);
}
.dsm_zigzag_line_animation:hover .link__graphic--stroke path {
stroke-dashoffset: 0;
}
.dsm_zigzag_line_animation:hover .link__graphic--scribble path {
transition-timing-function: cubic-bezier(0.8, 1, 0.7, 1);
transition-duration: var(--dsm-animation-duration, 0.3s);
transition-delay: var(--dsm-animation-delay, 0s);
}
.dsm_pulse_line_effect::before {
height: 7px;
border-radius: 20px;
transform: scale3d(1, 1, 1);
transition: transform var(--dsm-animation-duration, 0.3s), opacity var(--dsm-animation-duration, 0.3s);
transition-timing-function: cubic-bezier(0.2, 0.57, 0.67, 1.53);
transition-delay: var(--dsm-animation-delay, 0s);
}
.dsm_pulse_line_effect:hover::before {
transition-timing-function: cubic-bezier(0.8, 0, 0.1, 1);
transition-duration: var(--dsm-animation-duration, 0.3s);
transition-delay: var(--dsm-animation-delay, 0s);
opacity: 1;
transform: scale3d(1.2, 0.1, 1);
}
.dsm_pulse_line_effect span {
transform: translate3d(0, -4px, 0);
display: inline-block;
transition: transform var(--dsm-animation-duration, 0.3s) 0.05s cubic-bezier(0.2, 0.57, 0.67, 1.53);
transition-delay: var(--dsm-animation-delay, 0s);
}
.dsm_pulse_line_effect:hover span {
transform: translate3d(0, 0, 0);
transition-timing-function: cubic-bezier(0.8, 0, 0.1, 1);
transition-duration: var(--dsm-animation-duration, 0.3s);
transition-delay: 0s;
}
.dsm_pulse_line_effect::after {
display: none !important;
}
.dsm_line_hover .dsm-line-hover-link::before,
.dsm_line_hover .dsm-line-hover-link::after {
background-color: #000000;
} .et_pb_module.dsm_mask_text .dsm-mask-text {
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
color: transparent;
}
ul.dsm-menu,
ul.dsm-menu .sub-menu {
list-style-type: disc;
list-style-position: inside;
}
.dsm-menu a {
transition: all 0.4s ease-in-out;
} .dsm-menu-container .dsm-menu a:focus-visible {
outline: 2px solid currentColor;
outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
.dsm-menu a,
.dsm-menu-animation li a::after,
.dsm-menu-submenu-collapse .menu-item-has-children > .sub-menu {
transition: none !important;
}
}
.et_pb_bg_layout_dark ul.dsm-menu li a {
color: #fff;
}
#left-area ul.dsm-menu,
.comment-content ul.dsm-menu,
.entry-content ul.dsm-menu,
.et-l--body ul.dsm-menu,
.et-l--footer ul.dsm-menu,
.et-l--header ul.dsm-menu,
body.et-pb-preview #main-content .container ul.dsm-menu {
padding-left: 0;
}
ul.dsm-menu .menu-item-has-children {
position: relative;
}
ul.dsm-menu .menu-item-has-children .sub-menu {
padding-bottom: 0;
padding-left: 20px;
} .dsm-menu-animation li a {
position: relative;
display: inline-block;
max-width: 100%;
padding-bottom: 2px;
}
.dsm-menu-animation-left-right li a::after {
content: "";
position: absolute;
width: 0;
height: 2px;
bottom: 0;
left: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
}
.dsm-menu-animation-left-right li a:hover::after,
.dsm-menu-animation-left-right li a:focus-visible::after {
visibility: visible;
width: 100%;
}
.dsm-menu-animation-right-left li a::after {
content: "";
position: absolute;
width: 0;
height: 2px;
bottom: 0;
right: 0;
left: auto;
visibility: hidden;
transition: all 0.4s ease-in-out;
}
.dsm-menu-animation-right-left li a:hover::after,
.dsm-menu-animation-right-left li a:focus-visible::after {
visibility: visible;
width: 100%;
}
.dsm-menu-animation-center-out li a::after {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
visibility: hidden;
transform: scaleX(0);
transform-origin: center;
transition: all 0.4s ease-in-out;
}
.dsm-menu-animation-center-out li a:hover::after,
.dsm-menu-animation-center-out li a:focus-visible::after {
visibility: visible;
transform: scaleX(1);
} .dsm-menu-submenu-collapse .menu-item-has-children > .sub-menu {
display: block;
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0.35s ease-out, opacity 0.2s ease-out;
}
.dsm-menu-submenu-collapse .menu-item-has-children.dsm-submenu-active > .sub-menu {
max-height: min(2000px, 100vh);
opacity: 1;
}
.dsm-menu-submenu-collapse .menu-item-has-children .et-pb-icon {
font-size: 16px;
line-height: 1em;
}
.dsm-menu-submenu-collapse .menu-item-has-children > a {
display: inline-flex;
justify-content: center;
align-items: center;
line-height: 1em;
}
.dsm_menu .dsm-menu-title {
padding-bottom: 10px;
}
.dsm_menu ul.dsm-menu {
padding-left: 0px;
}
.dsm_menu ul.dsm-menu,
.dsm_menu ul.dsm-menu .sub-menu {
list-style-type: disc;
list-style-position: inside;
}
.dsm-menu .menu-item-has-children .sub-menu {
padding-left: 20px;
}
.dsm-menu-submenu-collapse .menu-item-has-children .et-pb-icon {
margin-left: 7px;
font-size: 16px;
}
.mfp-wrap .mfp-container button:hover {
background: transparent !important;
}
.mfp-wrap .mfp-arrow:active {
position: absolute;
top: 50%;
}
.mfp-wrap .mfp-close:active {
position: absolute;
top: -10px;
}
.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after,
.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
font-family: ETmodules;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mfp-fade.mfp-bg {
opacity: 0.001;
transition: all 0.5s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade .mfp-wrap.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade .mfp-wrap.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
.mfp-fade .mfp-wrap .mfp-content {
opacity: 0.001;
transition: all 0.5s ease-out;
}
.mfp-bg {
z-index: 1000000;
overflow: hidden;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-bg,
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
}
.mfp-wrap {
z-index: 1000001;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom {
cursor: pointer;
cursor: zoom-in;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: zoom-out;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #ccc;
}
.mfp-preloader a:hover {
color: #fff;
}
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
display: none;
}
button.mfp-arrow,
button.mfp-close {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #fff;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:focus,
.mfp-close:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
color: #fff;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px;
}
.mfp-arrow {
position: absolute;
opacity: 0.55;
filter: alpha(opacity=55);
top: 50%;
margin: -32px 0 0;
padding: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow-left {
left: 10px;
}
.mfp-arrow-right {
right: 10px;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
.mfp-arrow {
background: none !important;
margin-top: -32px !important;
line-height: 1em !important;
}
.mfp-arrow,
.mfp-arrow:after {
width: 48px !important;
height: 48px !important;
}
.mfp-arrow:after {
margin: 0 !important;
top: 0 !important;
border: none !important;
}
.mfp-arrow-left {
left: 0 !important;
}
.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after,
.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
border: none;
font-size: 64px;
color: #fff;
}
.mfp-arrow-left:before,
.mfp-arrow-right:before {
display: none;
}
.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
content: "4";
}
.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
content: "5";
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
font-size: 64px;
font-family: Open Sans, Arial, sans-serif;
font-weight: 200;
top: -10px;
opacity: 0.2;
}
.mfp-iframe-holder .mfp-close:hover,
.mfp-image-holder .mfp-close:hover {
opacity: 1;
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
box-sizing: border-box;
padding: 40px 0;
margin: 0 auto;
}
.mfp-figure,
img.mfp-img {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-height: 300px), screen and (max-width: 800px) and (orientation: landscape) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media (max-width: 900px) {
.mfp-arrow {
transform: scale(0.75);
}
.mfp-arrow-left {
transform-origin: 0;
}
.mfp-arrow-right {
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
} .mfp-iframe-scaler.dsm-video-popup {
overflow: visible;
position: relative;
}
.mfp-iframe-scaler.dsm-video-popup .mfp-close {
width: 44px !important;
height: 44px;
line-height: 44px;
padding: 0 !important;
margin: 0;
text-align: center !important;
right: 0 !important;
left: auto !important;
top: -44px;
z-index: 2;
}
.dsm_perspective_image {
display: block;
margin-right: auto;
margin-left: auto;
line-height: 0;
}
.dsm_perspective_image .dsm-perspective-image-wrapper {
transform: perspective(1000px);
}
.dsm_perspective_image .et_overlay {
border-width: 0;
}
.dsm-perspective-image-icon-empty.et_overlay:before {
display: none;
}
.dsm_perspective_image .dsm-perspective-image-overlay-off .et_overlay {
opacity: 1;
z-index: 3;
}
.dsm_perspective_image:hover .dsm-perspective-image-overlay-off .et_overlay {
opacity: 0;
}
.dsm_perspective_image:hover .et_pb_has_overlay:not(.dsm-perspective-image-overlay-off) .et_overlay {
opacity: 1;
z-index: 1;
}
.et_pb_has_overlay .et_overlay {
z-index: -1;
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: hsla(0, 0%, 100%, 0.9);
opacity: 0;
pointer-events: none;
transition: all 0.3s;
box-sizing: border-box;
backface-visibility: hidden;
}
.dsm_perspective_image img {
position: relative;
}
.dsm_perspective_image .dsm-force-fullwidth .et_pb_image_wrap {
width: 100%;
}
.dsm_perspective_image .et_pb_image_wrap {
overflow: hidden;
}
.dsm-lightbox-custom {
max-width: 100%;
}
.dsm-lightbox-custom.mfp-iframe-holder .mfp-close,
.dsm-lightbox-custom.mfp-image-holder .mfp-close {
color: rgba(255, 255, 255, 0.2);
opacity: 1;
transition: all 0.4s ease-in-out;
}
.dsm_perspective_image .et_pb_image_wrap {
display: inline-block;
position: relative;
max-width: 100%;
}
.dsm_perspective_image .dsm-perspective-image-wrapper .et_pb_inline_icon::after {
font-size: 32px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.dsm-force-fullwidth .et_pb_image_wrap img {
width: 100%;
}  .mfp-fade.mfp-bg {
opacity: 0;
transition: all 0.15s ease-out;
} .mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
} .mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
} .mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
transition: all 0.15s ease-out;
} .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
} .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
.dsm_price_list_child > div,
.dsm_pricelist_item_wrapper,
.dsm-pricelist-header,
.dsm-pricelist-description {
display: flex;
align-items: flex-start;
}
.dsm_price_list_child {
display: flex;
}
.dsm_pricelist .et_pb_module.dsm_price_list_child {
margin-bottom: 0;
}
.dsm_pricelist_item_wrapper {
flex-wrap: wrap;
flex-grow: 1;
}
.dsm_price_list_child:not(:last-child) {
margin-bottom: 25px;
}
.dsm-pricelist-header {
align-items: center;
flex-basis: 100%;
margin-bottom: 10px;
justify-content: space-between;
}
.dsm-pricelist-title {
padding-bottom: 0;
font-size: 26px;
color: #333;
}
.dsm-pricelist-separator {
flex-grow: 1;
margin-left: 10px;
margin-right: 10px;
border-bottom-style: dotted;
border-bottom-width: 2px;
height: 0;
}
.dsm-pricelist-description {
flex-basis: 100%;
flex-flow: row wrap;
text-align: left;
}
.dsm-pricelist-price {
font-size: 18px;
}
.dsm-pricelist-image {
max-width: 50%;
flex-shrink: 0;
margin-right: 25px;
line-height: 0;
}
.dsm-pricelist-image img {
border-style: solid;
border-color: #333333;
}
.dsm_price_list_child .et_pb_module_inner {
width: 100%;
}
.dsm_price_list .dsm-pricelist-image {
max-width: 50%;
margin-right: 25px;
}
.dsm_price_list .dsm-pricelist-separator {
border-bottom-style: dotted;
border-bottom-width: 2px;
border-bottom-color: #333333;
margin-left: 10px;
margin-right: 10px;
}
.dsm_price_list_child .dsm-pricelist-image {
max-width: 50%;
margin-right: 25px;
}
.dsm_progress_bar.et_pb_module {
box-sizing: border-box;
height: -moz-fit-content;
height: fit-content;
min-height: 0;
}
:is(html.admin-bar, body.et_fixed_nav, html.dsm-has-progress-bar) .dsm_progress_bar.et_pb_module:is([style*="position:fixed"],
[style*="position: fixed"],
[style*="position:sticky"],
[style*="position: sticky"]) {
top: var(--dsm-progress-bar-fixed-offset, var(--wp-admin--admin-bar--height, 0px)) !important;
}
.dsm_progress_bar .et_pb_module_inner {
display: block;
width: 100%;
max-width: 100%;
box-sizing: border-box;
height: auto;
min-height: 0;
}
.dsm_progress_bar .dsm-progress-bar-container {
box-sizing: border-box;
}
.dsm_progress_bar .dsm-progress-bar-container.dsm-progress-bar-tracker-horizontal {
position: relative;
width: 100vw;
max-width: 100vw;
margin-inline-start: calc(50% - 50vw);
}
.dsm_progress_bar .dsm-progress-bar-tracker-horizontal {
display: flex;
width: 100%;
height: 20px;
align-items: center;
background: #eeeeee;
}
.dsm_progress_bar .dsm-progress-bar-tracker-horizontal .dsm-current-progress {
height: 100%;
align-items: center;
position: relative;
display: flex;
width: 0%;
min-width: 0;
flex: 0 0 auto;
transition: 0.3s ease;
}
.dsm_progress_bar .dsm-progress-bar-tracker-horizontal .dsm-current-progress-percentage {
inset-inline-end: 0.5em;
inset-inline-start: auto;
position: absolute;
} .circle {
fill: transparent;
transform-origin: 0px 0px;
}
.current-progress {
fill: transparent;
transform: rotate(-90deg);
transform-origin: 50% 50%;
display: block;
}
.dsm_progress_bar .dsm-progress-bar-container.dsm-progress-bar-tracker-circular {
width: auto;
max-width: 100%;
margin-inline-start: 0;
}
.dsm-progress-bar-tracker-circular .dsm-progressbar-circular {
width: 200px;
height: 200px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-inline-start: 0;
margin-inline-end: auto;
}
.dsm-progress-bar-tracker-circular .dsm-progressbar-circular .dsm-current-progress-percentage {
position: absolute;
}
.dsm-progress-bar-tracker-circular svg {
position: absolute;
}
.dsm_progress_bar .dsm-progress-bar-tracker-circular .dsm-progressbar-circular .current-progress {
stroke: #7ebec5;
stroke-width: 4px;
}
.dsm_progress_bar .dsm-progress-bar-tracker-circular .dsm-progressbar-circular .circle {
stroke: #eeeeee;
stroke-width: 4px;
}
.dsm_progress_bar .dsm-current-progress {
background-color: #7ebec5;
}
.dsm_progress_bar .dsm-progress-bar-container.dsm-progress-bar-tracker-horizontal {
height: 20px;
}
.dsm-progress-bar-container.dsm-progress-bar-tracker-circular .dsm-progressbar-circular .circle {
stroke: var(--circle-tracker-color, #eeeeee);
stroke-width: var(--circle-tracker-width, 4px);
}
.dsm-progress-bar-container.dsm-progress-bar-tracker-circular .dsm-progressbar-circular .current-progress {
stroke: var(--circle-indicator-color, #7ebec5);
stroke-width: var(--circle-indicator-width, 4px);
}
.mfp-wrap .mfp-container button:hover {
background: transparent !important;
}
.mfp-wrap .mfp-arrow:active {
position: absolute;
top: 50%;
}
.mfp-wrap .mfp-close:active {
position: absolute;
top: -10px;
}
.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after,
.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
font-family: ETmodules;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mfp-fade.mfp-bg {
opacity: 0.001;
transition: all 0.5s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade .mfp-wrap.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade .mfp-wrap.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
.mfp-fade .mfp-wrap .mfp-content {
opacity: 0.001;
transition: all 0.5s ease-out;
}
.mfp-bg {
z-index: 1000000;
overflow: hidden;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-bg,
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
}
.mfp-wrap {
z-index: 1000001;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom {
cursor: pointer;
cursor: zoom-in;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: zoom-out;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #ccc;
}
.mfp-preloader a:hover {
color: #fff;
}
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
display: none;
}
button.mfp-arrow,
button.mfp-close {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #fff;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:focus,
.mfp-close:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
color: #fff;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px;
}
.mfp-arrow {
position: absolute;
opacity: 0.55;
filter: alpha(opacity=55);
top: 50%;
margin: -32px 0 0;
padding: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow-left {
left: 10px;
}
.mfp-arrow-right {
right: 10px;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
.mfp-arrow {
background: none !important;
margin-top: -32px !important;
line-height: 1em !important;
}
.mfp-arrow,
.mfp-arrow:after {
width: 48px !important;
height: 48px !important;
}
.mfp-arrow:after {
margin: 0 !important;
top: 0 !important;
border: none !important;
}
.mfp-arrow-left {
left: 0 !important;
}
.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after,
.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
border: none;
font-size: 64px;
color: #fff;
}
.mfp-arrow-left:before,
.mfp-arrow-right:before {
display: none;
}
.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
content: "4";
}
.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
content: "5";
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
font-size: 64px;
font-family: Open Sans, Arial, sans-serif;
font-weight: 200;
top: -10px;
opacity: 0.2;
}
.mfp-iframe-holder .mfp-close:hover,
.mfp-image-holder .mfp-close:hover {
opacity: 1;
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
box-sizing: border-box;
padding: 40px 0;
margin: 0 auto;
}
.mfp-figure,
img.mfp-img {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-height: 300px), screen and (max-width: 800px) and (orientation: landscape) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media (max-width: 900px) {
.mfp-arrow {
transform: scale(0.75);
}
.mfp-arrow-left {
transform-origin: 0;
}
.mfp-arrow-right {
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
} .mfp-iframe-scaler.dsm-video-popup {
overflow: visible;
position: relative;
}
.mfp-iframe-scaler.dsm-video-popup .mfp-close {
width: 44px !important;
height: 44px;
line-height: 44px;
padding: 0 !important;
margin: 0;
text-align: center !important;
right: 0 !important;
left: auto !important;
top: -44px;
z-index: 2;
}
.dsm_random_image {
display: block;
margin-right: auto;
margin-left: auto;
line-height: 0;
overflow: hidden;
}
.dsm_random_image .et_pb_image_wrap {
display: inline-block;
position: relative;
max-width: 100%;
}
.dsm_random_image .et_overlay {
border-width: 0;
}
.dsm_random_image .et_pb_has_overlay.dsm_random_image_overlay_off .et_overlay {
z-index: 0;
opacity: 1;
}
.dsm_random_image .et_pb_has_overlay.dsm_random_image_overlay_off:hover .et_overlay {
opacity: 0;
}
.dsm-image-lightbox {
display: block;
position: relative;
}
.dsm_random_image .dsm_random_image_svg.et_pb_image_wrap {
display: block;
}
.dsm_random_image .et_overlay::before {
position: absolute;
top: 50%;
left: 50%;
font-size: 32px;
}
.dsm_random_image:hover .et_pb_has_overlay .et_overlay {
opacity: 1 !important;
z-index: 1;
}
.dsm_readmore .dsm_button_wrapper {
margin-top: 20px;
}
.dsm_readmore .dsm_button_wrapper .dsm-readmore-button {
cursor: pointer;
padding: 10px 30px 10px 15px;
font-size: 16px;
}
.dsm-readmore-wrapper.dsm-readmore-shadow:not(.dsm-expanded)::after {
-webkit-backface-visibility: hidden;
-webkit-transform: scale(1);
content: "";
position: absolute;
pointer-events: none;
height: 100px;
width: 100%;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
} .dsm_readmore {
row-gap: 0px !important;
}
.dsm_readmore > .et-vb-module-options {
background: #B00BEA !important;
border: 2px solid #B00BEA !important;
right: 45% !important;
}
.dsm_readmore .et-vb-add-module {
background: #B00BEA !important;
}
.dsm_readmore > .et-vb-module-highlight {
border: 1px solid #B00BEA;
}
.dsm_readmore .dsm-readmore-button {
cursor: pointer;
} .dsm_readmore .dsm-readmore-wrapper.dsm-readmore-shadow {
position: relative;
} .et_pb_module .dsm-readmore-button::after {
font-family: "ETmodules" !important;
font-weight: 400;
content: "3";
cursor: pointer;
vertical-align: top;
opacity: 1 !important;
right: 5px;
font-size: 24px;
}
.et_pb_module .dsm-readmore-button.dsm-btn-open::after {
font-family: "ETmodules" !important;
font-weight: 400;
content: "2";
cursor: pointer;
vertical-align: top;
opacity: 1 !important;
right: 5px;
font-size: 24px;
}
.dsm_readmore .dsm_button_wrapper .dsm-readmore-button:hover {
padding: 10px 30px 10px 15px;
}
.dsm_scroll_image {
display: block;
margin-right: auto;
margin-left: auto;
line-height: 0;
overflow: hidden;
}
.dsm-scroll-image-wrapper {
position: relative;
height: 320px;
width: 100%;
max-width: 100%;
overflow: hidden;
transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
}
.dsm_scroll_image img {
width: 100%;
}
.dsm_scroll_image a,
.dsm_scroll_image .et_pb_image_wrap,
.dsm_scroll_image img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
transition: all 10s;
-webkit-transition: all 10s;
}
.dsm_scroll_image .et_overlay {
border-width: 0;
}
.dsm-scroll-image-icon-empty.et_overlay:before {
display: none;
}
.dsm_scroll_image .dsm-scroll-image-overlay-off .et_overlay {
opacity: 1;
z-index: 3;
}
.dsm_scroll_image:hover .dsm-scroll-image-overlay-off .et_overlay,
.dsm_scroll_image .dsm-scroll-image-wrapper.dsm-scroll-mobile-auto:focus-within .dsm-scroll-image-overlay-off .et_overlay {
opacity: 0;
}
.dsm_scroll_image .dsm-scroll-image-overlay-on .et_overlay {
opacity: 0;
}
.dsm_scroll_image:hover .dsm-scroll-image-overlay-on .et_overlay,
.dsm_scroll_image .dsm-scroll-image-wrapper.dsm-scroll-mobile-auto:focus-within .dsm-scroll-image-overlay-on .et_overlay {
opacity: 1;
z-index: 1;
}
.dsm_scroll_image .dsm-scroll-direction-vertical img {
transform: translateY(0);
width: 100%;
max-width: 100%;
}
.dsm_scroll_image:hover .dsm-scroll-direction-vertical img,
.dsm_scroll_image .dsm-scroll-image-wrapper.dsm-scroll-mobile-auto:focus-within .dsm-scroll-direction-vertical:not(.dsm-scroll-reverse-direction) img {
transform: translateY(-100%);
margin-top: 320px;
}
.dsm_scroll_image .dsm-scroll-direction-vertical.dsm-scroll-reverse-direction img {
transform: translateY(-100%);
margin-top: 320px;
}
.dsm_scroll_image:hover .dsm-scroll-direction-vertical.dsm-scroll-reverse-direction img,
.dsm_scroll_image .dsm-scroll-image-wrapper.dsm-scroll-mobile-auto:focus-within .dsm-scroll-direction-vertical.dsm-scroll-reverse-direction img {
transform: translateY(0);
margin-top: initial;
}
.dsm_scroll_image .dsm-scroll-direction-horizontal .et_pb_image_wrap {
height: 100%;
}
.dsm_scroll_image .dsm-scroll-direction-horizontal img {
width: 100%;
height: 100%;
max-width: none;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: left center;
object-position: left center;
}
.dsm_scroll_image:hover .dsm-scroll-direction-horizontal:not(.dsm-scroll-reverse-direction) img,
.dsm_scroll_image .dsm-scroll-image-wrapper.dsm-scroll-mobile-auto:focus-within .dsm-scroll-direction-horizontal:not(.dsm-scroll-reverse-direction) img {
-o-object-position: right center;
object-position: right center;
}
.dsm_scroll_image .dsm-scroll-direction-horizontal.dsm-scroll-reverse-direction img {
-o-object-position: right center;
object-position: right center;
}
.dsm_scroll_image:hover .dsm-scroll-direction-horizontal.dsm-scroll-reverse-direction img,
.dsm_scroll_image .dsm-scroll-image-wrapper.dsm-scroll-mobile-auto:focus-within .dsm-scroll-direction-horizontal.dsm-scroll-reverse-direction img {
-o-object-position: left center;
object-position: left center;
}
.dsm-lightbox-custom {
max-width: 100%;
}
.dsm-lightbox-custom.mfp-iframe-holder .mfp-close,
.dsm-lightbox-custom.mfp-image-holder .mfp-close {
color: rgba(255, 255, 255, 0.2);
opacity: 1;
transition: all 0.4s ease-in-out;
}
.dsm_scroll_image .et_overlay {
z-index: -1;
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
transition: all 0.3s;
box-sizing: border-box;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
}
.dsm_scroll_image .et_overlay::before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 32px;
}
.dsm_scroll_image.dsm_scroll_image img {
transition: all 10s;
}
.dsm_scroll_image .dsm-scroll-image-wrapper.dsm-scroll-mobile-static img {
transition: none !important;
transform: none !important;
margin: 0 !important;
}
.dsm_scroll_image .dsm-scroll-image-wrapper.dsm-scroll-mobile-static.dsm-scroll-direction-horizontal img {
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
@media (prefers-reduced-motion: reduce) {
.dsm_scroll_image .dsm-scroll-image-wrapper img {
transition: none !important;
transform: none !important;
margin: 0 !important;
}
.dsm_scroll_image .dsm-scroll-image-wrapper.dsm-scroll-direction-horizontal img {
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
}
.dsm_shapes {
display: inline-block;
}
.dsm_shapes_wrapper {
display: block;
line-height: 0;
overflow: visible;
}
.dsm_shapes_wrapper .dsm_shapes_svg {
display: block;
width: 100%;
height: 100%;
}
.dsm_shuffle_letters.dsm-link, .dsm_shuffle_letters.et_clickable {
cursor: pointer;
}
.dsm_shuffle_letters.dsm-link .et_pb_module_inner, .dsm_shuffle_letters.et_clickable .et_pb_module_inner {
cursor: pointer;
}
.dsm-shuffle-text,
.dsm-before-shuffle-text,
.dsm-after-shuffle-text {
display: inline-block;
}
.dsm-text-newline {
width: 100%;
}
.dsm_shuffle_letters .et_pb_module_header {
font-size: 30px;
line-height: 1em;
}
.dsm-social-share-buttons-container .dsm-social-share-button-inner-wrapper {
cursor: pointer;
word-spacing: initial;
transition-duration: 0.2s;
transition-property: all;
display: flex;
align-items: center;
}
.dsm-social-share-buttons-container {
-moz-column-gap: 10px;
column-gap: 10px;
row-gap: 10px;
}
.dsm-social-share-buttons-container .dsm_social_share_buttons_child {
margin-bottom: 0px !important;
}
.dsm-social-share-buttons-container .dsm-social-share-button-inner-wrapper:hover {
filter: saturate(1.5) brightness(1.2);
}
.dsm_custom_image_icon {
max-width: 18px;
}
.dsm-social-share-buttons-container.dsm-gradient .dsm-social-share-button-inner-wrapper,
.dsm-social-share-buttons-container.dsm-flat .dsm-social-share-button-inner-wrapper {
color: #fff;
}
.dsm-social-share-buttons-container.dsm-minimal .dsm-social-share-button-inner-wrapper .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-boxed_icon .dsm-social-share-button-inner-wrapper .dsm-social-share-button-icon {
color: #fff;
}
.dsm-social-share-buttons-container.dsm-minimal .dsm-social-share-button-inner-wrapper .dsm-social-share-button-text,
.dsm-social-share-buttons-container.dsm-boxed_icon .dsm-social-share-button-inner-wrapper .dsm-social-share-button-text {
color: #000000;
}
.dsm-social-share-buttons-container .dsm-social-button-wrapper .dsm-social-share-button-icon {
line-height: 1;
} .dsm-social-share-buttons-container.dsm-gradient .dsm-facebook,
.dsm-social-share-buttons-container.dsm-flat .dsm-facebook {
background: #3b5998;
}
.dsm-social-share-buttons-container.dsm-gradient .dsm-twitter,
.dsm-social-share-buttons-container.dsm-flat .dsm-twitter {
background: #1da1f2;
}
.dsm-social-share-buttons-container.dsm-gradient .dsm-linkedin,
.dsm-social-share-buttons-container.dsm-flat .dsm-linkedin {
background: #0077b5;
}
.dsm-social-share-buttons-container.dsm-gradient .dsm-pinterest,
.dsm-social-share-buttons-container.dsm-flat .dsm-pinterest {
background: #bd081c;
}
.dsm-social-share-buttons-container.dsm-gradient .dsm-reddit,
.dsm-social-share-buttons-container.dsm-flat .dsm-reddit {
background: #ff4500;
}
.dsm-social-share-buttons-container.dsm-gradient .dsm-vk,
.dsm-social-share-buttons-container.dsm-flat .dsm-vk {
background: #45668e;
}
.dsm-social-share-buttons-container.dsm-gradient .dsm-tumbler,
.dsm-social-share-buttons-container.dsm-flat .dsm-tumbler {
background: #35465c;
}
.dsm-social-share-buttons-container.dsm-gradient .dsm-digg,
.dsm-social-share-buttons-container.dsm-flat .dsm-digg {
background: #005be2;
}
.dsm-social-share-buttons-container.dsm-gradient .dsm-skype,
.dsm-social-share-buttons-container.dsm-flat .dsm-skype {
background: #00aff0;
}
.dsm-social-share-buttons-container.dsm-gradient .dsm-stumbleupon,
.dsm-social-share-buttons-container.dsm-flat .dsm-stumbleupon {
background: #eb4924;
}
.dsm-social-share-buttons-container.dsm-gradient .dsm-mix,
.dsm-social-share-buttons-container.dsm-flat .dsm-mix {
background: #f3782b;
}
.dsm-social-share-buttons-container.dsm-gradient .dsm-telegram,
.dsm-social-share-buttons-container.dsm-flat .dsm-telegram {
background: #2ca5e0;
}
.dsm-social-share-buttons-container.dsm-gradient .dsm-xing,
.dsm-social-share-buttons-container.dsm-flat .dsm-xing {
background: #026466;
}
.dsm-social-share-buttons-container.dsm-gradient .dsm-whatsapp,
.dsm-social-share-buttons-container.dsm-flat .dsm-whatsapp {
background: #25d366;
}
.dsm-social-share-buttons-container.dsm-gradient .dsm-email,
.dsm-social-share-buttons-container.dsm-flat .dsm-email {
background: #ea4335;
}
.dsm-social-share-buttons-container.dsm-gradient .dsm-print,
.dsm-social-share-buttons-container.dsm-flat .dsm-print {
background: #aaa;
}
.dsm-social-share-buttons-container.dsm-gradient .dsm-pocket,
.dsm-social-share-buttons-container.dsm-flat .dsm-pocket {
background: #ef3f56;
} .dsm-social-share-buttons-container.dsm-minimal.dsm-icon_text .dsm-facebook .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-facebook .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon .dsm-facebook {
background: #3b5998;
}
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon_text .dsm-twitter .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-twitter .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon .dsm-twitter {
background: #1da1f2;
}
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon_text .dsm-linkedin .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-linkedin .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon .dsm-linkedin {
background: #0077b5;
}
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon_text .dsm-pinterest .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-pinterest .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon .dsm-pinterest {
background: #bd081c;
}
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon_text .dsm-reddit .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-reddit .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon .dsm-reddit {
background: #ff4500;
}
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon_text .dsm-vk .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-vk .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon .dsm-vk {
background: #45668e;
}
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon_text .dsm-tumbler .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-tumbler .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon .dsm-tumbler {
background: #35465c;
}
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon_text .dsm-digg .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-digg .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon .dsm-digg {
background: #005be2;
}
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon_text .dsm-skype .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-skype .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon .dsm-skype {
background: #00aff0;
}
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon_text .dsm-stumbleupon .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-stumbleupon .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon .dsm-stumbleupon {
background: #eb4924;
}
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon_text .dsm-mix .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-mix .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon .dsm-mix {
background: #f3782b;
}
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon_text .dsm-telegram .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-telegram .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon .dsm-telegram {
background: #2ca5e0;
}
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon_text .dsm-xing .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-xing .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon .dsm-xing {
background: #026466;
}
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon_text .dsm-whatsapp .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-whatsapp .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon .dsm-whatsapp {
background: #25d366;
}
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon_text .dsm-email .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-email .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon .dsm-email {
background: #ea4335;
}
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon_text .dsm-print .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-print .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon .dsm-print {
background: #aaa;
}
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon_text .dsm-pocket .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-pocket .dsm-social-share-button-icon,
.dsm-social-share-buttons-container.dsm-minimal.dsm-icon .dsm-pocket {
background: #ef3f56;
} .dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-facebook,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-facebook,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-facebook .dsm-social-share-button-text {
color: #3b5998;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon .dsm-facebook {
background: #3b5998;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-twitter,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-twitter,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-twitter .dsm-social-share-button-text {
color: #1da1f2;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon .dsm-twitter {
background: #1da1f2;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-linkedin,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-linkedin,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-linkedin .dsm-social-share-button-text {
color: #0077b5;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon .dsm-linkedin {
background: #0077b5;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-pinterest,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-pinterest,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-pinterest .dsm-social-share-button-text {
color: #bd081c;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon .dsm-pinterest {
background: #bd081c;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-reddit,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-reddit,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-reddit .dsm-social-share-button-text {
color: #ff4500;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon .dsm-reddit {
background: #ff4500;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-vk,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-vk,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-vk .dsm-social-share-button-text {
color: #45668e;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon .dsm-vk {
background: #45668e;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-tumbler,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-tumbler,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-tumbler .dsm-social-share-button-text {
color: #35465c;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon .dsm-tumbler {
background: #35465c;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-digg,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-digg,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-digg .dsm-social-share-button-text {
color: #005be2;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon .dsm-digg {
background: #005be2;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-skype,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-skype,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-skype .dsm-social-share-button-text {
color: #00aff0;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon .dsm-skype {
background: #00aff0;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-stumbleupon,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-stumbleupon,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-stumbleupon .dsm-social-share-button-text {
color: #eb4924;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon .dsm-stumbleupon {
background: #eb4924;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-mix,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-mix,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-mix .dsm-social-share-button-text {
color: #f3782b;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon .dsm-mix {
background: #f3782b;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-telegram,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-telegram,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-telegram .dsm-social-share-button-text {
color: #2ca5e0;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon .dsm-telegram {
background: #2ca5e0;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-xing,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-xing,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-xing .dsm-social-share-button-text {
color: #026466;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon .dsm-xing {
background: #026466;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-whatsapp,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-whatsapp,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-whatsapp .dsm-social-share-button-text {
color: #25d366;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon .dsm-whatsapp {
background: #25d366;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-email,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-email,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-email .dsm-social-share-button-text {
color: #ea4335;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon .dsm-email {
background: #ea4335;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-print,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-print,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-print .dsm-social-share-button-text {
color: #aaa;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon .dsm-print {
background: #aaa;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon_text .dsm-pocket,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-pocket,
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-text .dsm-pocket .dsm-social-share-button-text {
color: #ef3f56;
}
.dsm-social-share-buttons-container.dsm-boxed_icon.dsm-icon .dsm-pocket {
background: #ef3f56;
} .dsm-social-share-buttons-container.dsm-framed .dsm-facebook {
color: #3b5998;
}
.dsm-social-share-buttons-container.dsm-framed .dsm-twitter {
color: #1da1f2;
}
.dsm-social-share-buttons-container.dsm-framed .dsm-linkedin {
color: #0077b5;
}
.dsm-social-share-buttons-container.dsm-framed .dsm-pinterest {
color: #bd081c;
}
.dsm-social-share-buttons-container.dsm-framed .dsm-reddit {
color: #ff4500;
}
.dsm-social-share-buttons-container.dsm-framed .dsm-vk {
color: #45668e;
}
.dsm-social-share-buttons-container.dsm-framed .dsm-tumbler {
color: #35465c;
}
.dsm-social-share-buttons-container.dsm-framed .dsm-digg {
color: #005be2;
}
.dsm-social-share-buttons-container.dsm-framed .dsm-skype {
color: #00aff0;
}
.dsm-social-share-buttons-container.dsm-framed .dsm-stumbleupon {
color: #eb4924;
}
.dsm-social-share-buttons-container.dsm-framed .dsm-mix {
color: #f3782b;
}
.dsm-social-share-buttons-container.dsm-framed .dsm-telegram {
color: #2ca5e0;
}
.dsm-social-share-buttons-container.dsm-framed .dsm-xing {
color: #026466;
}
.dsm-social-share-buttons-container.dsm-framed .dsm-whatsapp {
color: #25d366;
}
.dsm-social-share-buttons-container.dsm-framed .dsm-email {
color: #ea4335;
}
.dsm-social-share-buttons-container.dsm-framed .dsm-print {
color: #aaa;
}
.dsm-social-share-buttons-container.dsm-framed .dsm-pocket {
color: #ef3f56;
}
.dsm-social-share-button-column-auto .dsm-social-share-buttons-container {
display: inline-flex;
gap: 10px;
flex-wrap: wrap;
}
.dsm-social-share-button-column-auto .dsm-social-share-button-wrapper {
display: inline-flex;
margin-bottom: 10px;
word-break: break-word;
}
.dsm-social-share-button-column-one .dsm-social-share-buttons-container {
display: grid;
grid-template-columns: repeat(1, 1fr);
}
.dsm-social-share-button-column-two .dsm-social-share-buttons-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.dsm-social-share-button-column-three .dsm-social-share-buttons-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.dsm-social-share-button-column-four .dsm-social-share-buttons-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.dsm-social-share-button-column-five .dsm-social-share-buttons-container {
display: grid;
grid-template-columns: repeat(5, 1fr);
}
.dsm-social-share-button-column-six .dsm-social-share-buttons-container {
display: grid;
grid-template-columns: repeat(6, 1fr);
}
.dsm-social-share-buttons-container.dsm-gradient .dsm-social-share-button-inner-wrapper .dsm-social-share-button-text, .dsm-social-share-buttons-container.dsm-minimal .dsm-social-share-button-inner-wrapper .dsm-social-share-button-text, .dsm-social-share-buttons-container.dsm-boxed_icon .dsm-social-share-button-inner-wrapper .dsm-social-share-button-text {
padding-left: 15px;
padding-right: 15px;
}
.dsm-social-share-buttons-container.dsm-flat .dsm-social-share-button-inner-wrapper .dsm-social-share-button-text, .dsm-social-share-buttons-container.dsm-framed .dsm-social-share-button-inner-wrapper .dsm-social-share-button-text {
padding-right: 15px;
}
.dsm-social-share-buttons-container.dsm-gradient:not(.dsm-text) .dsm-social-share-button-text {
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.12), transparent);
height: 100%;
display: flex;
align-items: center;
}
.dsm-social-share-button-shape-rounded .dsm-social-share-button-inner-wrapper {
border-radius: 5px;
}
.dsm-social-share-button-shape-circle .dsm-social-share-button-inner-wrapper {
border-radius: 100px;
}
.dsm-social-share-buttons-container.dsm-minimal .dsm-social-share-button-icon {
height: 100% !important;
}
.dsm-social-share-buttons-container.dsm-boxed_icon .dsm-social-share-button-icon {
height: 100% !important;
}
.dsm-social-share-buttons-container .dsm-social-share-button-inner-wrapper .dsm-social-share-button-icon {
width: 45px;
display: flex;
align-items: center;
justify-content: center;
}
.dsm-social-share-button-shape-rounded .dsm-minimal .dsm-social-share-button-icon {
border-radius: 5px;
}
.dsm-social-share-button-shape-circle .dsm-minimal .dsm-social-share-button-icon {
border-radius: 100px;
}
.dsm-social-share-buttons-container.dsm-framed .dsm-social-share-button-inner-wrapper {
border-style: solid;
border-width: 2px;
}
.dsm-social-share-buttons-container.dsm-boxed_icon .dsm-social-share-button-inner-wrapper {
border-style: solid;
border-width: 2px;
} .dsm_social_share_buttons .dsm-social-share-button-icon .dsm_icon {
font-size: 28px;
}
.dsm_social_share_buttons .dsm-social-share-button-wrapper .dsm-social-share-button-inner-wrapper {
height: 45px;
} .dsm-grow {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-grow:active,
.dsm-grow:focus,
.dsm-grow:hover {
transform: scale(1.1);
}
.dsm-shrink {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-shrink:active,
.dsm-shrink:focus,
.dsm-shrink:hover {
transform: scale(0.9);
}
@keyframes dsm-pulse {
25% {
transform: scale(1.1);
}
75% {
transform: scale(0.9);
}
}
.dsm-pulse {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-pulse:active,
.dsm-pulse:focus,
.dsm-pulse:hover {
animation-name: dsm-pulse;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes dsm-pulse-grow {
to {
transform: scale(1.1);
}
}
.dsm-pulse-grow {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-pulse-grow:active,
.dsm-pulse-grow:focus,
.dsm-pulse-grow:hover {
animation-name: dsm-pulse-grow;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes dsm-pulse-shrink {
to {
transform: scale(0.9);
}
}
.dsm-pulse-shrink {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-pulse-shrink:active,
.dsm-pulse-shrink:focus,
.dsm-pulse-shrink:hover {
animation-name: dsm-pulse-shrink;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes dsm-push {
50% {
transform: scale(0.8);
}
to {
transform: scale(1);
}
}
.dsm-push {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-push:active,
.dsm-push:focus,
.dsm-push:hover {
animation-name: dsm-push;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
@keyframes dsm-pop {
50% {
transform: scale(1.2);
}
}
.dsm-pop {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-pop:active,
.dsm-pop:focus,
.dsm-pop:hover {
animation-name: dsm-pop;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
.dsm-bounce-in {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.5s;
}
.dsm-bounce-in:active,
.dsm-bounce-in:focus,
.dsm-bounce-in:hover {
transform: scale(1.2);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.dsm-bounce-out {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.5s;
}
.dsm-bounce-out:active,
.dsm-bounce-out:focus,
.dsm-bounce-out:hover {
transform: scale(0.8);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.dsm-rotate {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-rotate:active,
.dsm-rotate:focus,
.dsm-rotate:hover {
transform: rotate(4deg);
}
.dsm-grow-rotate {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-grow-rotate:active,
.dsm-grow-rotate:focus,
.dsm-grow-rotate:hover {
transform: scale(1.1) rotate(4deg);
}
.dsm-float {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-float:active,
.dsm-float:focus,
.dsm-float:hover {
transform: translateY(-8px);
}
.dsm-sink {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-sink:active,
.dsm-sink:focus,
.dsm-sink:hover {
transform: translateY(8px);
}
@keyframes dsm-bob {
0% {
transform: translateY(-8px);
}
50% {
transform: translateY(-4px);
}
to {
transform: translateY(-8px);
}
}
@keyframes dsm-bob-float {
to {
transform: translateY(-8px);
}
}
.dsm-bob {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-bob:active,
.dsm-bob:focus,
.dsm-bob:hover {
animation-name: dsm-bob-float, dsm-bob;
animation-duration: 0.3s, 1.5s;
animation-delay: 0s, 0.3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards;
animation-direction: normal, alternate;
}
@keyframes dsm-hang {
0% {
transform: translateY(8px);
}
50% {
transform: translateY(4px);
}
to {
transform: translateY(8px);
}
}
@keyframes dsm-hang-sink {
to {
transform: translateY(8px);
}
}
.dsm-hang {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-hang:active,
.dsm-hang:focus,
.dsm-hang:hover {
animation-name: dsm-hang-sink, dsm-hang;
animation-duration: 0.3s, 1.5s;
animation-delay: 0s, 0.3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards;
animation-direction: normal, alternate;
}
.dsm-skew {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-skew:active,
.dsm-skew:focus,
.dsm-skew:hover {
transform: skew(-10deg);
}
.dsm-skew-forward {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
transform-origin: 0 100%;
}
.dsm-skew-forward:active,
.dsm-skew-forward:focus,
.dsm-skew-forward:hover {
transform: skew(-10deg);
}
.dsm-skew-backward {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
transform-origin: 0 100%;
}
.dsm-skew-backward:active,
.dsm-skew-backward:focus,
.dsm-skew-backward:hover {
transform: skew(10deg);
}
@keyframes dsm-wobble-vertical {
16.65% {
transform: translateY(8px);
}
33.3% {
transform: translateY(-6px);
}
49.95% {
transform: translateY(4px);
}
66.6% {
transform: translateY(-2px);
}
83.25% {
transform: translateY(1px);
}
to {
transform: translateY(0);
}
}
.dsm-wobble-vertical {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-wobble-vertical:active,
.dsm-wobble-vertical:focus,
.dsm-wobble-vertical:hover {
animation-name: dsm-wobble-vertical;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-wobble-horizontal {
16.65% {
transform: translateX(8px);
}
33.3% {
transform: translateX(-6px);
}
49.95% {
transform: translateX(4px);
}
66.6% {
transform: translateX(-2px);
}
83.25% {
transform: translateX(1px);
}
to {
transform: translateX(0);
}
}
.dsm-wobble-horizontal {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-wobble-horizontal:active,
.dsm-wobble-horizontal:focus,
.dsm-wobble-horizontal:hover {
animation-name: dsm-wobble-horizontal;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-wobble-to-bottom-right {
16.65% {
transform: translate(8px, 8px);
}
33.3% {
transform: translate(-6px, -6px);
}
49.95% {
transform: translate(4px, 4px);
}
66.6% {
transform: translate(-2px, -2px);
}
83.25% {
transform: translate(1px, 1px);
}
to {
transform: translate(0);
}
}
.dsm-wobble-to-bottom-right {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-wobble-to-bottom-right:active,
.dsm-wobble-to-bottom-right:focus,
.dsm-wobble-to-bottom-right:hover {
animation-name: dsm-wobble-to-bottom-right;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-wobble-to-top-right {
16.65% {
transform: translate(8px, -8px);
}
33.3% {
transform: translate(-6px, 6px);
}
49.95% {
transform: translate(4px, -4px);
}
66.6% {
transform: translate(-2px, 2px);
}
83.25% {
transform: translate(1px, -1px);
}
to {
transform: translate(0);
}
}
.dsm-wobble-to-top-right {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-wobble-to-top-right:active,
.dsm-wobble-to-top-right:focus,
.dsm-wobble-to-top-right:hover {
animation-name: dsm-wobble-to-top-right;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-wobble-top {
16.65% {
transform: skew(-12deg);
}
33.3% {
transform: skew(10deg);
}
49.95% {
transform: skew(-6deg);
}
66.6% {
transform: skew(4deg);
}
83.25% {
transform: skew(-2deg);
}
to {
transform: skew(0);
}
}
.dsm-wobble-top {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transform-origin: 0 100%;
}
.dsm-wobble-top:active,
.dsm-wobble-top:focus,
.dsm-wobble-top:hover {
animation-name: dsm-wobble-top;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-wobble-bottom {
16.65% {
transform: skew(-12deg);
}
33.3% {
transform: skew(10deg);
}
49.95% {
transform: skew(-6deg);
}
66.6% {
transform: skew(4deg);
}
83.25% {
transform: skew(-2deg);
}
to {
transform: skew(0);
}
}
.dsm-wobble-bottom {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transform-origin: 100% 0;
}
.dsm-wobble-bottom:active,
.dsm-wobble-bottom:focus,
.dsm-wobble-bottom:hover {
animation-name: dsm-wobble-bottom;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-wobble-skew {
16.65% {
transform: skew(-12deg);
}
33.3% {
transform: skew(10deg);
}
49.95% {
transform: skew(-6deg);
}
66.6% {
transform: skew(4deg);
}
83.25% {
transform: skew(-2deg);
}
to {
transform: skew(0);
}
}
.dsm-wobble-skew {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-wobble-skew:active,
.dsm-wobble-skew:focus,
.dsm-wobble-skew:hover {
animation-name: dsm-wobble-skew;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-buzz {
50% {
transform: translateX(3px) rotate(2deg);
}
to {
transform: translateX(-3px) rotate(-2deg);
}
}
.dsm-buzz {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-buzz:active,
.dsm-buzz:focus,
.dsm-buzz:hover {
animation-name: dsm-buzz;
animation-duration: 0.15s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes dsm-buzz-out {
10% {
transform: translateX(3px) rotate(2deg);
}
20% {
transform: translateX(-3px) rotate(-2deg);
}
30% {
transform: translateX(3px) rotate(2deg);
}
40% {
transform: translateX(-3px) rotate(-2deg);
}
50% {
transform: translateX(2px) rotate(1deg);
}
60% {
transform: translateX(-2px) rotate(-1deg);
}
70% {
transform: translateX(2px) rotate(1deg);
}
80% {
transform: translateX(-2px) rotate(-1deg);
}
90% {
transform: translateX(1px) rotate(0);
}
to {
transform: translateX(-1px) rotate(0);
}
}
.dsm-buzz-out {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.dsm-buzz-out:active,
.dsm-buzz-out:focus,
.dsm-buzz-out:hover {
animation-name: dsm-buzz-out;
animation-duration: 0.75s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
.dsm-forward {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-forward:active,
.dsm-forward:focus,
.dsm-forward:hover {
transform: translateX(8px);
}
.dsm-backward {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-backward:active,
.dsm-backward:focus,
.dsm-backward:hover {
transform: translateX(-8px);
}
.dsm-fade {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
overflow: hidden;
transition-duration: 0.3s;
transition-property: color, background-color;
}
.dsm-fade:active,
.dsm-fade:focus,
.dsm-fade:hover {
background-color: #2098d1;
color: #fff;
}
@keyframes dsm-back-pulse {
50% {
background-color: rgba(32, 152, 209, 0.75);
}
}
.dsm-back-pulse {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
overflow: hidden;
transition-duration: 0.5s;
transition-property: color, background-color;
}
.dsm-back-pulse:active,
.dsm-back-pulse:focus,
.dsm-back-pulse:hover {
animation-name: dsm-back-pulse;
animation-duration: 1s;
animation-delay: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
background-color: #2098d1;
color: #fff;
}
.dsm-sweep-to-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-sweep-to-right,
.dsm-sweep-to-right:before {
transition-duration: 0.3s;
}
.dsm-sweep-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleX(0);
transform-origin: 0 50%;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-sweep-to-right:active,
.dsm-sweep-to-right:focus,
.dsm-sweep-to-right:hover {
color: #fff;
}
.dsm-sweep-to-right:active:before,
.dsm-sweep-to-right:focus:before,
.dsm-sweep-to-right:hover:before {
transform: scaleX(1);
}
.dsm-sweep-to-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-sweep-to-left,
.dsm-sweep-to-left:before {
transition-duration: 0.3s;
}
.dsm-sweep-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleX(0);
transform-origin: 100% 50%;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-sweep-to-left:active,
.dsm-sweep-to-left:focus,
.dsm-sweep-to-left:hover {
color: #fff;
}
.dsm-sweep-to-left:active:before,
.dsm-sweep-to-left:focus:before,
.dsm-sweep-to-left:hover:before {
transform: scaleX(1);
}
.dsm-sweep-to-bottom {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-sweep-to-bottom,
.dsm-sweep-to-bottom:before {
transition-duration: 0.3s;
}
.dsm-sweep-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleY(0);
transform-origin: 50% 0;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-sweep-to-bottom:active,
.dsm-sweep-to-bottom:focus,
.dsm-sweep-to-bottom:hover {
color: #fff;
}
.dsm-sweep-to-bottom:active:before,
.dsm-sweep-to-bottom:focus:before,
.dsm-sweep-to-bottom:hover:before {
transform: scaleY(1);
}
.dsm-sweep-to-top {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-sweep-to-top,
.dsm-sweep-to-top:before {
transition-duration: 0.3s;
}
.dsm-sweep-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleY(0);
transform-origin: 50% 100%;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-sweep-to-top:active,
.dsm-sweep-to-top:focus,
.dsm-sweep-to-top:hover {
color: #fff;
}
.dsm-sweep-to-top:active:before,
.dsm-sweep-to-top:focus:before,
.dsm-sweep-to-top:hover:before {
transform: scaleY(1);
}
.dsm-bounce-to-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-bounce-to-right,
.dsm-bounce-to-right:before {
transition-duration: 0.5s;
}
.dsm-bounce-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleX(0);
transform-origin: 0 50%;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-bounce-to-right:active,
.dsm-bounce-to-right:focus,
.dsm-bounce-to-right:hover {
color: #fff;
}
.dsm-bounce-to-right:active:before,
.dsm-bounce-to-right:focus:before,
.dsm-bounce-to-right:hover:before {
transform: scaleX(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.dsm-bounce-to-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-bounce-to-left,
.dsm-bounce-to-left:before {
transition-duration: 0.5s;
}
.dsm-bounce-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleX(0);
transform-origin: 100% 50%;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-bounce-to-left:active,
.dsm-bounce-to-left:focus,
.dsm-bounce-to-left:hover {
color: #fff;
}
.dsm-bounce-to-left:active:before,
.dsm-bounce-to-left:focus:before,
.dsm-bounce-to-left:hover:before {
transform: scaleX(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.dsm-bounce-to-bottom {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-bounce-to-bottom,
.dsm-bounce-to-bottom:before {
transition-duration: 0.5s;
}
.dsm-bounce-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleY(0);
transform-origin: 50% 0;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-bounce-to-bottom:active,
.dsm-bounce-to-bottom:focus,
.dsm-bounce-to-bottom:hover {
color: #fff;
}
.dsm-bounce-to-bottom:active:before,
.dsm-bounce-to-bottom:focus:before,
.dsm-bounce-to-bottom:hover:before {
transform: scaleY(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.dsm-bounce-to-top {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: color;
}
.dsm-bounce-to-top,
.dsm-bounce-to-top:before {
transition-duration: 0.5s;
}
.dsm-bounce-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scaleY(0);
transform-origin: 50% 100%;
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-bounce-to-top:active,
.dsm-bounce-to-top:focus,
.dsm-bounce-to-top:hover {
color: #fff;
}
.dsm-bounce-to-top:active:before,
.dsm-bounce-to-top:focus:before,
.dsm-bounce-to-top:hover:before {
transform: scaleY(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.dsm-radial-out {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
background: #e1e1e1;
transition-property: color;
}
.dsm-radial-out,
.dsm-radial-out:before {
transition-duration: 0.3s;
}
.dsm-radial-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
border-radius: 100%;
transform: scale(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-radial-out:active,
.dsm-radial-out:focus,
.dsm-radial-out:hover {
color: #fff;
}
.dsm-radial-out:active:before,
.dsm-radial-out:focus:before,
.dsm-radial-out:hover:before {
transform: scale(2);
}
.dsm-radial-in {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
background: #2098d1;
transition-property: color;
}
.dsm-radial-in,
.dsm-radial-in:before {
transition-duration: 0.3s;
}
.dsm-radial-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
border-radius: 100%;
transform: scale(2);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-radial-in:active,
.dsm-radial-in:focus,
.dsm-radial-in:hover {
color: #fff;
}
.dsm-radial-in:active:before,
.dsm-radial-in:focus:before,
.dsm-radial-in:hover:before {
transform: scale(0);
}
.dsm-rectangle-in {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #2098d1;
transition-property: color;
}
.dsm-rectangle-in,
.dsm-rectangle-in:before {
transition-duration: 0.3s;
}
.dsm-rectangle-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
transform: scale(1);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-rectangle-in:active,
.dsm-rectangle-in:focus,
.dsm-rectangle-in:hover {
color: #fff;
}
.dsm-rectangle-in:active:before,
.dsm-rectangle-in:focus:before,
.dsm-rectangle-in:hover:before {
transform: scale(0);
}
.dsm-rectangle-out {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #e1e1e1;
transition-property: color;
}
.dsm-rectangle-out,
.dsm-rectangle-out:before {
transition-duration: 0.3s;
}
.dsm-rectangle-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
transform: scale(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-rectangle-out:active,
.dsm-rectangle-out:focus,
.dsm-rectangle-out:hover {
color: #fff;
}
.dsm-rectangle-out:active:before,
.dsm-rectangle-out:focus:before,
.dsm-rectangle-out:hover:before {
transform: scale(1);
}
.dsm-shutter-in-horizontal {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #2098d1;
transition-property: color;
transition-duration: 0.3s;
}
.dsm-shutter-in-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
transform: scaleX(1);
transform-origin: 50%;
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-shutter-in-horizontal:active,
.dsm-shutter-in-horizontal:focus,
.dsm-shutter-in-horizontal:hover {
color: #fff;
}
.dsm-shutter-in-horizontal:active:before,
.dsm-shutter-in-horizontal:focus:before,
.dsm-shutter-in-horizontal:hover:before {
transform: scaleX(0);
}
.dsm-shutter-out-horizontal {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #e1e1e1;
transition-property: color;
transition-duration: 0.3s;
}
.dsm-shutter-out-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098d1;
transform: scaleX(0);
transform-origin: 50%;
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-shutter-out-horizontal:active,
.dsm-shutter-out-horizontal:focus,
.dsm-shutter-out-horizontal:hover {
color: #fff;
}
.dsm-shutter-out-horizontal:active:before,
.dsm-shutter-out-horizontal:focus:before,
.dsm-shutter-out-horizontal:hover:before {
transform: scaleX(1);
}
.dsm-shutter-in-vertical {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #2098d1;
transition-property: color;
transition-duration: 0.3s;
}
.dsm-shutter-in-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
transform: scaleY(1);
transform-origin: 50%;
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-shutter-in-vertical:active,
.dsm-shutter-in-vertical:focus,
.dsm-shutter-in-vertical:hover {
color: #fff;
}
.dsm-shutter-in-vertical:active:before,
.dsm-shutter-in-vertical:focus:before,
.dsm-shutter-in-vertical:hover:before {
transform: scaleY(0);
}
.dsm-shutter-out-vertical {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #e1e1e1;
transition-property: color;
transition-duration: 0.3s;
}
.dsm-shutter-out-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098d1;
transform: scaleY(0);
transform-origin: 50%;
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-shutter-out-vertical:active,
.dsm-shutter-out-vertical:focus,
.dsm-shutter-out-vertical:hover {
color: #fff;
}
.dsm-shutter-out-vertical:active:before,
.dsm-shutter-out-vertical:focus:before,
.dsm-shutter-out-vertical:hover:before {
transform: scaleY(1);
}
.dsm-border-fade {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: box-shadow;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
}
.dsm-border-fade:active,
.dsm-border-fade:focus,
.dsm-border-fade:hover {
box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px transparent;
}
.dsm-hollow {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: background;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
}
.dsm-hollow:active,
.dsm-hollow:focus,
.dsm-hollow:hover {
background: none;
}
.dsm-trim {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-trim:before {
content: "";
position: absolute;
border: 4px solid #fff;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
opacity: 0;
transition-duration: 0.3s;
transition-property: opacity;
}
.dsm-trim:active:before,
.dsm-trim:focus:before,
.dsm-trim:hover:before {
opacity: 1;
}
@keyframes dsm-ripple-out {
to {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
.dsm-ripple-out {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-ripple-out:before {
content: "";
position: absolute;
border: 6px solid #e1e1e1;
top: 0;
right: 0;
bottom: 0;
left: 0;
animation-duration: 1s;
}
.dsm-ripple-out:active:before,
.dsm-ripple-out:focus:before,
.dsm-ripple-out:hover:before {
animation-name: dsm-ripple-out;
}
@keyframes dsm-ripple-in {
to {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}
.dsm-ripple-in {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-ripple-in:before {
content: "";
position: absolute;
border: 4px solid #e1e1e1;
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
animation-duration: 1s;
}
.dsm-ripple-in:active:before,
.dsm-ripple-in:focus:before,
.dsm-ripple-in:hover:before {
animation-name: dsm-ripple-in;
}
.dsm-outline-out {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-outline-out:before {
content: "";
position: absolute;
border: 4px solid #e1e1e1;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition-duration: 0.3s;
transition-property: top, right, bottom, left;
}
.dsm-outline-out:active:before,
.dsm-outline-out:focus:before,
.dsm-outline-out:hover:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
}
.dsm-outline-in {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-outline-in:before {
pointer-events: none;
content: "";
position: absolute;
border: 4px solid #e1e1e1;
top: -16px;
right: -16px;
bottom: -16px;
left: -16px;
opacity: 0;
transition-duration: 0.3s;
transition-property: top, right, bottom, left;
}
.dsm-outline-in:active:before,
.dsm-outline-in:focus:before,
.dsm-outline-in:hover:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
opacity: 1;
}
.dsm-round-corners {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: border-radius;
}
.dsm-round-corners:active,
.dsm-round-corners:focus,
.dsm-round-corners:hover {
border-radius: 1em;
}
.dsm-underline-from-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-underline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background: #2098d1;
height: 4px;
transition-property: right;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-underline-from-left:active:before,
.dsm-underline-from-left:focus:before,
.dsm-underline-from-left:hover:before {
right: 0;
}
.dsm-underline-from-center {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-underline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
background: #2098d1;
height: 4px;
transition-property: left, right;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-underline-from-center:active:before,
.dsm-underline-from-center:focus:before,
.dsm-underline-from-center:hover:before {
left: 0;
right: 0;
}
.dsm-underline-from-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-underline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
bottom: 0;
background: #2098d1;
height: 4px;
transition-property: left;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-underline-from-right:active:before,
.dsm-underline-from-right:focus:before,
.dsm-underline-from-right:hover:before {
left: 0;
}
.dsm-overline-from-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-overline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
top: 0;
background: #2098d1;
height: 4px;
transition-property: right;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-overline-from-left:active:before,
.dsm-overline-from-left:focus:before,
.dsm-overline-from-left:hover:before {
right: 0;
}
.dsm-overline-from-center {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-overline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
top: 0;
background: #2098d1;
height: 4px;
transition-property: left, right;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-overline-from-center:active:before,
.dsm-overline-from-center:focus:before,
.dsm-overline-from-center:hover:before {
left: 0;
right: 0;
}
.dsm-overline-from-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-overline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
top: 0;
background: #2098d1;
height: 4px;
transition-property: left;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-overline-from-right:active:before,
.dsm-overline-from-right:focus:before,
.dsm-overline-from-right:hover:before {
left: 0;
}
.dsm-reveal {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
border: 0 solid #2098d1;
transition-property: border-width;
transition-duration: 0.1s;
transition-timing-function: ease-out;
}
.dsm-reveal:active:before,
.dsm-reveal:focus:before,
.dsm-reveal:hover:before {
transform: translateY(0);
border-width: 4px;
}
.dsm-underline-reveal {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-underline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
height: 4px;
transform: translateY(4px);
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-underline-reveal:active:before,
.dsm-underline-reveal:focus:before,
.dsm-underline-reveal:hover:before {
transform: translateY(0);
}
.dsm-overline-reveal {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.dsm-overline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
background: #2098d1;
height: 4px;
transform: translateY(-4px);
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease-out;
}
.dsm-overline-reveal:active:before,
.dsm-overline-reveal:focus:before,
.dsm-overline-reveal:hover:before {
transform: translateY(0);
}
.dsm-glow {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: box-shadow;
}
.dsm-glow:active,
.dsm-glow:focus,
.dsm-glow:hover {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.dsm-shadow {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: box-shadow;
}
.dsm-shadow:active,
.dsm-shadow:focus,
.dsm-shadow:hover {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
.dsm-grow-shadow {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: box-shadow, transform;
}
.dsm-grow-shadow:active,
.dsm-grow-shadow:focus,
.dsm-grow-shadow:hover {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
transform: scale(1.1);
}
.dsm-box-shadow-outset {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: box-shadow;
}
.dsm-box-shadow-outset:active,
.dsm-box-shadow-outset:focus,
.dsm-box-shadow-outset:hover {
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
.dsm-box-shadow-inset {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
transition-duration: 0.3s;
transition-property: box-shadow;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent;
}
.dsm-box-shadow-inset:active,
.dsm-box-shadow-inset:focus,
.dsm-box-shadow-inset:hover {
box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent;
}
.dsm-float-shadow {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
transition-property: transform;
}
.dsm-float-shadow,
.dsm-float-shadow:before {
transition-duration: 0.3s;
}
.dsm-float-shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0, transparent 80%);
transition-property: transform, opacity;
}
.dsm-float-shadow:active,
.dsm-float-shadow:focus,
.dsm-float-shadow:hover {
transform: translateY(-5px);
}
.dsm-float-shadow:active:before,
.dsm-float-shadow:focus:before,
.dsm-float-shadow:hover:before {
opacity: 1;
transform: translateY(5px);
}
.dsm-shadow-radial {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-shadow-radial:after,
.dsm-shadow-radial:before {
pointer-events: none;
position: absolute;
content: "";
left: 0;
width: 100%;
box-sizing: border-box;
background-repeat: no-repeat;
height: 5px;
opacity: 0;
transition-duration: 0.3s;
transition-property: opacity;
}
.dsm-shadow-radial:before {
bottom: 100%;
background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0, transparent 80%);
}
.dsm-shadow-radial:after {
top: 100%;
background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0, transparent 80%);
}
.dsm-shadow-radial:active:after,
.dsm-shadow-radial:active:before,
.dsm-shadow-radial:focus:after,
.dsm-shadow-radial:focus:before,
.dsm-shadow-radial:hover:after,
.dsm-shadow-radial:hover:before {
opacity: 1;
}
.dsm-bubble-top {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-top:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
transition-duration: 0.3s;
transition-property: transform;
left: calc(50% - 10px);
top: 0;
border-color: transparent transparent #e1e1e1;
border-style: solid;
border-width: 0 10px 10px;
}
.dsm-bubble-top:active:before,
.dsm-bubble-top:focus:before,
.dsm-bubble-top:hover:before {
transform: translateY(-10px);
}
.dsm-bubble-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-right:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
transition-duration: 0.3s;
transition-property: transform;
top: calc(50% - 10px);
right: 0;
border-color: transparent transparent transparent #e1e1e1;
border-style: solid;
border-width: 10px 0 10px 10px;
}
.dsm-bubble-right:active:before,
.dsm-bubble-right:focus:before,
.dsm-bubble-right:hover:before {
transform: translateX(10px);
}
.dsm-bubble-bottom {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-bottom:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
transition-duration: 0.3s;
transition-property: transform;
left: calc(50% - 10px);
bottom: 0;
border-color: #e1e1e1 transparent transparent;
border-style: solid;
border-width: 10px 10px 0;
}
.dsm-bubble-bottom:active:before,
.dsm-bubble-bottom:focus:before,
.dsm-bubble-bottom:hover:before {
transform: translateY(10px);
}
.dsm-bubble-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-left:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
transition-duration: 0.3s;
transition-property: transform;
top: calc(50% - 10px);
left: 0;
border-color: transparent #e1e1e1 transparent transparent;
border-style: solid;
border-width: 10px 10px 10px 0;
}
.dsm-bubble-left:active:before,
.dsm-bubble-left:focus:before,
.dsm-bubble-left:hover:before {
transform: translateX(-10px);
}
.dsm-bubble-float-top {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-float-top,
.dsm-bubble-float-top:before {
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-bubble-float-top:before {
position: absolute;
z-index: -1;
content: "";
left: calc(50% - 10px);
top: 0;
border-color: transparent transparent #e1e1e1;
border-style: solid;
border-width: 0 10px 10px;
}
.dsm-bubble-float-top:active,
.dsm-bubble-float-top:focus,
.dsm-bubble-float-top:hover {
transform: translateY(10px);
}
.dsm-bubble-float-top:active:before,
.dsm-bubble-float-top:focus:before,
.dsm-bubble-float-top:hover:before {
transform: translateY(-10px);
}
.dsm-bubble-float-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-float-right,
.dsm-bubble-float-right:before {
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-bubble-float-right:before {
position: absolute;
z-index: -1;
top: calc(50% - 10px);
right: 0;
content: "";
border-color: transparent transparent transparent #e1e1e1;
border-style: solid;
border-width: 10px 0 10px 10px;
}
.dsm-bubble-float-right:active,
.dsm-bubble-float-right:focus,
.dsm-bubble-float-right:hover {
transform: translateX(-10px);
}
.dsm-bubble-float-right:active:before,
.dsm-bubble-float-right:focus:before,
.dsm-bubble-float-right:hover:before {
transform: translateX(10px);
}
.dsm-bubble-float-bottom {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-float-bottom,
.dsm-bubble-float-bottom:before {
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-bubble-float-bottom:before {
position: absolute;
z-index: -1;
content: "";
left: calc(50% - 10px);
bottom: 0;
border-color: #e1e1e1 transparent transparent;
border-style: solid;
border-width: 10px 10px 0;
}
.dsm-bubble-float-bottom:active,
.dsm-bubble-float-bottom:focus,
.dsm-bubble-float-bottom:hover {
transform: translateY(-10px);
}
.dsm-bubble-float-bottom:active:before,
.dsm-bubble-float-bottom:focus:before,
.dsm-bubble-float-bottom:hover:before {
transform: translateY(10px);
}
.dsm-bubble-float-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-bubble-float-left,
.dsm-bubble-float-left:before {
transition-duration: 0.3s;
transition-property: transform;
}
.dsm-bubble-float-left:before {
position: absolute;
z-index: -1;
content: "";
top: calc(50% - 10px);
left: 0;
border-color: transparent #e1e1e1 transparent transparent;
border-style: solid;
border-width: 10px 10px 10px 0;
}
.dsm-bubble-float-left:active,
.dsm-bubble-float-left:focus,
.dsm-bubble-float-left:hover {
transform: translateX(10px);
}
.dsm-bubble-float-left:active:before,
.dsm-bubble-float-left:focus:before,
.dsm-bubble-float-left:hover:before {
transform: translateX(-10px);
}
.dsm-icon-back {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-left: 2.2em;
}
.dsm-icon-back,
.dsm-icon-back:before,
.dsm-icon-back:after {
transition-duration: 0.1s;
}
.dsm-icon-back:before,
.dsm-icon-back:after {
position: absolute;
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-back:active:before,
.dsm-icon-back:focus:before,
.dsm-icon-back:hover:before,
.dsm-icon-back:active:after,
.dsm-icon-back:focus:after,
.dsm-icon-back:hover:after {
transform: translateX(-4px);
}
.dsm-icon-forward {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-forward,
.dsm-icon-forward:before,
.dsm-icon-forward:after {
transition-duration: 0.1s;
}
.dsm-icon-forward:before,
.dsm-icon-forward:after {
position: absolute;
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-forward:active:before,
.dsm-icon-forward:focus:before,
.dsm-icon-forward:hover:before,
.dsm-icon-forward:active:after,
.dsm-icon-forward:focus:after,
.dsm-icon-forward:hover:after {
transform: translateX(4px);
}
@keyframes dsm-icon-down {
0%, 50%, to {
transform: translateY(0);
}
25%, 75% {
transform: translateY(6px);
}
}
.dsm-icon-down {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-down:before,
.dsm-icon-down:after {
transform: translateZ(0);
}
.dsm-icon-down:active:before,
.dsm-icon-down:focus:before,
.dsm-icon-down:hover:before,
.dsm-icon-down:active:after,
.dsm-icon-down:focus:after,
.dsm-icon-down:hover:after {
animation-name: dsm-icon-down;
animation-duration: 0.75s;
animation-timing-function: ease-out;
}
@keyframes dsm-icon-up {
0%, 50%, to {
transform: translateY(0);
}
25%, 75% {
transform: translateY(-6px);
}
}
.dsm-icon-up {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-up:before,
.dsm-icon-up:after {
transform: translateZ(0);
}
.dsm-icon-up:active:before,
.dsm-icon-up:focus:before,
.dsm-icon-up:hover:before,
.dsm-icon-up:active:after,
.dsm-icon-up:focus:after,
.dsm-icon-up:hover:after {
animation-name: dsm-icon-up;
animation-duration: 0.75s;
animation-timing-function: ease-out;
}
.dsm-icon-spin {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-spin:before,
.dsm-icon-spin:after {
transition-duration: 1s;
transition-property: transform;
transition-timing-function: ease-in-out;
}
.dsm-icon-spin:active:before,
.dsm-icon-spin:focus:before,
.dsm-icon-spin:hover:before,
.dsm-icon-spin:active:after,
.dsm-icon-spin:focus:after,
.dsm-icon-spin:hover:after {
transform: rotate(1turn);
}
@keyframes dsm-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
transform: translateY(-100%);
}
51%, to {
opacity: 1;
}
}
.dsm-icon-drop {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-drop:before,
.dsm-icon-drop:after {
transform: translateZ(0);
}
.dsm-icon-drop:active:before,
.dsm-icon-drop:focus:before,
.dsm-icon-drop:hover:before,
.dsm-icon-drop:active:after,
.dsm-icon-drop:focus:after,
.dsm-icon-drop:hover:after {
opacity: 0;
transition-duration: 0.3s;
animation-name: dsm-icon-drop;
animation-duration: 0.5s;
animation-delay: 0.3s;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.dsm-icon-fade {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-fade:before {
content: "\f00c";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
transition-duration: 0.5s;
transition-property: color;
}
.dsm-icon-fade:active:before,
.dsm-icon-fade:focus:before,
.dsm-icon-fade:hover:before {
color: #0f9e5e;
}
@keyframes dsm-icon-float-away {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translateY(-1em);
}
}
.dsm-icon-float-away {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-float-away:before,
.dsm-icon-float-away:after {
opacity: 0;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
.dsm-icon-float-away:active:before,
.dsm-icon-float-away:focus:before,
.dsm-icon-float-away:hover:before,
.dsm-icon-float-away:active:after,
.dsm-icon-float-away:focus:after,
.dsm-icon-float-away:hover:after {
animation-name: dsm-icon-float-away;
animation-timing-function: ease-out;
}
@keyframes dsm-icon-sink-away {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translateY(1em);
}
}
.dsm-icon-sink-away {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-sink-away:after,
.dsm-icon-sink-away:before {
transform: translateZ(0);
}
.dsm-icon-sink-away:before,
.dsm-icon-sink-away:after {
opacity: 0;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
.dsm-icon-sink-away:active:before,
.dsm-icon-sink-away:focus:before,
.dsm-icon-sink-away:hover:before,
.dsm-icon-sink-away:active:after,
.dsm-icon-sink-away:focus:after,
.dsm-icon-sink-away:hover:after {
animation-name: dsm-icon-sink-away;
animation-timing-function: ease-out;
}
.dsm-icon-grow {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-grow,
.dsm-icon-grow:before,
.dsm-icon-grow:after {
transition-duration: 0.3s;
}
.dsm-icon-grow:before,
.dsm-icon-grow:after {
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-grow:active:before,
.dsm-icon-grow:focus:before,
.dsm-icon-grow:hover:before,
.dsm-icon-grow:active:after,
.dsm-icon-grow:focus:after,
.dsm-icon-grow:hover:after {
transform: scale(1.3) translateZ(0);
}
.dsm-icon-shrink {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-shrink,
.dsm-icon-shrink:before,
.dsm-icon-shrink:after {
transition-duration: 0.3s;
}
.dsm-icon-shrink:before,
.dsm-icon-shrink:after {
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-shrink:active:before,
.dsm-icon-shrink:focus:before,
.dsm-icon-shrink:hover:before,
.dsm-icon-shrink:active:after,
.dsm-icon-shrink:focus:after,
.dsm-icon-shrink:hover:after {
transform: scale(0.8);
}
@keyframes dsm-icon-pulse {
25% {
transform: scale(1.3);
}
75% {
transform: scale(0.8);
}
}
.dsm-icon-pulse {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-pulse:before,
.dsm-icon-pulse:after {
transform: translateZ(0);
transition-timing-function: ease-out;
}
.dsm-icon-pulse:active:before,
.dsm-icon-pulse:focus:before,
.dsm-icon-pulse:hover:before,
.dsm-icon-pulse:active:after,
.dsm-icon-pulse:focus:after,
.dsm-icon-pulse:hover:after {
animation-name: dsm-icon-pulse;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes dsm-icon-pulse-grow {
to {
transform: scale(1.3);
}
}
.dsm-icon-pulse-grow {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-icon-pulse-grow:before,
.dsm-icon-pulse-grow:after {
transform: translateZ(0);
transition-timing-function: ease-out;
}
.dsm-icon-pulse-grow:active:before,
.dsm-icon-pulse-grow:focus:before,
.dsm-icon-pulse-grow:hover:before,
.dsm-icon-pulse-grow:active:after,
.dsm-icon-pulse-grow:focus:after,
.dsm-icon-pulse-grow:hover:after {
animation-name: dsm-icon-pulse-grow;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes dsm-icon-pulse-shrink {
to {
transform: scale(0.8);
}
}
.dsm-icon-pulse-shrink {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-pulse-shrink:before,
.dsm-icon-pulse-shrink:after {
transform: translateZ(0);
transition-timing-function: ease-out;
}
.dsm-icon-pulse-shrink:active:before,
.dsm-icon-pulse-shrink:focus:before,
.dsm-icon-pulse-shrink:hover:before,
.dsm-icon-pulse-shrink:active:after,
.dsm-icon-pulse-shrink:focus:after,
.dsm-icon-pulse-shrink:hover:after {
animation-name: dsm-icon-pulse-shrink;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes dsm-icon-push {
50% {
transform: scale(0.5);
}
}
.dsm-icon-push {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-push,
.dsm-icon-push:before,
.dsm-icon-push:after {
transition-duration: 0.3s;
}
.dsm-icon-push:before,
.dsm-icon-push:after {
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-push:active:before,
.dsm-icon-push:focus:before,
.dsm-icon-push:hover:before,
.dsm-icon-push:active:after,
.dsm-icon-push:focus:after,
.dsm-icon-push:hover:after {
animation-name: dsm-icon-push;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
@keyframes dsm-icon-pop {
50% {
transform: scale(1.5);
}
}
.dsm-icon-pop {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-icon-pop,
.dsm-icon-pop:before,
.dsm-icon-pop:after {
transition-duration: 0.3s;
}
.dsm-icon-pop:before,
.dsm-icon-pop:after {
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-pop:active:before,
.dsm-icon-pop:focus:before,
.dsm-icon-pop:hover:before,
.dsm-icon-pop:active:after,
.dsm-icon-pop:focus:after,
.dsm-icon-pop:hover:after {
animation-name: dsm-icon-pop;
animation-duration: 0.3s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
.dsm-icon-bounce {
display: inline-block;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-bounce,
.dsm-icon-bounce:before,
.dsm-icon-bounce:after {
transition-duration: 0.3s;
}
.dsm-icon-bounce:before,
.dsm-icon-bounce:after {
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-bounce:active:before,
.dsm-icon-bounce:focus:before,
.dsm-icon-bounce:hover:before,
.dsm-icon-bounce:active:after,
.dsm-icon-bounce:focus:after,
.dsm-icon-bounce:hover:after {
transform: scale(1.5);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.dsm-icon-rotate {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-rotate,
.dsm-icon-rotate:before {
transition-duration: 0.3s;
}
.dsm-icon-rotate:before {
content: "\f0c6";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-rotate:active:before,
.dsm-icon-rotate:focus:before,
.dsm-icon-rotate:hover:before {
transform: rotate(20deg);
}
.dsm-icon-grow-rotate {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-grow-rotate,
.dsm-icon-grow-rotate:before {
transition-duration: 0.3s;
}
.dsm-icon-grow-rotate:before {
content: "\f095";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-grow-rotate:active:before,
.dsm-icon-grow-rotate:focus:before,
.dsm-icon-grow-rotate:hover:before {
transform: scale(1.5) rotate(12deg);
}
.dsm-icon-float {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-float,
.dsm-icon-float:before {
transition-duration: 0.3s;
}
.dsm-icon-float:before {
content: "\f01b";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-float:active:before,
.dsm-icon-float:focus:before,
.dsm-icon-float:hover:before {
transform: translateY(-4px);
}
.dsm-icon-sink {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.dsm-icon-sink,
.dsm-icon-sink:before {
transition-duration: 0.3s;
}
.dsm-icon-sink:before {
content: "\f01a";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
transition-property: transform;
transition-timing-function: ease-out;
}
.dsm-icon-sink:active:before,
.dsm-icon-sink:focus:before,
.dsm-icon-sink:hover:before {
transform: translateY(4px);
}
@keyframes dsm-icon-bob {
0% {
transform: translateY(-6px);
}
50% {
transform: translateY(-2px);
}
to {
transform: translateY(-6px);
}
}
@keyframes dsm-icon-bob-float {
to {
transform: translateY(-6px);
}
}
.dsm-icon-bob {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
transition-duration: 0.3s;
}
.dsm-icon-bob:before {
content: "\f077";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
}
.dsm-icon-bob:active:before,
.dsm-icon-bob:focus:before,
.dsm-icon-bob:hover:before {
animation-name: dsm-icon-bob-float, dsm-icon-bob;
animation-duration: 0.3s, 1.5s;
animation-delay: 0s, 0.3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards;
animation-direction: normal, alternate;
}
@keyframes dsm-icon-hang {
0% {
transform: translateY(6px);
}
50% {
transform: translateY(2px);
}
to {
transform: translateY(6px);
}
}
@keyframes dsm-icon-hang-sink {
to {
transform: translateY(6px);
}
}
.dsm-icon-hang {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
transition-duration: 0.3s;
}
.dsm-icon-hang:before {
content: "\f078";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
}
.dsm-icon-hang:active:before,
.dsm-icon-hang:focus:before,
.dsm-icon-hang:hover:before {
animation-name: dsm-icon-hang-sink, dsm-icon-hang;
animation-duration: 0.3s, 1.5s;
animation-delay: 0s, 0.3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards;
animation-direction: normal, alternate;
}
@keyframes dsm-icon-wobble-horizontal {
16.65% {
transform: translateX(6px);
}
33.3% {
transform: translateX(-5px);
}
49.95% {
transform: translateX(4px);
}
66.6% {
transform: translateX(-2px);
}
83.25% {
transform: translateX(1px);
}
to {
transform: translateX(0);
}
}
.dsm-icon-wobble-horizontal {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
transition-duration: 0.3s;
}
.dsm-icon-wobble-horizontal:before {
content: "\f061";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
}
.dsm-icon-wobble-horizontal:active:before,
.dsm-icon-wobble-horizontal:focus:before,
.dsm-icon-wobble-horizontal:hover:before {
animation-name: dsm-icon-wobble-horizontal;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-icon-wobble-vertical {
16.65% {
transform: translateY(6px);
}
33.3% {
transform: translateY(-5px);
}
49.95% {
transform: translateY(4px);
}
66.6% {
transform: translateY(-2px);
}
83.25% {
transform: translateY(1px);
}
to {
transform: translateY(0);
}
}
.dsm-icon-wobble-vertical {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
transition-duration: 0.3s;
}
.dsm-icon-wobble-vertical:before {
content: "\f062";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
}
.dsm-icon-wobble-vertical:active:before,
.dsm-icon-wobble-vertical:focus:before,
.dsm-icon-wobble-vertical:hover:before {
animation-name: dsm-icon-wobble-vertical;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes dsm-icon-buzz {
50% {
transform: translateX(3px) rotate(2deg);
}
to {
transform: translateX(-3px) rotate(-2deg);
}
}
.dsm-icon-buzz {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
transition-duration: 0.3s;
}
.dsm-icon-buzz:before {
content: "\f017";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
}
.dsm-icon-buzz:active:before,
.dsm-icon-buzz:focus:before,
.dsm-icon-buzz:hover:before {
animation-name: dsm-icon-buzz;
animation-duration: 0.15s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes dsm-icon-buzz-out {
10% {
transform: translateX(3px) rotate(2deg);
}
20% {
transform: translateX(-3px) rotate(-2deg);
}
30% {
transform: translateX(3px) rotate(2deg);
}
40% {
transform: translateX(-3px) rotate(-2deg);
}
50% {
transform: translateX(2px) rotate(1deg);
}
60% {
transform: translateX(-2px) rotate(-1deg);
}
70% {
transform: translateX(2px) rotate(1deg);
}
80% {
transform: translateX(-2px) rotate(-1deg);
}
90% {
transform: translateX(1px) rotate(0);
}
to {
transform: translateX(-1px) rotate(0);
}
}
.dsm-icon-buzz-out {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
transition-duration: 0.3s;
}
.dsm-icon-buzz-out:before {
content: "\f023";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
transform: translateZ(0);
}
.dsm-icon-buzz-out:active:before,
.dsm-icon-buzz-out:focus:before,
.dsm-icon-buzz-out:hover:before {
animation-name: dsm-icon-buzz-out;
animation-duration: 0.75s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
.dsm-curl-top-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-curl-top-left:before {
pointer-events: none;
position: absolute;
content: "";
height: 0;
width: 0;
top: 0;
left: 0;
background: #fff;
background: linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#ffffff", endColorstr="#000000");
z-index: 1000;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
transition-duration: 0.3s;
transition-property: width, height;
}
.dsm-curl-top-left:active:before,
.dsm-curl-top-left:focus:before,
.dsm-curl-top-left:hover:before {
width: 25px;
height: 25px;
}
.dsm-curl-top-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-curl-top-right:before {
pointer-events: none;
position: absolute;
content: "";
height: 0;
width: 0;
top: 0;
right: 0;
background: #fff;
background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
transition-duration: 0.3s;
transition-property: width, height;
}
.dsm-curl-top-right:active:before,
.dsm-curl-top-right:focus:before,
.dsm-curl-top-right:hover:before {
width: 25px;
height: 25px;
}
.dsm-curl-bottom-right {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-curl-bottom-right:before {
pointer-events: none;
position: absolute;
content: "";
height: 0;
width: 0;
bottom: 0;
right: 0;
background: #fff;
background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
transition-duration: 0.3s;
transition-property: width, height;
}
.dsm-curl-bottom-right:active:before,
.dsm-curl-bottom-right:focus:before,
.dsm-curl-bottom-right:hover:before {
width: 25px;
height: 25px;
}
.dsm-curl-bottom-left {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-curl-bottom-left:before {
pointer-events: none;
position: absolute;
content: "";
height: 0;
width: 0;
bottom: 0;
left: 0;
background: #fff;
background: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
transition-duration: 0.3s;
transition-property: width, height;
}
.dsm-curl-bottom-left:active:before,
.dsm-curl-bottom-left:focus:before,
.dsm-curl-bottom-left:hover:before {
width: 25px;
height: 25px;
}
.dsm_social_share_buttons_child .dsm-social-share-button-inner-wrapper.dsm-reddit .dsm_icon {
font-family: FontAwesome !important;
font-weight: 400 !important;
}
.dsm_social_share_buttons_child .dsm-social-share-button-inner-wrapper.dsm-facebook .dsm_icon {
font-family: FontAwesome !important;
font-weight: 400 !important;
}
.dsm_social_share_buttons_child .dsm-social-share-button-inner-wrapper.dsm-twitter .dsm_icon {
font-family: ETmodules !important;
font-weight: 400 !important;
}
.dsm_social_share_buttons_child .dsm-social-share-button-inner-wrapper.dsm-linkedin .dsm_icon {
font-family: FontAwesome !important;
font-weight: 400 !important;
}
.dsm_social_share_buttons_child .dsm-social-share-button-inner-wrapper.dsm-pinterest .dsm_icon {
font-family: FontAwesome !important;
font-weight: 400 !important;
}
.dsm_social_share_buttons_child .dsm-social-share-button-inner-wrapper.dsm-tumbler .dsm_icon {
font-family: FontAwesome !important;
font-weight: 400 !important;
}
.dsm_social_share_buttons_child .dsm-social-share-button-inner-wrapper.dsm-vk .dsm_icon {
font-family: FontAwesome !important;
font-weight: 400 !important;
}
.dsm_social_share_buttons_child .dsm-social-share-button-inner-wrapper.dsm-digg .dsm_icon {
font-family: FontAwesome !important;
font-weight: 400 !important;
}
.dsm_social_share_buttons_child .dsm-social-share-button-inner-wrapper.dsm-skype .dsm_icon {
font-family: FontAwesome !important;
font-weight: 400 !important;
}
.dsm_social_share_buttons_child .dsm-social-share-button-inner-wrapper.dsm-stumbleupon .dsm_icon {
font-family: FontAwesome !important;
font-weight: 400 !important;
}
.dsm_social_share_buttons_child .dsm-social-share-button-inner-wrapper.dsm-mix .dsm_icon {
font-family: FontAwesome !important;
font-weight: 400 !important;
}
.dsm_social_share_buttons_child .dsm-social-share-button-inner-wrapper.dsm-telegram .dsm_icon {
font-family: FontAwesome !important;
font-weight: 400 !important;
}
.dsm_social_share_buttons_child .dsm-social-share-button-inner-wrapper.dsm-pocket .dsm_icon {
font-family: FontAwesome !important;
font-weight: 400 !important;
}
.dsm_social_share_buttons_child .dsm-social-share-button-inner-wrapper.dsm-xing .dsm_icon {
font-family: FontAwesome !important;
font-weight: 400 !important;
}
.dsm_social_share_buttons_child .dsm-social-share-button-inner-wrapper.dsm-whatsapp .dsm_icon {
font-family: FontAwesome !important;
font-weight: 400 !important;
}
.dsm_social_share_buttons_child .dsm-social-share-button-inner-wrapper.dsm-email .dsm_icon {
font-family: FontAwesome !important;
font-weight: 400 !important;
}
.dsm_social_share_buttons_child .dsm-social-share-button-inner-wrapper.dsm-print .dsm_icon {
font-family: FontAwesome !important;
font-weight: 900 !important;
}
.dsm_star_rating {
color: #f0ad4e;
display: block;
line-height: 1;
max-width: 100%;
width: 100%;
}
.dsm_star_rating .et_pb_module_inner {
width: 100%;
}
.dsm_star_rating .dsm-star-rating-wrapper {
display: block;
width: 100%;
} .dsm_star_rating.dsm-star-display-type-inline-block .dsm-star-rating-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
} .dsm_star_rating .dsm-star-rating i {
display: block;
flex-shrink: 0;
position: relative;
font-style: normal !important;
cursor: default;
box-sizing: border-box;
overflow: hidden;
width: 1em;
height: 1em;
line-height: 1em;
font-size: 1em;
white-space: nowrap;
color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.dsm_star_rating .dsm-star-rating i::before,
.dsm_star_rating .dsm-star-rating i::after {
content: "";
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
box-sizing: border-box;
pointer-events: none;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27%3E%3Cpath fill=%27white%27 d=%27M50%205%20L61%2038%20L97%2038%20L68%2059%20L79%2095%20L50%2073%20L21%2095%20L32%2059%20L3%2038%20L39%2038%20Z%27/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27%3E%3Cpath fill=%27white%27 d=%27M50%205%20L61%2038%20L97%2038%20L68%2059%20L79%2095%20L50%2073%20L21%2095%20L32%2059%20L3%2038%20L39%2038%20Z%27/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 1em 1em;
mask-size: 1em 1em;
}
.dsm_star_rating .dsm-star-rating i::before {
z-index: 1;
opacity: 1;
clip-path: none;
}
.dsm_star_rating .dsm-star-rating i::after {
z-index: 0;
opacity: 0.4;
}
.dsm_star_rating .dsm-star-rating i.dsm-star-full::after {
content: none;
}
.dsm_star_rating .dsm-star-rating i.dsm-star-empty::before {
content: none;
} .dsm_star_rating .dsm-star-rating i.dsm-star-1::before {
clip-path: inset(0 90% 0 0);
}
.dsm_star_rating .dsm-star-rating i.dsm-star-2::before {
clip-path: inset(0 80% 0 0);
}
.dsm_star_rating .dsm-star-rating i.dsm-star-3::before {
clip-path: inset(0 70% 0 0);
}
.dsm_star_rating .dsm-star-rating i.dsm-star-4::before {
clip-path: inset(0 60% 0 0);
}
.dsm_star_rating .dsm-star-rating i.dsm-star-5::before {
clip-path: inset(0 50% 0 0);
}
.dsm_star_rating .dsm-star-rating i.dsm-star-6::before {
clip-path: inset(0 40% 0 0);
}
.dsm_star_rating .dsm-star-rating i.dsm-star-7::before {
clip-path: inset(0 30% 0 0);
}
.dsm_star_rating .dsm-star-rating i.dsm-star-8::before {
clip-path: inset(0 20% 0 0);
}
.dsm_star_rating .dsm-star-rating i.dsm-star-9::before {
clip-path: inset(0 10% 0 0);
}
.dsm-star-display-type-inline-block .dsm-star-rating-title {
display: inline-block;
}
.dsm-star-display-type-inline-block .dsm-star-rating {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
}
.dsm-star-display-type-block .dsm-star-rating-title {
display: block;
}
.dsm-star-display-type-block .dsm-star-rating {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.dsm-star-display-type-inline-block.dsm-star-title-position-left .dsm-star-rating-title {
margin-right: 7px;
}
.dsm-star-display-type-inline-block.dsm-star-title-position-right .dsm-star-rating-title {
margin-left: 7px;
}
.dsm-star-rating-title {
padding: 0;
}
.dsm-star-rating-text {
color: #333;
line-height: 1;
align-self: center;
} .dsm_star_rating .dsm-star-rating > .dsm-star-rating-text {
margin-left: 0.35em;
}
.dsm_star_rating .dsm-star-rating {
font-size: 14px;
line-height: 1;
}
.dsm_star_rating .dsm-star-rating i:not(:last-of-type) {
margin-right: 0px;
}
.dsm_star_rating .dsm-star-rating,
.dsm_star_rating .dsm-star-rating i::before,
.dsm_star_rating .dsm-star-rating i::after {
color: #f0ad4e;
}
.dsm_stacking_card_wrapper {
display: flex;
align-items: center;
gap: 20px;
}
.dsm_stacking_card_wrapper .dsm-button-wrapper {
margin-top: 20px;
}
.dsm_stacking_card_wrapper .dsm_icon {
display: block;
margin-bottom: 10px;
}
.dsm_stacking_card_wrapper .dsm_icon::before {
line-height: 1em;
}
.dsm_stacking_card_wrapper .et_pb_button {
display: inline-block;
}
.dsm_stacking_card_wrapper .dsm_content_wrapper {
flex: 1;
}  .dsm_stacking_card_container {
position: relative;
width: 100%;
min-height: 100vh; display: flex;
flex-direction: column;
justify-content: center;
} .dsm_stacking_card_container .dsm_stacking_card_child {
width: 100%;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.dsm_stacking_card .dsm_stacking_card_child {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
background-color: #f6f6f6;
}
.dsm_stacking_card .dsm_stacking_card_child .dsm_icon::before {
color: #000000;
font-size: 32px;
}
.dsm-step-flow-container .dsm-steps-image-icon-wrapper {
display: inline-block;
position: relative;
}
.dsm-step-flow-container .dsm_icon {
line-height: 1em;
display: inline-block;
overflow: visible !important;
}
.dsm-step-flow-container .dsm-step-badge {
position: absolute;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 1em;
}
.dsm-step-flow-container .dsm_dir_icon {
position: absolute;
display: inline-block;
top: 49%;
left: calc(100% + 20px);
}
.dsm-step-flow-container .dsm-dir-image {
position: absolute;
display: inline-block;
top: 49%;
left: calc(100% + 20px);
}
.dsm-step-flow-container .dsm-step-arrow {
position: absolute;
display: inline-block;
top: 49%;
left: calc(100% + 20px);
width: 100px;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
border-top-width: 2px;
}
.dsm-step-flow-container .dsm-step-arrow::before {
content: "";
top: -3px;
right: 5px;
width: 12px;
height: 12px;
position: absolute;
display: inline-block;
transform: rotate(45deg) translateY(-50%);
border-top-width: 2px;
border-right-width: 2px;
}
.dsm-step-flow-container .dsm-step-arrow.dsm-dir-type-default {
overflow: visible !important;
}
.dsm-step-flow-container .dsm-content {
margin-bottom: 20px;
}
.dsm-step-flow-container .dsm-step-badge {
position: absolute;
}
.dsm-step-flow-container .dsm-step-badge.dsm-badge-position-top_left {
left: 5px;
top: 5px;
}
.dsm-step-flow-container .dsm-step-badge.dsm-badge-position-top_center {
top: 5px;
left: 50%;
transform: translateX(-50%);
}
.dsm-step-flow-container .dsm-step-badge.dsm-badge-position-top_right {
right: 5px;
top: 5px;
}
.dsm-step-flow-container .dsm-step-badge.dsm-badge-position-center_left {
top: 50%;
left: 0%;
transform: translateY(-50%);
}
.dsm-step-flow-container .dsm-step-badge.dsm-badge-position-center {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.dsm-step-flow-container .dsm-step-badge.dsm-badge-position-center_right {
top: 50%;
right: 0%;
transform: translateY(-50%);
}
.dsm-step-flow-container .dsm-step-badge.dsm-badge-position-bottom_left {
top: 50%;
right: 0%;
transform: translateY(-50%);
}
.dsm-step-flow-container .dsm-step-badge.dsm-badge-position-bottom_center {
bottom: 5px;
left: 50%;
transform: translateX(-50%);
}
.dsm-step-flow-container .dsm-step-badge.dsm-badge-position-bottom_right {
right: 5px;
bottom: 5px;
}
.dsm-step-flow-container .dsm-steps-image-icon-wrapper {
line-height: 0px;
}
.dsm_step_flow .dsm-title {
font-size: 18px;
} .dsm_step_flow .dsm-steps-image-icon-wrapper .dsm-image-wrap {
display: inline-block;
}
.dsm_step_flow .dsm-steps-image-icon-wrapper .dsm-dir-image {
width: 100%;
}
.dsm_step_flow .dsm-steps-image-icon-wrapper .dsm_dir_icon {
font-size: 56px;
color: #dddddd;
}
.dsm_step_flow .dsm-step-arrow {
border-style: solid;
}
.dsm_step_flow .dsm-steps-image-icon-wrapper .dsm-step-arrow {
width: 100px;
}
.dsm_step_flow .dsm-step-flow-container {
text-align: center;
}
.dsm_step_flow .dsm_icon {
font-size: 96px;
}
.dsm_svg_animation {
text-align: center;
}
.dsm_svg_animation .dsm-svg-animation-container svg * {
stroke: #000000;
fill: none !important;
}
.dsm_svg_animation .dsm-svg-animation-container[data-use_trigger=on][data-trigger_type=dsm_viewport] svg {
visibility: hidden;
}
.dsm_svg_animation .dsm-svg-animation-container[data-use_trigger=on][data-trigger_type=dsm_viewport] svg.dsm-svg-visible {
visibility: visible;
}
.dsm_svg_animation .dsm-svg-animation-container svg.dsm-svg-visible {
visibility: visible;
}
.et_pb_module nav.dsm-toc-root {
width: 100%;
}
.et_pb_module nav.dsm-toc-root a.dsm-toc-link {
transition: color 160ms ease, background-color 160ms ease;
}
.et_pb_module nav.dsm-toc-root a.dsm-toc-link:not(.is-active-link):hover {
text-decoration: underline;
}
.dsm-toc-mobile-toggle {
align-items: center;
cursor: pointer;
display: none;
gap: 6px;
text-align: left;
width: 100%;
}
.dsm-toc-shell.dsm-toc--mobile-toggle {
display: flex;
flex-direction: column;
}
.dsm-toc-shell.dsm-toc--mobile-toggle .dsm-toc-mobile-toggle {
display: inline-flex;
}
@media (max-width: 767px) {
.dsm-toc-shell.dsm-toc--mobile-toggle:not(.dsm-toc-shell--expanded) .dsm-toc-scroll-area {
display: none;
}
}
@media (min-width: 768px) {
.dsm-toc-shell.dsm-toc--mobile-toggle .dsm-toc-mobile-toggle {
display: none;
}
.dsm-toc-shell.dsm-toc--mobile-toggle .dsm-toc-scroll-area {
display: block;
}
}
.dsm-toc-toggle-icon {
align-items: center;
color: inherit;
display: inline-flex;
justify-content: center;
line-height: 1;
}
.dsm-toc-toggle-icon::before {
line-height: 1;
}
.dsm-toc-mobile-toggle--icon-right {
flex-direction: row-reverse;
}
.dsm-toc-scroll-area {
overflow: visible;
position: relative;
}
.dsm-toc-scroll-area.dsm-toc-scroll-area--empty {
min-height: 0;
overflow: visible;
}
.dsm-toc-empty {
display: none;
font-size: 0.9em;
margin: 0;
opacity: 0.75;
padding: 4px 0;
}
.dsm-toc-scroll-area.dsm-toc-scroll-area--empty .dsm-toc-empty {
display: block;
}
.dsm-toc-vb-sample {
opacity: 0.55;
padding-bottom: 4px;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.et_pb_module .dsm-toc-shell .dsm-toc-list-host:not(:empty) ~ .dsm-toc-vb-sample {
display: none;
} nav.dsm-toc-root .dsm-toc-shell ul.dsm-toc-list.dsm-toc-list--unordered:not(.dsm-toc-list--nested),
.et_pb_module nav.dsm-toc-root .dsm-toc-shell ul.dsm-toc-list.dsm-toc-list--unordered:not(.dsm-toc-list--nested) {
list-style: none;
margin: 0;
padding: 0;
}
nav.dsm-toc-root .dsm-toc-shell ol.dsm-toc-list.dsm-toc-list--ordered:not(.dsm-toc-list--nested),
.et_pb_module nav.dsm-toc-root .dsm-toc-shell ol.dsm-toc-list.dsm-toc-list--ordered:not(.dsm-toc-list--nested) {
counter-reset: dsm-toc;
list-style-position: outside;
list-style-type: decimal;
margin: 0;
padding: 0;
padding-inline-start: 1.35em;
}
nav.dsm-toc-root .dsm-toc-shell .dsm-toc-item ul.dsm-toc-list.dsm-toc-list--nested.dsm-toc-list--unordered,
.et_pb_module nav.dsm-toc-root .dsm-toc-shell .dsm-toc-item ul.dsm-toc-list.dsm-toc-list--nested.dsm-toc-list--unordered {
list-style: none;
margin-block: 0.35em 0;
margin-inline: 0;
padding-block: 0;
padding-inline: 0 0;
padding-inline-start: 0.95em;
}
nav.dsm-toc-root .dsm-toc-shell .dsm-toc-item ol.dsm-toc-list.dsm-toc-list--nested.dsm-toc-list--ordered,
.et_pb_module nav.dsm-toc-root .dsm-toc-shell .dsm-toc-item ol.dsm-toc-list.dsm-toc-list--nested.dsm-toc-list--ordered {
counter-reset: dsm-toc;
list-style-position: outside;
list-style-type: decimal;
margin-block: 0.35em 0;
margin-inline: 0;
padding-block: 0;
padding-inline: 0 0;
padding-inline-start: 0.95em;
}
.dsm-toc-item {
margin-bottom: 0;
padding: 0;
}
nav.dsm-toc-root .dsm-toc-shell ul.dsm-toc-list.dsm-toc-list--unordered > li.dsm-toc-item,
.et_pb_module nav.dsm-toc-root .dsm-toc-shell ul.dsm-toc-list.dsm-toc-list--unordered > li.dsm-toc-item {
background: transparent;
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
}
nav.dsm-toc-root .dsm-toc-shell ol.dsm-toc-list.dsm-toc-list--ordered > li.dsm-toc-item,
.et_pb_module nav.dsm-toc-root .dsm-toc-shell ol.dsm-toc-list.dsm-toc-list--ordered > li.dsm-toc-item {
background: transparent;
list-style-position: outside;
list-style-type: decimal;
margin: 0;
padding: 0;
}
.et_pb_module .dsm-toc-shell .dsm-toc-link {
border-radius: 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
display: inline-block;
line-height: 1.4;
word-break: break-word;
}
.et_pb_module .dsm-toc-shell .dsm-toc-link.is-active-link {
font-weight: 700;
position: relative;
}
.et_pb_module .dsm-toc-shell .dsm-toc-item.is-active-li {
position: relative;
}
nav.dsm-toc-root .dsm-toc-shell .dsm-toc-list :is(ul, ol)[hidden],
.et_pb_module nav.dsm-toc-root .dsm-toc-shell .dsm-toc-list :is(ul, ol)[hidden] {
display: none;
} @keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0);
}
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0, -4px, 0);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
} @keyframes pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
.pulse {
animation-name: pulse;
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(0.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, 0.95, 1);
}
to {
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
animation-name: rubberBand;
}
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
animation-name: shake;
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%, 20% {
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
} @keyframes wobble {
from {
transform: translate3d(0, 0, 0);
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: translate3d(0, 0, 0);
}
}
.wobble {
animation-name: wobble;
}
@keyframes jello {
from, 11.1%, to {
transform: translate3d(0, 0, 0);
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name: jello;
transform-origin: center;
}
@keyframes heartBeat {
0% {
transform: scale(1);
}
14% {
transform: scale(1.3);
}
28% {
transform: scale(1);
}
42% {
transform: scale(1.3);
}
70% {
transform: scale(1);
}
}
.heartBeat {
animation-name: heartBeat;
animation-duration: 1.3s;
animation-timing-function: ease-in-out;
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
animation-duration: 0.75s;
animation-name: bounceIn;
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
animation-duration: 0.75s;
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
from {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
animation-timing-function: ease-in;
}
}
.animated.flip {
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
animation-duration: 0.75s;
animation-name: flipOutX;
backface-visibility: visible !important;
}
@keyframes flipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
animation-duration: 0.75s;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
}
to {
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
animation-duration: 2s;
animation-name: hinge;
}
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.jackInTheBox {
animation-name: jackInTheBox;
} @keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.rollIn {
animation-name: rollIn;
} @keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
animation-name: rollOut;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
animation-name: zoomOutUp;
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
animation-name: slideOutUp;
}
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.delay-1s {
animation-delay: 1s;
}
.animated.delay-2s {
animation-delay: 2s;
}
.animated.delay-3s {
animation-delay: 3s;
}
.animated.delay-4s {
animation-delay: 4s;
}
.animated.delay-5s {
animation-delay: 5s;
}
.animated.fast {
animation-duration: 800ms;
}
.animated.faster {
animation-duration: 500ms;
}
.animated.slow {
animation-duration: 2s;
}
.animated.slower {
animation-duration: 3s;
}
@media (prefers-reduced-motion) {
.animated {
animation: unset !important;
transition: none !important;
}
}
.dsm-advanced-tabs-container .dsm_advanced_tabs_child.et_pb_module {
margin-bottom: 0px !important;
}
.dsm-advanced-tabs-container .dsm-advanced-tabs-wrapper {
display: flex;
flex-wrap: wrap;
}
.dsm-advanced-tabs-container.dsm-tabs-horizontal {
display: flex;
flex-direction: column;
}
.dsm-advanced-tabs-container .dsm-advanced-tabs-wrapper .dsm-tab {
cursor: pointer;
text-align: center;
transition: all 0.3s ease-in-out;
}
.dsm-advanced-tabs-container.dsm-tabs-horizontal .dsm-advanced-tabs-wrapper .dsm-tab {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.dsm-advanced-tabs-container .dsm-advanced-tabs-wrapper .dsm-tab .dsm-image {
line-height: 0;
overflow: hidden !important;
}
.dsm-advanced-tabs-container .dsm-advanced-tabs-wrapper .dsm-tab .dsm_icon {
display: block;
line-height: 1.3em;
}
.dsm-advanced-tabs-container .dsm-advanced-tabs-wrapper .dsm-tab .dsm-icon-wrapper .dsm_icon::before,
.dsm-advanced-tabs-container .dsm-advanced-tabs-wrapper .dsm-tab .dsm-active-icon-wrapper .dsm-active-icon::before,
.dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-icon-wrapper .dsm_icon::before,
.dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-active-icon-wrapper .dsm-active-icon::before,
.dsm_advanced_tabs .dsm-content-wrapper .dsm-icon .dsm_content_icon::before {
display: inline-block;
line-height: 1;
vertical-align: middle;
}
.dsm-advanced-tabs-container .dsm-advanced-tabs-content-wrapper .dsm-content {
padding-bottom: 15px;
}
.dsm_advanced_tabs .dsm-advanced-tabs-container .dsm-advanced-tabs-content-wrapper .dsm-content-wrapper {
display: none;
}
.dsm-advanced-tabs-container .dsm-advanced-tabs-content-wrapper .dsm-content-wrapper.dsm-active {
display: flex;
}
.dsm-tab-active-state:not(dsm-active) > div:nth-child(2),
.dsm-tab-active-state.dsm-active > div:first-child {
display: none;
}
.dsm-tab-active-state.dsm-active > div:nth-child(2) {
display: block;
}
.dsm-advanced-tabs-container .dsm-advanced-tabs-content-wrapper .dsm-inner-content-wrapper,
.dsm-advanced-tabs-container .dsm-advanced-tabs-content-wrapper .dsm-inner-content {
width: 100%;
}  .dsm-show-arrow-active-top .dsm-tabs-horizontal .dsm-tab.dsm-active {
position: relative;
overflow: visible;
z-index: 1;
}
.dsm-show-arrow-active-top .dsm-tabs-horizontal .dsm-tab::before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 20px;
height: 20px;
z-index: -1;
clip-path: polygon(50% 58%, 0 0, 100% 0);
top: 50%;
opacity: 0;
}
.dsm-show-arrow-active-top .dsm-tabs-horizontal .dsm-tab.dsm-active::before {
content: "";
background: inherit;
position: absolute;
top: 100%;
opacity: 1;
transition-property: top;
transition-duration: 0.3s;
clip-path: polygon(50% 58%, 0 0, 100% 0);
width: 20px;
height: 20px;
left: 50%;
transform: translateX(-50%);
} .dsm-show-arrow-active-bottom .dsm-tabs-horizontal .dsm-tab.dsm-active {
position: relative;
overflow: visible;
}
.dsm-show-arrow-active-bottom .dsm-tabs-horizontal .dsm-tab::before {
content: "";
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
width: 20px;
height: 20px;
background: inherit;
z-index: 1;
clip-path: polygon(54% 0, 6% 59%, 100% 61%);
opacity: 0;
}
.dsm-show-arrow-active-bottom .dsm-tabs-horizontal .dsm-tab.dsm-active::before {
content: "";
position: absolute;
top: -12px;
left: 50%;
transform: translateX(-50%);
width: 20px;
height: 20px;
background: inherit;
z-index: 1;
transition-property: top;
transition-duration: 0.4s;
clip-path: polygon(54% 0, 6% 59%, 100% 61%);
opacity: 1;
} .dsm-show-arrow.dsm-vertical-tabs-position-left .dsm-tab.dsm-active {
position: relative;
overflow: visible;
z-index: 1;
}
.dsm-show-arrow.dsm-vertical-tabs-position-left .dsm-tab::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0px;
width: 20px;
height: 20px;
background: inherit;
clip-path: polygon(0 0, 0 100%, 100% 47%);
opacity: 0;
}
.dsm-show-arrow.dsm-vertical-tabs-position-left .dsm-tab.dsm-active::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -15px;
width: 20px;
height: 20px;
transition-property: right;
transition-duration: 0.4s;
background: inherit;
clip-path: polygon(0 0, 0 100%, 100% 47%);
opacity: 1;
} .dsm-show-arrow.dsm-vertical-tabs-position-right .dsm-tab.dsm-active {
position: relative;
overflow: visible;
}
.dsm-show-arrow.dsm-vertical-tabs-position-right .dsm-tab::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0px;
width: 20px;
height: 20px;
background: inherit;
clip-path: polygon(0 50%, 100% 100%, 100% 0);
opacity: 0;
}
.dsm-show-arrow.dsm-vertical-tabs-position-right .dsm-tab.dsm-active::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -15px;
width: 20px;
height: 20px;
transition-property: left;
transition-duration: 0.3s;
background: inherit;
clip-path: polygon(0 50%, 100% 100%, 100% 0);
opacity: 1;
} .dsm-advanced-tabs-container.dsm-tabs-vertical {
display: flex;
}
.dsm-advanced-tabs-container.dsm-tabs-vertical .dsm-advanced-tabs-wrapper {
display: flex;
flex-direction: column;
flex: 0 0 20%;
align-items: stretch;
}
.dsm-advanced-tabs-container.dsm-tabs-vertical .dsm-advanced-tabs-wrapper .dsm-tab {
flex: 0 0 auto;
min-height: 0;
}
.dsm-advanced-tabs-container.dsm-tabs-vertical .dsm-advanced-tabs-content-wrapper {
width: 100%;
} .dsm-advanced-tabs-container.dsm-tabs-column {
display: flex;
}
.dsm-advanced-tabs-container.dsm-tabs-column .dsm-advanced-tabs-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: minmax(min-content, max-content);
}
.dsm-advanced-tabs-container.dsm-tabs-column .dsm-advanced-tabs-wrapper,
.dsm-advanced-tabs-container.dsm-tabs-column .dsm-advanced-tabs-content-wrapper {
width: 50%;
}
@media (min-width: 981px) {
.dsm-vertical-tabs-position-right .dsm-advanced-tabs-container.dsm-tabs-vertical .dsm-advanced-tabs-wrapper {
order: 1;
}
.dsm-column-tabs-position-left .dsm-advanced-tabs-container.dsm-tabs-column .dsm-advanced-tabs-wrapper {
margin-right: 30px;
}
.dsm-column-tabs-position-right .dsm-advanced-tabs-container.dsm-tabs-column .dsm-advanced-tabs-wrapper {
order: 1;
margin-left: 30px;
}
}
.dsm-advanced-tabs-container .dsm-tab.dsm-active:has(.dsm-image.dsm-image-active) .dsm-image:not(.dsm-image-active) {
display: none;
}
.dsm-advanced-tabs-container .dsm-tab:not(.dsm-active) .dsm-image.dsm-image-active {
display: none;
}
.dsm-advanced-tabs-container .dsm-tab.dsm-active:has(> .dsm-active-icon-wrapper) > .dsm-icon-wrapper:not(.dsm-active-icon-wrapper) {
display: none;
}
.dsm-advanced-tabs-container .dsm-tab:not(.dsm-active) > .dsm-active-icon-wrapper:not(.dsm-icon-wrapper) {
display: none;
}
.dsm-advanced-tabs-container .dsm-advanced-tabs-content-wrapper .dsm-inner-content-wrapper {
display: flex;
align-items: center;
}
.dsm_advanced_tabs_child {
margin-bottom: 0px !important;
min-height: 0px !important;
}
.dsm-advanced-tabs-container .dsm-advanced-tabs-content-wrapper .dsm-inner-content-wrapper .dsm-icon {
width: 100%;
}
.dsm_advanced_tabs .dsm-tab .dsm-title,
.dsm_advanced_tabs .dsm-tab .dsm-title a,
.dsm_advanced_tabs .dsm-tab .dsm-tab-subtitle,
.dsm_advanced_tabs .dsm-tab .dsm-tab-subtitle a {
text-align: center;
}
.dsm_advanced_tabs .dsm-inner-content .dsm-title {
font-weight: 400;
font-size: 24px;
}
.dsm_advanced_tabs .dsm-content-wrapper .dsm-icon,
.dsm_advanced_tabs .dsm-content-wrapper .dsm-image img {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-tab {
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
}
.dsm_advanced_tabs .dsm-advanced-tabs-content-wrapper .dsm-content-wrapper {
border-width: 2px;
border-color: #d9d9d9;
border-style: solid;
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
}
.dsm_advanced_tabs .dsm-tab {
background: #f4f4f4;
}
.dsm_advanced_tabs .dsm-tab.dsm-active {
background: #ffffff;
}
.dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-tab:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
.dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-image {
width: 40px;
}
.dsm_advanced_tabs .dsm-advanced-tabs-wrapper .dsm-icon-wrapper .dsm_icon,
.dsm_advanced_tabs .dsm-content-wrapper .dsm-icon {
font-size: 32px;
color: #000000;
}
.dsm_advanced_tabs .dsm-content-wrapper,
.dsm_advanced_tabs .dsm-tab .dsm-image img {
background-color: #ffffff;
}
@media (max-width: 980px) {
.dsm_advanced_tabs .dsm-advanced-tabs-container.dsm-tabs-vertical,
.dsm_advanced_tabs .dsm-advanced-tabs-container.dsm-tabs-column {
flex-direction: column;
}
.dsm_advanced_tabs .dsm-advanced-tabs-container.dsm-tabs-vertical .dsm-advanced-tabs-wrapper,
.dsm_advanced_tabs .dsm-advanced-tabs-container.dsm-tabs-column .dsm-advanced-tabs-wrapper {
display: flex !important;
flex-direction: row !important;
flex: 0 !important;
width: 100% !important;
margin-left: 0 !important;
grid-template-columns: none;
}
.dsm_advanced_tabs .dsm-advanced-tabs-container.dsm-tabs-vertical .dsm-advanced-tabs-content-wrapper,
.dsm_advanced_tabs .dsm-advanced-tabs-container.dsm-tabs-column .dsm-advanced-tabs-content-wrapper {
width: 100% !important;
}
.dsm_advanced_tabs.dsm-column-tabs-position-left .dsm-advanced-tabs-wrapper {
margin-right: 0;
}
.dsm_advanced_tabs.dsm-column-tabs-position-right .dsm-advanced-tabs-wrapper {
margin-left: 0;
}
.dsm_advanced_tabs.dsm-mobile-tablet-vertical-pos-bottom .dsm-advanced-tabs-container.dsm-tabs-vertical .dsm-advanced-tabs-wrapper {
order: 1;
}
.dsm_advanced_tabs.dsm-mobile-tablet-column-pos-bottom .dsm-advanced-tabs-container.dsm-tabs-column .dsm-advanced-tabs-wrapper {
order: 1;
}
}
@media (max-width: 767px) {
.dsm_advanced_tabs .dsm-advanced-tabs-container.dsm-tabs-vertical,
.dsm_advanced_tabs .dsm-advanced-tabs-container.dsm-tabs-column {
flex-direction: column;
}
.dsm_advanced_tabs .dsm-advanced-tabs-container.dsm-tabs-vertical .dsm-advanced-tabs-wrapper,
.dsm_advanced_tabs .dsm-advanced-tabs-container.dsm-tabs-column .dsm-advanced-tabs-wrapper {
display: flex !important;
flex-direction: row !important;
flex: 0 !important;
width: 100% !important;
margin-left: 0 !important;
grid-template-columns: none;
}
.dsm_advanced_tabs .dsm-advanced-tabs-container.dsm-tabs-vertical .dsm-advanced-tabs-content-wrapper,
.dsm_advanced_tabs .dsm-advanced-tabs-container.dsm-tabs-column .dsm-advanced-tabs-content-wrapper {
width: 100% !important;
}
.dsm_advanced_tabs.dsm-column-tabs-position-left .dsm-advanced-tabs-wrapper {
margin-right: 0;
}
.dsm_advanced_tabs.dsm-column-tabs-position-right .dsm-advanced-tabs-wrapper {
margin-left: 0;
}
.dsm_advanced_tabs.dsm-mobile-tablet-vertical-pos-bottom .dsm-advanced-tabs-container.dsm-tabs-vertical .dsm-advanced-tabs-wrapper {
order: 1;
}
.dsm_advanced_tabs.dsm-mobile-tablet-column-pos-bottom .dsm-advanced-tabs-container.dsm-tabs-column .dsm-advanced-tabs-wrapper {
order: 1;
}
}
.dsm-advanced-tabs-container .dsm-advanced-tabs-content-wrapper .dsm_advanced_tabs_child .dsm-inner-content .dsm-title {
font-size: 24px;
}
.dsm_text_badges.dsm-link, .dsm_text_badges.et_clickable {
cursor: pointer;
}
.dsm_text_badges.dsm-link .et_pb_module_inner, .dsm_text_badges.et_clickable .et_pb_module_inner {
cursor: pointer;
}
.dsm-text-badges {
display: inline-block !important;
gap: 10px;
align-items: center;
}
.dsm-text-badges .dsm-text-badges-main {
padding-bottom: 0px !important;
display: inline-block;
}
.dsm-text-badges .dsm-badges {
display: inline-block;
padding: 0.25em 0.4em;
font-size: 65%;
font-weight: 400;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border-style: solid;
border-color: #333;
color: #ffffff;
}
.dsm-text-badges.et_pb_module_header {
font-size: 20px;
}
.dsm_text_badges .dsm-badges {
background-color: #7ebec5;
margin-left: 7px;
}
.dsm_text_divider .dsm-text-divider-wrapper {
display: flex;
align-items: center;
position: relative;
margin: 0 auto;
}
.dsm-text-divider-vertical-align-flex-start {
align-items: flex-start !important;
}
.dsm-text-divider-vertical-align-center {
align-items: center !important;
}
.dsm-text-divider-vertical-align-flex-end {
align-items: flex-end !important;
}
.dsm-text-divider-before,
.dsm-text-divider-after {
font-size: 0;
line-height: 0;
flex-grow: 1;
border-top-width: 1px;
border-top-style: solid;
}
.dsm-text-divider-header {
padding-bottom: 0;
flex-shrink: 1;
margin: 0;
}
.dsm-text-divider-align-left .dsm-text-divider-before {
display: none;
}
.dsm-text-divider-align-right .dsm-text-divider-after {
display: none;
}
.dsm_text_divider .dsm-divider {
border-top-width: 1px;
border-top-style: solid;
}
.dsm-text-notation-before.display-type-inline-block,
.dsm-text-notation-middle.display-type-inline-block,
.dsm-text-notation-after.display-type-inline-block {
display: inline-block;
}
.dsm-text-notation-before.display-type-inline,
.dsm-text-notation-middle.display-type-inline,
.dsm-text-notation-after.display-type-inline {
display: inline;
}
.dsm-text-notation-before.display-type-block {
display: block;
}
.dsm-text-notation-middle.display-type-block {
display: block;
}
.dsm-text-notation-after.display-type-block {
display: block;
} .dsm-text-notation-before,
.dsm-text-notation-after,
.dsm-text-notation-middle {
white-space: pre-wrap;
overflow-wrap: break-word;
}
.dsm-text-notation-main {
max-width: 100%;
}
.dsm-text-notation-before {
line-height: 1em;
}
.dsm-text-notation-middle {
line-height: 1em;
}
.dsm-text-notation-after {
line-height: 1em;
}
.dsm-text-path-container.dsm-rtl text {
direction: rtl;
}
.dsm-text-path-container svg text {
direction: ltr;
}
.dsm-text-path-container svg path {
fill: transparent;
stroke: transparent;
}
.dsm-text-path-container svg {
max-width: 100%;
height: auto;
overflow: visible;
fill: var(--text-color) !important;
}
.dsm_text_path .dsm-text-path-container {
text-align: center;
}
.dsm_text_path .dsm-text-path-container svg {
width: 500px;
transform: rotate(0deg);
word-spacing: 0px;
}
.dsm-text-path-container path {
stroke: var(--text-path-color) !important;
stroke-width: var(--text-path-width);
}
.dsm-rotate-word {
visibility: hidden;
opacity: 0;
display: none;
}
.dsm-rotate-text > .animated {
display: inline-block;
visibility: visible;
}
.dsm-rotate-text-main {
position: relative;
padding: 0;
margin: 0;
transform: translate(0, 0);
line-height: 1em;
}
.dsm-rotate-text-main > .dsm-rotate-text-before,
.dsm-rotate-text-main > .dsm-rotate-text,
.dsm-rotate-text-main > .dsm-rotate-text-after {
border-style: solid;
border-color: #333;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: middle;
white-space: pre-wrap;
line-height: 1em;
} .dsm-rotate-text-main .dsm-rotate-text-before.dsm-before-display-block {
display: block;
}
.dsm-rotate-text-before.dsm-before-display-inline {
display: inline;
}
.dsm-rotate-text-before.dsm-before-display-inline_flex {
display: inline-flex;
}
.dsm-rotate-text.dsm-rotator-display-block {
display: block;
}
.dsm-rotate-text.dsm-rotator-display-inline {
display: inline;
}
.dsm-rotate-text.dsm-rotator-display-inline_flex {
display: inline-flex;
}
.dsm-rotate-text-after.dsm-after-display-block {
display: block;
}
.dsm-rotate-text-after.dsm-after-display-inline {
display: inline;
}
.dsm-rotate-text-after.dsm-after-display-inline_flex {
display: inline-flex;
}
.dsm-typing-effect.et_pb_module_header {
display: block;
}
.dsm-before-typing-effect,
.dsm-after-typing-effect {
white-space: pre-wrap !important;
}
.dsm_typing_effect .dsm-before-typing-effect,
.dsm_typing_effect .dsm-after-typing-effect {
display: inline-block;
}
.dsm-tilt-image-wrapper {
line-height: 0em !important;
}
.dsm_parallax_tilt.dsm-tilt-image-wrapper.dsm_parallax_tilt,
.dsm_parallax_tilt.dsm-tilt-image-wrapper .et_pb_image_wrap {
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
.dsm_parallax_tilt.dsm-tilt-image-wrapper .et_pb_image_wrap {
display: inline-block;
}
.dsm_tilt_image .et_pb_text_align_left {
text-align: left;
}
.dsm_tilt_image .et_pb_text_align_center {
text-align: center;
}
.dsm_tilt_image .et_pb_text_align_right {
text-align: right;
}
.dsm_tilt_image .et_pb_text_align_justified {
text-align: justify;
}
.dsm_tilt_image {
display: block;
margin-right: auto;
margin-left: auto;
line-height: 0;
}
.dsm_tilt_image.dsm_tilt_force_fullwidth {
max-width: 100% !important;
}
.dsm_tilt_image.dsm_tilt_force_fullwidth .et_pb_image_wrap,
.dsm_tilt_image.dsm_tilt_force_fullwidth img {
width: 100%;
}
.dsm_tilt_image .dsm-tilt-image-wrapper {
display: inline-block;
position: relative;
max-width: 100%;
}
.dsm_tilt_image a.et_pb_lightbox_image {
color: inherit;
text-decoration: none;
}
.dsm_tilt_image a.et_pb_lightbox_image:hover, .dsm_tilt_image a.et_pb_lightbox_image:focus, .dsm_tilt_image a.et_pb_lightbox_image:active, .dsm_tilt_image a.et_pb_lightbox_image:visited {
color: inherit;
text-decoration: none;
}
.dsm_tilt_image a.et_pb_lightbox_image .dsm_tilt_overlay_title,
.dsm_tilt_image a.et_pb_lightbox_image .dsm_tilt_overlay_content {
color: inherit;
}
.dsm_tilt_image a.et_pb_lightbox_image .dsm_tilt_overlay_title a,
.dsm_tilt_image a.et_pb_lightbox_image .dsm_tilt_overlay_content a {
color: inherit;
text-decoration: underline;
}
.dsm_image_overlay {
position: absolute;
z-index: 1;
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
transition: all 0.3s;
-webkit-transform: translate3d(0, 0, 0);
backface-visibility: hidden;
-o-backface-visibility: hidden;
border-style: solid;
}
.dsm_overlay_on_hover .dsm_tilt_overlay {
opacity: 0;
}
.dsm_overlay_on_hover:hover .dsm_tilt_overlay {
opacity: 1;
}
.dsm_tilt_overlay {
position: absolute;
z-index: 1;
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
transition: all 0.3s;
backface-visibility: hidden;
display: flex;
align-items: center;
transform: translateZ(100px) !important;
}
.dsm_tilt_overlay_wrapper {
width: 100%;
padding: 20px;
}
.dsm_tilt_overlay .et-pb-icon {
margin-bottom: 15px;
}
.dsm_tilt_overlay_content {
line-height: 1;
}
.dsm_tilt_overlay_title_hover_on .dsm_tilt_overlay_title {
position: relative;
}
.dsm_tilt_overlay_title_hover_on .dsm_tilt_overlay_title:before,
.dsm_tilt_overlay_title_hover_on .dsm_tilt_overlay_title:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
}
.dsm_tilt_overlay_title_hover_on .dsm_tilt_overlay_title:before {
content: attr(data-overlay-title-hover);
}
.dsm_tilt_overlay_title_hover_on:hover .dsm_tilt_overlay_title > span {
opacity: 0;
}
.dsm_tilt_overlay_title_hover_on:hover .dsm_tilt_overlay_title:before {
opacity: 1;
}
.dsm_contact_form_7 label {
display: block;
}
.dsm_contact_form_7 .wpcf7-form-control.wpcf7-file {
width: 100%;
}
.dsm_contact_form_7 .wpcf7-form-control.wpcf7-textarea {
height: 240px;
}
.dsm_contact_form_7 .wpcf7-form-control.wpcf7-submit {
display: inline-block;
font-family: inherit;
cursor: pointer;
color: #2ea3f2;
}
.dsm_contact_form_7 input.text,
.dsm_contact_form_7 input.title,
.dsm_contact_form_7 input[type=email],
.dsm_contact_form_7 input[type=url],
.dsm_contact_form_7 input[type=password],
.dsm_contact_form_7 input[type=tel],
.dsm_contact_form_7 input[type=text],
.dsm_contact_form_7 input[type=number],
.dsm_contact_form_7 input[type=date],
.dsm_contact_form_7 select,
.dsm_contact_form_7 textarea {
width: 100%;
padding: 16px;
border-width: 0;
border-radius: 0;
color: #999;
background-color: #eee;
font-size: 14px;
-webkit-appearance: none;
overflow: hidden;
}
.dsm_contact_form_7 .wpcf7-form-control.wpcf7-select {
box-sizing: border-box;
width: 100%;
padding: 16px 20px 16px 10px;
border: 0;
border-radius: 0;
color: #999;
background-color: #eee;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-style: solid;
} .dsm_contact_form_7 .wpcf7-form-control-wrap.dsm-contact-form-7-select,
.dsm_contact_form_7 .wpcf7-form-control-wrap:has(> select.wpcf7-select) {
position: relative;
display: block;
}
.dsm_contact_form_7 .wpcf7-form-control-wrap.dsm-contact-form-7-select::after,
.dsm_contact_form_7 .wpcf7-form-control-wrap:has(> select.wpcf7-select)::after {
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 0;
height: 0;
margin-top: 3px;
border: 6px solid transparent;
border-top-color: #666;
transform: translateY(-50%);
pointer-events: none;
}
.dsm_contact_form_7 .wpcf7-not-valid-tip,
.dsm_contact_form_7 .wpcf7-validation-errors {
border-style: solid;
}
.dsm_contact_form_7 div.wpcf7-response-output {
margin-left: 0;
margin-right: 0;
}
.dsm_contact_form_7 .dsm-contact-form-wrapper .wpcf7-response-output {
display: block !important;
}
.dsm-custom-submit {
color: #2ea3f2;
cursor: pointer;
}
.dsm_contact_form_7 .wpcf7 .invalid .wpcf7-response-output,
.dsm_contact_form_7 .wpcf7 .unaccepted .wpcf7-response-output,
.dsm_contact_form_7 .wpcf7-response-output.wpcf7-validation-errors {
border: 2px solid #ffb900;
}
.dsm_contact_form_7 .wpcf7 .sent .wpcf7-response-output,
.dsm_contact_form_7 .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok,
.dsm_contact_form_7 .wpcf7 .sent .wpcf7-response-output.wpcf7-mail-sent-ok {
border: 2px solid #7cda24;
}
.dsm_contact_form_7 .wpcf7 form .wpcf7-response-output:not(.wpcf7-validation-errors):not(.wpcf7-mail-sent-ok) {
border: 0px solid transparent !important;
}
.dsm_contact_form_7 .wpcf7-spinner {
position: absolute;
}.mfp-wrap .mfp-container button:hover {
background: transparent !important;
}
.mfp-wrap .mfp-arrow:active {
position: absolute;
top: 50%;
}
.mfp-wrap .mfp-close:active {
position: absolute;
top: -10px;
}
.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after,
.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
font-family: ETmodules;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mfp-fade.mfp-bg {
opacity: 0.001;
transition: all 0.5s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade .mfp-wrap.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade .mfp-wrap.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
.mfp-fade .mfp-wrap .mfp-content {
opacity: 0.001;
transition: all 0.5s ease-out;
}
.mfp-bg {
z-index: 1000000;
overflow: hidden;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-bg,
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
}
.mfp-wrap {
z-index: 1000001;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom {
cursor: pointer;
cursor: zoom-in;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: zoom-out;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #ccc;
}
.mfp-preloader a:hover {
color: #fff;
}
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
display: none;
}
button.mfp-arrow,
button.mfp-close {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #fff;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:focus,
.mfp-close:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
color: #fff;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px;
}
.mfp-arrow {
position: absolute;
opacity: 0.55;
filter: alpha(opacity=55);
top: 50%;
margin: -32px 0 0;
padding: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow-left {
left: 10px;
}
.mfp-arrow-right {
right: 10px;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
.mfp-arrow {
background: none !important;
margin-top: -32px !important;
line-height: 1em !important;
}
.mfp-arrow,
.mfp-arrow:after {
width: 48px !important;
height: 48px !important;
}
.mfp-arrow:after {
margin: 0 !important;
top: 0 !important;
border: none !important;
}
.mfp-arrow-left {
left: 0 !important;
}
.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after,
.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
border: none;
font-size: 64px;
color: #fff;
}
.mfp-arrow-left:before,
.mfp-arrow-right:before {
display: none;
}
.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
content: "4";
}
.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
content: "5";
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
font-size: 64px;
font-family: Open Sans, Arial, sans-serif;
font-weight: 200;
top: -10px;
opacity: 0.2;
}
.mfp-iframe-holder .mfp-close:hover,
.mfp-image-holder .mfp-close:hover {
opacity: 1;
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
box-sizing: border-box;
padding: 40px 0;
margin: 0 auto;
}
.mfp-figure,
img.mfp-img {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-height: 300px), screen and (max-width: 800px) and (orientation: landscape) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media (max-width: 900px) {
.mfp-arrow {
transform: scale(0.75);
}
.mfp-arrow-left {
transform-origin: 0;
}
.mfp-arrow-right {
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
} .mfp-iframe-scaler.dsm-video-popup {
overflow: visible;
position: relative;
}
.mfp-iframe-scaler.dsm-video-popup .mfp-close {
width: 44px !important;
height: 44px;
line-height: 44px;
padding: 0 !important;
margin: 0;
text-align: center !important;
right: 0 !important;
left: auto !important;
top: -44px;
z-index: 2;
} @keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0);
}
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0, -4px, 0);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
} @keyframes pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
.pulse {
animation-name: pulse;
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(0.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, 0.95, 1);
}
to {
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
animation-name: rubberBand;
}
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
animation-name: shake;
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%, 20% {
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
} @keyframes wobble {
from {
transform: translate3d(0, 0, 0);
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: translate3d(0, 0, 0);
}
}
.wobble {
animation-name: wobble;
}
@keyframes jello {
from, 11.1%, to {
transform: translate3d(0, 0, 0);
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name: jello;
transform-origin: center;
}
@keyframes heartBeat {
0% {
transform: scale(1);
}
14% {
transform: scale(1.3);
}
28% {
transform: scale(1);
}
42% {
transform: scale(1.3);
}
70% {
transform: scale(1);
}
}
.heartBeat {
animation-name: heartBeat;
animation-duration: 1.3s;
animation-timing-function: ease-in-out;
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
animation-duration: 0.75s;
animation-name: bounceIn;
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
animation-duration: 0.75s;
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
from {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
animation-timing-function: ease-in;
}
}
.animated.flip {
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
animation-duration: 0.75s;
animation-name: flipOutX;
backface-visibility: visible !important;
}
@keyframes flipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
animation-duration: 0.75s;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
}
to {
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
animation-duration: 2s;
animation-name: hinge;
}
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.jackInTheBox {
animation-name: jackInTheBox;
} @keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.rollIn {
animation-name: rollIn;
} @keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
animation-name: rollOut;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
animation-name: zoomOutUp;
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
animation-name: slideOutUp;
}
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.delay-1s {
animation-delay: 1s;
}
.animated.delay-2s {
animation-delay: 2s;
}
.animated.delay-3s {
animation-delay: 3s;
}
.animated.delay-4s {
animation-delay: 4s;
}
.animated.delay-5s {
animation-delay: 5s;
}
.animated.fast {
animation-duration: 800ms;
}
.animated.faster {
animation-duration: 500ms;
}
.animated.slow {
animation-duration: 2s;
}
.animated.slower {
animation-duration: 3s;
}
@media (prefers-reduced-motion) {
.animated {
animation: unset !important;
transition: none !important;
}
}
@media (min-width: 981px) {
.dsm-popup .et_pb_gutters1 .et_block_row .et_pb_column,
.dsm-popup .et_pb_gutters1.et_block_row.et_pb_row > .et_pb_column {
margin-right: 0;
}
.dsm-popup .et_pb_gutters1 .et_block_row .et_pb_column_4_4,
.dsm-popup .et_pb_gutters1.et_block_row.et_pb_row > .et_pb_column_4_4 {
width: 100%;
}
.dsm-popup .et_pb_gutters1 .et_block_row .et_pb_column_3_4,
.dsm-popup .et_pb_gutters1.et_block_row.et_pb_row > .et_pb_column_3_4 {
width: 75%;
}
.dsm-popup .et_pb_gutters1 .et_block_row .et_pb_column_2_3,
.dsm-popup .et_pb_gutters1.et_block_row.et_pb_row > .et_pb_column_2_3 {
width: 66.667%;
}
.dsm-popup .et_pb_gutters1 .et_block_row .et_pb_column_3_5,
.dsm-popup .et_pb_gutters1.et_block_row.et_pb_row > .et_pb_column_3_5 {
width: 60%;
}
.dsm-popup .et_pb_gutters1 .et_block_row .et_pb_column_1_2,
.dsm-popup .et_pb_gutters1.et_block_row.et_pb_row > .et_pb_column_1_2 {
width: 50%;
}
.dsm-popup .et_pb_gutters1 .et_block_row .et_pb_column_2_5,
.dsm-popup .et_pb_gutters1.et_block_row.et_pb_row > .et_pb_column_2_5 {
width: 40%;
}
.dsm-popup .et_pb_gutters1 .et_block_row .et_pb_column_1_3,
.dsm-popup .et_pb_gutters1.et_block_row.et_pb_row > .et_pb_column_1_3 {
width: 33.3333%;
}
.dsm-popup .et_pb_gutters1 .et_block_row .et_pb_column_1_4,
.dsm-popup .et_pb_gutters1.et_block_row.et_pb_row > .et_pb_column_1_4 {
width: 25%;
}
.dsm-popup .et_pb_gutters1 .et_block_row .et_pb_column_1_5,
.dsm-popup .et_pb_gutters1.et_block_row.et_pb_row > .et_pb_column_1_5 {
width: 20%;
}
.dsm-popup .et_pb_gutters1 .et_block_row .et_pb_column_1_6,
.dsm-popup .et_pb_gutters1.et_block_row.et_pb_row > .et_pb_column_1_6 {
width: 16.6667%;
}
.dsm-popup .et_pb_gutters2 .et_block_row .et_pb_column,
.dsm-popup .et_pb_gutters2.et_block_row.et_pb_row > .et_pb_column {
margin-right: 3%;
}
.dsm-popup .et_pb_gutters2 .et_block_row .et_pb_column_4_4,
.dsm-popup .et_pb_gutters2.et_block_row.et_pb_row > .et_pb_column_4_4 {
width: 100%;
}
.dsm-popup .et_pb_gutters2 .et_block_row .et_pb_column_3_4,
.dsm-popup .et_pb_gutters2.et_block_row.et_pb_row > .et_pb_column_3_4 {
width: 74.25%;
}
.dsm-popup .et_pb_gutters2 .et_block_row .et_pb_column_2_3,
.dsm-popup .et_pb_gutters2.et_block_row.et_pb_row > .et_pb_column_2_3 {
width: 65.667%;
}
.dsm-popup .et_pb_gutters2 .et_block_row .et_pb_column_3_5,
.dsm-popup .et_pb_gutters2.et_block_row.et_pb_row > .et_pb_column_3_5 {
width: 58.8%;
}
.dsm-popup .et_pb_gutters2 .et_block_row .et_pb_column_1_2,
.dsm-popup .et_pb_gutters2.et_block_row.et_pb_row > .et_pb_column_1_2 {
width: 48.5%;
}
.dsm-popup .et_pb_gutters2 .et_block_row .et_pb_column_2_5,
.dsm-popup .et_pb_gutters2.et_block_row.et_pb_row > .et_pb_column_2_5 {
width: 38.2%;
}
.dsm-popup .et_pb_gutters2 .et_block_row .et_pb_column_1_3,
.dsm-popup .et_pb_gutters2.et_block_row.et_pb_row > .et_pb_column_1_3 {
width: 31.3333%;
}
.dsm-popup .et_pb_gutters2 .et_block_row .et_pb_column_1_4,
.dsm-popup .et_pb_gutters2.et_block_row.et_pb_row > .et_pb_column_1_4 {
width: 22.75%;
}
.dsm-popup .et_pb_gutters2 .et_block_row .et_pb_column_1_5,
.dsm-popup .et_pb_gutters2.et_block_row.et_pb_row > .et_pb_column_1_5 {
width: 17.6%;
}
.dsm-popup .et_pb_gutters2 .et_block_row .et_pb_column_1_6,
.dsm-popup .et_pb_gutters2.et_block_row.et_pb_row > .et_pb_column_1_6 {
width: 14.1667%;
}
.dsm-popup .et_pb_gutters3 .et_block_row .et_pb_column,
.dsm-popup .et_pb_gutters3.et_block_row.et_pb_row > .et_pb_column {
margin-right: 5.5%;
}
.dsm-popup .et_pb_gutters3 .et_block_row .et_pb_column_4_4,
.dsm-popup .et_pb_gutters3.et_block_row.et_pb_row > .et_pb_column_4_4 {
width: 100%;
}
.dsm-popup .et_pb_gutters3 .et_block_row .et_pb_column_3_4,
.dsm-popup .et_pb_gutters3.et_block_row.et_pb_row > .et_pb_column_3_4 {
width: 73.625%;
}
.dsm-popup .et_pb_gutters3 .et_block_row .et_pb_column_2_3,
.dsm-popup .et_pb_gutters3.et_block_row.et_pb_row > .et_pb_column_2_3 {
width: 64.833%;
}
.dsm-popup .et_pb_gutters3 .et_block_row .et_pb_column_3_5,
.dsm-popup .et_pb_gutters3.et_block_row.et_pb_row > .et_pb_column_3_5 {
width: 57.8%;
}
.dsm-popup .et_pb_gutters3 .et_block_row .et_pb_column_1_2,
.dsm-popup .et_pb_gutters3.et_block_row.et_pb_row > .et_pb_column_1_2 {
width: 47.25%;
}
.dsm-popup .et_pb_gutters3 .et_block_row .et_pb_column_2_5,
.dsm-popup .et_pb_gutters3.et_block_row.et_pb_row > .et_pb_column_2_5 {
width: 36.7%;
}
.dsm-popup .et_pb_gutters3 .et_block_row .et_pb_column_1_3,
.dsm-popup .et_pb_gutters3.et_block_row.et_pb_row > .et_pb_column_1_3 {
width: 29.6667%;
}
.dsm-popup .et_pb_gutters3 .et_block_row .et_pb_column_1_4,
.dsm-popup .et_pb_gutters3.et_block_row.et_pb_row > .et_pb_column_1_4 {
width: 20.875%;
}
.dsm-popup .et_pb_gutters3 .et_block_row .et_pb_column_1_5,
.dsm-popup .et_pb_gutters3.et_block_row.et_pb_row > .et_pb_column_1_5 {
width: 15.6%;
}
.dsm-popup .et_pb_gutters3 .et_block_row .et_pb_column_1_6,
.dsm-popup .et_pb_gutters3.et_block_row.et_pb_row > .et_pb_column_1_6 {
width: 12.0833%;
}
.dsm-popup .et_pb_gutters4 .et_block_row .et_pb_column,
.dsm-popup .et_pb_gutters4.et_block_row.et_pb_row > .et_pb_column {
margin-right: 8%;
}
.dsm-popup .et_pb_gutters4 .et_block_row .et_pb_column_4_4,
.dsm-popup .et_pb_gutters4.et_block_row.et_pb_row > .et_pb_column_4_4 {
width: 100%;
}
.dsm-popup .et_pb_gutters4 .et_block_row .et_pb_column_3_4,
.dsm-popup .et_pb_gutters4.et_block_row.et_pb_row > .et_pb_column_3_4 {
width: 73%;
}
.dsm-popup .et_pb_gutters4 .et_block_row .et_pb_column_2_3,
.dsm-popup .et_pb_gutters4.et_block_row.et_pb_row > .et_pb_column_2_3 {
width: 64%;
}
.dsm-popup .et_pb_gutters4 .et_block_row .et_pb_column_3_5,
.dsm-popup .et_pb_gutters4.et_block_row.et_pb_row > .et_pb_column_3_5 {
width: 56.8%;
}
.dsm-popup .et_pb_gutters4 .et_block_row .et_pb_column_1_2,
.dsm-popup .et_pb_gutters4.et_block_row.et_pb_row > .et_pb_column_1_2 {
width: 46%;
}
.dsm-popup .et_pb_gutters4 .et_block_row .et_pb_column_2_5,
.dsm-popup .et_pb_gutters4.et_block_row.et_pb_row > .et_pb_column_2_5 {
width: 35.2%;
}
.dsm-popup .et_pb_gutters4 .et_block_row .et_pb_column_1_3,
.dsm-popup .et_pb_gutters4.et_block_row.et_pb_row > .et_pb_column_1_3 {
width: 28%;
}
.dsm-popup .et_pb_gutters4 .et_block_row .et_pb_column_1_4,
.dsm-popup .et_pb_gutters4.et_block_row.et_pb_row > .et_pb_column_1_4 {
width: 19%;
}
.dsm-popup .et_pb_gutters4 .et_block_row .et_pb_column_1_5,
.dsm-popup .et_pb_gutters4.et_block_row.et_pb_row > .et_pb_column_1_5 {
width: 13.6%;
}
.dsm-popup .et_pb_gutters4 .et_block_row .et_pb_column_1_6,
.dsm-popup .et_pb_gutters4.et_block_row.et_pb_row > .et_pb_column_1_6 {
width: 10%;
}
}
.dsm-popup-trigger-pointer {
cursor: pointer;
}
.dsm-popup {
display: none;
}
.dsm-popup .dsm-popup-wrapper {
position: relative;
padding-top: var(--dsm-popup-padding-top);
padding-right: var(--dsm-popup-padding-right);
padding-bottom: var(--dsm-popup-padding-bottom);
padding-left: var(--dsm-popup-padding-left);
width: 100%;
background-color: var(--dsm-popup-wrapper-background-color);
box-shadow: var(--dsm-popup-box-shadow);
border-top-left-radius: var(--dsm-popup-border-top-left-radius);
border-top-right-radius: var(--dsm-popup-border-top-right-radius);
border-bottom-left-radius: var(--dsm-popup-border-bottom-left-radius);
border-bottom-right-radius: var(--dsm-popup-border-bottom-right-radius);
border-width: var(--dsm-popup-border-width);
border-style: var(--dsm-popup-border-style);
border-color: var(--dsm-popup-border-color);
border-top: var(--dsm-popup-border-top);
border-right: var(--dsm-popup-border-right);
border-bottom: var(--dsm-popup-border-bottom);
border-left: var(--dsm-popup-border-left);
border-top-color: var(--dsm-popup-border-top-color, var(--dsm-popup-border-color));
border-right-color: var(--dsm-popup-border-right-color, var(--dsm-popup-border-color));
border-bottom-color: var(--dsm-popup-border-bottom-color, var(--dsm-popup-border-color));
border-left-color: var(--dsm-popup-border-left-color, var(--dsm-popup-border-color));
border-top-width: var(--dsm-popup-border-top-width, var(--dsm-popup-border-width));
border-right-width: var(--dsm-popup-border-right-width, var(--dsm-popup-border-width));
border-bottom-width: var(--dsm-popup-border-bottom-width, var(--dsm-popup-border-width));
border-left-width: var(--dsm-popup-border-left-width, var(--dsm-popup-border-width));
border-top-style: var(--dsm-popup-border-top-style, var(--dsm-popup-border-style));
border-right-style: var(--dsm-popup-border-right-style, var(--dsm-popup-border-style));
border-bottom-style: var(--dsm-popup-border-bottom-style, var(--dsm-popup-border-style));
border-left-style: var(--dsm-popup-border-left-style, var(--dsm-popup-border-style));
}
.dsm-popup .et-l.et-l--body {
padding-top: var(--dsm-popup-padding-top);
padding-right: var(--dsm-popup-padding-right);
padding-bottom: var(--dsm-popup-padding-bottom);
padding-left: var(--dsm-popup-padding-left);
width: 100%;
}
.dsm-popup .et_builder_inner_content {
min-height: var(--dsm-popup-max-height);
max-height: var(--dsm-popup-max-height);
overflow-y: auto;
overflow-x: hidden;
border-top-left-radius: var(--dsm-popup-border-top-left-radius);
border-top-right-radius: var(--dsm-popup-border-top-right-radius);
border-bottom-left-radius: var(--dsm-popup-border-bottom-left-radius);
border-bottom-right-radius: var(--dsm-popup-border-bottom-right-radius);
}
.mfp-content .dsm-popup {
display: flex !important;
width: var(--dsm-popup-max-width) !important;
align-items: center;
justify-content: center;
}
.mfp-bg {
opacity: 1 !important;
background: var(--dsm-popup-overlay-color) !important;
}
.mfp-wrap.dsm-popup-modal .mfp-container button.mfp-close:hover {
background-color: var(--dsm-popup-close-bg-button-color) !important;
}
.dsm-popup .dsm-popup-wrapper .mfp-close.dsm-custom-close {
opacity: 1 !important;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
margin: 0 !important;
display: flex;
align-items: var(--close-button-position-vertical);
justify-content: var(--close-button-position-horizontal);
padding: 0px !important;
pointer-events: none;
z-index: 99;
}
.dsm-popup .dsm-popup-wrapper .mfp-close.dsm-custom-close:active {
top: 0px !important;
}
.dsm-popup .dsm-popup-wrapper .mfp-close.dsm-custom-close:before {
content: var(--dsm-popup-close-icon-unicode, "M") !important;
font-family: var(--dsm-popup-close-icon-font-family) !important;
font-weight: var(--dsm-popup-close-icon-font-weight) !important;
font-size: inherit !important;
display: inline-block !important;
opacity: 1 !important;
color: var(--dsm-popup-close-button-color) !important;
font-size: var(--dsm-popup-close-button-size) !important;
background-color: var(--dsm-popup-close-bg-button-color) !important;
cursor: pointer;
position: absolute;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
pointer-events: all;
top: var(--close-button-position-top);
left: var(--close-button-position-left, auto);
} .dsm-popup-modal .mfp-content .dsm-popup {
width: var(--dsm-popup-max-width) !important;
position: relative;
}
.dsm-popup-modal .mfp-content .dsm-popup .et-l.et-l--body {
width: 100% !important;
} .dsm-popup-modal .mfp-content .dsm-popup {
margin: var(--dsm-popup-cross-margin, 0 auto);
} .dsm-popup-modal .mfp-content {
vertical-align: var(--dsm-popup-main-align, center);
}
.dsm-popup-close-icon {
font-family: var(--dsm-popup-close-icon-font-family, "ETmodules");
font-size: var(--dsm-popup-close-button-size, 28px);
color: var(--dsm-popup-close-button-color, #000000);
font-weight: var(--dsm-popup-close-icon-font-weight, 400);
}
.dsm-popup-close-icon:before {
content: var(--dsm-popup-close-icon-unicode, "M");
}
.et-vb-field:is(.et-vb-field-dsm-popup-main-axis,
.et-vb-field-dsm-popup-cross-axis,
.et-vb-field-dsm-popup-overlay-color,
.et-vb-field-dsm-popup-close-icon,
.et-vb-field-dsm-popup-close-size,
.et-vb-field-dsm-popup-close-color,
.et-vb-field-dsm-popup-close-bg-color,
.et-vb-field-dsm-popup-close-position,
.et-vb-field-dsm-popup-close-top,
.et-vb-field-dsm-popup-close-left,
.et-vb-field-dsm-popup-wrapper-bg,
.et-vb-field-dsm-popup-max-width,
.et-vb-field-dsm-popup-max-height,
.et-vb-field-dsm-popup-padding,
.et-vb-field-dsm-popup-border,
.et-vb-field-dsm-popup-box-shadow) {
overflow: visible;
}
.et-vb-field:is(.et-vb-field-dsm-popup-main-axis,
.et-vb-field-dsm-popup-cross-axis,
.et-vb-field-dsm-popup-overlay-color,
.et-vb-field-dsm-popup-close-icon,
.et-vb-field-dsm-popup-close-size,
.et-vb-field-dsm-popup-close-color,
.et-vb-field-dsm-popup-close-bg-color,
.et-vb-field-dsm-popup-close-position,
.et-vb-field-dsm-popup-close-top,
.et-vb-field-dsm-popup-close-left,
.et-vb-field-dsm-popup-wrapper-bg,
.et-vb-field-dsm-popup-max-width,
.et-vb-field-dsm-popup-max-height,
.et-vb-field-dsm-popup-padding,
.et-vb-field-dsm-popup-border,
.et-vb-field-dsm-popup-box-shadow) .et-vb-field-label {
overflow: visible;
}
.et-vb-field:is(.et-vb-field-dsm-popup-main-axis,
.et-vb-field-dsm-popup-cross-axis,
.et-vb-field-dsm-popup-overlay-color,
.et-vb-field-dsm-popup-close-icon,
.et-vb-field-dsm-popup-close-size,
.et-vb-field-dsm-popup-close-color,
.et-vb-field-dsm-popup-close-bg-color,
.et-vb-field-dsm-popup-close-position,
.et-vb-field-dsm-popup-close-top,
.et-vb-field-dsm-popup-close-left,
.et-vb-field-dsm-popup-wrapper-bg,
.et-vb-field-dsm-popup-max-width,
.et-vb-field-dsm-popup-max-height,
.et-vb-field-dsm-popup-padding,
.et-vb-field-dsm-popup-border,
.et-vb-field-dsm-popup-box-shadow) .et-vb-field-label-buttons {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
align-content: flex-end;
row-gap: 4px;
overflow: visible;
}
.dsm-popup-responsive-bp-shell {
display: contents;
}
.et-vb-field:is(.et-vb-field-dsm-popup-main-axis,
.et-vb-field-dsm-popup-cross-axis,
.et-vb-field-dsm-popup-overlay-color,
.et-vb-field-dsm-popup-close-icon,
.et-vb-field-dsm-popup-close-size,
.et-vb-field-dsm-popup-close-color,
.et-vb-field-dsm-popup-close-bg-color,
.et-vb-field-dsm-popup-close-position,
.et-vb-field-dsm-popup-close-top,
.et-vb-field-dsm-popup-close-left,
.et-vb-field-dsm-popup-wrapper-bg,
.et-vb-field-dsm-popup-max-width,
.et-vb-field-dsm-popup-max-height,
.et-vb-field-dsm-popup-padding,
.et-vb-field-dsm-popup-border,
.et-vb-field-dsm-popup-box-shadow) .dsm-popup-responsive-bp__panel {
flex: 1 1 100%;
width: 100%;
max-width: 100%;
box-sizing: border-box;
display: flex;
justify-content: flex-end;
align-items: center;
z-index: 5;
position: relative;
padding: 4px 6px;
margin-top: 2px;
background: var(--app-background);
border-radius: 3px;
grid-column: unset;
}
.et-vb-field:is(.et-vb-field-dsm-popup-main-axis,
.et-vb-field-dsm-popup-cross-axis,
.et-vb-field-dsm-popup-overlay-color,
.et-vb-field-dsm-popup-close-icon,
.et-vb-field-dsm-popup-close-size,
.et-vb-field-dsm-popup-close-color,
.et-vb-field-dsm-popup-close-bg-color,
.et-vb-field-dsm-popup-close-position,
.et-vb-field-dsm-popup-close-top,
.et-vb-field-dsm-popup-close-left,
.et-vb-field-dsm-popup-wrapper-bg,
.et-vb-field-dsm-popup-max-width,
.et-vb-field-dsm-popup-max-height,
.et-vb-field-dsm-popup-padding,
.et-vb-field-dsm-popup-border,
.et-vb-field-dsm-popup-box-shadow) .dsm-popup-responsive-bp__panel .et-vb-icon {
display: block;
width: 20px;
height: 20px;
}
.et-vb-field:is(.et-vb-field-dsm-popup-main-axis,
.et-vb-field-dsm-popup-cross-axis,
.et-vb-field-dsm-popup-overlay-color,
.et-vb-field-dsm-popup-close-icon,
.et-vb-field-dsm-popup-close-size,
.et-vb-field-dsm-popup-close-color,
.et-vb-field-dsm-popup-close-bg-color,
.et-vb-field-dsm-popup-close-position,
.et-vb-field-dsm-popup-close-top,
.et-vb-field-dsm-popup-close-left,
.et-vb-field-dsm-popup-wrapper-bg,
.et-vb-field-dsm-popup-max-width,
.et-vb-field-dsm-popup-max-height,
.et-vb-field-dsm-popup-padding,
.et-vb-field-dsm-popup-border,
.et-vb-field-dsm-popup-box-shadow) .dsm-popup-responsive-bp__panel.et-vb-page-bar-responsive-controls .et-vb-page-bar-responsive-button {
opacity: 1;
border-radius: 3px;
background-color: transparent !important;
}
.et-vb-field:is(.et-vb-field-dsm-popup-main-axis,
.et-vb-field-dsm-popup-cross-axis,
.et-vb-field-dsm-popup-overlay-color,
.et-vb-field-dsm-popup-close-icon,
.et-vb-field-dsm-popup-close-size,
.et-vb-field-dsm-popup-close-color,
.et-vb-field-dsm-popup-close-bg-color,
.et-vb-field-dsm-popup-close-position,
.et-vb-field-dsm-popup-close-top,
.et-vb-field-dsm-popup-close-left,
.et-vb-field-dsm-popup-wrapper-bg,
.et-vb-field-dsm-popup-max-width,
.et-vb-field-dsm-popup-max-height,
.et-vb-field-dsm-popup-padding,
.et-vb-field-dsm-popup-border,
.et-vb-field-dsm-popup-box-shadow) .dsm-popup-responsive-bp__panel.et-vb-page-bar-responsive-controls .et-vb-page-bar-responsive-button:hover, .et-vb-field:is(.et-vb-field-dsm-popup-main-axis,
.et-vb-field-dsm-popup-cross-axis,
.et-vb-field-dsm-popup-overlay-color,
.et-vb-field-dsm-popup-close-icon,
.et-vb-field-dsm-popup-close-size,
.et-vb-field-dsm-popup-close-color,
.et-vb-field-dsm-popup-close-bg-color,
.et-vb-field-dsm-popup-close-position,
.et-vb-field-dsm-popup-close-top,
.et-vb-field-dsm-popup-close-left,
.et-vb-field-dsm-popup-wrapper-bg,
.et-vb-field-dsm-popup-max-width,
.et-vb-field-dsm-popup-max-height,
.et-vb-field-dsm-popup-padding,
.et-vb-field-dsm-popup-border,
.et-vb-field-dsm-popup-box-shadow) .dsm-popup-responsive-bp__panel.et-vb-page-bar-responsive-controls .et-vb-page-bar-responsive-button:focus-visible, .et-vb-field:is(.et-vb-field-dsm-popup-main-axis,
.et-vb-field-dsm-popup-cross-axis,
.et-vb-field-dsm-popup-overlay-color,
.et-vb-field-dsm-popup-close-icon,
.et-vb-field-dsm-popup-close-size,
.et-vb-field-dsm-popup-close-color,
.et-vb-field-dsm-popup-close-bg-color,
.et-vb-field-dsm-popup-close-position,
.et-vb-field-dsm-popup-close-top,
.et-vb-field-dsm-popup-close-left,
.et-vb-field-dsm-popup-wrapper-bg,
.et-vb-field-dsm-popup-max-width,
.et-vb-field-dsm-popup-max-height,
.et-vb-field-dsm-popup-padding,
.et-vb-field-dsm-popup-border,
.et-vb-field-dsm-popup-box-shadow) .dsm-popup-responsive-bp__panel.et-vb-page-bar-responsive-controls .et-vb-page-bar-responsive-button.et-vb-page-bar-button--active {
background-color: transparent !important;
}
.et-vb-field:is(.et-vb-field-dsm-popup-main-axis,
.et-vb-field-dsm-popup-cross-axis,
.et-vb-field-dsm-popup-overlay-color,
.et-vb-field-dsm-popup-close-icon,
.et-vb-field-dsm-popup-close-size,
.et-vb-field-dsm-popup-close-color,
.et-vb-field-dsm-popup-close-bg-color,
.et-vb-field-dsm-popup-close-position,
.et-vb-field-dsm-popup-close-top,
.et-vb-field-dsm-popup-close-left,
.et-vb-field-dsm-popup-wrapper-bg,
.et-vb-field-dsm-popup-max-width,
.et-vb-field-dsm-popup-max-height,
.et-vb-field-dsm-popup-padding,
.et-vb-field-dsm-popup-border,
.et-vb-field-dsm-popup-box-shadow) .dsm-popup-responsive-bp__panel.et-vb-page-bar-responsive-controls .et-vb-page-bar-responsive-button svg *[fill]:not(.et-vb-svg-nofill) {
fill: var(--medium-gray) !important;
}
.et-vb-field:is(.et-vb-field-dsm-popup-main-axis,
.et-vb-field-dsm-popup-cross-axis,
.et-vb-field-dsm-popup-overlay-color,
.et-vb-field-dsm-popup-close-icon,
.et-vb-field-dsm-popup-close-size,
.et-vb-field-dsm-popup-close-color,
.et-vb-field-dsm-popup-close-bg-color,
.et-vb-field-dsm-popup-close-position,
.et-vb-field-dsm-popup-close-top,
.et-vb-field-dsm-popup-close-left,
.et-vb-field-dsm-popup-wrapper-bg,
.et-vb-field-dsm-popup-max-width,
.et-vb-field-dsm-popup-max-height,
.et-vb-field-dsm-popup-padding,
.et-vb-field-dsm-popup-border,
.et-vb-field-dsm-popup-box-shadow) .dsm-popup-responsive-bp__panel.et-vb-page-bar-responsive-controls .et-vb-page-bar-responsive-button svg *[stroke] {
stroke: var(--medium-gray) !important;
}
.et-vb-field:is(.et-vb-field-dsm-popup-main-axis,
.et-vb-field-dsm-popup-cross-axis,
.et-vb-field-dsm-popup-overlay-color,
.et-vb-field-dsm-popup-close-icon,
.et-vb-field-dsm-popup-close-size,
.et-vb-field-dsm-popup-close-color,
.et-vb-field-dsm-popup-close-bg-color,
.et-vb-field-dsm-popup-close-position,
.et-vb-field-dsm-popup-close-top,
.et-vb-field-dsm-popup-close-left,
.et-vb-field-dsm-popup-wrapper-bg,
.et-vb-field-dsm-popup-max-width,
.et-vb-field-dsm-popup-max-height,
.et-vb-field-dsm-popup-padding,
.et-vb-field-dsm-popup-border,
.et-vb-field-dsm-popup-box-shadow) .dsm-popup-responsive-bp__panel.et-vb-page-bar-responsive-controls .et-vb-page-bar-responsive-button:hover svg *[fill]:not(.et-vb-svg-nofill), .et-vb-field:is(.et-vb-field-dsm-popup-main-axis,
.et-vb-field-dsm-popup-cross-axis,
.et-vb-field-dsm-popup-overlay-color,
.et-vb-field-dsm-popup-close-icon,
.et-vb-field-dsm-popup-close-size,
.et-vb-field-dsm-popup-close-color,
.et-vb-field-dsm-popup-close-bg-color,
.et-vb-field-dsm-popup-close-position,
.et-vb-field-dsm-popup-close-top,
.et-vb-field-dsm-popup-close-left,
.et-vb-field-dsm-popup-wrapper-bg,
.et-vb-field-dsm-popup-max-width,
.et-vb-field-dsm-popup-max-height,
.et-vb-field-dsm-popup-padding,
.et-vb-field-dsm-popup-border,
.et-vb-field-dsm-popup-box-shadow) .dsm-popup-responsive-bp__panel.et-vb-page-bar-responsive-controls .et-vb-page-bar-responsive-button:focus-visible svg *[fill]:not(.et-vb-svg-nofill), .et-vb-field:is(.et-vb-field-dsm-popup-main-axis,
.et-vb-field-dsm-popup-cross-axis,
.et-vb-field-dsm-popup-overlay-color,
.et-vb-field-dsm-popup-close-icon,
.et-vb-field-dsm-popup-close-size,
.et-vb-field-dsm-popup-close-color,
.et-vb-field-dsm-popup-close-bg-color,
.et-vb-field-dsm-popup-close-position,
.et-vb-field-dsm-popup-close-top,
.et-vb-field-dsm-popup-close-left,
.et-vb-field-dsm-popup-wrapper-bg,
.et-vb-field-dsm-popup-max-width,
.et-vb-field-dsm-popup-max-height,
.et-vb-field-dsm-popup-padding,
.et-vb-field-dsm-popup-border,
.et-vb-field-dsm-popup-box-shadow) .dsm-popup-responsive-bp__panel.et-vb-page-bar-responsive-controls .et-vb-page-bar-responsive-button.et-vb-page-bar-button--active svg *[fill]:not(.et-vb-svg-nofill) {
fill: var(--app-color) !important;
}
.et-vb-field:is(.et-vb-field-dsm-popup-main-axis,
.et-vb-field-dsm-popup-cross-axis,
.et-vb-field-dsm-popup-overlay-color,
.et-vb-field-dsm-popup-close-icon,
.et-vb-field-dsm-popup-close-size,
.et-vb-field-dsm-popup-close-color,
.et-vb-field-dsm-popup-close-bg-color,
.et-vb-field-dsm-popup-close-position,
.et-vb-field-dsm-popup-close-top,
.et-vb-field-dsm-popup-close-left,
.et-vb-field-dsm-popup-wrapper-bg,
.et-vb-field-dsm-popup-max-width,
.et-vb-field-dsm-popup-max-height,
.et-vb-field-dsm-popup-padding,
.et-vb-field-dsm-popup-border,
.et-vb-field-dsm-popup-box-shadow) .dsm-popup-responsive-bp__panel.et-vb-page-bar-responsive-controls .et-vb-page-bar-responsive-button:hover svg *[stroke], .et-vb-field:is(.et-vb-field-dsm-popup-main-axis,
.et-vb-field-dsm-popup-cross-axis,
.et-vb-field-dsm-popup-overlay-color,
.et-vb-field-dsm-popup-close-icon,
.et-vb-field-dsm-popup-close-size,
.et-vb-field-dsm-popup-close-color,
.et-vb-field-dsm-popup-close-bg-color,
.et-vb-field-dsm-popup-close-position,
.et-vb-field-dsm-popup-close-top,
.et-vb-field-dsm-popup-close-left,
.et-vb-field-dsm-popup-wrapper-bg,
.et-vb-field-dsm-popup-max-width,
.et-vb-field-dsm-popup-max-height,
.et-vb-field-dsm-popup-padding,
.et-vb-field-dsm-popup-border,
.et-vb-field-dsm-popup-box-shadow) .dsm-popup-responsive-bp__panel.et-vb-page-bar-responsive-controls .et-vb-page-bar-responsive-button:focus-visible svg *[stroke], .et-vb-field:is(.et-vb-field-dsm-popup-main-axis,
.et-vb-field-dsm-popup-cross-axis,
.et-vb-field-dsm-popup-overlay-color,
.et-vb-field-dsm-popup-close-icon,
.et-vb-field-dsm-popup-close-size,
.et-vb-field-dsm-popup-close-color,
.et-vb-field-dsm-popup-close-bg-color,
.et-vb-field-dsm-popup-close-position,
.et-vb-field-dsm-popup-close-top,
.et-vb-field-dsm-popup-close-left,
.et-vb-field-dsm-popup-wrapper-bg,
.et-vb-field-dsm-popup-max-width,
.et-vb-field-dsm-popup-max-height,
.et-vb-field-dsm-popup-padding,
.et-vb-field-dsm-popup-border,
.et-vb-field-dsm-popup-box-shadow) .dsm-popup-responsive-bp__panel.et-vb-page-bar-responsive-controls .et-vb-page-bar-responsive-button.et-vb-page-bar-button--active svg *[stroke] {
stroke: var(--app-color) !important;
}
.dsm-popup-responsive-bp__panel .et-vb-page-bar-responsive-buttons-wrapper {
gap: 4px;
}@font-face{font-family:'FontAwesomePB';src:url(//development-staging.juniperdesign.com/wp-content/plugins/woocommerce-product-bundles/assets/fonts/fa-pb-67.eot);src:url(//development-staging.juniperdesign.com/wp-content/plugins/woocommerce-product-bundles/assets/fonts/fa-pb-67.eot?#iefix) format("embedded-opentype"),url(//development-staging.juniperdesign.com/wp-content/plugins/woocommerce-product-bundles/assets/fonts/fa-pb-67.woff2) format("woff2"),url(//development-staging.juniperdesign.com/wp-content/plugins/woocommerce-product-bundles/assets/fonts/fa-pb-67.woff2) format("woff"),url(//development-staging.juniperdesign.com/wp-content/plugins/woocommerce-product-bundles/assets/fonts/fa-pb-67.ttf) format("truetype"),url(//development-staging.juniperdesign.com/wp-content/plugins/woocommerce-product-bundles/assets/fonts/fa-pb-67.svg#fapbregular) format("svg");font-weight:normal;font-style:normal}.bundled_table_item .product-name,.bundled_table_item .product-price,.bundled_table_item:not(.order_item) .product-quantity,.bundled_table_item .product-subtotal,.bundled_table_item .product-total{font-size:.875em}.bundled_table_item .bundled_table_item_indent{padding-left:32px}.woocommerce .bundled_table_item td.product-name dl.variation,.woocommerce-page .bundled_table_item td.product-name dl.variation,.bundled_table_item td.product-name .wc-item-meta{font-size:100%}.bundled_table_item,.bundled_table_item td{border-top:none !important;border-bottom:none !important}.bundle_table_item,.bundle_table_item td{border-bottom:none !important}.bundled_table_item_price:before,.bundled_table_item_subtotal:before{font-family:'FontAwesomePB';font-size:1rem;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:rotate(90deg);content:"\e806";margin:0 12px 0 3px;opacity:.25}dt.bundled_title_meta,.bundled_notice{margin:12px 0 5px}a.edit_bundle_in_cart_text{color:#888;font-weight:normal;text-decoration:none}a.edit_bundle_in_cart_text:hover small{text-decoration:underline}.et-db #et-boc .et-fb-modules-list li.dgbc_blog_carousel .et-fb-icon{padding-top:7px;padding-left:7px}.et-db #et-boc .et-fb-modules-list li.dgbc_blog_carousel .et-fb-icon svg{width:16px!important;height:16px!important}.et-db #et-boc .et-fb-modules-list li.dgbc_blog_carousel{background-color:#e1e7ec!important}.et-db #et-boc .et-fb-modules-list li.dgbc_blog_carousel:hover{background-color:#94a7b7!important;color:#fff}.dgbc_blog_carousel .dgbc_carousel_wrapper{position:relative}.dgbc_blog_carousel .swiper-container{width:100%;height:auto;padding-bottom:15px;padding-top:15px;display:-ms-flexbox;display:flex}.dgbc_blog_carousel .swiper-wrapper{height:auto!important;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-transition-property:-webkit-transform!important;transition-property:-webkit-transform!important;-o-transition-property:transform!important;transition-property:transform!important;transition-property:transform,-webkit-transform!important}.dgbc_blog_carousel .dgbc_post_item{font-size:14px;display:-ms-flexbox;display:flex!important;margin-bottom:0!important;position:relative;-webkit-transition-property:-webkit-transform!important;transition-property:-webkit-transform!important;-o-transition-property:transform!important;transition-property:transform!important;transition-property:transform,-webkit-transform!important}.dgbc_blog_carousel .dgbc_post_item,.dgbc_blog_carousel .dgbc_post_item .dgbc_post_inner_wrapper{-ms-flex-item-align:start;align-self:flex-start;-ms-flex-negative:0;flex-shrink:0;width:100%;height:auto;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border-width:0;border-style:solid}.dgbc_blog_carousel .dgbc_post_item .dgbc_post_inner_wrapper{display:-ms-flexbox!important;display:flex!important}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),transparent)!important;background-image:-o-linear-gradient(right,rgba(0,0,0,.5),transparent)!important;background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent))!important;background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)!important}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),transparent)!important;background-image:-o-linear-gradient(left,rgba(0,0,0,.5),transparent)!important;background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent))!important;background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)!important}.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right{-webkit-transition-property:opacity!important;-o-transition-property:opacity!important;transition-property:opacity!important}.dgbc_blog_carousel .dgbc_post_item .content-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 -1px}.dgbc_blog_carousel .dgbc_post_item .content-wrapper .dg_read_more_wrapper.btn-at-bottm{margin-top:auto;margin-bottom:0}.dgbc_blog_carousel .dgbc_post_item .dg-post-thumb,.dgbc_blog_carousel .dgbc_post_item .dg-post-thumb a,.dgbc_blog_carousel .dgbc_post_item .dg-post-thumb a img{width:100%}.dgbc_blog_carousel .dgbc_post_item .dg-post-thumb{overflow:hidden;max-width:100%;position:relative}.dgbc_blog_carousel .dgbc_post_item .dg-post-thumb img{border-width:0;border-style:solid}.dgbc_blog_carousel .dgbc_post_item .dg-post-thumb a,.dgbc_blog_carousel .dgbc_post_item .dg-post-thumb a img{display:block!important;padding-bottom:0!important}.dgbc_blog_carousel .dgbc_post_item .dg-post-thumb span.author,.dgbc_blog_carousel .dgbc_post_item .dg-post-thumb span.published{position:absolute;top:6%;background-color:#fff;z-index:99;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.dgbc_blog_carousel .dgbc_post_item .dg-post-thumb span.author{padding:4px 9px}.dgbc_blog_carousel .dgbc_post_item .dg-post-thumb span.published{padding:6px 9px}.dgbc_blog_carousel .dgbc_post_item .dg-post-thumb span.published span{display:block;text-align:center}.dgbc_blog_carousel .dgbc_post_item .dg-post-thumb span.published span.day:after,.dgbc_blog_carousel .dgbc_post_item .dg-post-thumb span.published span.month:after{content:"";display:block;background-color:#333;height:2px;margin:5px 7px}.dgbc_blog_carousel .dgbc_post_item .dg-post-thumb span.author{left:6%}.dgbc_blog_carousel .dgbc_post_item .dg-post-thumb span.published{right:6%}.dgbc_blog_carousel .dgbc_post_item .post-meta .meta-icon{margin-right:3px}.dgbc_blog_carousel .dgbc_post_item .post-meta .meta-icon:after{content:"";font-family:ETmodules!important;font-weight:400;font-style:normal;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:.96em;text-transform:none;speak:none;display:inline-block}.dgbc_blog_carousel .dgbc_post_item .post-meta .author .meta-icon:after{content:"\E08A"}.dgbc_blog_carousel .dgbc_post_item .post-meta .published .meta-icon:after{content:"\E023"}.dgbc_blog_carousel .dgbc_post_item .post-meta .categories .meta-icon:after{content:"\E07B"}.dgbc_blog_carousel .dgbc_post_item .post-meta .comments .meta-icon:after{content:"\E065"}.dgbc_blog_carousel .dgbc_post_item .post-meta .blank-separator,.dgbc_blog_carousel .dgbc_post_item .post-meta .pipe-separator{margin:0 6px}.dgbc_blog_carousel .dgbc_post_item .dg_bc_title{font-size:20px}.dgbc_blog_carousel .dgbc_post_item .dg_bc_title,.dgbc_blog_carousel .dgbc_post_item .post-meta{margin-bottom:10px;padding-bottom:0}.dgbc_blog_carousel .dgbc_post_item .dg_read_more_wrapper{z-index:9}.dgbc_blog_carousel .dg_read_more_wrapper a{display:inline-block;border-style:solid;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;padding:0!important;border-width:0}.dgbc_blog_carousel .dgbc_post_item .dg_read_more_wrapper a:after{content:attr(data-icon);font-family:ETmodules!important;font-weight:400;font-style:normal;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1;text-transform:none;speak:none;margin-left:7px}.dgbc_blog_carousel .dgbc_post_item .dg_read_more_wrapper a:after,.dgbc_blog_carousel .dgbc_post_item .dg_read_more_wrapper a span{display:inline-block;vertical-align:top;line-height:inherit}.dgbc_blog_carousel .dgbc_post_item .post-meta.meta-position-bottom{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border-top:1px solid transparent}.dgbc_blog_carousel .swiper-button-next{right:0}.dgbc_blog_carousel .swiper-button-prev{left:0}.dgbc_blog_carousel .swiper-button-next,.dgbc_blog_carousel .swiper-button-prev{background-image:none;width:53px;height:53px;font-size:53px;margin-top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#fff;line-height:.96em;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.dgbc_blog_carousel .swiper-button-next:after,.dgbc_blog_carousel .swiper-button-prev:after{content:attr(data-icon);font-family:ETmodules!important;font-weight:400;font-style:normal;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none;speak:none;display:inline-block;vertical-align:super;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.dgbc_blog_carousel .arrow-on-hover .swiper-button-next{right:-70px}.dgbc_blog_carousel .arrow-on-hover:hover .swiper-button-next{right:0}.dgbc_blog_carousel .arrow-on-hover .swiper-button-prev{left:-70px}.dgbc_blog_carousel .arrow-on-hover:hover .swiper-button-prev{left:0}.dgbc_blog_carousel .dgbc_carousel_wrapper:not(.arrow-outside){overflow:hidden}.dgbc_blog_carousel .arrow-outside .swiper-button-next{right:-70px}.dgbc_blog_carousel .arrow-outside .swiper-button-prev{left:-70px}.dgbc_blog_carousel .arrow-outside.arrow-on-hover .swiper-button-next{right:0;opacity:0;-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}.dgbc_blog_carousel .arrow-outside.arrow-on-hover .swiper-button-prev{left:0;opacity:0;-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}.dgbc_blog_carousel .arrow-outside.arrow-on-hover .swiper-button-next:hover,.dgbc_blog_carousel .arrow-outside.arrow-on-hover:hover .swiper-button-next{right:-70px;opacity:1}.dgbc_blog_carousel .arrow-outside.arrow-on-hover .swiper-button-prev:hover,.dgbc_blog_carousel .arrow-outside.arrow-on-hover:hover .swiper-button-prev{left:-70px;opacity:1}@media (max-width:980px){.dgbc_blog_carousel .dgbc_carousel_wrapper{overflow:hidden!important}.dgbc_blog_carousel .swiper-button-prev{left:0!important;opacity:1!important}.dgbc_blog_carousel .swiper-button-next{right:0!important;opacity:1!important}}.dgbc_blog_carousel .swiper-buttton-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.dgbc_blog_carousel .swiper-buttton-container .swiper-button-next,.dgbc_blog_carousel .swiper-buttton-container .swiper-button-prev{position:relative;-webkit-transform:translateY(0);transform:translateY(0);top:auto;left:auto;right:auto}.dgbc_blog_carousel .swiper-buttton-container .swiper-button-prev{margin-right:10px}.dgbc_blog_carousel .swiper-pagination{width:100%;position:relative}.dgbc_blog_carousel .swiper-pagination .swiper-pagination-bullet{margin:0 5px!important;opacity:1}.dgbc_blog_carousel .swiper-pagination .swiper-pagination-bullet:first-child{margin-left:0}.dgbc_blog_carousel .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0}.dgbc_carousel_wrapper .swiper-container-coverflow .swiper-wrapper .swiper-slide-active{-webkit-transform:translateZ(0) rotateX(0deg) rotateY(0deg)!important;transform:translateZ(0) rotateX(0deg) rotateY(0deg)!important}.dgbc_carousel_wrapper.has_overlay .dgbc_post_inner_wrapper .dg-post-thumb>a:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:hsla(0,0%,100%,.7);opacity:0}.dgbc_carousel_wrapper.has_overlay .dgbc_post_inner_wrapper:hover .dg-post-thumb>a:before{opacity:1}.dgbc_carousel_wrapper.has_overlay .dgbc_post_inner_wrapper .dg-post-thumb>a:after{content:attr(data-icon);font-family:ETmodules!important;font-weight:400;font-style:normal;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1;text-transform:none;speak:none;position:absolute;font-size:28px;top:50%;left:50%;-webkit-transform:translate(-50%,26%);transform:translate(-50%,26%);opacity:0}.dgbc_carousel_wrapper.has_overlay .dgbc_post_inner_wrapper:hover .dg-post-thumb>a:after{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.gallery-columns-1 .wpmf-gallery-item{width:100%}.gallery-columns-2 .wpmf-gallery-item{width:50%}.gallery-columns-3 .wpmf-gallery-item{width:33.33333%}.gallery-columns-4 .wpmf-gallery-item{width:25%}.gallery-columns-5 .wpmf-gallery-item{width:20%}.gallery-columns-6 .wpmf-gallery-item{width:16.66667%}.gallery-columns-7 .wpmf-gallery-item{width:14.28571%}.gallery-columns-8 .wpmf-gallery-item{width:12.5%}.gallery-columns-9 .wpmf-gallery-item{width:11.11111%}.wpmf-has-border-radius-1 .wpmf-gallery-item .wpmf_overlay,.wpmf-has-border-radius-1 .wpmf-gallery-item img,.wpmf-has-border-radius-1.wpmfslick .wpmf-gallery-item .wpmf-gallery-icon{border-radius:1px}.wpmf-has-border-radius-2 .wpmf-gallery-item .wpmf_overlay,.wpmf-has-border-radius-2 .wpmf-gallery-item img,.wpmf-has-border-radius-2.wpmfslick .wpmf-gallery-item .wpmf-gallery-icon{border-radius:2px}.wpmf-has-border-radius-3 .wpmf-gallery-item .wpmf_overlay,.wpmf-has-border-radius-3 .wpmf-gallery-item img,.wpmf-has-border-radius-3.wpmfslick .wpmf-gallery-item .wpmf-gallery-icon{border-radius:3px}.wpmf-has-border-radius-4 .wpmf-gallery-item .wpmf_overlay,.wpmf-has-border-radius-4 .wpmf-gallery-item img,.wpmf-has-border-radius-4.wpmfslick .wpmf-gallery-item .wpmf-gallery-icon{border-radius:4px}.wpmf-has-border-radius-5 .wpmf-gallery-item .wpmf_overlay,.wpmf-has-border-radius-5 .wpmf-gallery-item img,.wpmf-has-border-radius-5.wpmfslick .wpmf-gallery-item .wpmf-gallery-icon{border-radius:5px}.wpmf-has-border-radius-6 .wpmf-gallery-item .wpmf_overlay,.wpmf-has-border-radius-6 .wpmf-gallery-item img,.wpmf-has-border-radius-6.wpmfslick .wpmf-gallery-item .wpmf-gallery-icon{border-radius:6px}.wpmf-has-border-radius-7 .wpmf-gallery-item .wpmf_overlay,.wpmf-has-border-radius-7 .wpmf-gallery-item img,.wpmf-has-border-radius-7.wpmfslick .wpmf-gallery-item .wpmf-gallery-icon{border-radius:7px}.wpmf-has-border-radius-8 .wpmf-gallery-item .wpmf_overlay,.wpmf-has-border-radius-8 .wpmf-gallery-item img,.wpmf-has-border-radius-8.wpmfslick .wpmf-gallery-item .wpmf-gallery-icon{border-radius:8px}.wpmf-has-border-radius-9 .wpmf-gallery-item .wpmf_overlay,.wpmf-has-border-radius-9 .wpmf-gallery-item img,.wpmf-has-border-radius-9.wpmfslick .wpmf-gallery-item .wpmf-gallery-icon{border-radius:9px}.wpmf-has-border-radius-10 .wpmf-gallery-item .wpmf_overlay,.wpmf-has-border-radius-10 .wpmf-gallery-item img,.wpmf-has-border-radius-10.wpmfslick .wpmf-gallery-item .wpmf-gallery-icon{border-radius:10px}.wpmf-has-border-radius-11 .wpmf-gallery-item .wpmf_overlay,.wpmf-has-border-radius-11 .wpmf-gallery-item img,.wpmf-has-border-radius-11.wpmfslick .wpmf-gallery-item .wpmf-gallery-icon{border-radius:11px}.wpmf-has-border-radius-12 .wpmf-gallery-item .wpmf_overlay,.wpmf-has-border-radius-12 .wpmf-gallery-item img,.wpmf-has-border-radius-12.wpmfslick .wpmf-gallery-item .wpmf-gallery-icon{border-radius:12px}.wpmf-has-border-radius-13 .wpmf-gallery-item .wpmf_overlay,.wpmf-has-border-radius-13 .wpmf-gallery-item img,.wpmf-has-border-radius-13.wpmfslick .wpmf-gallery-item .wpmf-gallery-icon{border-radius:13px}.wpmf-has-border-radius-14 .wpmf-gallery-item .wpmf_overlay,.wpmf-has-border-radius-14 .wpmf-gallery-item img,.wpmf-has-border-radius-14.wpmfslick .wpmf-gallery-item .wpmf-gallery-icon{border-radius:14px}.wpmf-has-border-radius-15 .wpmf-gallery-item .wpmf_overlay,.wpmf-has-border-radius-15 .wpmf-gallery-item img,.wpmf-has-border-radius-15.wpmfslick .wpmf-gallery-item .wpmf-gallery-icon{border-radius:15px}.wpmf-has-border-radius-16 .wpmf-gallery-item .wpmf_overlay,.wpmf-has-border-radius-16 .wpmf-gallery-item img,.wpmf-has-border-radius-16.wpmfslick .wpmf-gallery-item .wpmf-gallery-icon{border-radius:16px}.wpmf-has-border-radius-17 .wpmf-gallery-item .wpmf_overlay,.wpmf-has-border-radius-17 .wpmf-gallery-item img,.wpmf-has-border-radius-17.wpmfslick .wpmf-gallery-item .wpmf-gallery-icon{border-radius:17px}.wpmf-has-border-radius-18 .wpmf-gallery-item .wpmf_overlay,.wpmf-has-border-radius-18 .wpmf-gallery-item img,.wpmf-has-border-radius-18.wpmfslick .wpmf-gallery-item .wpmf-gallery-icon{border-radius:18px}.wpmf-has-border-radius-19 .wpmf-gallery-item .wpmf_overlay,.wpmf-has-border-radius-19 .wpmf-gallery-item img,.wpmf-has-border-radius-19.wpmfslick .wpmf-gallery-item .wpmf-gallery-icon{border-radius:19px}.wpmf-has-border-radius-20 .wpmf-gallery-item .wpmf_overlay,.wpmf-has-border-radius-20 .wpmf-gallery-item img,.wpmf-has-border-radius-20.wpmfslick .wpmf-gallery-item .wpmf-gallery-icon{border-radius:20px}.wp-core-ui .button,.wp-core-ui .button-primary,.wp-core-ui .button-secondary{display:inline-block;text-decoration:none;font-size:13px;line-height:2.15384615;min-height:30px;margin:0;padding:0 10px;cursor:pointer;border-width:1px;border-style:solid;-webkit-appearance:none;border-radius:3px;white-space:nowrap;box-sizing:border-box}.wp-core-ui button::-moz-focus-inner,.wp-core-ui input[type=button]::-moz-focus-inner,.wp-core-ui input[type=reset]::-moz-focus-inner,.wp-core-ui input[type=submit]::-moz-focus-inner{border-width:0;border-style:none;padding:0}.wp-core-ui .button-group.button-large .button,.wp-core-ui .button.button-large{min-height:32px;line-height:2.30769231;padding:0 12px}.wp-core-ui .button-group.button-small .button,.wp-core-ui .button.button-small{min-height:26px;line-height:2.18181818;padding:0 8px;font-size:11px}.wp-core-ui .button-group.button-hero .button,.wp-core-ui .button.button-hero{font-size:14px;min-height:46px;line-height:3.14285714;padding:0 36px}.wp-core-ui .button.hidden{display:none}.wp-core-ui input[type=reset],.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:focus,.wp-core-ui input[type=reset]:hover{background:0 0;border:none;box-shadow:none;padding:0 2px 1px;width:auto}.wp-core-ui .button,.wp-core-ui .button-secondary{color:#2271b1;border-color:#2271b1;background:#f6f7f7;vertical-align:top}.wp-core-ui p .button{vertical-align:baseline}.wp-core-ui .button-secondary:hover,.wp-core-ui .button.hover,.wp-core-ui .button:hover{background:#f0f0f1;border-color:#0a4b78;color:#0a4b78}.wp-core-ui .button-secondary:focus,.wp-core-ui .button.focus,.wp-core-ui .button:focus{background:#f6f7f7;border-color:#3582c4;color:#0a4b78;box-shadow:0 0 0 1px #3582c4;outline:2px solid transparent;outline-offset:0}.wp-core-ui .button-secondary:active,.wp-core-ui .button:active{background:#f6f7f7;border-color:#8c8f94;box-shadow:none}.wp-core-ui .button.active,.wp-core-ui .button.active:hover{background-color:#dcdcde;color:#135e96;border-color:#0a4b78;box-shadow:inset 0 2px 5px -3px #0a4b78}.wp-core-ui .button.active:focus{border-color:#3582c4;box-shadow:inset 0 2px 5px -3px #0a4b78,0 0 0 1px #3582c4}.wp-core-ui .button-disabled,.wp-core-ui .button-secondary.disabled,.wp-core-ui .button-secondary:disabled,.wp-core-ui .button-secondary[disabled],.wp-core-ui .button.disabled,.wp-core-ui .button:disabled,.wp-core-ui .button[disabled]{color:#a7aaad!important;border-color:#dcdcde!important;background:#f6f7f7!important;box-shadow:none!important;cursor:default;transform:none!important}.wp-core-ui .button-secondary[aria-disabled=true],.wp-core-ui .button[aria-disabled=true]{cursor:default}.wp-core-ui .button-link{margin:0;padding:0;box-shadow:none;border:0;border-radius:0;background:0 0;cursor:pointer;text-align:left;color:#2271b1;text-decoration:underline;transition-property:border,background,color;transition-duration:.05s;transition-timing-function:ease-in-out}.wp-core-ui .button-link:active,.wp-core-ui .button-link:hover{color:#135e96}.wp-core-ui .button-link:focus{color:#043959;box-shadow:0 0 0 2px #2271b1;outline:2px solid transparent}.wp-core-ui .button-link-delete{color:#d63638}.wp-core-ui .button-link-delete:focus,.wp-core-ui .button-link-delete:hover{color:#d63638;background:0 0}.wp-core-ui .button-link-delete:disabled{background:0 0!important}.wp-core-ui .button-primary{background:#2271b1;border-color:#2271b1;color:#fff;text-decoration:none;text-shadow:none}.wp-core-ui .button-primary.focus,.wp-core-ui .button-primary.hover,.wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{background:#135e96;border-color:#135e96;color:#fff}.wp-core-ui .button-primary.focus,.wp-core-ui .button-primary:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #2271b1}.wp-core-ui .button-primary.active,.wp-core-ui .button-primary.active:focus,.wp-core-ui .button-primary.active:hover,.wp-core-ui .button-primary:active{background:#135e96;border-color:#135e96;box-shadow:none;color:#fff}.wp-core-ui .button-primary-disabled,.wp-core-ui .button-primary.disabled,.wp-core-ui .button-primary:disabled,.wp-core-ui .button-primary[disabled]{color:#a7aaad!important;background:#f6f7f7!important;border-color:#dcdcde!important;box-shadow:none!important;text-shadow:none!important;cursor:default}.wp-core-ui .button-primary[aria-disabled=true]{cursor:default}.wp-core-ui .button-group{position:relative;display:inline-block;white-space:nowrap;font-size:0;vertical-align:middle}.wp-core-ui .button-group>.button{display:inline-block;border-radius:0;margin-right:-1px}.wp-core-ui .button-group>.button:first-child{border-radius:3px 0 0 3px}.wp-core-ui .button-group>.button:last-child{border-radius:0 3px 3px 0}.wp-core-ui .button-group>.button-primary+.button{border-left:0}.wp-core-ui .button-group>.button:focus{position:relative;z-index:1}.wp-core-ui .button-group>.button.active{background-color:#dcdcde;color:#135e96;border-color:#0a4b78;box-shadow:inset 0 2px 5px -3px #0a4b78}.wp-core-ui .button-group>.button.active:focus{border-color:#3582c4;box-shadow:inset 0 2px 5px -3px #0a4b78,0 0 0 1px #3582c4}@media screen and (max-width:782px){.wp-core-ui .button,.wp-core-ui .button.button-large,.wp-core-ui .button.button-small,a.preview,input#publish,input#save-post{padding:0 14px;line-height:2.71428571;font-size:14px;vertical-align:middle;min-height:40px;margin-bottom:4px}.wp-core-ui .copy-to-clipboard-container .copy-attachment-url{margin-bottom:0}#media-upload.wp-core-ui .button{padding:0 10px 1px;min-height:24px;line-height:22px;font-size:13px}.media-frame.mode-grid .bulk-select .button{margin-bottom:0}.wp-core-ui .save-post-status.button{position:relative;margin:0 14px 0 10px}.wp-core-ui.wp-customizer .button{font-size:13px;line-height:2.15384615;min-height:30px;margin:0;vertical-align:inherit}.wp-customizer .theme-overlay .theme-actions .button{margin-bottom:5px}.media-modal-content .media-toolbar-primary .media-button{margin-top:10px;margin-left:5px}.interim-login .button.button-large{min-height:30px;line-height:2;padding:0 12px 2px}}.mejs-offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs-container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs-container,.mejs-container *{box-sizing:border-box}.mejs-container video::-webkit-media-controls,.mejs-container video::-webkit-media-controls-panel,.mejs-container video::-webkit-media-controls-panel-container,.mejs-container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs-fill-container,.mejs-fill-container .mejs-container{height:100%;width:100%}.mejs-fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs-container:focus{outline:none}.mejs-iframe-overlay{height:100%;position:absolute;width:100%}.mejs-embed,.mejs-embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{height:100%!important;width:100%!important}.mejs-background,.mejs-mediaelement{left:0;position:absolute;top:0}.mejs-mediaelement{height:100%;width:100%;z-index:0}.mejs-poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs-poster-img{display:none}.mejs-poster-img{border:0;padding:0}.mejs-overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs-layer{z-index:1}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{background:url(//development-staging.juniperdesign.com/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs-overlay:hover>.mejs-overlay-button{background-position:-80px -39px}.mejs-overlay-loading{height:80px;width:80px}.mejs-overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url(//development-staging.juniperdesign.com/wp-includes/js/mediaelement/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs-controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs-controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs-button,.mejs-time,.mejs-time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs-button>button{background:transparent url(//development-staging.juniperdesign.com/wp-includes/js/mediaelement/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs-button>button:focus{outline:1px dotted #999}.mejs-container-keyboard-inactive [role=slider],.mejs-container-keyboard-inactive [role=slider]:focus,.mejs-container-keyboard-inactive a,.mejs-container-keyboard-inactive a:focus,.mejs-container-keyboard-inactive button,.mejs-container-keyboard-inactive button:focus{outline:0}.mejs-time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs-play>button{background-position:0 0}.mejs-pause>button{background-position:-20px 0}.mejs-replay>button{background-position:-160px 0}.mejs-time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs-time-buffering,.mejs-time-current,.mejs-time-float,.mejs-time-float-corner,.mejs-time-float-current,.mejs-time-hovered,.mejs-time-loaded,.mejs-time-marker,.mejs-time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs-time-total{background:hsla(0,0%,100%,.3);margin:5px 0 0;width:100%}.mejs-time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs-time-loaded{background:hsla(0,0%,100%,.3)}.mejs-time-current,.mejs-time-handle-content{background:hsla(0,0%,100%,.9)}.mejs-time-hovered{background:hsla(0,0%,100%,.5);z-index:10}.mejs-time-hovered.negative{background:rgba(0,0,0,.2)}.mejs-time-buffering,.mejs-time-current,.mejs-time-hovered,.mejs-time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs-time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs-time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs-time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs-time-handle,.mejs-time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs-time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs-time-rail .mejs-time-handle-content:active,.mejs-time-rail .mejs-time-handle-content:focus,.mejs-time-rail:hover .mejs-time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs-time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs-time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs-time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs-long-video .mejs-time-float{margin-left:-23px;width:64px}.mejs-long-video .mejs-time-float-current{width:60px}.mejs-broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs-fullscreen-button>button{background-position:-80px 0}.mejs-unfullscreen>button{background-position:-100px 0}.mejs-mute>button{background-position:-60px 0}.mejs-unmute>button{background-position:-40px 0}.mejs-volume-button{position:relative}.mejs-volume-button>.mejs-volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs-volume-button:hover{border-radius:0 0 4px 4px}.mejs-volume-total{background:hsla(0,0%,100%,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs-volume-current{left:0;margin:0;width:100%}.mejs-volume-current,.mejs-volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs-volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs-horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs-horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs-horizontal-volume-current,.mejs-horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs-horizontal-volume-current{background:hsla(0,0%,100%,.8);height:100%;top:0;width:100%}.mejs-horizontal-volume-handle{display:none}.mejs-captions-button,.mejs-chapters-button{position:relative}.mejs-captions-button>button{background-position:-140px 0}.mejs-chapters-button>button{background-position:-180px 0}.mejs-captions-button>.mejs-captions-selector,.mejs-chapters-button>.mejs-chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs-chapters-button>.mejs-chapters-selector{margin-right:-55px;width:110px}.mejs-captions-selector-list,.mejs-chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs-captions-selector-list-item,.mejs-chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs-captions-selector-list-item:hover,.mejs-chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs-captions-selector-input,.mejs-chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs-captions-selector-label,.mejs-chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs-captions-selected,.mejs-chapters-selected{color:#21f8f8}.mejs-captions-translations{font-size:10px;margin:0 0 5px}.mejs-captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text,.mejs-captions-text *{background:hsla(0,0%,8%,.5);box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs-container.mejs-hide-cues video::-webkit-media-text-track-container{display:none}.mejs-overlay-error{position:relative}.mejs-overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs-cannotplay,.mejs-cannotplay a{color:#fff;font-size:.8em}.mejs-cannotplay{position:relative}.mejs-cannotplay a,.mejs-cannotplay p{display:inline-block;padding:0 15px;width:100%}.mejs-container{clear:both;max-width:100%}.mejs-container *{font-family:Helvetica,Arial}.mejs-container,.mejs-container .mejs-controls,.mejs-embed,.mejs-embed body{background:#222}.mejs-time{font-weight:400;word-wrap:normal}.mejs-controls a.mejs-horizontal-volume-slider{display:table}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#fff}.mejs-controls .mejs-time-rail .mejs-time-current{background:#0073aa}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail .mejs-time-total{background:rgba(255,255,255,.33)}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail span{border-radius:0}.mejs-overlay-loading{background:0 0}.mejs-controls button:hover{border:none;-webkit-box-shadow:none;box-shadow:none}.me-cannotplay{width:auto!important}.media-embed-details .wp-audio-shortcode{display:inline-block;max-width:400px}.audio-details .embed-media-settings{overflow:visible}.media-embed-details .embed-media-settings .setting span:not(.button-group){max-width:400px;width:auto}.media-embed-details .embed-media-settings .checkbox-setting span{display:inline-block}.media-embed-details .embed-media-settings{padding-top:0;top:28px}.media-embed-details .instructions{padding:16px 0;max-width:600px}.media-embed-details .setting .remove-setting,.media-embed-details .setting p{color:#a00;font-size:10px;text-transform:uppercase}.media-embed-details .setting .remove-setting{padding:5px 0}.media-embed-details .setting a:hover{color:#dc3232}.media-embed-details .embed-media-settings .checkbox-setting{float:none;margin:0 0 10px}.wp-video{max-width:100%;height:auto}.wp_attachment_holder .wp-audio-shortcode,.wp_attachment_holder .wp-video{margin-top:18px}.wp-video-shortcode video,video.wp-video-shortcode{max-width:100%;display:inline-block}.video-details .wp-video-holder{width:100%;max-width:640px}.wp-playlist{border:1px solid #ccc;padding:10px;margin:12px 0 18px;font-size:14px;line-height:1.5}.wp-admin .wp-playlist{margin:0 0 18px}.wp-playlist video{display:inline-block;max-width:100%}.wp-playlist audio{display:none;max-width:100%;width:400px}.wp-playlist .mejs-container{margin:0;max-width:100%}.wp-playlist .mejs-controls .mejs-button button{outline:0}.wp-playlist-light{background:#fff;color:#000}.wp-playlist-dark{color:#fff;background:#000}.wp-playlist-caption{display:block;max-width:88%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.5}.wp-playlist-item .wp-playlist-caption{text-decoration:none;color:#000;max-width:-webkit-calc(100% - 40px);max-width:calc(100% - 40px)}.wp-playlist-item-meta{display:block;font-size:14px;line-height:1.5}.wp-playlist-item-title{font-size:14px;line-height:1.5}.wp-playlist-item-album{font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-playlist-item-artist{font-size:12px;text-transform:uppercase}.wp-playlist-item-length{position:absolute;right:3px;top:0;font-size:14px;line-height:1.5}.rtl .wp-playlist-item-length{left:3px;right:auto}.wp-playlist-tracks{margin-top:10px}.wp-playlist-item{position:relative;cursor:pointer;padding:0 3px;border-bottom:1px solid #ccc}.wp-playlist-item:last-child{border-bottom:0}.wp-playlist-light .wp-playlist-caption{color:#333}.wp-playlist-dark .wp-playlist-caption{color:#ddd}.wp-playlist-playing{font-weight:700;background:#f7f7f7}.wp-playlist-light .wp-playlist-playing{background:#fff;color:#000}.wp-playlist-dark .wp-playlist-playing{background:#000;color:#fff}.wp-playlist-current-item{overflow:hidden;margin-bottom:10px;height:60px}.wp-playlist .wp-playlist-current-item img{float:left;max-width:60px;height:auto;margin-right:10px;padding:0;border:0}.rtl .wp-playlist .wp-playlist-current-item img{float:right;margin-left:10px;margin-right:0}.wp-playlist-current-item .wp-playlist-item-artist,.wp-playlist-current-item .wp-playlist-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-audio-playlist .me-cannotplay span{padding:5px 15px}.media-modal *{box-sizing:content-box}.media-modal input,.media-modal select,.media-modal textarea{box-sizing:border-box}.media-frame,.media-modal{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:12px;-webkit-overflow-scrolling:touch}.media-modal legend{padding:0;font-size:13px}.media-modal label{font-size:13px}.media-modal .legend-inline{position:absolute;transform:translate(-100%,50%);margin-left:-1%;line-height:1.2}.media-frame a{border-bottom:none;color:#2271b1}.media-frame a:active,.media-frame a:hover{color:#135e96}.media-frame a:focus{box-shadow:0 0 0 2px #2271b1;color:#043959;outline:2px solid transparent}.media-frame a.button{color:#2c3338}.media-frame a.button:hover{color:#1d2327}.media-frame a.button-primary,.media-frame a.button-primary:hover{color:#fff}.media-frame input,.media-frame textarea{padding:6px 8px}.media-frame select,.wp-admin .media-frame select{min-height:30px;vertical-align:middle}.media-frame input[type=color],.media-frame input[type=date],.media-frame input[type=datetime-local],.media-frame input[type=datetime],.media-frame input[type=email],.media-frame input[type=month],.media-frame input[type=number],.media-frame input[type=password],.media-frame input[type=search],.media-frame input[type=tel],.media-frame input[type=text],.media-frame input[type=time],.media-frame input[type=url],.media-frame input[type=week],.media-frame select,.media-frame textarea{box-shadow:0 0 0 transparent;border-radius:4px;border:1px solid #8c8f94;background-color:#fff;color:#2c3338;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:13px;line-height:1.38461538}.media-frame input[type=date],.media-frame input[type=datetime-local],.media-frame input[type=datetime],.media-frame input[type=email],.media-frame input[type=month],.media-frame input[type=number],.media-frame input[type=password],.media-frame input[type=search],.media-frame input[type=tel],.media-frame input[type=text],.media-frame input[type=time],.media-frame input[type=url],.media-frame input[type=week]{padding:0 8px;line-height:2.15384615}.media-frame.mode-grid .wp-filter input[type=search]{font-size:14px;line-height:2}.media-frame input[type=email]:focus,.media-frame input[type=number]:focus,.media-frame input[type=password]:focus,.media-frame input[type=search]:focus,.media-frame input[type=text]:focus,.media-frame input[type=url]:focus,.media-frame select:focus,.media-frame textarea:focus{border-color:#3582c4;box-shadow:0 0 0 1px #3582c4;outline:2px solid transparent}.media-frame input:disabled,.media-frame input[readonly],.media-frame textarea:disabled,.media-frame textarea[readonly]{background-color:#f0f0f1}.media-frame input[type=search]{-webkit-appearance:textfield}.media-frame ::-webkit-input-placeholder{color:#646970}.media-frame ::-moz-placeholder{color:#646970}.media-frame .hidden,.media-frame .setting.hidden{display:none} .ui-draggable-handle,.ui-sortable-handle{touch-action:none}.media-modal{position:fixed;top:30px;left:30px;right:30px;bottom:30px;z-index:160000}.wp-customizer .media-modal{z-index:560000}.media-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;min-height:360px;background:#000;opacity:.7;z-index:159900}.wp-customizer .media-modal-backdrop{z-index:559900}.media-modal-close{position:absolute;top:0;right:0;width:50px;height:50px;margin:0;padding:0;border:1px solid transparent;background:0 0;color:#646970;z-index:1000;cursor:pointer;outline:0;transition:color .1s ease-in-out,background .1s ease-in-out}.media-modal-close:active,.media-modal-close:hover{color:#135e96}.media-modal-close:focus{color:#135e96;border-color:#4f94d4;box-shadow:0 0 3px rgba(34,113,177,.8);outline:2px solid transparent}.media-modal-close span.media-modal-icon{background-image:none}.media-modal-close .media-modal-icon:before{content:"\f158";content:"\f158"/'';font:normal 20px/1 dashicons;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.media-modal-content{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;min-height:300px;box-shadow:0 5px 15px rgba(0,0,0,.7);background:#fff;-webkit-font-smoothing:subpixel-antialiased}.media-modal-content .media-frame select.attachment-filters{margin-top:32px;margin-right:2%;width:42%;width:calc(48% - 12px)}.wp-core-ui .media-modal-icon{background-image:url(//development-staging.juniperdesign.com/wp-includes/images/uploader-icons.png);background-repeat:no-repeat}.media-toolbar{position:absolute;top:0;left:0;right:0;z-index:100;height:60px;padding:0 16px;border:0 solid #dcdcde;overflow:hidden}.media-frame-toolbar .media-toolbar{top:auto;bottom:-47px;height:auto;overflow:visible;border-top:1px solid #dcdcde}.media-toolbar-primary{float:right;height:100%;position:relative}.media-toolbar-secondary{float:left;height:100%}.media-toolbar-primary>.media-button,.media-toolbar-primary>.media-button-group{margin-left:10px;float:left;margin-top:15px}.media-toolbar-secondary>.media-button,.media-toolbar-secondary>.media-button-group{margin-right:10px;margin-top:15px}.media-sidebar{position:absolute;top:0;right:0;bottom:0;width:267px;padding:0 16px;z-index:75;background:#f6f7f7;border-left:1px solid #dcdcde;overflow:auto;-webkit-overflow-scrolling:touch}.media-sidebar::after{content:"";display:flex;clear:both;height:24px}.hide-toolbar .media-sidebar{bottom:0}.image-details .media-embed h2,.media-sidebar h2{position:relative;font-weight:600;text-transform:uppercase;font-size:12px;color:#646970;margin:24px 0 8px}.attachment-details .setting,.media-sidebar .setting{display:block;float:left;width:100%;margin:0 0 10px}.attachment-details h2{display:grid;grid-template-columns:auto 5em}.media-sidebar .collection-settings .setting{margin:1px 0}.attachment-details .setting.has-description,.media-sidebar .setting.has-description{margin-bottom:5px}.media-sidebar .setting .link-to-custom{margin:3px 2px 0}.attachment-details .setting .name,.attachment-details .setting span,.media-sidebar .setting .name,.media-sidebar .setting .value,.media-sidebar .setting span{min-width:30%;margin-right:4%;font-size:12px;text-align:right;word-wrap:break-word}.media-sidebar .setting .name{max-width:80px}.media-sidebar .setting .value{text-align:left}.media-sidebar .setting select{max-width:65%}.attachment-details .field input[type=checkbox],.attachment-details .field input[type=radio],.attachment-details .setting input[type=checkbox],.attachment-details .setting input[type=radio],.media-sidebar .field input[type=checkbox],.media-sidebar .field input[type=radio],.media-sidebar .setting input[type=checkbox],.media-sidebar .setting input[type=radio]{float:none;margin:8px 3px 0;padding:0}.attachment-details .setting .name,.attachment-details .setting .value,.attachment-details .setting span,.compat-item label span,.media-sidebar .checkbox-label-inline,.media-sidebar .setting .name,.media-sidebar .setting .value,.media-sidebar .setting span{float:left;min-height:22px;padding-top:8px;line-height:1.33333333;font-weight:400;color:#646970}.media-sidebar .checkbox-label-inline{font-size:12px}.attachment-details .copy-to-clipboard-container,.media-sidebar .copy-to-clipboard-container{flex-wrap:wrap;margin-top:10px;margin-left:calc(35% - 1px);padding-top:10px}.attachment-details .attachment-info .copy-to-clipboard-container{float:none}.attachment-details .copy-to-clipboard-container .success,.media-sidebar .copy-to-clipboard-container .success{padding:0;min-height:0;line-height:2.18181818;text-align:left;color:#007017}.compat-item label span{text-align:right}.attachment-details .setting .value,.attachment-details .setting input[type=email],.attachment-details .setting input[type=number],.attachment-details .setting input[type=password],.attachment-details .setting input[type=search],.attachment-details .setting input[type=tel],.attachment-details .setting input[type=text],.attachment-details .setting input[type=url],.attachment-details .setting textarea,.attachment-details .setting+.description,.media-sidebar .setting .value,.media-sidebar .setting input[type=email],.media-sidebar .setting input[type=number],.media-sidebar .setting input[type=password],.media-sidebar .setting input[type=search],.media-sidebar .setting input[type=tel],.media-sidebar .setting input[type=text],.media-sidebar .setting input[type=url],.media-sidebar .setting textarea{box-sizing:border-box;margin:1px;width:65%;float:right}.attachment-details .setting .value,.attachment-details .setting+.description,.media-sidebar .setting .value{margin:0 1px;text-align:left}.attachment-details .setting+.description{clear:both;font-size:12px;font-style:normal;margin-bottom:10px}.attachment-details .setting textarea,.compat-item .field textarea,.media-sidebar .setting textarea{height:62px;resize:vertical}.alt-text textarea,.attachment-details .alt-text textarea,.compat-item .alt-text textarea,.media-sidebar .alt-text textarea{height:50px}.compat-item{float:left;width:100%;overflow:hidden}.compat-item table{width:100%;table-layout:fixed;border-spacing:0;border:0}.compat-item tr{padding:2px 0;display:block;overflow:hidden}.compat-item .field,.compat-item .label{display:block;margin:0;padding:0}.compat-item .label{min-width:30%;margin-right:4%;float:left;text-align:right}.compat-item .label span{display:block;width:100%}.compat-item .field{float:right;width:65%;margin:1px}.compat-item .field input[type=email],.compat-item .field input[type=number],.compat-item .field input[type=password],.compat-item .field input[type=search],.compat-item .field input[type=tel],.compat-item .field input[type=text],.compat-item .field input[type=url],.compat-item .field textarea{width:100%;margin:0;box-sizing:border-box}.sidebar-for-errors .attachment-details,.sidebar-for-errors .compat-item,.sidebar-for-errors .media-sidebar .media-progress-bar,.sidebar-for-errors .upload-details{display:none!important}.media-menu{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:50px 0 10px;background:#f6f7f7;border-right-width:1px;border-right-style:solid;border-right-color:#c3c4c7;-webkit-user-select:none;user-select:none}.media-menu .media-menu-item{display:block;box-sizing:border-box;width:100%;position:relative;border:0;margin:0;padding:8px 20px;font-size:14px;line-height:1.28571428;background:0 0;color:#2271b1;text-align:left;text-decoration:none;cursor:pointer}.media-menu .media-menu-item:hover{background:rgba(0,0,0,.04)}.media-menu .media-menu-item:active{color:#2271b1;outline:0}.media-menu .active,.media-menu .active:hover{color:#1d2327;font-weight:600}.media-menu .media-menu-item:focus{box-shadow:0 0 0 2px #2271b1;color:#043959;outline:2px solid transparent}.media-menu .separator{height:0;margin:12px 20px;padding:0;border-top:1px solid #dcdcde}.media-router{position:relative;padding:0 6px;margin:0;clear:both}.media-router .media-menu-item{position:relative;float:left;border:0;margin:0;padding:8px 10px 9px;height:18px;line-height:1.28571428;font-size:14px;text-decoration:none;background:0 0;cursor:pointer;transition:none}.media-router .media-menu-item:last-child{border-right:0}.media-router .media-menu-item:active,.media-router .media-menu-item:hover{color:#2271b1}.media-router .active,.media-router .active:hover{color:#1d2327}.media-router .media-menu-item:focus{box-shadow:0 0 0 2px #2271b1;color:#043959;outline:2px solid transparent;z-index:1}.media-router .active,.media-router .media-menu-item.active:last-child{margin:-1px -1px 0;background:#fff;border:1px solid #dcdcde;border-bottom:none}.media-router .active:after{display:none}.media-frame{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.media-frame-menu{position:absolute;top:0;left:0;bottom:0;width:200px;z-index:150}.media-frame-title{position:absolute;top:0;left:200px;right:0;height:50px;z-index:200}.media-frame-router{position:absolute;top:50px;left:200px;right:0;height:36px;z-index:200}.media-frame-content{position:absolute;top:84px;left:200px;right:0;bottom:61px;height:auto;width:auto;margin:0;overflow:auto;background:#fff;border-top:1px solid #dcdcde}.media-frame-toolbar{position:absolute;left:200px;right:0;z-index:100;bottom:60px;height:auto}.media-frame.hide-menu .media-frame-content,.media-frame.hide-menu .media-frame-router,.media-frame.hide-menu .media-frame-title,.media-frame.hide-menu .media-frame-toolbar{left:0}.media-frame.hide-toolbar .media-frame-content{bottom:0}.media-frame.hide-router .media-frame-content{top:50px}.media-frame.hide-menu .media-frame-menu,.media-frame.hide-menu .media-frame-menu-heading,.media-frame.hide-router .media-frame-router,.media-frame.hide-toolbar .media-frame-toolbar{display:none}.media-frame-title h1{padding:0 16px;font-size:22px;line-height:2.27272727;margin:0}.media-attachments-filter-heading,.media-frame-menu-heading{position:absolute;left:20px;top:22px;margin:0;font-size:13px;line-height:1;z-index:151}.media-attachments-filter-heading{top:10px;left:16px}.mode-grid .media-attachments-filter-heading{top:0;left:-9999px}.mode-grid .media-frame-actions-heading{display:none}.wp-core-ui .button.media-frame-menu-toggle{display:none}.media-frame-title .suggested-dimensions{font-size:14px;float:right;margin-right:20px}.media-frame-content .crop-content{height:100%}.options-general-php .crop-content.site-icon,.wp-customizer:not(.mobile) .media-frame-content .crop-content.site-icon{margin-right:300px}.media-frame-content .crop-content .crop-image{display:block;margin:auto;max-width:100%;max-height:100%}.media-frame-content .crop-content .upload-errors{position:absolute;width:300px;top:50%;left:50%;margin-left:-150px;margin-right:-150px;z-index:600000}.media-frame .media-iframe{overflow:hidden}.media-frame .media-iframe,.media-frame .media-iframe iframe{height:100%;width:100%;border:0}.media-frame select.attachment-filters{margin-top:11px;margin-right:2%;max-width:42%;max-width:calc(48% - 12px)}.media-frame select.attachment-filters:last-of-type{margin-right:0}.media-frame .search{margin:32px 0 0;padding:4px;font-size:13px;color:#3c434a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;-webkit-appearance:none}.media-toolbar-primary .search{max-width:100%}.media-modal .media-frame .media-search-input-label{position:absolute;left:0;top:10px;margin:0;line-height:1}.wp-core-ui .attachments{margin:0;-webkit-overflow-scrolling:touch}.wp-core-ui .attachment{position:relative;float:left;padding:8px;margin:0;color:#3c434a;cursor:pointer;list-style:none;text-align:center;-webkit-user-select:none;user-select:none;width:25%;box-sizing:border-box}.wp-core-ui .attachment.details:focus,.wp-core-ui .attachment:focus,.wp-core-ui .selected.attachment:focus{box-shadow:inset 0 0 2px 3px #fff,inset 0 0 0 7px #4f94d4;outline:2px solid transparent;outline-offset:-6px}.wp-core-ui .selected.attachment{box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 7px #c3c4c7}.wp-core-ui .attachment.details{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 7px #2271b1}.wp-core-ui .attachment-preview{position:relative;box-shadow:inset 0 0 15px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.05);background:#f0f0f1;cursor:pointer}.wp-core-ui .attachment-preview:before{content:"";display:block;padding-top:100%}.wp-core-ui .attachment .icon{margin:0 auto;overflow:hidden}.wp-core-ui .attachment .thumbnail{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;transition:opacity .1s}.wp-core-ui .attachment .portrait img{max-width:100%}.wp-core-ui .attachment .landscape img{max-height:100%}.wp-core-ui .attachment .thumbnail:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);overflow:hidden}.wp-core-ui .attachment .thumbnail img{top:0;left:0}.wp-core-ui .attachment .thumbnail .centered{position:absolute;top:0;left:0;width:100%;height:100%;transform:translate(50%,50%)}.wp-core-ui .attachment .thumbnail .centered img{transform:translate(-50%,-50%)}.wp-core-ui .attachments-browser .attachment .thumbnail .centered img.icon{transform:translate(-50%,-70%)}.wp-core-ui .attachment .filename{position:absolute;left:0;right:0;bottom:0;overflow:hidden;max-height:100%;word-wrap:break-word;text-align:center;font-weight:600;background:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.wp-core-ui .attachment .filename div{padding:5px 10px}.wp-core-ui .attachment .thumbnail img{position:absolute}.wp-core-ui .attachment-close{display:block;position:absolute;top:5px;right:5px;height:22px;width:22px;padding:0;background-color:#fff;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.3);transition:none}.wp-core-ui .attachment-close .media-modal-icon{display:inline-block;background-position:-96px 4px;height:22px;width:22px}.wp-core-ui .attachment-close:focus .media-modal-icon,.wp-core-ui .attachment-close:hover .media-modal-icon{background-position:-36px 4px}.wp-core-ui .attachment .check{display:none;height:24px;width:24px;padding:0;border:0;position:absolute;z-index:10;top:0;right:0;outline:0;background:#f0f0f1;cursor:pointer;box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,0,0,.15)}.wp-core-ui .attachment .check .media-modal-icon{display:block;background-position:-1px 0;height:15px;width:15px;margin:5px}.wp-core-ui .attachment .check:hover .media-modal-icon{background-position:-40px 0}.wp-core-ui .attachment.selected .check{display:block}.wp-core-ui .attachment.details .check,.wp-core-ui .attachment.selected .check:focus,.wp-core-ui .media-frame.mode-grid .attachment.selected .check{background-color:#2271b1;box-shadow:0 0 0 1px #fff,0 0 0 2px #2271b1}.wp-core-ui .attachment.selected .check:focus{outline:2px solid transparent}.wp-core-ui .attachment.details .check .media-modal-icon,.wp-core-ui .media-frame.mode-grid .attachment.selected .check .media-modal-icon{background-position:-21px 0}.wp-core-ui .attachment.details .check:hover .media-modal-icon,.wp-core-ui .attachment.selected .check:focus .media-modal-icon,.wp-core-ui .media-frame.mode-grid .attachment.selected .check:hover .media-modal-icon{background-position:-60px 0}.wp-core-ui .media-frame .attachment .describe{position:relative;display:block;width:100%;margin:0;padding:0 8px;font-size:12px;border-radius:0}.media-frame .attachments-browser{position:relative;width:100%;height:100%;overflow:hidden}.attachments-browser .media-toolbar{right:300px;height:72px;background:#fff}.attachments-browser.hide-sidebar .media-toolbar{right:0}.attachments-browser .media-toolbar-primary>.media-button,.attachments-browser .media-toolbar-primary>.media-button-group,.attachments-browser .media-toolbar-secondary>.media-button,.attachments-browser .media-toolbar-secondary>.media-button-group{margin:10px 0}.attachments-browser .attachments{padding:2px 8px 8px}.attachments-browser .uploader-inline,.attachments-browser.has-load-more .attachments-wrapper,.attachments-browser:not(.has-load-more) .attachments{position:absolute;top:72px;left:0;right:300px;bottom:0;overflow:auto;outline:0}.attachments-browser .uploader-inline.hidden{display:none}.attachments-browser .media-toolbar-primary{max-width:33%}.mode-grid .attachments-browser .media-toolbar-primary{display:flex;align-items:center;column-gap:.5rem;margin:11px 0}.mode-grid .attachments-browser .media-toolbar-mode-select .media-toolbar-primary{display:none}.attachments-browser .media-toolbar-secondary{max-width:66%}.uploader-inline .close{background-color:transparent;border:0;cursor:pointer;height:48px;outline:0;padding:0;position:absolute;right:2px;text-align:center;top:2px;width:48px;z-index:1}.uploader-inline .close:before{font:normal 30px/1 dashicons!important;color:#50575e;display:inline-block;content:"\f335";content:"\f335"/'';font-weight:300;margin-top:1px}.uploader-inline .close:focus{outline:1px solid #4f94d4;box-shadow:0 0 3px rgba(34,113,177,.8)}.attachments-browser.hide-sidebar .attachments,.attachments-browser.hide-sidebar .uploader-inline{right:0;margin-right:0}.attachments-browser .instructions{display:inline-block;margin-top:16px;line-height:1.38461538;font-size:13px;color:#646970}.attachments-browser .no-media{padding:2em 0 0 2em}.more-loaded .attachment:not(.found-media){background:#dcdcde}.load-more-wrapper{clear:both;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:1em 0}.load-more-wrapper .load-more-count{min-width:100%;margin:0 0 1em;text-align:center}.load-more-wrapper .load-more{margin:0}.media-frame .load-more-wrapper .load-more+.spinner{float:none;margin:0 -30px 0 10px}.media-frame .load-more-wrapper .load-more.hidden+.spinner{margin:0}.load-more-wrapper::after{content:"";min-width:100%;order:1}.load-more-wrapper .load-more-jump{margin:0 0 0 12px}.attachment.new-media{outline:2px dotted #c3c4c7}.media-progress-bar{position:relative;height:10px;width:70%;margin:10px auto;border-radius:10px;background:#dcdcde;background:rgba(0,0,0,.1)}.media-progress-bar div{height:10px;min-width:20px;width:0;background:#2271b1;border-radius:10px;transition:width .3s}.media-uploader-status .media-progress-bar{display:none;width:100%}.uploading.media-uploader-status .media-progress-bar{display:block}.attachment-preview .media-progress-bar{position:absolute;top:50%;left:15%;width:70%;margin:-5px 0 0}.media-uploader-status{position:relative;margin:0 auto;padding-bottom:10px;max-width:400px}.uploader-inline .media-uploader-status h2{display:none}.media-uploader-status .upload-details{display:none;font-size:12px;color:#646970}.uploading.media-uploader-status .upload-details{display:block}.media-uploader-status .upload-detail-separator{padding:0 4px}.media-uploader-status .upload-count{color:#3c434a}.media-uploader-status .upload-dismiss-errors,.media-uploader-status .upload-errors{display:none}.errors.media-uploader-status .upload-dismiss-errors,.errors.media-uploader-status .upload-errors{display:block}.media-uploader-status .upload-dismiss-errors{transition:none;text-decoration:none}.upload-errors .upload-error{padding:12px;margin-bottom:12px;background:#fff;border-left:4px solid #d63638;box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}.uploader-inline .upload-errors .upload-error{padding:12px 30px;background-color:#fcf0f1;box-shadow:none}.upload-errors .upload-error-filename{font-weight:600}.upload-errors .upload-error-message{display:block;padding-top:8px;word-wrap:break-word}.uploader-window,.wp-editor-wrap .uploader-editor{top:0;left:0;right:0;bottom:0;text-align:center;display:none}.uploader-window{position:fixed;z-index:250000;opacity:0;transition:opacity 250ms}.wp-editor-wrap .uploader-editor{position:absolute;z-index:99998;background:rgba(140,143,148,.9)}.uploader-window,.wp-editor-wrap .uploader-editor.droppable{background:rgba(10,75,120,.9)}.uploader-window-content,.wp-editor-wrap .uploader-editor-content{position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:1px dashed #fff}.uploader-window .uploader-editor-title,.uploader-window h1,.wp-editor-wrap .uploader-editor .uploader-editor-title{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);font-size:3em;line-height:1.3;font-weight:600;color:#fff;margin:0;padding:0 10px}.wp-editor-wrap .uploader-editor .uploader-editor-title{display:none}.wp-editor-wrap .uploader-editor.droppable .uploader-editor-title{display:block}.uploader-window .media-progress-bar{margin-top:20px;max-width:300px;background:0 0;border-color:#fff;display:none}.uploader-window .media-progress-bar div{background:#fff}.uploading .uploader-window .media-progress-bar{display:block}.media-frame .uploader-inline{margin-bottom:20px;padding:0;text-align:center}.uploader-inline-content{position:absolute;top:30%;left:0;right:0}.uploader-inline-content .upload-ui{margin:2em 0}.uploader-inline-content .post-upload-ui{margin-bottom:2em}.uploader-inline .has-upload-message .upload-ui{margin:0 0 4em}.uploader-inline h2{font-size:20px;line-height:1.4;font-weight:400;margin:0}.uploader-inline .has-upload-message .upload-instructions{font-size:14px;color:#3c434a;font-weight:400}.uploader-inline .drop-instructions{display:none}.supports-drag-drop .uploader-inline .drop-instructions{display:block}.uploader-inline p{margin:.5em 0}.uploader-inline .media-progress-bar{display:none}.uploading.uploader-inline .media-progress-bar{display:block}.uploader-inline .browser{display:inline-block!important}.media-selection{position:absolute;top:0;left:0;right:350px;height:60px;padding:0 0 0 16px;overflow:hidden;white-space:nowrap}.media-selection .selection-info{display:inline-block;font-size:12px;height:60px;margin-right:10px;vertical-align:top}.media-selection.editing,.media-selection.empty{display:none}.media-selection.one .edit-selection{display:none}.media-selection .count{display:block;padding-top:12px;font-size:14px;line-height:1.42857142;font-weight:600}.media-selection .button-link{float:left;padding:1px 8px;margin:1px 8px 1px -8px;line-height:1.4;border-right:1px solid #dcdcde;color:#2271b1;text-decoration:none}.media-selection .button-link:focus,.media-selection .button-link:hover{color:#135e96}.media-selection .button-link:last-child{border-right:0;margin-right:0}.selection-info .clear-selection{color:#d63638}.selection-info .clear-selection:focus,.selection-info .clear-selection:hover{color:#d63638}.media-selection .selection-view{display:inline-block;vertical-align:top}.media-selection .attachments{display:inline-block;height:48px;margin:6px;padding:0;overflow:hidden;vertical-align:top}.media-selection .attachment{width:40px;padding:0;margin:4px}.media-selection .attachment .thumbnail{top:0;right:0;bottom:0;left:0}.media-selection .attachment .icon{width:50%}.media-selection .attachment-preview{box-shadow:none;background:0 0}.wp-core-ui .media-selection .attachment.details:focus,.wp-core-ui .media-selection .attachment:focus,.wp-core-ui .media-selection .selected.attachment:focus{box-shadow:0 0 0 1px #fff,0 0 2px 3px #4f94d4;outline:2px solid transparent}.wp-core-ui .media-selection .selected.attachment{box-shadow:none}.wp-core-ui .media-selection .attachment.details{box-shadow:0 0 0 1px #fff,0 0 0 3px #2271b1}.media-selection:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;width:25px;background-image:linear-gradient(to left,#fff,rgba(255,255,255,0))}.media-selection .attachment .filename{display:none}.media-frame .spinner{background:url(//development-staging.juniperdesign.com/wp-includes/images/spinner.gif) no-repeat;background-size:20px 20px;float:right;display:inline-block;visibility:hidden;opacity:.7;width:20px;height:20px;margin:0;vertical-align:middle}.media-frame .media-sidebar .settings-save-status .spinner{position:absolute;right:0;top:0}.media-frame.mode-grid .spinner{margin:0;float:none;vertical-align:middle}.media-modal .media-toolbar .spinner{float:none;vertical-align:bottom;margin:0 0 5px 5px}.media-frame .instructions+.spinner.is-active{vertical-align:middle}.media-frame .spinner.is-active{visibility:visible}.attachment-details{position:relative;overflow:auto}.attachment-details .settings-save-status{text-align:right;text-transform:none;font-weight:400}.attachment-details .settings-save-status .spinner{float:none;margin-left:5px}.attachment-details .settings-save-status .saved{display:none}.attachment-details.save-waiting .settings-save-status .spinner{visibility:visible}.attachment-details.save-complete .settings-save-status .saved{display:inline-block}.attachment-info{overflow:hidden;min-height:60px;margin-bottom:16px;line-height:1.5;color:#646970;border-bottom:1px solid #dcdcde;padding-bottom:11px}.attachment-info .wp-media-wrapper{margin-bottom:8px}.attachment-info .wp-media-wrapper.wp-audio{margin-top:13px}.attachment-info .filename{font-weight:600;color:#3c434a;word-wrap:break-word}.attachment-info .thumbnail{position:relative;float:left;max-width:120px;max-height:120px;margin-top:5px;margin-right:10px;margin-bottom:5px}.uploading .attachment-info .thumbnail{width:120px;height:80px;box-shadow:inset 0 0 15px rgba(0,0,0,.1)}.uploading .attachment-info .media-progress-bar{margin-top:35px}.attachment-info .thumbnail-image:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);overflow:hidden}.attachment-info .thumbnail img{display:block;max-width:120px;max-height:120px;margin:0 auto}.attachment-info .details{float:left;font-size:12px;max-width:100%}.attachment-info .delete-attachment,.attachment-info .edit-attachment,.attachment-info .trash-attachment,.attachment-info .untrash-attachment{display:block;text-decoration:none;white-space:nowrap}.attachment-details.needs-refresh .attachment-info .edit-attachment{display:none}.attachment-info .edit-attachment{display:block}.media-modal .delete-attachment,.media-modal .trash-attachment,.media-modal .untrash-attachment{display:inline;padding:0;color:#d63638}.media-modal .delete-attachment:focus,.media-modal .delete-attachment:hover,.media-modal .trash-attachment:focus,.media-modal .trash-attachment:hover,.media-modal .untrash-attachment:focus,.media-modal .untrash-attachment:hover{color:#d63638}.attachment-display-settings{width:100%;float:left;overflow:hidden}.collection-settings{overflow:hidden}.collection-settings .setting input[type=checkbox]{float:left;margin-right:8px}.collection-settings .setting .name,.collection-settings .setting span{min-width:inherit}.media-modal .imgedit-wrap{position:static}.media-modal .imgedit-wrap .imgedit-panel-content{padding:16px 16px 0;overflow:visible}.media-modal .imgedit-wrap .imgedit-save-target{margin:8px 0 24px}.media-modal .imgedit-group{background:0 0;border:none;box-shadow:none;margin:0;padding:0;position:relative}.media-modal .imgedit-group.imgedit-panel-active{margin-bottom:16px;padding-bottom:16px}.media-modal .imgedit-group-top{margin:0}.media-modal .imgedit-group-top h2,.media-modal .imgedit-group-top h2 .button-link{display:inline-block;text-transform:uppercase;font-size:12px;color:#646970;margin:0;margin-top:3px}.media-modal .imgedit-group-top h2 .button-link,.media-modal .imgedit-group-top h2 a{text-decoration:none;color:#646970}.wp-core-ui.media-modal .image-editor .imgedit-help-toggle,.wp-core-ui.media-modal .image-editor .imgedit-help-toggle:active,.wp-core-ui.media-modal .image-editor .imgedit-help-toggle:hover{border:1px solid transparent;margin:0;padding:0;background:0 0;color:#2271b1;font-size:20px;line-height:1;cursor:pointer;box-sizing:content-box;box-shadow:none}.wp-core-ui.media-modal .image-editor .imgedit-help-toggle:focus{color:#2271b1;border-color:#2271b1;box-shadow:0 0 0 1px #2271b1;outline:2px solid transparent}.wp-core-ui.media-modal .imgedit-group-top .dashicons-arrow-down.imgedit-help-toggle{margin-top:-3px}.wp-core-ui.media-modal .image-editor h3 .imgedit-help-toggle{margin-top:-2px}.media-modal .imgedit-help-toggled span.dashicons:before{content:"\f142";content:"\f142"/''}.media-modal .imgedit-thumbnail-preview{margin:10px 8px 0 0}.imgedit-thumbnail-preview-caption{display:block}.media-modal .imgedit-wrap .notice,.media-modal .imgedit-wrap div.updated{margin:0 16px}.embed-url{display:block;position:relative;padding:16px;margin:0;z-index:250;background:#fff;font-size:18px}.media-frame .embed-url input{font-size:18px;line-height:1.22222222;padding:12px 40px 12px 14px;width:100%;min-width:200px;box-shadow:inset 2px 2px 4px -2px rgba(0,0,0,.1)}.media-frame .embed-url input::-ms-clear{display:none}.media-frame .embed-url .spinner{position:absolute;top:32px;right:26px}.media-frame .embed-loading .embed-url .spinner{visibility:visible}.embed-link-settings,.embed-media-settings{position:absolute;top:82px;left:0;right:0;bottom:0;padding:0 16px;overflow:auto}.media-embed .embed-link-settings .link-text{margin-top:0}.embed-link-settings::after,.embed-media-settings::after{content:"";display:flex;clear:both;height:24px}.media-embed .embed-link-settings{overflow:visible}.embed-preview embed,.embed-preview iframe,.embed-preview img,.mejs-container video{max-width:100%;vertical-align:middle}.embed-preview a{display:inline-block}.embed-preview img{display:block;height:auto}.mejs-container:focus{outline:1px solid #2271b1;box-shadow:0 0 0 2px #2271b1}.image-details .media-modal{left:140px;right:140px}.image-details .media-frame-content,.image-details .media-frame-router,.image-details .media-frame-title{left:0}.image-details .embed-media-settings{top:0;overflow:visible;padding:0}.image-details .embed-media-settings::after{content:none}.image-details .embed-media-settings,.image-details .embed-media-settings div{box-sizing:border-box}.image-details .column-settings{background:#f6f7f7;border-right:1px solid #dcdcde;min-height:100%;width:55%;position:absolute;top:0;left:0}.image-details .column-settings h2{margin:20px;padding-top:20px;border-top:1px solid #dcdcde;color:#1d2327}.image-details .column-image{width:45%;position:absolute;left:55%;top:0}.image-details .image{margin:20px}.image-details .image img{max-width:100%;max-height:500px}.image-details .advanced-toggle{padding:0;color:#646970;text-transform:uppercase;text-decoration:none}.image-details .advanced-toggle:active,.image-details .advanced-toggle:hover{color:#646970}.image-details .advanced-toggle:after{font:normal 20px/1 dashicons;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f140";content:"\f140"/'';display:inline-block;margin-top:-2px}.image-details .advanced-visible .advanced-toggle:after{content:"\f142";content:"\f142"/''}.image-details .custom-size .custom-size-setting,.image-details .custom-size label{display:block;float:left}.image-details .custom-size .custom-size-setting label{float:none}.image-details .custom-size input{width:5em}.image-details .custom-size .sep{float:left;margin:26px 6px 0}.image-details .custom-size .description{margin-left:0}.media-embed .thumbnail{max-width:100%;max-height:200px;position:relative;float:left}.media-embed .thumbnail img{max-height:200px;display:block}.media-embed .thumbnail:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);overflow:hidden}.media-embed .setting,.media-embed .setting-group{width:100%;margin:10px 0;float:left;display:block;clear:both}.media-embed .setting-group .setting:not(.checkbox-setting){margin:0}.media-embed .setting.has-description{margin-bottom:5px}.media-embed .description{clear:both;font-style:normal}.media-embed .content-track+.description{line-height:1.4;max-width:none!important}.media-embed .remove-track{margin-bottom:10px}.image-details .embed-media-settings .setting,.image-details .embed-media-settings .setting-group{float:none;width:auto}.image-details .actions{margin:10px 0}.image-details .hidden{display:none}.media-embed .setting input[type=text],.media-embed .setting textarea,.media-embed fieldset{display:block;width:100%;max-width:400px}.image-details .embed-media-settings .setting input[type=text],.image-details .embed-media-settings .setting textarea{max-width:inherit;width:70%}.image-details .description,.image-details .embed-media-settings .custom-size,.image-details .embed-media-settings .link-target,.image-details .embed-media-settings .setting input.link-to-custom,.image-details .embed-media-settings .setting-group{margin-left:27%;width:70%}.image-details .description{font-style:normal;margin-top:0}.image-details .embed-media-settings .link-target{margin-top:16px}.audio-details .checkbox-label,.image-details .checkbox-label,.video-details .checkbox-label{vertical-align:baseline}.media-embed .setting input.hidden,.media-embed .setting textarea.hidden{display:none}.media-embed .setting .name,.media-embed .setting span,.media-embed .setting-group .name{display:inline-block;font-size:13px;line-height:1.84615384;color:#646970}.media-embed .setting span{display:block;width:200px}.image-details .embed-media-settings .setting .name,.image-details .embed-media-settings .setting span{float:left;width:25%;text-align:right;margin:8px 1% 0;line-height:1.1}.image-details .embed-media-settings .setting .button-group,.media-frame .setting-group .button-group{width:auto}.media-embed-sidebar{position:absolute;top:0;left:440px}.advanced-section,.link-settings{margin-top:10px}.media-frame .setting .button-group{display:flex;margin:0!important;max-width:none!important}.rtl .media-frame,.rtl .media-frame .search,.rtl .media-frame input[type=email],.rtl .media-frame input[type=number],.rtl .media-frame input[type=password],.rtl .media-frame input[type=search],.rtl .media-frame input[type=tel],.rtl .media-frame input[type=text],.rtl .media-frame input[type=url],.rtl .media-frame select,.rtl .media-frame textarea,.rtl .media-modal{font-family:Tahoma,sans-serif}:lang(he-il) .rtl .media-frame,:lang(he-il) .rtl .media-frame .search,:lang(he-il) .rtl .media-frame input[type=email],:lang(he-il) .rtl .media-frame input[type=number],:lang(he-il) .rtl .media-frame input[type=password],:lang(he-il) .rtl .media-frame input[type=search],:lang(he-il) .rtl .media-frame input[type=text],:lang(he-il) .rtl .media-frame input[type=url],:lang(he-il) .rtl .media-frame select,:lang(he-il) .rtl .media-frame textarea,:lang(he-il) .rtl .media-modal{font-family:Arial,sans-serif}@media only screen and (max-width:900px){.media-modal .media-frame-title{height:40px}.media-modal .media-frame-title h1{line-height:2.22222222;font-size:18px}.media-modal-close{width:42px;height:42px}.media-frame .media-frame-title{position:static;padding:0 44px;text-align:center}.media-frame:not(.hide-menu) .media-frame-content,.media-frame:not(.hide-menu) .media-frame-router,.media-frame:not(.hide-menu) .media-frame-toolbar{left:0}.media-frame:not(.hide-menu) .media-frame-router{top:80px}.media-frame:not(.hide-menu) .media-frame-content{top:114px}.media-frame.hide-router .media-frame-content{top:80px}.media-frame:not(.hide-menu) .media-frame-menu{position:static;width:0}.media-frame:not(.hide-menu) .media-menu{display:none;width:auto;max-width:80%;overflow:auto;z-index:2000;top:75px;left:50%;transform:translateX(-50%);right:auto;bottom:auto;padding:5px 0;border:1px solid #c3c4c7}.media-frame:not(.hide-menu) .media-menu.visible{display:block}.media-frame:not(.hide-menu) .media-menu>a{padding:12px 16px;font-size:16px}.media-frame:not(.hide-menu) .media-menu .separator{margin:5px 10px}.media-frame-menu-heading{clip-path:inset(50%);height:1px;overflow:hidden;padding:0;width:1px;border:0;margin:-1px;word-wrap:normal!important}.wp-core-ui .media-frame:not(.hide-menu) .button.media-frame-menu-toggle{display:inline-flex;align-items:center;position:absolute;left:50%;transform:translateX(-50%);margin:-6px 0 0;padding:0 2px 0 12px;font-size:.875rem;font-weight:600;text-decoration:none;background:0 0;height:.1%;min-height:40px}.wp-core-ui .button.media-frame-menu-toggle:active,.wp-core-ui .button.media-frame-menu-toggle:hover{background:0 0;transform:none}.wp-core-ui .button.media-frame-menu-toggle:focus{outline:1px solid transparent}.media-sidebar{width:230px}.options-general-php .crop-content.site-icon,.wp-customizer:not(.mobile) .media-frame-content .crop-content.site-icon{margin-right:262px}.attachments-browser .attachments,.attachments-browser .attachments-wrapper,.attachments-browser .media-toolbar,.attachments-browser .uploader-inline,.attachments-browser.has-load-more .attachments-wrapper{right:262px}.attachments-browser .media-toolbar{height:82px}.attachments-browser .attachments,.attachments-browser .uploader-inline,.media-frame-content .attachments-browser .attachments-wrapper{top:82px}.attachment-details .setting,.media-sidebar .setting{margin:6px 0}.attachment-details .setting .name,.attachment-details .setting input,.attachment-details .setting textarea,.compat-item label span,.media-sidebar .setting .name,.media-sidebar .setting input,.media-sidebar .setting textarea{float:none;display:inline-block}.attachment-details .setting span,.media-sidebar .checkbox-label-inline,.media-sidebar .setting span{float:none}.media-sidebar .setting .select-label-inline{display:inline}.attachment-details .setting .name,.compat-item label span,.media-sidebar .checkbox-label-inline,.media-sidebar .setting .name{text-align:inherit;min-height:16px;margin:0;padding:8px 2px 2px}.attachment-details .attachment-info .copy-to-clipboard-container,.media-sidebar .setting .copy-to-clipboard-container{margin-left:0;padding-top:0}.attachment-details .attachment-info .copy-attachment-url,.media-sidebar .setting .copy-attachment-url{margin:0 1px}.attachment-details .setting .value,.media-sidebar .setting .value{float:none;width:auto}.attachment-details .setting input[type=email],.attachment-details .setting input[type=number],.attachment-details .setting input[type=password],.attachment-details .setting input[type=search],.attachment-details .setting input[type=tel],.attachment-details .setting input[type=text],.attachment-details .setting input[type=url],.attachment-details .setting select,.attachment-details .setting textarea,.attachment-details .setting+.description,.media-sidebar .setting input[type=email],.media-sidebar .setting input[type=number],.media-sidebar .setting input[type=password],.media-sidebar .setting input[type=search],.media-sidebar .setting input[type=tel],.media-sidebar .setting input[type=text],.media-sidebar .setting input[type=url],.media-sidebar .setting select,.media-sidebar .setting textarea{float:none;width:98%;max-width:none;height:auto}.media-frame .media-toolbar input[type=search]{line-height:2.25}.attachment-details .setting select.columns,.media-sidebar .setting select.columns{width:auto}.media-frame .search,.media-frame input,.media-frame textarea{padding:3px 6px}.wp-admin .media-frame select{min-height:40px;font-size:16px;line-height:1.625;padding:5px 24px 5px 8px}.image-details .column-image{width:30%;left:70%}.image-details .column-settings{width:70%}.image-details .media-modal{left:30px;right:30px}.image-details .embed-media-settings .setting,.image-details .embed-media-settings .setting-group{margin:20px}.image-details .embed-media-settings .setting .name,.image-details .embed-media-settings .setting span{float:none;text-align:left;width:100%;margin-bottom:4px;margin-left:0}.media-modal .legend-inline{position:static;transform:none;margin-left:0;margin-bottom:6px}.image-details .embed-media-settings .setting-group .setting{margin-bottom:0}.image-details .embed-media-settings .setting input.link-to-custom,.image-details .embed-media-settings .setting input[type=text],.image-details .embed-media-settings .setting textarea{width:100%;margin-left:0}.image-details .embed-media-settings .setting.has-description{margin-bottom:5px}.image-details .description{width:auto;margin:0 20px}.image-details .embed-media-settings .custom-size{margin-left:20px}.collection-settings .setting input[type=checkbox]{float:none;margin-top:0}.media-selection{min-width:120px}.media-selection:after{background:0 0}.media-selection .attachments{display:none}.media-modal .attachments-browser .media-toolbar .search{max-width:100%;height:auto;float:right}.media-modal .attachments-browser .media-toolbar .attachment-filters{height:auto}.media-frame input[type=email],.media-frame input[type=number],.media-frame input[type=password],.media-frame input[type=search],.media-frame input[type=text],.media-frame input[type=url],.media-frame select,.media-frame textarea{font-size:16px;line-height:1.5}.media-frame .media-toolbar input[type=search]{line-height:2.3755}.media-modal .media-toolbar .spinner{margin-bottom:10px}}@media screen and (max-width:782px){.imgedit-panel-content{grid-template-columns:auto}.media-frame-toolbar .media-toolbar{bottom:-54px}.mode-grid .attachments-browser .media-toolbar-primary{display:grid;grid-template-columns:auto 1fr}.mode-grid .attachments-browser .media-toolbar-primary input[type=search]{width:100%}.attachment-details .copy-to-clipboard-container .success,.media-sidebar .copy-to-clipboard-container .success{font-size:14px;line-height:2.71428571}.media-frame .wp-filter .media-toolbar-secondary{position:unset}.media-frame .media-toolbar-secondary .spinner{position:absolute;top:0;bottom:0;margin:auto;left:0;right:0;z-index:9}.media-bg-overlay{content:'';background:#fff;width:100%;height:100%;display:none;position:absolute;left:0;right:0;top:0;bottom:0;opacity:.6}}@media only screen and (max-width:640px),screen and (max-height:400px){.image-details .media-modal,.media-modal{position:fixed;top:0;left:0;right:0;bottom:0}.media-modal-backdrop{position:fixed}.options-general-php .crop-content.site-icon,.wp-customizer:not(.mobile) .media-frame-content .crop-content.site-icon{margin-right:0}.media-sidebar{z-index:1900;max-width:70%;bottom:120%;box-sizing:border-box;padding-bottom:0}.media-sidebar.visible{bottom:0}.attachments-browser .attachments,.attachments-browser .media-toolbar,.attachments-browser .uploader-inline,.media-frame-content .attachments-browser .attachments-wrapper{right:0}.image-details .media-frame-title{display:block;top:0;font-size:14px}.image-details .column-image,.image-details .column-settings{width:100%;position:relative;left:0}.image-details .column-settings{padding:4px 0}.media-frame-content .media-toolbar .instructions{display:none}.load-more-wrapper .load-more-jump{margin:12px 0 0}}@media only screen and (min-width:901px) and (max-height:400px){.media-frame:not(.hide-menu) .media-menu,.media-menu{top:0;padding-top:44px}.load-more-wrapper .load-more-jump{margin:12px 0 0}}@media only screen and (max-width:480px){.wp-core-ui.wp-customizer .media-button{margin-top:13px}}@media print,(min-resolution:120dpi){.wp-core-ui .media-modal-icon{background-image:url(//development-staging.juniperdesign.com/wp-includes/images/uploader-icons-2x.png);background-size:134px 15px}.media-frame .spinner{background-image:url(//development-staging.juniperdesign.com/wp-includes/images/spinner-2x.gif)}}.media-frame-content[data-columns="1"] .attachment{width:100%}.media-frame-content[data-columns="2"] .attachment{width:50%}.media-frame-content[data-columns="3"] .attachment{width:33.33%}.media-frame-content[data-columns="4"] .attachment{width:25%}.media-frame-content[data-columns="5"] .attachment{width:20%}.media-frame-content[data-columns="6"] .attachment{width:16.66%}.media-frame-content[data-columns="7"] .attachment{width:14.28%}.media-frame-content[data-columns="8"] .attachment{width:12.5%}.media-frame-content[data-columns="9"] .attachment{width:11.11%}.media-frame-content[data-columns="10"] .attachment{width:10%}.media-frame-content[data-columns="11"] .attachment{width:9.09%}.media-frame-content[data-columns="12"] .attachment{width:8.33%}.imgareaselect-border1 {
background: url(//development-staging.juniperdesign.com/wp-includes/js/imgareaselect/border-anim-v.gif) repeat-y left top;
}
.imgareaselect-border2 {
background: url(//development-staging.juniperdesign.com/wp-includes/js/imgareaselect/border-anim-h.gif) repeat-x left top;
}
.imgareaselect-border3 {
background: url(//development-staging.juniperdesign.com/wp-includes/js/imgareaselect/border-anim-v.gif) repeat-y right top;
}
.imgareaselect-border4 {
background: url(//development-staging.juniperdesign.com/wp-includes/js/imgareaselect/border-anim-h.gif) repeat-x left bottom;
}
.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
filter: alpha(opacity=50);
opacity: 0.5;
}
.imgareaselect-handle {
background-color: #fff;
border: solid 1px #000;
filter: alpha(opacity=50);
opacity: 0.5;
}
.imgareaselect-outer {
background-color: #000;
filter: alpha(opacity=50);
opacity: 0.5;
}
.imgareaselect-selection {
}@font-face{font-family:Material-Design-Iconic-Font;src:url(//development-staging.juniperdesign.com/wp-content/plugins/wp-media-folder.off/assets/fonts/Material-Design-Iconic-Font.woff2?v=2.2.0) format('woff2'),url(//development-staging.juniperdesign.com/wp-content/plugins/wp-media-folder.off/assets/fonts/Material-Design-Iconic-Font.woff?v=2.2.0) format('woff'),url(//development-staging.juniperdesign.com/wp-content/plugins/wp-media-folder.off/assets/fonts/Material-Design-Iconic-Font.ttf?v=2.2.0) format('truetype')}.zmdi{display:inline-block;font:normal normal normal 14px/1 'Material-Design-Iconic-Font';font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.zmdi-hc-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.zmdi-hc-2x{font-size:2em}.zmdi-hc-3x{font-size:3em}.zmdi-hc-4x{font-size:4em}.zmdi-hc-5x{font-size:5em}.zmdi-hc-fw{width:1.28571429em;text-align:center}.zmdi-hc-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.zmdi-hc-ul>li{position:relative}.zmdi-hc-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.zmdi-hc-li.zmdi-hc-lg{left:-1.85714286em}.zmdi-hc-border{padding:.1em .25em;border:solid .1em #9e9e9e;border-radius:2px}.zmdi-hc-border-circle{padding:.1em .25em;border:solid .1em #9e9e9e;border-radius:50%}.zmdi.pull-left{float:left;margin-right:.15em}.zmdi.pull-right{float:right;margin-left:.15em}.zmdi-hc-spin{-webkit-animation:zmdi-spin 1.5s infinite linear;animation:zmdi-spin 1.5s infinite linear}.zmdi-hc-spin-reverse{-webkit-animation:zmdi-spin-reverse 1.5s infinite linear;animation:zmdi-spin-reverse 1.5s infinite linear}@-webkit-keyframes zmdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes zmdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes zmdi-spin-reverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-359deg);transform:rotate(-359deg)}}@keyframes zmdi-spin-reverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-359deg);transform:rotate(-359deg)}}.zmdi-hc-rotate-90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.zmdi-hc-rotate-180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.zmdi-hc-rotate-270{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.zmdi-hc-flip-horizontal{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.zmdi-hc-flip-vertical{-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}.zmdi-hc-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.zmdi-hc-stack-1x,.zmdi-hc-stack-2x{position:absolute;left:0;width:100%;text-align:center}.zmdi-hc-stack-1x{line-height:inherit}.zmdi-hc-stack-2x{font-size:2em}.zmdi-hc-inverse{color:#fff}.zmdi-3d-rotation:before{content:'\f101'}.zmdi-airplane-off:before{content:'\f102'}.zmdi-airplane:before{content:'\f103'}.zmdi-album:before{content:'\f104'}.zmdi-archive:before{content:'\f105'}.zmdi-assignment-account:before{content:'\f106'}.zmdi-assignment-alert:before{content:'\f107'}.zmdi-assignment-check:before{content:'\f108'}.zmdi-assignment-o:before{content:'\f109'}.zmdi-assignment-return:before{content:'\f10a'}.zmdi-assignment-returned:before{content:'\f10b'}.zmdi-assignment:before{content:'\f10c'}.zmdi-attachment-alt:before{content:'\f10d'}.zmdi-attachment:before{content:'\f10e'}.zmdi-audio:before{content:'\f10f'}.zmdi-badge-check:before{content:'\f110'}.zmdi-balance-wallet:before{content:'\f111'}.zmdi-balance:before{content:'\f112'}.zmdi-battery-alert:before{content:'\f113'}.zmdi-battery-flash:before{content:'\f114'}.zmdi-battery-unknown:before{content:'\f115'}.zmdi-battery:before{content:'\f116'}.zmdi-bike:before{content:'\f117'}.zmdi-block-alt:before{content:'\f118'}.zmdi-block:before{content:'\f119'}.zmdi-boat:before{content:'\f11a'}.zmdi-book-image:before{content:'\f11b'}.zmdi-book:before{content:'\f11c'}.zmdi-bookmark-outline:before{content:'\f11d'}.zmdi-bookmark:before{content:'\f11e'}.zmdi-brush:before{content:'\f11f'}.zmdi-bug:before{content:'\f120'}.zmdi-bus:before{content:'\f121'}.zmdi-cake:before{content:'\f122'}.zmdi-car-taxi:before{content:'\f123'}.zmdi-car-wash:before{content:'\f124'}.zmdi-car:before{content:'\f125'}.zmdi-card-giftcard:before{content:'\f126'}.zmdi-card-membership:before{content:'\f127'}.zmdi-card-travel:before{content:'\f128'}.zmdi-card:before{content:'\f129'}.zmdi-case-check:before{content:'\f12a'}.zmdi-case-download:before{content:'\f12b'}.zmdi-case-play:before{content:'\f12c'}.zmdi-case:before{content:'\f12d'}.zmdi-cast-connected:before{content:'\f12e'}.zmdi-cast:before{content:'\f12f'}.zmdi-chart-donut:before{content:'\f130'}.zmdi-chart:before{content:'\f131'}.zmdi-city-alt:before{content:'\f132'}.zmdi-city:before{content:'\f133'}.zmdi-close-circle-o:before{content:'\f134'}.zmdi-close-circle:before{content:'\f135'}.zmdi-close:before{content:'\f136'}.zmdi-cocktail:before{content:'\f137'}.zmdi-code-setting:before{content:'\f138'}.zmdi-code-smartphone:before{content:'\f139'}.zmdi-code:before{content:'\f13a'}.zmdi-coffee:before{content:'\f13b'}.zmdi-collection-bookmark:before{content:'\f13c'}.zmdi-collection-case-play:before{content:'\f13d'}.zmdi-collection-folder-image:before{content:'\f13e'}.zmdi-collection-image-o:before{content:'\f13f'}.zmdi-collection-image:before{content:'\f140'}.zmdi-collection-item-1:before{content:'\f141'}.zmdi-collection-item-2:before{content:'\f142'}.zmdi-collection-item-3:before{content:'\f143'}.zmdi-collection-item-4:before{content:'\f144'}.zmdi-collection-item-5:before{content:'\f145'}.zmdi-collection-item-6:before{content:'\f146'}.zmdi-collection-item-7:before{content:'\f147'}.zmdi-collection-item-8:before{content:'\f148'}.zmdi-collection-item-9-plus:before{content:'\f149'}.zmdi-collection-item-9:before{content:'\f14a'}.zmdi-collection-item:before{content:'\f14b'}.zmdi-collection-music:before{content:'\f14c'}.zmdi-collection-pdf:before{content:'\f14d'}.zmdi-collection-plus:before{content:'\f14e'}.zmdi-collection-speaker:before{content:'\f14f'}.zmdi-collection-text:before{content:'\f150'}.zmdi-collection-video:before{content:'\f151'}.zmdi-compass:before{content:'\f152'}.zmdi-cutlery:before{content:'\f153'}.zmdi-delete:before{content:'\f154'}.zmdi-dialpad:before{content:'\f155'}.zmdi-dns:before{content:'\f156'}.zmdi-drink:before{content:'\f157'}.zmdi-edit:before{content:'\f158'}.zmdi-email-open:before{content:'\f159'}.zmdi-email:before{content:'\f15a'}.zmdi-eye-off:before{content:'\f15b'}.zmdi-eye:before{content:'\f15c'}.zmdi-eyedropper:before{content:'\f15d'}.zmdi-favorite-outline:before{content:'\f15e'}.zmdi-favorite:before{content:'\f15f'}.zmdi-filter-list:before{content:'\f160'}.zmdi-fire:before{content:'\f161'}.zmdi-flag:before{content:'\f162'}.zmdi-flare:before{content:'\f163'}.zmdi-flash-auto:before{content:'\f164'}.zmdi-flash-off:before{content:'\f165'}.zmdi-flash:before{content:'\f166'}.zmdi-flip:before{content:'\f167'}.zmdi-flower-alt:before{content:'\f168'}.zmdi-flower:before{content:'\f169'}.zmdi-font:before{content:'\f16a'}.zmdi-fullscreen-alt:before{content:'\f16b'}.zmdi-fullscreen-exit:before{content:'\f16c'}.zmdi-fullscreen:before{content:'\f16d'}.zmdi-functions:before{content:'\f16e'}.zmdi-gas-station:before{content:'\f16f'}.zmdi-gesture:before{content:'\f170'}.zmdi-globe-alt:before{content:'\f171'}.zmdi-globe-lock:before{content:'\f172'}.zmdi-globe:before{content:'\f173'}.zmdi-graduation-cap:before{content:'\f174'}.zmdi-home:before{content:'\f175'}.zmdi-hospital-alt:before{content:'\f176'}.zmdi-hospital:before{content:'\f177'}.zmdi-hotel:before{content:'\f178'}.zmdi-hourglass-alt:before{content:'\f179'}.zmdi-hourglass-outline:before{content:'\f17a'}.zmdi-hourglass:before{content:'\f17b'}.zmdi-http:before{content:'\f17c'}.zmdi-image-alt:before{content:'\f17d'}.zmdi-image-o:before{content:'\f17e'}.zmdi-image:before{content:'\f17f'}.zmdi-inbox:before{content:'\f180'}.zmdi-invert-colors-off:before{content:'\f181'}.zmdi-invert-colors:before{content:'\f182'}.zmdi-key:before{content:'\f183'}.zmdi-label-alt-outline:before{content:'\f184'}.zmdi-label-alt:before{content:'\f185'}.zmdi-label-heart:before{content:'\f186'}.zmdi-label:before{content:'\f187'}.zmdi-labels:before{content:'\f188'}.zmdi-lamp:before{content:'\f189'}.zmdi-landscape:before{content:'\f18a'}.zmdi-layers-off:before{content:'\f18b'}.zmdi-layers:before{content:'\f18c'}.zmdi-library:before{content:'\f18d'}.zmdi-link:before{content:'\f18e'}.zmdi-lock-open:before{content:'\f18f'}.zmdi-lock-outline:before{content:'\f190'}.zmdi-lock:before{content:'\f191'}.zmdi-mail-reply-all:before{content:'\f192'}.zmdi-mail-reply:before{content:'\f193'}.zmdi-mail-send:before{content:'\f194'}.zmdi-mall:before{content:'\f195'}.zmdi-map:before{content:'\f196'}.zmdi-menu:before{content:'\f197'}.zmdi-money-box:before{content:'\f198'}.zmdi-money-off:before{content:'\f199'}.zmdi-money:before{content:'\f19a'}.zmdi-more-vert:before{content:'\f19b'}.zmdi-more:before{content:'\f19c'}.zmdi-movie-alt:before{content:'\f19d'}.zmdi-movie:before{content:'\f19e'}.zmdi-nature-people:before{content:'\f19f'}.zmdi-nature:before{content:'\f1a0'}.zmdi-navigation:before{content:'\f1a1'}.zmdi-open-in-browser:before{content:'\f1a2'}.zmdi-open-in-new:before{content:'\f1a3'}.zmdi-palette:before{content:'\f1a4'}.zmdi-parking:before{content:'\f1a5'}.zmdi-pin-account:before{content:'\f1a6'}.zmdi-pin-assistant:before{content:'\f1a7'}.zmdi-pin-drop:before{content:'\f1a8'}.zmdi-pin-help:before{content:'\f1a9'}.zmdi-pin-off:before{content:'\f1aa'}.zmdi-pin:before{content:'\f1ab'}.zmdi-pizza:before{content:'\f1ac'}.zmdi-plaster:before{content:'\f1ad'}.zmdi-power-setting:before{content:'\f1ae'}.zmdi-power:before{content:'\f1af'}.zmdi-print:before{content:'\f1b0'}.zmdi-puzzle-piece:before{content:'\f1b1'}.zmdi-quote:before{content:'\f1b2'}.zmdi-railway:before{content:'\f1b3'}.zmdi-receipt:before{content:'\f1b4'}.zmdi-refresh-alt:before{content:'\f1b5'}.zmdi-refresh-sync-alert:before{content:'\f1b6'}.zmdi-refresh-sync-off:before{content:'\f1b7'}.zmdi-refresh-sync:before{content:'\f1b8'}.zmdi-refresh:before{content:'\f1b9'}.zmdi-roller:before{content:'\f1ba'}.zmdi-ruler:before{content:'\f1bb'}.zmdi-scissors:before{content:'\f1bc'}.zmdi-screen-rotation-lock:before{content:'\f1bd'}.zmdi-screen-rotation:before{content:'\f1be'}.zmdi-search-for:before{content:'\f1bf'}.zmdi-search-in-file:before{content:'\f1c0'}.zmdi-search-in-page:before{content:'\f1c1'}.zmdi-search-replace:before{content:'\f1c2'}.zmdi-search:before{content:'\f1c3'}.zmdi-seat:before{content:'\f1c4'}.zmdi-settings-square:before{content:'\f1c5'}.zmdi-settings:before{content:'\f1c6'}.zmdi-shield-check:before{content:'\f1c7'}.zmdi-shield-security:before{content:'\f1c8'}.zmdi-shopping-basket:before{content:'\f1c9'}.zmdi-shopping-cart-plus:before{content:'\f1ca'}.zmdi-shopping-cart:before{content:'\f1cb'}.zmdi-sign-in:before{content:'\f1cc'}.zmdi-sort-amount-asc:before{content:'\f1cd'}.zmdi-sort-amount-desc:before{content:'\f1ce'}.zmdi-sort-asc:before{content:'\f1cf'}.zmdi-sort-desc:before{content:'\f1d0'}.zmdi-spellcheck:before{content:'\f1d1'}.zmdi-storage:before{content:'\f1d2'}.zmdi-store-24:before{content:'\f1d3'}.zmdi-store:before{content:'\f1d4'}.zmdi-subway:before{content:'\f1d5'}.zmdi-sun:before{content:'\f1d6'}.zmdi-tab-unselected:before{content:'\f1d7'}.zmdi-tab:before{content:'\f1d8'}.zmdi-tag-close:before{content:'\f1d9'}.zmdi-tag-more:before{content:'\f1da'}.zmdi-tag:before{content:'\f1db'}.zmdi-thumb-down:before{content:'\f1dc'}.zmdi-thumb-up-down:before{content:'\f1dd'}.zmdi-thumb-up:before{content:'\f1de'}.zmdi-ticket-star:before{content:'\f1df'}.zmdi-toll:before{content:'\f1e0'}.zmdi-toys:before{content:'\f1e1'}.zmdi-traffic:before{content:'\f1e2'}.zmdi-translate:before{content:'\f1e3'}.zmdi-triangle-down:before{content:'\f1e4'}.zmdi-triangle-up:before{content:'\f1e5'}.zmdi-truck:before{content:'\f1e6'}.zmdi-turning-sign:before{content:'\f1e7'}.zmdi-wallpaper:before{content:'\f1e8'}.zmdi-washing-machine:before{content:'\f1e9'}.zmdi-window-maximize:before{content:'\f1ea'}.zmdi-window-minimize:before{content:'\f1eb'}.zmdi-window-restore:before{content:'\f1ec'}.zmdi-wrench:before{content:'\f1ed'}.zmdi-zoom-in:before{content:'\f1ee'}.zmdi-zoom-out:before{content:'\f1ef'}.zmdi-alert-circle-o:before{content:'\f1f0'}.zmdi-alert-circle:before{content:'\f1f1'}.zmdi-alert-octagon:before{content:'\f1f2'}.zmdi-alert-polygon:before{content:'\f1f3'}.zmdi-alert-triangle:before{content:'\f1f4'}.zmdi-help-outline:before{content:'\f1f5'}.zmdi-help:before{content:'\f1f6'}.zmdi-info-outline:before{content:'\f1f7'}.zmdi-info:before{content:'\f1f8'}.zmdi-notifications-active:before{content:'\f1f9'}.zmdi-notifications-add:before{content:'\f1fa'}.zmdi-notifications-none:before{content:'\f1fb'}.zmdi-notifications-off:before{content:'\f1fc'}.zmdi-notifications-paused:before{content:'\f1fd'}.zmdi-notifications:before{content:'\f1fe'}.zmdi-account-add:before{content:'\f1ff'}.zmdi-account-box-mail:before{content:'\f200'}.zmdi-account-box-o:before{content:'\f201'}.zmdi-account-box-phone:before{content:'\f202'}.zmdi-account-box:before{content:'\f203'}.zmdi-account-calendar:before{content:'\f204'}.zmdi-account-circle:before{content:'\f205'}.zmdi-account-o:before{content:'\f206'}.zmdi-account:before{content:'\f207'}.zmdi-accounts-add:before{content:'\f208'}.zmdi-accounts-alt:before{content:'\f209'}.zmdi-accounts-list-alt:before{content:'\f20a'}.zmdi-accounts-list:before{content:'\f20b'}.zmdi-accounts-outline:before{content:'\f20c'}.zmdi-accounts:before{content:'\f20d'}.zmdi-face:before{content:'\f20e'}.zmdi-female:before{content:'\f20f'}.zmdi-male-alt:before{content:'\f210'}.zmdi-male-female:before{content:'\f211'}.zmdi-male:before{content:'\f212'}.zmdi-mood-bad:before{content:'\f213'}.zmdi-mood:before{content:'\f214'}.zmdi-run:before{content:'\f215'}.zmdi-walk:before{content:'\f216'}.zmdi-cloud-box:before{content:'\f217'}.zmdi-cloud-circle:before{content:'\f218'}.zmdi-cloud-done:before{content:'\f219'}.zmdi-cloud-download:before{content:'\f21a'}.zmdi-cloud-off:before{content:'\f21b'}.zmdi-cloud-outline-alt:before{content:'\f21c'}.zmdi-cloud-outline:before{content:'\f21d'}.zmdi-cloud-upload:before{content:'\f21e'}.zmdi-cloud:before{content:'\f21f'}.zmdi-download:before{content:'\f220'}.zmdi-file-plus:before{content:'\f221'}.zmdi-file-text:before{content:'\f222'}.zmdi-file:before{content:'\f223'}.zmdi-folder-outline:before{content:'\f224'}.zmdi-folder-person:before{content:'\f225'}.zmdi-folder-star-alt:before{content:'\f226'}.zmdi-folder-star:before{content:'\f227'}.zmdi-folder:before{content:'\f228'}.zmdi-gif:before{content:'\f229'}.zmdi-upload:before{content:'\f22a'}.zmdi-border-all:before{content:'\f22b'}.zmdi-border-bottom:before{content:'\f22c'}.zmdi-border-clear:before{content:'\f22d'}.zmdi-border-color:before{content:'\f22e'}.zmdi-border-horizontal:before{content:'\f22f'}.zmdi-border-inner:before{content:'\f230'}.zmdi-border-left:before{content:'\f231'}.zmdi-border-outer:before{content:'\f232'}.zmdi-border-right:before{content:'\f233'}.zmdi-border-style:before{content:'\f234'}.zmdi-border-top:before{content:'\f235'}.zmdi-border-vertical:before{content:'\f236'}.zmdi-copy:before{content:'\f237'}.zmdi-crop:before{content:'\f238'}.zmdi-format-align-center:before{content:'\f239'}.zmdi-format-align-justify:before{content:'\f23a'}.zmdi-format-align-left:before{content:'\f23b'}.zmdi-format-align-right:before{content:'\f23c'}.zmdi-format-bold:before{content:'\f23d'}.zmdi-format-clear-all:before{content:'\f23e'}.zmdi-format-clear:before{content:'\f23f'}.zmdi-format-color-fill:before{content:'\f240'}.zmdi-format-color-reset:before{content:'\f241'}.zmdi-format-color-text:before{content:'\f242'}.zmdi-format-indent-decrease:before{content:'\f243'}.zmdi-format-indent-increase:before{content:'\f244'}.zmdi-format-italic:before{content:'\f245'}.zmdi-format-line-spacing:before{content:'\f246'}.zmdi-format-list-bulleted:before{content:'\f247'}.zmdi-format-list-numbered:before{content:'\f248'}.zmdi-format-ltr:before{content:'\f249'}.zmdi-format-rtl:before{content:'\f24a'}.zmdi-format-size:before{content:'\f24b'}.zmdi-format-strikethrough-s:before{content:'\f24c'}.zmdi-format-strikethrough:before{content:'\f24d'}.zmdi-format-subject:before{content:'\f24e'}.zmdi-format-underlined:before{content:'\f24f'}.zmdi-format-valign-bottom:before{content:'\f250'}.zmdi-format-valign-center:before{content:'\f251'}.zmdi-format-valign-top:before{content:'\f252'}.zmdi-redo:before{content:'\f253'}.zmdi-select-all:before{content:'\f254'}.zmdi-space-bar:before{content:'\f255'}.zmdi-text-format:before{content:'\f256'}.zmdi-transform:before{content:'\f257'}.zmdi-undo:before{content:'\f258'}.zmdi-wrap-text:before{content:'\f259'}.zmdi-comment-alert:before{content:'\f25a'}.zmdi-comment-alt-text:before{content:'\f25b'}.zmdi-comment-alt:before{content:'\f25c'}.zmdi-comment-edit:before{content:'\f25d'}.zmdi-comment-image:before{content:'\f25e'}.zmdi-comment-list:before{content:'\f25f'}.zmdi-comment-more:before{content:'\f260'}.zmdi-comment-outline:before{content:'\f261'}.zmdi-comment-text-alt:before{content:'\f262'}.zmdi-comment-text:before{content:'\f263'}.zmdi-comment-video:before{content:'\f264'}.zmdi-comment:before{content:'\f265'}.zmdi-comments:before{content:'\f266'}.zmdi-check-all:before{content:'\f267'}.zmdi-check-circle-u:before{content:'\f268'}.zmdi-check-circle:before{content:'\f269'}.zmdi-check-square:before{content:'\f26a'}.zmdi-check:before{content:'\f26b'}.zmdi-circle-o:before{content:'\f26c'}.zmdi-circle:before{content:'\f26d'}.zmdi-dot-circle-alt:before{content:'\f26e'}.zmdi-dot-circle:before{content:'\f26f'}.zmdi-minus-circle-outline:before{content:'\f270'}.zmdi-minus-circle:before{content:'\f271'}.zmdi-minus-square:before{content:'\f272'}.zmdi-minus:before{content:'\f273'}.zmdi-plus-circle-o-duplicate:before{content:'\f274'}.zmdi-plus-circle-o:before{content:'\f275'}.zmdi-plus-circle:before{content:'\f276'}.zmdi-plus-square:before{content:'\f277'}.zmdi-plus:before{content:'\f278'}.zmdi-square-o:before{content:'\f279'}.zmdi-star-circle:before{content:'\f27a'}.zmdi-star-half:before{content:'\f27b'}.zmdi-star-outline:before{content:'\f27c'}.zmdi-star:before{content:'\f27d'}.zmdi-bluetooth-connected:before{content:'\f27e'}.zmdi-bluetooth-off:before{content:'\f27f'}.zmdi-bluetooth-search:before{content:'\f280'}.zmdi-bluetooth-setting:before{content:'\f281'}.zmdi-bluetooth:before{content:'\f282'}.zmdi-camera-add:before{content:'\f283'}.zmdi-camera-alt:before{content:'\f284'}.zmdi-camera-bw:before{content:'\f285'}.zmdi-camera-front:before{content:'\f286'}.zmdi-camera-mic:before{content:'\f287'}.zmdi-camera-party-mode:before{content:'\f288'}.zmdi-camera-rear:before{content:'\f289'}.zmdi-camera-roll:before{content:'\f28a'}.zmdi-camera-switch:before{content:'\f28b'}.zmdi-camera:before{content:'\f28c'}.zmdi-card-alert:before{content:'\f28d'}.zmdi-card-off:before{content:'\f28e'}.zmdi-card-sd:before{content:'\f28f'}.zmdi-card-sim:before{content:'\f290'}.zmdi-desktop-mac:before{content:'\f291'}.zmdi-desktop-windows:before{content:'\f292'}.zmdi-device-hub:before{content:'\f293'}.zmdi-devices-off:before{content:'\f294'}.zmdi-devices:before{content:'\f295'}.zmdi-dock:before{content:'\f296'}.zmdi-floppy:before{content:'\f297'}.zmdi-gamepad:before{content:'\f298'}.zmdi-gps-dot:before{content:'\f299'}.zmdi-gps-off:before{content:'\f29a'}.zmdi-gps:before{content:'\f29b'}.zmdi-headset-mic:before{content:'\f29c'}.zmdi-headset:before{content:'\f29d'}.zmdi-input-antenna:before{content:'\f29e'}.zmdi-input-composite:before{content:'\f29f'}.zmdi-input-hdmi:before{content:'\f2a0'}.zmdi-input-power:before{content:'\f2a1'}.zmdi-input-svideo:before{content:'\f2a2'}.zmdi-keyboard-hide:before{content:'\f2a3'}.zmdi-keyboard:before{content:'\f2a4'}.zmdi-laptop-chromebook:before{content:'\f2a5'}.zmdi-laptop-mac:before{content:'\f2a6'}.zmdi-laptop:before{content:'\f2a7'}.zmdi-mic-off:before{content:'\f2a8'}.zmdi-mic-outline:before{content:'\f2a9'}.zmdi-mic-setting:before{content:'\f2aa'}.zmdi-mic:before{content:'\f2ab'}.zmdi-mouse:before{content:'\f2ac'}.zmdi-network-alert:before{content:'\f2ad'}.zmdi-network-locked:before{content:'\f2ae'}.zmdi-network-off:before{content:'\f2af'}.zmdi-network-outline:before{content:'\f2b0'}.zmdi-network-setting:before{content:'\f2b1'}.zmdi-network:before{content:'\f2b2'}.zmdi-phone-bluetooth:before{content:'\f2b3'}.zmdi-phone-end:before{content:'\f2b4'}.zmdi-phone-forwarded:before{content:'\f2b5'}.zmdi-phone-in-talk:before{content:'\f2b6'}.zmdi-phone-locked:before{content:'\f2b7'}.zmdi-phone-missed:before{content:'\f2b8'}.zmdi-phone-msg:before{content:'\f2b9'}.zmdi-phone-paused:before{content:'\f2ba'}.zmdi-phone-ring:before{content:'\f2bb'}.zmdi-phone-setting:before{content:'\f2bc'}.zmdi-phone-sip:before{content:'\f2bd'}.zmdi-phone:before{content:'\f2be'}.zmdi-portable-wifi-changes:before{content:'\f2bf'}.zmdi-portable-wifi-off:before{content:'\f2c0'}.zmdi-portable-wifi:before{content:'\f2c1'}.zmdi-radio:before{content:'\f2c2'}.zmdi-reader:before{content:'\f2c3'}.zmdi-remote-control-alt:before{content:'\f2c4'}.zmdi-remote-control:before{content:'\f2c5'}.zmdi-router:before{content:'\f2c6'}.zmdi-scanner:before{content:'\f2c7'}.zmdi-smartphone-android:before{content:'\f2c8'}.zmdi-smartphone-download:before{content:'\f2c9'}.zmdi-smartphone-erase:before{content:'\f2ca'}.zmdi-smartphone-info:before{content:'\f2cb'}.zmdi-smartphone-iphone:before{content:'\f2cc'}.zmdi-smartphone-landscape-lock:before{content:'\f2cd'}.zmdi-smartphone-landscape:before{content:'\f2ce'}.zmdi-smartphone-lock:before{content:'\f2cf'}.zmdi-smartphone-portrait-lock:before{content:'\f2d0'}.zmdi-smartphone-ring:before{content:'\f2d1'}.zmdi-smartphone-setting:before{content:'\f2d2'}.zmdi-smartphone-setup:before{content:'\f2d3'}.zmdi-smartphone:before{content:'\f2d4'}.zmdi-speaker:before{content:'\f2d5'}.zmdi-tablet-android:before{content:'\f2d6'}.zmdi-tablet-mac:before{content:'\f2d7'}.zmdi-tablet:before{content:'\f2d8'}.zmdi-tv-alt-play:before{content:'\f2d9'}.zmdi-tv-list:before{content:'\f2da'}.zmdi-tv-play:before{content:'\f2db'}.zmdi-tv:before{content:'\f2dc'}.zmdi-usb:before{content:'\f2dd'}.zmdi-videocam-off:before{content:'\f2de'}.zmdi-videocam-switch:before{content:'\f2df'}.zmdi-videocam:before{content:'\f2e0'}.zmdi-watch:before{content:'\f2e1'}.zmdi-wifi-alt-2:before{content:'\f2e2'}.zmdi-wifi-alt:before{content:'\f2e3'}.zmdi-wifi-info:before{content:'\f2e4'}.zmdi-wifi-lock:before{content:'\f2e5'}.zmdi-wifi-off:before{content:'\f2e6'}.zmdi-wifi-outline:before{content:'\f2e7'}.zmdi-wifi:before{content:'\f2e8'}.zmdi-arrow-left-bottom:before{content:'\f2e9'}.zmdi-arrow-left:before{content:'\f2ea'}.zmdi-arrow-merge:before{content:'\f2eb'}.zmdi-arrow-missed:before{content:'\f2ec'}.zmdi-arrow-right-top:before{content:'\f2ed'}.zmdi-arrow-right:before{content:'\f2ee'}.zmdi-arrow-split:before{content:'\f2ef'}.zmdi-arrows:before{content:'\f2f0'}.zmdi-caret-down-circle:before{content:'\f2f1'}.zmdi-caret-down:before{content:'\f2f2'}.zmdi-caret-left-circle:before{content:'\f2f3'}.zmdi-caret-left:before{content:'\f2f4'}.zmdi-caret-right-circle:before{content:'\f2f5'}.zmdi-caret-right:before{content:'\f2f6'}.zmdi-caret-up-circle:before{content:'\f2f7'}.zmdi-caret-up:before{content:'\f2f8'}.zmdi-chevron-down:before{content:'\f2f9'}.zmdi-chevron-left:before{content:'\f2fa'}.zmdi-chevron-right:before{content:'\f2fb'}.zmdi-chevron-up:before{content:'\f2fc'}.zmdi-forward:before{content:'\f2fd'}.zmdi-long-arrow-down:before{content:'\f2fe'}.zmdi-long-arrow-left:before{content:'\f2ff'}.zmdi-long-arrow-return:before{content:'\f300'}.zmdi-long-arrow-right:before{content:'\f301'}.zmdi-long-arrow-tab:before{content:'\f302'}.zmdi-long-arrow-up:before{content:'\f303'}.zmdi-rotate-ccw:before{content:'\f304'}.zmdi-rotate-cw:before{content:'\f305'}.zmdi-rotate-left:before{content:'\f306'}.zmdi-rotate-right:before{content:'\f307'}.zmdi-square-down:before{content:'\f308'}.zmdi-square-right:before{content:'\f309'}.zmdi-swap-alt:before{content:'\f30a'}.zmdi-swap-vertical-circle:before{content:'\f30b'}.zmdi-swap-vertical:before{content:'\f30c'}.zmdi-swap:before{content:'\f30d'}.zmdi-trending-down:before{content:'\f30e'}.zmdi-trending-flat:before{content:'\f30f'}.zmdi-trending-up:before{content:'\f310'}.zmdi-unfold-less:before{content:'\f311'}.zmdi-unfold-more:before{content:'\f312'}.zmdi-apps:before{content:'\f313'}.zmdi-grid-off:before{content:'\f314'}.zmdi-grid:before{content:'\f315'}.zmdi-view-agenda:before{content:'\f316'}.zmdi-view-array:before{content:'\f317'}.zmdi-view-carousel:before{content:'\f318'}.zmdi-view-column:before{content:'\f319'}.zmdi-view-comfy:before{content:'\f31a'}.zmdi-view-compact:before{content:'\f31b'}.zmdi-view-dashboard:before{content:'\f31c'}.zmdi-view-day:before{content:'\f31d'}.zmdi-view-headline:before{content:'\f31e'}.zmdi-view-list-alt:before{content:'\f31f'}.zmdi-view-list:before{content:'\f320'}.zmdi-view-module:before{content:'\f321'}.zmdi-view-quilt:before{content:'\f322'}.zmdi-view-stream:before{content:'\f323'}.zmdi-view-subtitles:before{content:'\f324'}.zmdi-view-toc:before{content:'\f325'}.zmdi-view-web:before{content:'\f326'}.zmdi-view-week:before{content:'\f327'}.zmdi-widgets:before{content:'\f328'}.zmdi-alarm-check:before{content:'\f329'}.zmdi-alarm-off:before{content:'\f32a'}.zmdi-alarm-plus:before{content:'\f32b'}.zmdi-alarm-snooze:before{content:'\f32c'}.zmdi-alarm:before{content:'\f32d'}.zmdi-calendar-alt:before{content:'\f32e'}.zmdi-calendar-check:before{content:'\f32f'}.zmdi-calendar-close:before{content:'\f330'}.zmdi-calendar-note:before{content:'\f331'}.zmdi-calendar:before{content:'\f332'}.zmdi-time-countdown:before{content:'\f333'}.zmdi-time-interval:before{content:'\f334'}.zmdi-time-restore-setting:before{content:'\f335'}.zmdi-time-restore:before{content:'\f336'}.zmdi-time:before{content:'\f337'}.zmdi-timer-off:before{content:'\f338'}.zmdi-timer:before{content:'\f339'}.zmdi-android-alt:before{content:'\f33a'}.zmdi-android:before{content:'\f33b'}.zmdi-apple:before{content:'\f33c'}.zmdi-behance:before{content:'\f33d'}.zmdi-codepen:before{content:'\f33e'}.zmdi-dribbble:before{content:'\f33f'}.zmdi-dropbox:before{content:'\f340'}.zmdi-evernote:before{content:'\f341'}.zmdi-facebook-box:before{content:'\f342'}.zmdi-facebook:before{content:'\f343'}.zmdi-github-box:before{content:'\f344'}.zmdi-github:before{content:'\f345'}.zmdi-google-drive:before{content:'\f346'}.zmdi-google-earth:before{content:'\f347'}.zmdi-google-glass:before{content:'\f348'}.zmdi-google-maps:before{content:'\f349'}.zmdi-google-pages:before{content:'\f34a'}.zmdi-google-play:before{content:'\f34b'}.zmdi-google-plus-box:before{content:'\f34c'}.zmdi-google-plus:before{content:'\f34d'}.zmdi-google:before{content:'\f34e'}.zmdi-instagram:before{content:'\f34f'}.zmdi-language-css3:before{content:'\f350'}.zmdi-language-html5:before{content:'\f351'}.zmdi-language-javascript:before{content:'\f352'}.zmdi-language-python-alt:before{content:'\f353'}.zmdi-language-python:before{content:'\f354'}.zmdi-lastfm:before{content:'\f355'}.zmdi-linkedin-box:before{content:'\f356'}.zmdi-paypal:before{content:'\f357'}.zmdi-pinterest-box:before{content:'\f358'}.zmdi-pocket:before{content:'\f359'}.zmdi-polymer:before{content:'\f35a'}.zmdi-share:before{content:'\f35b'}.zmdi-stackoverflow:before{content:'\f35c'}.zmdi-steam-square:before{content:'\f35d'}.zmdi-steam:before{content:'\f35e'}.zmdi-twitter-box:before{content:'\f35f'}.zmdi-twitter:before{content:'\f360'}.zmdi-vk:before{content:'\f361'}.zmdi-wikipedia:before{content:'\f362'}.zmdi-windows:before{content:'\f363'}.zmdi-aspect-ratio-alt:before{content:'\f364'}.zmdi-aspect-ratio:before{content:'\f365'}.zmdi-blur-circular:before{content:'\f366'}.zmdi-blur-linear:before{content:'\f367'}.zmdi-blur-off:before{content:'\f368'}.zmdi-blur:before{content:'\f369'}.zmdi-brightness-2:before{content:'\f36a'}.zmdi-brightness-3:before{content:'\f36b'}.zmdi-brightness-4:before{content:'\f36c'}.zmdi-brightness-5:before{content:'\f36d'}.zmdi-brightness-6:before{content:'\f36e'}.zmdi-brightness-7:before{content:'\f36f'}.zmdi-brightness-auto:before{content:'\f370'}.zmdi-brightness-setting:before{content:'\f371'}.zmdi-broken-image:before{content:'\f372'}.zmdi-center-focus-strong:before{content:'\f373'}.zmdi-center-focus-weak:before{content:'\f374'}.zmdi-compare:before{content:'\f375'}.zmdi-crop-16-9:before{content:'\f376'}.zmdi-crop-3-2:before{content:'\f377'}.zmdi-crop-5-4:before{content:'\f378'}.zmdi-crop-7-5:before{content:'\f379'}.zmdi-crop-din:before{content:'\f37a'}.zmdi-crop-free:before{content:'\f37b'}.zmdi-crop-landscape:before{content:'\f37c'}.zmdi-crop-portrait:before{content:'\f37d'}.zmdi-crop-square:before{content:'\f37e'}.zmdi-exposure-alt:before{content:'\f37f'}.zmdi-exposure:before{content:'\f380'}.zmdi-filter-b-and-w:before{content:'\f381'}.zmdi-filter-center-focus:before{content:'\f382'}.zmdi-filter-frames:before{content:'\f383'}.zmdi-filter-tilt-shift:before{content:'\f384'}.zmdi-gradient:before{content:'\f385'}.zmdi-grain:before{content:'\f386'}.zmdi-graphic-eq:before{content:'\f387'}.zmdi-hdr-off:before{content:'\f388'}.zmdi-hdr-strong:before{content:'\f389'}.zmdi-hdr-weak:before{content:'\f38a'}.zmdi-hdr:before{content:'\f38b'}.zmdi-iridescent:before{content:'\f38c'}.zmdi-leak-off:before{content:'\f38d'}.zmdi-leak:before{content:'\f38e'}.zmdi-looks:before{content:'\f38f'}.zmdi-loupe:before{content:'\f390'}.zmdi-panorama-horizontal:before{content:'\f391'}.zmdi-panorama-vertical:before{content:'\f392'}.zmdi-panorama-wide-angle:before{content:'\f393'}.zmdi-photo-size-select-large:before{content:'\f394'}.zmdi-photo-size-select-small:before{content:'\f395'}.zmdi-picture-in-picture:before{content:'\f396'}.zmdi-slideshow:before{content:'\f397'}.zmdi-texture:before{content:'\f398'}.zmdi-tonality:before{content:'\f399'}.zmdi-vignette:before{content:'\f39a'}.zmdi-wb-auto:before{content:'\f39b'}.zmdi-eject-alt:before{content:'\f39c'}.zmdi-eject:before{content:'\f39d'}.zmdi-equalizer:before{content:'\f39e'}.zmdi-fast-forward:before{content:'\f39f'}.zmdi-fast-rewind:before{content:'\f3a0'}.zmdi-forward-10:before{content:'\f3a1'}.zmdi-forward-30:before{content:'\f3a2'}.zmdi-forward-5:before{content:'\f3a3'}.zmdi-hearing:before{content:'\f3a4'}.zmdi-pause-circle-outline:before{content:'\f3a5'}.zmdi-pause-circle:before{content:'\f3a6'}.zmdi-pause:before{content:'\f3a7'}.zmdi-play-circle-outline:before{content:'\f3a8'}.zmdi-play-circle:before{content:'\f3a9'}.zmdi-play:before{content:'\f3aa'}.zmdi-playlist-audio:before{content:'\f3ab'}.zmdi-playlist-plus:before{content:'\f3ac'}.zmdi-repeat-one:before{content:'\f3ad'}.zmdi-repeat:before{content:'\f3ae'}.zmdi-replay-10:before{content:'\f3af'}.zmdi-replay-30:before{content:'\f3b0'}.zmdi-replay-5:before{content:'\f3b1'}.zmdi-replay:before{content:'\f3b2'}.zmdi-shuffle:before{content:'\f3b3'}.zmdi-skip-next:before{content:'\f3b4'}.zmdi-skip-previous:before{content:'\f3b5'}.zmdi-stop:before{content:'\f3b6'}.zmdi-surround-sound:before{content:'\f3b7'}.zmdi-tune:before{content:'\f3b8'}.zmdi-volume-down:before{content:'\f3b9'}.zmdi-volume-mute:before{content:'\f3ba'}.zmdi-volume-off:before{content:'\f3bb'}.zmdi-volume-up:before{content:'\f3bc'}.zmdi-n-1-square:before{content:'\f3bd'}.zmdi-n-2-square:before{content:'\f3be'}.zmdi-n-3-square:before{content:'\f3bf'}.zmdi-n-4-square:before{content:'\f3c0'}.zmdi-n-5-square:before{content:'\f3c1'}.zmdi-n-6-square:before{content:'\f3c2'}.zmdi-neg-1:before{content:'\f3c3'}.zmdi-neg-2:before{content:'\f3c4'}.zmdi-plus-1:before{content:'\f3c5'}.zmdi-plus-2:before{content:'\f3c6'}.zmdi-sec-10:before{content:'\f3c7'}.zmdi-sec-3:before{content:'\f3c8'}.zmdi-zero:before{content:'\f3c9'}.zmdi-airline-seat-flat-angled:before{content:'\f3ca'}.zmdi-airline-seat-flat:before{content:'\f3cb'}.zmdi-airline-seat-individual-suite:before{content:'\f3cc'}.zmdi-airline-seat-legroom-extra:before{content:'\f3cd'}.zmdi-airline-seat-legroom-normal:before{content:'\f3ce'}.zmdi-airline-seat-legroom-reduced:before{content:'\f3cf'}.zmdi-airline-seat-recline-extra:before{content:'\f3d0'}.zmdi-airline-seat-recline-normal:before{content:'\f3d1'}.zmdi-airplay:before{content:'\f3d2'}.zmdi-closed-caption:before{content:'\f3d3'}.zmdi-confirmation-number:before{content:'\f3d4'}.zmdi-developer-board:before{content:'\f3d5'}.zmdi-disc-full:before{content:'\f3d6'}.zmdi-explicit:before{content:'\f3d7'}.zmdi-flight-land:before{content:'\f3d8'}.zmdi-flight-takeoff:before{content:'\f3d9'}.zmdi-flip-to-back:before{content:'\f3da'}.zmdi-flip-to-front:before{content:'\f3db'}.zmdi-group-work:before{content:'\f3dc'}.zmdi-hd:before{content:'\f3dd'}.zmdi-hq:before{content:'\f3de'}.zmdi-markunread-mailbox:before{content:'\f3df'}.zmdi-memory:before{content:'\f3e0'}.zmdi-nfc:before{content:'\f3e1'}.zmdi-play-for-work:before{content:'\f3e2'}.zmdi-power-input:before{content:'\f3e3'}.zmdi-present-to-all:before{content:'\f3e4'}.zmdi-satellite:before{content:'\f3e5'}.zmdi-tap-and-play:before{content:'\f3e6'}.zmdi-vibration:before{content:'\f3e7'}.zmdi-voicemail:before{content:'\f3e8'}.zmdi-group:before{content:'\f3e9'}.zmdi-rss:before{content:'\f3ea'}.zmdi-shape:before{content:'\f3eb'}.zmdi-spinner:before{content:'\f3ec'}.zmdi-ungroup:before{content:'\f3ed'}.zmdi-500px:before{content:'\f3ee'}.zmdi-8tracks:before{content:'\f3ef'}.zmdi-amazon:before{content:'\f3f0'}.zmdi-blogger:before{content:'\f3f1'}.zmdi-delicious:before{content:'\f3f2'}.zmdi-disqus:before{content:'\f3f3'}.zmdi-flattr:before{content:'\f3f4'}.zmdi-flickr:before{content:'\f3f5'}.zmdi-github-alt:before{content:'\f3f6'}.zmdi-google-old:before{content:'\f3f7'}.zmdi-linkedin:before{content:'\f3f8'}.zmdi-odnoklassniki:before{content:'\f3f9'}.zmdi-outlook:before{content:'\f3fa'}.zmdi-paypal-alt:before{content:'\f3fb'}.zmdi-pinterest:before{content:'\f3fc'}.zmdi-playstation:before{content:'\f3fd'}.zmdi-reddit:before{content:'\f3fe'}.zmdi-skype:before{content:'\f3ff'}.zmdi-slideshare:before{content:'\f400'}.zmdi-soundcloud:before{content:'\f401'}.zmdi-tumblr:before{content:'\f402'}.zmdi-twitch:before{content:'\f403'}.zmdi-vimeo:before{content:'\f404'}.zmdi-whatsapp:before{content:'\f405'}.zmdi-xbox:before{content:'\f406'}.zmdi-yahoo:before{content:'\f407'}.zmdi-youtube-play:before{content:'\f408'}.zmdi-youtube:before{content:'\f409'}.zmdi-3d-rotation:before{content:'\f101'}.zmdi-airplane-off:before{content:'\f102'}.zmdi-airplane:before{content:'\f103'}.zmdi-album:before{content:'\f104'}.zmdi-archive:before{content:'\f105'}.zmdi-assignment-account:before{content:'\f106'}.zmdi-assignment-alert:before{content:'\f107'}.zmdi-assignment-check:before{content:'\f108'}.zmdi-assignment-o:before{content:'\f109'}.zmdi-assignment-return:before{content:'\f10a'}.zmdi-assignment-returned:before{content:'\f10b'}.zmdi-assignment:before{content:'\f10c'}.zmdi-attachment-alt:before{content:'\f10d'}.zmdi-attachment:before{content:'\f10e'}.zmdi-audio:before{content:'\f10f'}.zmdi-badge-check:before{content:'\f110'}.zmdi-balance-wallet:before{content:'\f111'}.zmdi-balance:before{content:'\f112'}.zmdi-battery-alert:before{content:'\f113'}.zmdi-battery-flash:before{content:'\f114'}.zmdi-battery-unknown:before{content:'\f115'}.zmdi-battery:before{content:'\f116'}.zmdi-bike:before{content:'\f117'}.zmdi-block-alt:before{content:'\f118'}.zmdi-block:before{content:'\f119'}.zmdi-boat:before{content:'\f11a'}.zmdi-book-image:before{content:'\f11b'}.zmdi-book:before{content:'\f11c'}.zmdi-bookmark-outline:before{content:'\f11d'}.zmdi-bookmark:before{content:'\f11e'}.zmdi-brush:before{content:'\f11f'}.zmdi-bug:before{content:'\f120'}.zmdi-bus:before{content:'\f121'}.zmdi-cake:before{content:'\f122'}.zmdi-car-taxi:before{content:'\f123'}.zmdi-car-wash:before{content:'\f124'}.zmdi-car:before{content:'\f125'}.zmdi-card-giftcard:before{content:'\f126'}.zmdi-card-membership:before{content:'\f127'}.zmdi-card-travel:before{content:'\f128'}.zmdi-card:before{content:'\f129'}.zmdi-case-check:before{content:'\f12a'}.zmdi-case-download:before{content:'\f12b'}.zmdi-case-play:before{content:'\f12c'}.zmdi-case:before{content:'\f12d'}.zmdi-cast-connected:before{content:'\f12e'}.zmdi-cast:before{content:'\f12f'}.zmdi-chart-donut:before{content:'\f130'}.zmdi-chart:before{content:'\f131'}.zmdi-city-alt:before{content:'\f132'}.zmdi-city:before{content:'\f133'}.zmdi-close-circle-o:before{content:'\f134'}.zmdi-close-circle:before{content:'\f135'}.zmdi-close:before{content:'\f136'}.zmdi-cocktail:before{content:'\f137'}.zmdi-code-setting:before{content:'\f138'}.zmdi-code-smartphone:before{content:'\f139'}.zmdi-code:before{content:'\f13a'}.zmdi-coffee:before{content:'\f13b'}.zmdi-collection-bookmark:before{content:'\f13c'}.zmdi-collection-case-play:before{content:'\f13d'}.zmdi-collection-folder-image:before{content:'\f13e'}.zmdi-collection-image-o:before{content:'\f13f'}.zmdi-collection-image:before{content:'\f140'}.zmdi-collection-item-1:before{content:'\f141'}.zmdi-collection-item-2:before{content:'\f142'}.zmdi-collection-item-3:before{content:'\f143'}.zmdi-collection-item-4:before{content:'\f144'}.zmdi-collection-item-5:before{content:'\f145'}.zmdi-collection-item-6:before{content:'\f146'}.zmdi-collection-item-7:before{content:'\f147'}.zmdi-collection-item-8:before{content:'\f148'}.zmdi-collection-item-9-plus:before{content:'\f149'}.zmdi-collection-item-9:before{content:'\f14a'}.zmdi-collection-item:before{content:'\f14b'}.zmdi-collection-music:before{content:'\f14c'}.zmdi-collection-pdf:before{content:'\f14d'}.zmdi-collection-plus:before{content:'\f14e'}.zmdi-collection-speaker:before{content:'\f14f'}.zmdi-collection-text:before{content:'\f150'}.zmdi-collection-video:before{content:'\f151'}.zmdi-compass:before{content:'\f152'}.zmdi-cutlery:before{content:'\f153'}.zmdi-delete:before{content:'\f154'}.zmdi-dialpad:before{content:'\f155'}.zmdi-dns:before{content:'\f156'}.zmdi-drink:before{content:'\f157'}.zmdi-edit:before{content:'\f158'}.zmdi-email-open:before{content:'\f159'}.zmdi-email:before{content:'\f15a'}.zmdi-eye-off:before{content:'\f15b'}.zmdi-eye:before{content:'\f15c'}.zmdi-eyedropper:before{content:'\f15d'}.zmdi-favorite-outline:before{content:'\f15e'}.zmdi-favorite:before{content:'\f15f'}.zmdi-filter-list:before{content:'\f160'}.zmdi-fire:before{content:'\f161'}.zmdi-flag:before{content:'\f162'}.zmdi-flare:before{content:'\f163'}.zmdi-flash-auto:before{content:'\f164'}.zmdi-flash-off:before{content:'\f165'}.zmdi-flash:before{content:'\f166'}.zmdi-flip:before{content:'\f167'}.zmdi-flower-alt:before{content:'\f168'}.zmdi-flower:before{content:'\f169'}.zmdi-font:before{content:'\f16a'}.zmdi-fullscreen-alt:before{content:'\f16b'}.zmdi-fullscreen-exit:before{content:'\f16c'}.zmdi-fullscreen:before{content:'\f16d'}.zmdi-functions:before{content:'\f16e'}.zmdi-gas-station:before{content:'\f16f'}.zmdi-gesture:before{content:'\f170'}.zmdi-globe-alt:before{content:'\f171'}.zmdi-globe-lock:before{content:'\f172'}.zmdi-globe:before{content:'\f173'}.zmdi-graduation-cap:before{content:'\f174'}.zmdi-home:before{content:'\f175'}.zmdi-hospital-alt:before{content:'\f176'}.zmdi-hospital:before{content:'\f177'}.zmdi-hotel:before{content:'\f178'}.zmdi-hourglass-alt:before{content:'\f179'}.zmdi-hourglass-outline:before{content:'\f17a'}.zmdi-hourglass:before{content:'\f17b'}.zmdi-http:before{content:'\f17c'}.zmdi-image-alt:before{content:'\f17d'}.zmdi-image-o:before{content:'\f17e'}.zmdi-image:before{content:'\f17f'}.zmdi-inbox:before{content:'\f180'}.zmdi-invert-colors-off:before{content:'\f181'}.zmdi-invert-colors:before{content:'\f182'}.zmdi-key:before{content:'\f183'}.zmdi-label-alt-outline:before{content:'\f184'}.zmdi-label-alt:before{content:'\f185'}.zmdi-label-heart:before{content:'\f186'}.zmdi-label:before{content:'\f187'}.zmdi-labels:before{content:'\f188'}.zmdi-lamp:before{content:'\f189'}.zmdi-landscape:before{content:'\f18a'}.zmdi-layers-off:before{content:'\f18b'}.zmdi-layers:before{content:'\f18c'}.zmdi-library:before{content:'\f18d'}.zmdi-link:before{content:'\f18e'}.zmdi-lock-open:before{content:'\f18f'}.zmdi-lock-outline:before{content:'\f190'}.zmdi-lock:before{content:'\f191'}.zmdi-mail-reply-all:before{content:'\f192'}.zmdi-mail-reply:before{content:'\f193'}.zmdi-mail-send:before{content:'\f194'}.zmdi-mall:before{content:'\f195'}.zmdi-map:before{content:'\f196'}.zmdi-menu:before{content:'\f197'}.zmdi-money-box:before{content:'\f198'}.zmdi-money-off:before{content:'\f199'}.zmdi-money:before{content:'\f19a'}.zmdi-more-vert:before{content:'\f19b'}.zmdi-more:before{content:'\f19c'}.zmdi-movie-alt:before{content:'\f19d'}.zmdi-movie:before{content:'\f19e'}.zmdi-nature-people:before{content:'\f19f'}.zmdi-nature:before{content:'\f1a0'}.zmdi-navigation:before{content:'\f1a1'}.zmdi-open-in-browser:before{content:'\f1a2'}.zmdi-open-in-new:before{content:'\f1a3'}.zmdi-palette:before{content:'\f1a4'}.zmdi-parking:before{content:'\f1a5'}.zmdi-pin-account:before{content:'\f1a6'}.zmdi-pin-assistant:before{content:'\f1a7'}.zmdi-pin-drop:before{content:'\f1a8'}.zmdi-pin-help:before{content:'\f1a9'}.zmdi-pin-off:before{content:'\f1aa'}.zmdi-pin:before{content:'\f1ab'}.zmdi-pizza:before{content:'\f1ac'}.zmdi-plaster:before{content:'\f1ad'}.zmdi-power-setting:before{content:'\f1ae'}.zmdi-power:before{content:'\f1af'}.zmdi-print:before{content:'\f1b0'}.zmdi-puzzle-piece:before{content:'\f1b1'}.zmdi-quote:before{content:'\f1b2'}.zmdi-railway:before{content:'\f1b3'}.zmdi-receipt:before{content:'\f1b4'}.zmdi-refresh-alt:before{content:'\f1b5'}.zmdi-refresh-sync-alert:before{content:'\f1b6'}.zmdi-refresh-sync-off:before{content:'\f1b7'}.zmdi-refresh-sync:before{content:'\f1b8'}.zmdi-refresh:before{content:'\f1b9'}.zmdi-roller:before{content:'\f1ba'}.zmdi-ruler:before{content:'\f1bb'}.zmdi-scissors:before{content:'\f1bc'}.zmdi-screen-rotation-lock:before{content:'\f1bd'}.zmdi-screen-rotation:before{content:'\f1be'}.zmdi-search-for:before{content:'\f1bf'}.zmdi-search-in-file:before{content:'\f1c0'}.zmdi-search-in-page:before{content:'\f1c1'}.zmdi-search-replace:before{content:'\f1c2'}.zmdi-search:before{content:'\f1c3'}.zmdi-seat:before{content:'\f1c4'}.zmdi-settings-square:before{content:'\f1c5'}.zmdi-settings:before{content:'\f1c6'}.zmdi-shield-check:before{content:'\f1c7'}.zmdi-shield-security:before{content:'\f1c8'}.zmdi-shopping-basket:before{content:'\f1c9'}.zmdi-shopping-cart-plus:before{content:'\f1ca'}.zmdi-shopping-cart:before{content:'\f1cb'}.zmdi-sign-in:before{content:'\f1cc'}.zmdi-sort-amount-asc:before{content:'\f1cd'}.zmdi-sort-amount-desc:before{content:'\f1ce'}.zmdi-sort-asc:before{content:'\f1cf'}.zmdi-sort-desc:before{content:'\f1d0'}.zmdi-spellcheck:before{content:'\f1d1'}.zmdi-storage:before{content:'\f1d2'}.zmdi-store-24:before{content:'\f1d3'}.zmdi-store:before{content:'\f1d4'}.zmdi-subway:before{content:'\f1d5'}.zmdi-sun:before{content:'\f1d6'}.zmdi-tab-unselected:before{content:'\f1d7'}.zmdi-tab:before{content:'\f1d8'}.zmdi-tag-close:before{content:'\f1d9'}.zmdi-tag-more:before{content:'\f1da'}.zmdi-tag:before{content:'\f1db'}.zmdi-thumb-down:before{content:'\f1dc'}.zmdi-thumb-up-down:before{content:'\f1dd'}.zmdi-thumb-up:before{content:'\f1de'}.zmdi-ticket-star:before{content:'\f1df'}.zmdi-toll:before{content:'\f1e0'}.zmdi-toys:before{content:'\f1e1'}.zmdi-traffic:before{content:'\f1e2'}.zmdi-translate:before{content:'\f1e3'}.zmdi-triangle-down:before{content:'\f1e4'}.zmdi-triangle-up:before{content:'\f1e5'}.zmdi-truck:before{content:'\f1e6'}.zmdi-turning-sign:before{content:'\f1e7'}.zmdi-wallpaper:before{content:'\f1e8'}.zmdi-washing-machine:before{content:'\f1e9'}.zmdi-window-maximize:before{content:'\f1ea'}.zmdi-window-minimize:before{content:'\f1eb'}.zmdi-window-restore:before{content:'\f1ec'}.zmdi-wrench:before{content:'\f1ed'}.zmdi-zoom-in:before{content:'\f1ee'}.zmdi-zoom-out:before{content:'\f1ef'}.zmdi-alert-circle-o:before{content:'\f1f0'}.zmdi-alert-circle:before{content:'\f1f1'}.zmdi-alert-octagon:before{content:'\f1f2'}.zmdi-alert-polygon:before{content:'\f1f3'}.zmdi-alert-triangle:before{content:'\f1f4'}.zmdi-help-outline:before{content:'\f1f5'}.zmdi-help:before{content:'\f1f6'}.zmdi-info-outline:before{content:'\f1f7'}.zmdi-info:before{content:'\f1f8'}.zmdi-notifications-active:before{content:'\f1f9'}.zmdi-notifications-add:before{content:'\f1fa'}.zmdi-notifications-none:before{content:'\f1fb'}.zmdi-notifications-off:before{content:'\f1fc'}.zmdi-notifications-paused:before{content:'\f1fd'}.zmdi-notifications:before{content:'\f1fe'}.zmdi-account-add:before{content:'\f1ff'}.zmdi-account-box-mail:before{content:'\f200'}.zmdi-account-box-o:before{content:'\f201'}.zmdi-account-box-phone:before{content:'\f202'}.zmdi-account-box:before{content:'\f203'}.zmdi-account-calendar:before{content:'\f204'}.zmdi-account-circle:before{content:'\f205'}.zmdi-account-o:before{content:'\f206'}.zmdi-account:before{content:'\f207'}.zmdi-accounts-add:before{content:'\f208'}.zmdi-accounts-alt:before{content:'\f209'}.zmdi-accounts-list-alt:before{content:'\f20a'}.zmdi-accounts-list:before{content:'\f20b'}.zmdi-accounts-outline:before{content:'\f20c'}.zmdi-accounts:before{content:'\f20d'}.zmdi-face:before{content:'\f20e'}.zmdi-female:before{content:'\f20f'}.zmdi-male-alt:before{content:'\f210'}.zmdi-male-female:before{content:'\f211'}.zmdi-male:before{content:'\f212'}.zmdi-mood-bad:before{content:'\f213'}.zmdi-mood:before{content:'\f214'}.zmdi-run:before{content:'\f215'}.zmdi-walk:before{content:'\f216'}.zmdi-cloud-box:before{content:'\f217'}.zmdi-cloud-circle:before{content:'\f218'}.zmdi-cloud-done:before{content:'\f219'}.zmdi-cloud-download:before{content:'\f21a'}.zmdi-cloud-off:before{content:'\f21b'}.zmdi-cloud-outline-alt:before{content:'\f21c'}.zmdi-cloud-outline:before{content:'\f21d'}.zmdi-cloud-upload:before{content:'\f21e'}.zmdi-cloud:before{content:'\f21f'}.zmdi-download:before{content:'\f220'}.zmdi-file-plus:before{content:'\f221'}.zmdi-file-text:before{content:'\f222'}.zmdi-file:before{content:'\f223'}.zmdi-folder-outline:before{content:'\f224'}.zmdi-folder-person:before{content:'\f225'}.zmdi-folder-star-alt:before{content:'\f226'}.zmdi-folder-star:before{content:'\f227'}.zmdi-folder:before{content:'\f228'}.zmdi-gif:before{content:'\f229'}.zmdi-upload:before{content:'\f22a'}.zmdi-border-all:before{content:'\f22b'}.zmdi-border-bottom:before{content:'\f22c'}.zmdi-border-clear:before{content:'\f22d'}.zmdi-border-color:before{content:'\f22e'}.zmdi-border-horizontal:before{content:'\f22f'}.zmdi-border-inner:before{content:'\f230'}.zmdi-border-left:before{content:'\f231'}.zmdi-border-outer:before{content:'\f232'}.zmdi-border-right:before{content:'\f233'}.zmdi-border-style:before{content:'\f234'}.zmdi-border-top:before{content:'\f235'}.zmdi-border-vertical:before{content:'\f236'}.zmdi-copy:before{content:'\f237'}.zmdi-crop:before{content:'\f238'}.zmdi-format-align-center:before{content:'\f239'}.zmdi-format-align-justify:before{content:'\f23a'}.zmdi-format-align-left:before{content:'\f23b'}.zmdi-format-align-right:before{content:'\f23c'}.zmdi-format-bold:before{content:'\f23d'}.zmdi-format-clear-all:before{content:'\f23e'}.zmdi-format-clear:before{content:'\f23f'}.zmdi-format-color-fill:before{content:'\f240'}.zmdi-format-color-reset:before{content:'\f241'}.zmdi-format-color-text:before{content:'\f242'}.zmdi-format-indent-decrease:before{content:'\f243'}.zmdi-format-indent-increase:before{content:'\f244'}.zmdi-format-italic:before{content:'\f245'}.zmdi-format-line-spacing:before{content:'\f246'}.zmdi-format-list-bulleted:before{content:'\f247'}.zmdi-format-list-numbered:before{content:'\f248'}.zmdi-format-ltr:before{content:'\f249'}.zmdi-format-rtl:before{content:'\f24a'}.zmdi-format-size:before{content:'\f24b'}.zmdi-format-strikethrough-s:before{content:'\f24c'}.zmdi-format-strikethrough:before{content:'\f24d'}.zmdi-format-subject:before{content:'\f24e'}.zmdi-format-underlined:before{content:'\f24f'}.zmdi-format-valign-bottom:before{content:'\f250'}.zmdi-format-valign-center:before{content:'\f251'}.zmdi-format-valign-top:before{content:'\f252'}.zmdi-redo:before{content:'\f253'}.zmdi-select-all:before{content:'\f254'}.zmdi-space-bar:before{content:'\f255'}.zmdi-text-format:before{content:'\f256'}.zmdi-transform:before{content:'\f257'}.zmdi-undo:before{content:'\f258'}.zmdi-wrap-text:before{content:'\f259'}.zmdi-comment-alert:before{content:'\f25a'}.zmdi-comment-alt-text:before{content:'\f25b'}.zmdi-comment-alt:before{content:'\f25c'}.zmdi-comment-edit:before{content:'\f25d'}.zmdi-comment-image:before{content:'\f25e'}.zmdi-comment-list:before{content:'\f25f'}.zmdi-comment-more:before{content:'\f260'}.zmdi-comment-outline:before{content:'\f261'}.zmdi-comment-text-alt:before{content:'\f262'}.zmdi-comment-text:before{content:'\f263'}.zmdi-comment-video:before{content:'\f264'}.zmdi-comment:before{content:'\f265'}.zmdi-comments:before{content:'\f266'}.zmdi-check-all:before{content:'\f267'}.zmdi-check-circle-u:before{content:'\f268'}.zmdi-check-circle:before{content:'\f269'}.zmdi-check-square:before{content:'\f26a'}.zmdi-check:before{content:'\f26b'}.zmdi-circle-o:before{content:'\f26c'}.zmdi-circle:before{content:'\f26d'}.zmdi-dot-circle-alt:before{content:'\f26e'}.zmdi-dot-circle:before{content:'\f26f'}.zmdi-minus-circle-outline:before{content:'\f270'}.zmdi-minus-circle:before{content:'\f271'}.zmdi-minus-square:before{content:'\f272'}.zmdi-minus:before{content:'\f273'}.zmdi-plus-circle-o-duplicate:before{content:'\f274'}.zmdi-plus-circle-o:before{content:'\f275'}.zmdi-plus-circle:before{content:'\f276'}.zmdi-plus-square:before{content:'\f277'}.zmdi-plus:before{content:'\f278'}.zmdi-square-o:before{content:'\f279'}.zmdi-star-circle:before{content:'\f27a'}.zmdi-star-half:before{content:'\f27b'}.zmdi-star-outline:before{content:'\f27c'}.zmdi-star:before{content:'\f27d'}.zmdi-bluetooth-connected:before{content:'\f27e'}.zmdi-bluetooth-off:before{content:'\f27f'}.zmdi-bluetooth-search:before{content:'\f280'}.zmdi-bluetooth-setting:before{content:'\f281'}.zmdi-bluetooth:before{content:'\f282'}.zmdi-camera-add:before{content:'\f283'}.zmdi-camera-alt:before{content:'\f284'}.zmdi-camera-bw:before{content:'\f285'}.zmdi-camera-front:before{content:'\f286'}.zmdi-camera-mic:before{content:'\f287'}.zmdi-camera-party-mode:before{content:'\f288'}.zmdi-camera-rear:before{content:'\f289'}.zmdi-camera-roll:before{content:'\f28a'}.zmdi-camera-switch:before{content:'\f28b'}.zmdi-camera:before{content:'\f28c'}.zmdi-card-alert:before{content:'\f28d'}.zmdi-card-off:before{content:'\f28e'}.zmdi-card-sd:before{content:'\f28f'}.zmdi-card-sim:before{content:'\f290'}.zmdi-desktop-mac:before{content:'\f291'}.zmdi-desktop-windows:before{content:'\f292'}.zmdi-device-hub:before{content:'\f293'}.zmdi-devices-off:before{content:'\f294'}.zmdi-devices:before{content:'\f295'}.zmdi-dock:before{content:'\f296'}.zmdi-floppy:before{content:'\f297'}.zmdi-gamepad:before{content:'\f298'}.zmdi-gps-dot:before{content:'\f299'}.zmdi-gps-off:before{content:'\f29a'}.zmdi-gps:before{content:'\f29b'}.zmdi-headset-mic:before{content:'\f29c'}.zmdi-headset:before{content:'\f29d'}.zmdi-input-antenna:before{content:'\f29e'}.zmdi-input-composite:before{content:'\f29f'}.zmdi-input-hdmi:before{content:'\f2a0'}.zmdi-input-power:before{content:'\f2a1'}.zmdi-input-svideo:before{content:'\f2a2'}.zmdi-keyboard-hide:before{content:'\f2a3'}.zmdi-keyboard:before{content:'\f2a4'}.zmdi-laptop-chromebook:before{content:'\f2a5'}.zmdi-laptop-mac:before{content:'\f2a6'}.zmdi-laptop:before{content:'\f2a7'}.zmdi-mic-off:before{content:'\f2a8'}.zmdi-mic-outline:before{content:'\f2a9'}.zmdi-mic-setting:before{content:'\f2aa'}.zmdi-mic:before{content:'\f2ab'}.zmdi-mouse:before{content:'\f2ac'}.zmdi-network-alert:before{content:'\f2ad'}.zmdi-network-locked:before{content:'\f2ae'}.zmdi-network-off:before{content:'\f2af'}.zmdi-network-outline:before{content:'\f2b0'}.zmdi-network-setting:before{content:'\f2b1'}.zmdi-network:before{content:'\f2b2'}.zmdi-phone-bluetooth:before{content:'\f2b3'}.zmdi-phone-end:before{content:'\f2b4'}.zmdi-phone-forwarded:before{content:'\f2b5'}.zmdi-phone-in-talk:before{content:'\f2b6'}.zmdi-phone-locked:before{content:'\f2b7'}.zmdi-phone-missed:before{content:'\f2b8'}.zmdi-phone-msg:before{content:'\f2b9'}.zmdi-phone-paused:before{content:'\f2ba'}.zmdi-phone-ring:before{content:'\f2bb'}.zmdi-phone-setting:before{content:'\f2bc'}.zmdi-phone-sip:before{content:'\f2bd'}.zmdi-phone:before{content:'\f2be'}.zmdi-portable-wifi-changes:before{content:'\f2bf'}.zmdi-portable-wifi-off:before{content:'\f2c0'}.zmdi-portable-wifi:before{content:'\f2c1'}.zmdi-radio:before{content:'\f2c2'}.zmdi-reader:before{content:'\f2c3'}.zmdi-remote-control-alt:before{content:'\f2c4'}.zmdi-remote-control:before{content:'\f2c5'}.zmdi-router:before{content:'\f2c6'}.zmdi-scanner:before{content:'\f2c7'}.zmdi-smartphone-android:before{content:'\f2c8'}.zmdi-smartphone-download:before{content:'\f2c9'}.zmdi-smartphone-erase:before{content:'\f2ca'}.zmdi-smartphone-info:before{content:'\f2cb'}.zmdi-smartphone-iphone:before{content:'\f2cc'}.zmdi-smartphone-landscape-lock:before{content:'\f2cd'}.zmdi-smartphone-landscape:before{content:'\f2ce'}.zmdi-smartphone-lock:before{content:'\f2cf'}.zmdi-smartphone-portrait-lock:before{content:'\f2d0'}.zmdi-smartphone-ring:before{content:'\f2d1'}.zmdi-smartphone-setting:before{content:'\f2d2'}.zmdi-smartphone-setup:before{content:'\f2d3'}.zmdi-smartphone:before{content:'\f2d4'}.zmdi-speaker:before{content:'\f2d5'}.zmdi-tablet-android:before{content:'\f2d6'}.zmdi-tablet-mac:before{content:'\f2d7'}.zmdi-tablet:before{content:'\f2d8'}.zmdi-tv-alt-play:before{content:'\f2d9'}.zmdi-tv-list:before{content:'\f2da'}.zmdi-tv-play:before{content:'\f2db'}.zmdi-tv:before{content:'\f2dc'}.zmdi-usb:before{content:'\f2dd'}.zmdi-videocam-off:before{content:'\f2de'}.zmdi-videocam-switch:before{content:'\f2df'}.zmdi-videocam:before{content:'\f2e0'}.zmdi-watch:before{content:'\f2e1'}.zmdi-wifi-alt-2:before{content:'\f2e2'}.zmdi-wifi-alt:before{content:'\f2e3'}.zmdi-wifi-info:before{content:'\f2e4'}.zmdi-wifi-lock:before{content:'\f2e5'}.zmdi-wifi-off:before{content:'\f2e6'}.zmdi-wifi-outline:before{content:'\f2e7'}.zmdi-wifi:before{content:'\f2e8'}.zmdi-arrow-left-bottom:before{content:'\f2e9'}.zmdi-arrow-left:before{content:'\f2ea'}.zmdi-arrow-merge:before{content:'\f2eb'}.zmdi-arrow-missed:before{content:'\f2ec'}.zmdi-arrow-right-top:before{content:'\f2ed'}.zmdi-arrow-right:before{content:'\f2ee'}.zmdi-arrow-split:before{content:'\f2ef'}.zmdi-arrows:before{content:'\f2f0'}.zmdi-caret-down-circle:before{content:'\f2f1'}.zmdi-caret-down:before{content:'\f2f2'}.zmdi-caret-left-circle:before{content:'\f2f3'}.zmdi-caret-left:before{content:'\f2f4'}.zmdi-caret-right-circle:before{content:'\f2f5'}.zmdi-caret-right:before{content:'\f2f6'}.zmdi-caret-up-circle:before{content:'\f2f7'}.zmdi-caret-up:before{content:'\f2f8'}.zmdi-chevron-down:before{content:'\f2f9'}.zmdi-chevron-left:before{content:'\f2fa'}.zmdi-chevron-right:before{content:'\f2fb'}.zmdi-chevron-up:before{content:'\f2fc'}.zmdi-forward:before{content:'\f2fd'}.zmdi-long-arrow-down:before{content:'\f2fe'}.zmdi-long-arrow-left:before{content:'\f2ff'}.zmdi-long-arrow-return:before{content:'\f300'}.zmdi-long-arrow-right:before{content:'\f301'}.zmdi-long-arrow-tab:before{content:'\f302'}.zmdi-long-arrow-up:before{content:'\f303'}.zmdi-rotate-ccw:before{content:'\f304'}.zmdi-rotate-cw:before{content:'\f305'}.zmdi-rotate-left:before{content:'\f306'}.zmdi-rotate-right:before{content:'\f307'}.zmdi-square-down:before{content:'\f308'}.zmdi-square-right:before{content:'\f309'}.zmdi-swap-alt:before{content:'\f30a'}.zmdi-swap-vertical-circle:before{content:'\f30b'}.zmdi-swap-vertical:before{content:'\f30c'}.zmdi-swap:before{content:'\f30d'}.zmdi-trending-down:before{content:'\f30e'}.zmdi-trending-flat:before{content:'\f30f'}.zmdi-trending-up:before{content:'\f310'}.zmdi-unfold-less:before{content:'\f311'}.zmdi-unfold-more:before{content:'\f312'}.zmdi-apps:before{content:'\f313'}.zmdi-grid-off:before{content:'\f314'}.zmdi-grid:before{content:'\f315'}.zmdi-view-agenda:before{content:'\f316'}.zmdi-view-array:before{content:'\f317'}.zmdi-view-carousel:before{content:'\f318'}.zmdi-view-column:before{content:'\f319'}.zmdi-view-comfy:before{content:'\f31a'}.zmdi-view-compact:before{content:'\f31b'}.zmdi-view-dashboard:before{content:'\f31c'}.zmdi-view-day:before{content:'\f31d'}.zmdi-view-headline:before{content:'\f31e'}.zmdi-view-list-alt:before{content:'\f31f'}.zmdi-view-list:before{content:'\f320'}.zmdi-view-module:before{content:'\f321'}.zmdi-view-quilt:before{content:'\f322'}.zmdi-view-stream:before{content:'\f323'}.zmdi-view-subtitles:before{content:'\f324'}.zmdi-view-toc:before{content:'\f325'}.zmdi-view-web:before{content:'\f326'}.zmdi-view-week:before{content:'\f327'}.zmdi-widgets:before{content:'\f328'}.zmdi-alarm-check:before{content:'\f329'}.zmdi-alarm-off:before{content:'\f32a'}.zmdi-alarm-plus:before{content:'\f32b'}.zmdi-alarm-snooze:before{content:'\f32c'}.zmdi-alarm:before{content:'\f32d'}.zmdi-calendar-alt:before{content:'\f32e'}.zmdi-calendar-check:before{content:'\f32f'}.zmdi-calendar-close:before{content:'\f330'}.zmdi-calendar-note:before{content:'\f331'}.zmdi-calendar:before{content:'\f332'}.zmdi-time-countdown:before{content:'\f333'}.zmdi-time-interval:before{content:'\f334'}.zmdi-time-restore-setting:before{content:'\f335'}.zmdi-time-restore:before{content:'\f336'}.zmdi-time:before{content:'\f337'}.zmdi-timer-off:before{content:'\f338'}.zmdi-timer:before{content:'\f339'}.zmdi-android-alt:before{content:'\f33a'}.zmdi-android:before{content:'\f33b'}.zmdi-apple:before{content:'\f33c'}.zmdi-behance:before{content:'\f33d'}.zmdi-codepen:before{content:'\f33e'}.zmdi-dribbble:before{content:'\f33f'}.zmdi-dropbox:before{content:'\f340'}.zmdi-evernote:before{content:'\f341'}.zmdi-facebook-box:before{content:'\f342'}.zmdi-facebook:before{content:'\f343'}.zmdi-github-box:before{content:'\f344'}.zmdi-github:before{content:'\f345'}.zmdi-google-drive:before{content:'\f346'}.zmdi-google-earth:before{content:'\f347'}.zmdi-google-glass:before{content:'\f348'}.zmdi-google-maps:before{content:'\f349'}.zmdi-google-pages:before{content:'\f34a'}.zmdi-google-play:before{content:'\f34b'}.zmdi-google-plus-box:before{content:'\f34c'}.zmdi-google-plus:before{content:'\f34d'}.zmdi-google:before{content:'\f34e'}.zmdi-instagram:before{content:'\f34f'}.zmdi-language-css3:before{content:'\f350'}.zmdi-language-html5:before{content:'\f351'}.zmdi-language-javascript:before{content:'\f352'}.zmdi-language-python-alt:before{content:'\f353'}.zmdi-language-python:before{content:'\f354'}.zmdi-lastfm:before{content:'\f355'}.zmdi-linkedin-box:before{content:'\f356'}.zmdi-paypal:before{content:'\f357'}.zmdi-pinterest-box:before{content:'\f358'}.zmdi-pocket:before{content:'\f359'}.zmdi-polymer:before{content:'\f35a'}.zmdi-share:before{content:'\f35b'}.zmdi-stackoverflow:before{content:'\f35c'}.zmdi-steam-square:before{content:'\f35d'}.zmdi-steam:before{content:'\f35e'}.zmdi-twitter-box:before{content:'\f35f'}.zmdi-twitter:before{content:'\f360'}.zmdi-vk:before{content:'\f361'}.zmdi-wikipedia:before{content:'\f362'}.zmdi-windows:before{content:'\f363'}.zmdi-aspect-ratio-alt:before{content:'\f364'}.zmdi-aspect-ratio:before{content:'\f365'}.zmdi-blur-circular:before{content:'\f366'}.zmdi-blur-linear:before{content:'\f367'}.zmdi-blur-off:before{content:'\f368'}.zmdi-blur:before{content:'\f369'}.zmdi-brightness-2:before{content:'\f36a'}.zmdi-brightness-3:before{content:'\f36b'}.zmdi-brightness-4:before{content:'\f36c'}.zmdi-brightness-5:before{content:'\f36d'}.zmdi-brightness-6:before{content:'\f36e'}.zmdi-brightness-7:before{content:'\f36f'}.zmdi-brightness-auto:before{content:'\f370'}.zmdi-brightness-setting:before{content:'\f371'}.zmdi-broken-image:before{content:'\f372'}.zmdi-center-focus-strong:before{content:'\f373'}.zmdi-center-focus-weak:before{content:'\f374'}.zmdi-compare:before{content:'\f375'}.zmdi-crop-16-9:before{content:'\f376'}.zmdi-crop-3-2:before{content:'\f377'}.zmdi-crop-5-4:before{content:'\f378'}.zmdi-crop-7-5:before{content:'\f379'}.zmdi-crop-din:before{content:'\f37a'}.zmdi-crop-free:before{content:'\f37b'}.zmdi-crop-landscape:before{content:'\f37c'}.zmdi-crop-portrait:before{content:'\f37d'}.zmdi-crop-square:before{content:'\f37e'}.zmdi-exposure-alt:before{content:'\f37f'}.zmdi-exposure:before{content:'\f380'}.zmdi-filter-b-and-w:before{content:'\f381'}.zmdi-filter-center-focus:before{content:'\f382'}.zmdi-filter-frames:before{content:'\f383'}.zmdi-filter-tilt-shift:before{content:'\f384'}.zmdi-gradient:before{content:'\f385'}.zmdi-grain:before{content:'\f386'}.zmdi-graphic-eq:before{content:'\f387'}.zmdi-hdr-off:before{content:'\f388'}.zmdi-hdr-strong:before{content:'\f389'}.zmdi-hdr-weak:before{content:'\f38a'}.zmdi-hdr:before{content:'\f38b'}.zmdi-iridescent:before{content:'\f38c'}.zmdi-leak-off:before{content:'\f38d'}.zmdi-leak:before{content:'\f38e'}.zmdi-looks:before{content:'\f38f'}.zmdi-loupe:before{content:'\f390'}.zmdi-panorama-horizontal:before{content:'\f391'}.zmdi-panorama-vertical:before{content:'\f392'}.zmdi-panorama-wide-angle:before{content:'\f393'}.zmdi-photo-size-select-large:before{content:'\f394'}.zmdi-photo-size-select-small:before{content:'\f395'}.zmdi-picture-in-picture:before{content:'\f396'}.zmdi-slideshow:before{content:'\f397'}.zmdi-texture:before{content:'\f398'}.zmdi-tonality:before{content:'\f399'}.zmdi-vignette:before{content:'\f39a'}.zmdi-wb-auto:before{content:'\f39b'}.zmdi-eject-alt:before{content:'\f39c'}.zmdi-eject:before{content:'\f39d'}.zmdi-equalizer:before{content:'\f39e'}.zmdi-fast-forward:before{content:'\f39f'}.zmdi-fast-rewind:before{content:'\f3a0'}.zmdi-forward-10:before{content:'\f3a1'}.zmdi-forward-30:before{content:'\f3a2'}.zmdi-forward-5:before{content:'\f3a3'}.zmdi-hearing:before{content:'\f3a4'}.zmdi-pause-circle-outline:before{content:'\f3a5'}.zmdi-pause-circle:before{content:'\f3a6'}.zmdi-pause:before{content:'\f3a7'}.zmdi-play-circle-outline:before{content:'\f3a8'}.zmdi-play-circle:before{content:'\f3a9'}.zmdi-play:before{content:'\f3aa'}.zmdi-playlist-audio:before{content:'\f3ab'}.zmdi-playlist-plus:before{content:'\f3ac'}.zmdi-repeat-one:before{content:'\f3ad'}.zmdi-repeat:before{content:'\f3ae'}.zmdi-replay-10:before{content:'\f3af'}.zmdi-replay-30:before{content:'\f3b0'}.zmdi-replay-5:before{content:'\f3b1'}.zmdi-replay:before{content:'\f3b2'}.zmdi-shuffle:before{content:'\f3b3'}.zmdi-skip-next:before{content:'\f3b4'}.zmdi-skip-previous:before{content:'\f3b5'}.zmdi-stop:before{content:'\f3b6'}.zmdi-surround-sound:before{content:'\f3b7'}.zmdi-tune:before{content:'\f3b8'}.zmdi-volume-down:before{content:'\f3b9'}.zmdi-volume-mute:before{content:'\f3ba'}.zmdi-volume-off:before{content:'\f3bb'}.zmdi-volume-up:before{content:'\f3bc'}.zmdi-n-1-square:before{content:'\f3bd'}.zmdi-n-2-square:before{content:'\f3be'}.zmdi-n-3-square:before{content:'\f3bf'}.zmdi-n-4-square:before{content:'\f3c0'}.zmdi-n-5-square:before{content:'\f3c1'}.zmdi-n-6-square:before{content:'\f3c2'}.zmdi-neg-1:before{content:'\f3c3'}.zmdi-neg-2:before{content:'\f3c4'}.zmdi-plus-1:before{content:'\f3c5'}.zmdi-plus-2:before{content:'\f3c6'}.zmdi-sec-10:before{content:'\f3c7'}.zmdi-sec-3:before{content:'\f3c8'}.zmdi-zero:before{content:'\f3c9'}.zmdi-airline-seat-flat-angled:before{content:'\f3ca'}.zmdi-airline-seat-flat:before{content:'\f3cb'}.zmdi-airline-seat-individual-suite:before{content:'\f3cc'}.zmdi-airline-seat-legroom-extra:before{content:'\f3cd'}.zmdi-airline-seat-legroom-normal:before{content:'\f3ce'}.zmdi-airline-seat-legroom-reduced:before{content:'\f3cf'}.zmdi-airline-seat-recline-extra:before{content:'\f3d0'}.zmdi-airline-seat-recline-normal:before{content:'\f3d1'}.zmdi-airplay:before{content:'\f3d2'}.zmdi-closed-caption:before{content:'\f3d3'}.zmdi-confirmation-number:before{content:'\f3d4'}.zmdi-developer-board:before{content:'\f3d5'}.zmdi-disc-full:before{content:'\f3d6'}.zmdi-explicit:before{content:'\f3d7'}.zmdi-flight-land:before{content:'\f3d8'}.zmdi-flight-takeoff:before{content:'\f3d9'}.zmdi-flip-to-back:before{content:'\f3da'}.zmdi-flip-to-front:before{content:'\f3db'}.zmdi-group-work:before{content:'\f3dc'}.zmdi-hd:before{content:'\f3dd'}.zmdi-hq:before{content:'\f3de'}.zmdi-markunread-mailbox:before{content:'\f3df'}.zmdi-memory:before{content:'\f3e0'}.zmdi-nfc:before{content:'\f3e1'}.zmdi-play-for-work:before{content:'\f3e2'}.zmdi-power-input:before{content:'\f3e3'}.zmdi-present-to-all:before{content:'\f3e4'}.zmdi-satellite:before{content:'\f3e5'}.zmdi-tap-and-play:before{content:'\f3e6'}.zmdi-vibration:before{content:'\f3e7'}.zmdi-voicemail:before{content:'\f3e8'}.zmdi-group:before{content:'\f3e9'}.zmdi-rss:before{content:'\f3ea'}.zmdi-shape:before{content:'\f3eb'}.zmdi-spinner:before{content:'\f3ec'}.zmdi-ungroup:before{content:'\f3ed'}.zmdi-500px:before{content:'\f3ee'}.zmdi-8tracks:before{content:'\f3ef'}.zmdi-amazon:before{content:'\f3f0'}.zmdi-blogger:before{content:'\f3f1'}.zmdi-delicious:before{content:'\f3f2'}.zmdi-disqus:before{content:'\f3f3'}.zmdi-flattr:before{content:'\f3f4'}.zmdi-flickr:before{content:'\f3f5'}.zmdi-github-alt:before{content:'\f3f6'}.zmdi-google-old:before{content:'\f3f7'}.zmdi-linkedin:before{content:'\f3f8'}.zmdi-odnoklassniki:before{content:'\f3f9'}.zmdi-outlook:before{content:'\f3fa'}.zmdi-paypal-alt:before{content:'\f3fb'}.zmdi-pinterest:before{content:'\f3fc'}.zmdi-playstation:before{content:'\f3fd'}.zmdi-reddit:before{content:'\f3fe'}.zmdi-skype:before{content:'\f3ff'}.zmdi-slideshare:before{content:'\f400'}.zmdi-soundcloud:before{content:'\f401'}.zmdi-tumblr:before{content:'\f402'}.zmdi-twitch:before{content:'\f403'}.zmdi-vimeo:before{content:'\f404'}.zmdi-whatsapp:before{content:'\f405'}.zmdi-xbox:before{content:'\f406'}.zmdi-yahoo:before{content:'\f407'}.zmdi-youtube-play:before{content:'\f408'}.zmdi-youtube:before{content:'\f409'}.zmdi-import-export:before{content:'\f30c'}.zmdi-swap-vertical-:before{content:'\f30c'}.zmdi-airplanemode-inactive:before{content:'\f102'}.zmdi-airplanemode-active:before{content:'\f103'}.zmdi-rate-review:before{content:'\f103'}.zmdi-comment-sign:before{content:'\f25a'}.zmdi-network-warning:before{content:'\f2ad'}.zmdi-shopping-cart-add:before{content:'\f1ca'}.zmdi-file-add:before{content:'\f221'}.zmdi-network-wifi-scan:before{content:'\f2e4'}.zmdi-collection-add:before{content:'\f14e'}.zmdi-format-playlist-add:before{content:'\f3ac'}.zmdi-format-queue-music:before{content:'\f3ab'}.zmdi-plus-box:before{content:'\f277'}.zmdi-tag-backspace:before{content:'\f1d9'}.zmdi-alarm-add:before{content:'\f32b'}.zmdi-battery-charging:before{content:'\f114'}.zmdi-daydream-setting:before{content:'\f217'}.zmdi-more-horiz:before{content:'\f19c'}.zmdi-book-photo:before{content:'\f11b'}.zmdi-incandescent:before{content:'\f189'}.zmdi-wb-iridescent:before{content:'\f38c'}.zmdi-calendar-remove:before{content:'\f330'}.zmdi-refresh-sync-disabled:before{content:'\f1b7'}.zmdi-refresh-sync-problem:before{content:'\f1b6'}.zmdi-crop-original:before{content:'\f17e'}.zmdi-power-off:before{content:'\f1af'}.zmdi-power-off-setting:before{content:'\f1ae'}.zmdi-leak-remove:before{content:'\f38d'}.zmdi-star-border:before{content:'\f27c'}.zmdi-brightness-low:before{content:'\f36d'}.zmdi-brightness-medium:before{content:'\f36e'}.zmdi-brightness-high:before{content:'\f36f'}.zmdi-smartphone-portrait:before{content:'\f2d4'}.zmdi-live-tv:before{content:'\f2d9'}.zmdi-format-textdirection-l-to-r:before{content:'\f249'}.zmdi-format-textdirection-r-to-l:before{content:'\f24a'}.zmdi-arrow-back:before{content:'\f2ea'}.zmdi-arrow-forward:before{content:'\f2ee'}.zmdi-arrow-in:before{content:'\f2e9'}.zmdi-arrow-out:before{content:'\f2ed'}.zmdi-rotate-90-degrees-ccw:before{content:'\f304'}.zmdi-adb:before{content:'\f33a'}.zmdi-network-wifi:before{content:'\f2e8'}.zmdi-network-wifi-alt:before{content:'\f2e3'}.zmdi-network-wifi-lock:before{content:'\f2e5'}.zmdi-network-wifi-off:before{content:'\f2e6'}.zmdi-network-wifi-outline:before{content:'\f2e7'}.zmdi-network-wifi-info:before{content:'\f2e4'}.zmdi-layers-clear:before{content:'\f18b'}.zmdi-colorize:before{content:'\f15d'}.zmdi-format-paint:before{content:'\f1ba'}.zmdi-format-quote:before{content:'\f1b2'}.zmdi-camera-monochrome-photos:before{content:'\f285'}.zmdi-sort-by-alpha:before{content:'\f1cf'}.zmdi-folder-shared:before{content:'\f225'}.zmdi-folder-special:before{content:'\f226'}.zmdi-comment-dots:before{content:'\f260'}.zmdi-reorder:before{content:'\f31e'}.zmdi-dehaze:before{content:'\f197'}.zmdi-sort:before{content:'\f1ce'}.zmdi-pages:before{content:'\f34a'}.zmdi-stack-overflow:before{content:'\f35c'}.zmdi-calendar-account:before{content:'\f204'}.zmdi-paste:before{content:'\f109'}.zmdi-cut:before{content:'\f1bc'}.zmdi-save:before{content:'\f297'}.zmdi-smartphone-code:before{content:'\f139'}.zmdi-directions-bike:before{content:'\f117'}.zmdi-directions-boat:before{content:'\f11a'}.zmdi-directions-bus:before{content:'\f121'}.zmdi-directions-car:before{content:'\f125'}.zmdi-directions-railway:before{content:'\f1b3'}.zmdi-directions-run:before{content:'\f215'}.zmdi-directions-subway:before{content:'\f1d5'}.zmdi-directions-walk:before{content:'\f216'}.zmdi-local-hotel:before{content:'\f178'}.zmdi-local-activity:before{content:'\f1df'}.zmdi-local-play:before{content:'\f1df'}.zmdi-local-airport:before{content:'\f103'}.zmdi-local-atm:before{content:'\f198'}.zmdi-local-bar:before{content:'\f137'}.zmdi-local-cafe:before{content:'\f13b'}.zmdi-local-car-wash:before{content:'\f124'}.zmdi-local-convenience-store:before{content:'\f1d3'}.zmdi-local-dining:before{content:'\f153'}.zmdi-local-drink:before{content:'\f157'}.zmdi-local-florist:before{content:'\f168'}.zmdi-local-gas-station:before{content:'\f16f'}.zmdi-local-grocery-store:before{content:'\f1cb'}.zmdi-local-hospital:before{content:'\f177'}.zmdi-local-laundry-service:before{content:'\f1e9'}.zmdi-local-library:before{content:'\f18d'}.zmdi-local-mall:before{content:'\f195'}.zmdi-local-movies:before{content:'\f19d'}.zmdi-local-offer:before{content:'\f187'}.zmdi-local-parking:before{content:'\f1a5'}.zmdi-local-parking:before{content:'\f1a5'}.zmdi-local-pharmacy:before{content:'\f176'}.zmdi-local-phone:before{content:'\f2be'}.zmdi-local-pizza:before{content:'\f1ac'}.zmdi-local-post-office:before{content:'\f15a'}.zmdi-local-printshop:before{content:'\f1b0'}.zmdi-local-see:before{content:'\f28c'}.zmdi-local-shipping:before{content:'\f1e6'}.zmdi-local-store:before{content:'\f1d4'}.zmdi-local-taxi:before{content:'\f123'}.zmdi-local-wc:before{content:'\f211'}.zmdi-my-location:before{content:'\f299'}.zmdi-directions:before{content:'\f1e7'}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.woocommerce .product .images .flex-control-thumbs li {
width: 20%;
margin-right: 2.5% !important;
margin-bottom: 2.5% !important;
}
.woocommerce .product .images .flex-control-thumbs {
margin-top: 2.5% !important;
}
.et_pb_wc_add_to_cart .quantity .qty {
width: auto;
max-width: 6em !important;
}  @font-face {
font-family: "Syndicat Grotesk";
src: url(//development-staging.juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Light.woff2) format('woff2'),
url(//development-staging.juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Light.woff) format('woff'),
url(//development-staging.juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Syndicat Grotesk";
src: url(//development-staging.juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Regular.woff2) format('woff2'),
url(//development-staging.juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Regular.woff) format('woff'),
url(//development-staging.juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Syndicat Grotesk";
src: url(//development-staging.juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Medium.woff2) format('woff2'),
url(//development-staging.juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Medium.woff) format('woff'),
url(//development-staging.juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Syndicat Grotesk";
src: url(//development-staging.juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Bold.woff2) format('woff2'),
url(//development-staging.juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Bold.woff) format('woff'),
url(//development-staging.juniperdesign.com/wp-content/themes/juniperdesign/fonts/SyndicatGrotesk-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
} .page-template-page-home #main-content {
min-height: 115vw;
}  .jd-global-padding {
width: 100%;
max-width: 1440px;
padding: 0 10px;
display: block;
margin: auto;
position: relative;
box-sizing: border-box;
} .wrap--jd-iframe {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%; 
}
.jd-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
} .wrap--jd-btn a {
width: auto;
display: block;
font-family: var(--font--syndicat);
font-weight: 400!important;
font-size: clamp(0.75rem, 0.647rem + 0.392vw, 1rem);
line-height: 116.667%;
margin: 0;
text-transform: none;
color: var(--color--off-black);
background: transparent;
height: auto;	
padding: 11px 50px 8px 10px;
border-radius: 5px;
border: 1px solid var(--color--off-black);  
transition-property: background-color, color, border-color;
transition-timing-function: ease-in-out;
transition-duration: .2s;
}
.wrap--jd-btn a:is(:hover, :active, :focus) {
color: var(--color--beige);
background-color: var(--color--off-black);
}
.wrap--jd-btn .jd-btn--light {
color: var(--color--beige);
border-color: var(--color--beige);
}
.wrap--jd-btn .jd-btn--light:is(:hover, :active, :focus) {
color: var(--color--off-black);
background-color: var(--color--beige);
} .flex-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: normal;
align-items: flex-start;
align-content: flex-start;
}
.flex-item {
display: block;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
align-self: auto;
order: 0;
}
.mobile-only,
.mobile-only--640 { display: none; }
@media ( max-width: 768px ) {
.mobile-only 	{ display: block; }
.desktop-only 	{ display: none; }
}
@media ( max-width: 640px ) {
.mobile-only--640 { display: block; }
} .iframe-container {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%; }
.iframe-container iframe,
.iframe-container video,
.iframe-container__placeholder {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.iframe-container__placeholder img {
max-width: unset;
max-height: unset;
height: 100%;
width: auto;   
} :root { --color--white: 	#fff;
--color--beige: 	#E4E3DF;
--color--sand: 		#C7C1B7;
--color--olive: 	#9D9F98;
--color--off-black: #343335;
--color--black: 	#000; --font--syndicat: 		"Syndicat Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
--font--source-serif: 	"Source Serif", Georgia, Times, "Times New Roman", serif;
}
.page-container,
.et_fixed_nav.et_show_nav #page-container {
padding: 0;
}
html, body {
overflow-x: hidden;
}
body 			{ padding-left: 0!important; padding-right: 0!important; }
sup {
font-size: .64em;
}
u { font-weight: 500; } #page-container {
position: relative;
}
.juniper-header,
.juniper-header .header-logo a {
-webkit-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.juniper-header {
height: 50px;
display: grid;
grid-template-columns: fit-content(50px) 1fr fit-content(50px);
border-radius: 5px;
background: rgba(228, 227, 223, 0.60);
backdrop-filter: blur(5px);
margin: 5px 5px 30px 5px;
position: fixed;
width: calc(100% - 10px);
top: 0;	
z-index: 10;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;	
}
.headroom {
will-change: transform;
-webkit-transition: transform 200ms linear;
-o-transition: transform 200ms linear;
transition: transform 200ms linear;
}
.page-template-page-home .juniper-header {}  #page-container 								{ padding-top: 0!important; }
@media ( max-width: 768px ) { #page-container 	{ padding-top: 0!important; } }
body 											{ padding-top: 60px!important; }
@media ( max-width: 768px ) { body 				{ padding-top: 50px!important; } }
.logged-in .juniper-header:not(.jd-has-banner--fixed) 		{ top: 32px; }
@media ( max-width: 782px ) { .logged-in .juniper-header 	{ top: 46px; } } .jd-has-banner .juniper-header {
position: absolute;
}
.jd-has-banner #page-container 									{ padding-top: 60px!important; }
@media ( max-width: 768px ) { .jd-has-banner #page-container 	{ padding-top: 50px!important; } }
body.jd-has-banner 												{ padding-top: 0!important; }
@media ( max-width: 768px ) { body.jd-has-banner  				{ padding-top: 0!important; } }
.jd-has-banner.logged-in .juniper-header 								{ top: 0; }
@media ( max-width: 782px ) { .jd-has-banner.logged-in .juniper-header 	{ top: 0; } } html:not(.jd-banner--show) .jd-has-banner--fixed #page-container 		{ 
padding-top: 0!important; 
}
@media ( max-width:768px ) { 
html:not(.jd-banner--show) .jd-has-banner--fixed.logged-in #page-container { 
padding-top: 0!important; 
} 
}
html:not(.jd-banner--show) .jd-has-banner--fixed.logged-in .juniper-header 		{ top: 32px; 
position: fixed;
}
@media ( max-width: 782px ) { 
html:not(.jd-banner--show) .jd-has-banner--fixed.logged-in .juniper-header 	{ top: 46px; } 
}
html:not(.jd-banner--show) .jd-has-banner--fixed.logged-in 			{ padding-top: 0!important; }
@media ( max-width:768px ) { 
html:not(.jd-banner--show) .jd-has-banner--fixed.logged-in  	{ padding-top: 0!important; } 
} .jd-banner--show .jd-has-banner.logged-in .juniper-header 								{ top: 0; }
@media ( max-width: 782px ) { .jd-banner--show .jd-has-banner.logged-in .juniper-header { top: 0; } }
.jd-banner--show .jd-has-banner--fixed #page-container 		{ padding-top: 0!important; }
@media ( max-width:768px ) { 
.jd-banner--show .jd-has-banner--fixed #page-container 	{ padding-top: 0!important; } 
}
.jd-banner--show .jd-has-banner--fixed 						{ padding-top: 0!important; }
@media ( max-width:768px ) { 
.jd-banner--show .jd-has-banner--fixed  				{ padding-top: 0!important; } 
}  .wrap--jd-banner {
background: black;
padding: 13px 0 10px;
width: 100%;
z-index: 1000;
display: none;
}
.jd-banner,
.jd-banner p {
color: var(--color--beige);
text-align: center;
font-family: var(--font--syndicat);
font-size: 1.125rem;
font-style: normal;
font-weight: 300;
line-height: 120%;    
}
.jd-banner {
position: relative;
}
.jd-banner a {
color: var(--color--white);
}
.jd-banner-close {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
width: 24px;
height: 24px;
}
.jd-banner-close button {
background: transparent;
border: none!important;
outline: none!important;
box-shadow: none!important;
cursor: pointer;
width: 24px;
height: 24px;
display: block;
text-align: center;
padding: 3px 0;
}
.jd-banner-close svg {
display: block;
width: 18px;
height: 18px;
margin: auto;
}
.jd-banner-close svg path {
fill: var(--color--white);
}
.inner-wrap--jd-banner {
padding: 0 50px;
}
.page-template-page-home .wrap--jd-banner {
position: fixed;
} .juniper-header .header__left,
.juniper-header .header__right { 
width: 50px; 
position: relative;
}
.juniper-header .header__center {
padding: 0 15px;
}
.juniper-header .header-logo {
width: 133px;
margin: auto;
position: relative;
height: 100%;
}
.juniper-header .header-logo a,
.juniper-header .header-logo img {
display: block;
}
.juniper-header .header-logo a {
opacity: 0;
visibility: hidden;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
.juniper-header .header-logo .logo--dark {
opacity: 1;
visibility: visible;
} @media ( max-width: 768px ) {
.juniper-header {
height: 40px;
grid-template-columns: fit-content(0) 1fr fit-content(50px);		
}
.juniper-header .header__left {
width: 0;
}
.juniper-header .header-logo {
width: 100px;	
margin-left: 0;
}
} .outer-wrap--hamburger,
.outer-wrap--hamburger > * {
position: absolute;	
}
.outer-wrap--hamburger {
width: 40px;
height: 40px;
top: 50%;
right: 10px;
transform: translateY(-50%);
display: block;
cursor: pointer;
}
.outer-wrap--hamburger > * {
transition-property: all;
transition-timing-function: cubic-bezier(.77,0,.175,1);
transition-duration: .25s;
background: var(--color--off-black);
}
.bun-top {
top: 0;
left: calc( 50% - 1px);
width: 2px;
height: 6px;
}
.tomato {
left: 0;
top: calc( 50% - 1px);
width: 6px;
height: 2px;
}
.ground-beef {
right: 0;
top: calc( 50% - 1px);
width: 6px;
height: 2px;
}
.bun-bottom {
bottom: 0;
left: calc( 50% - 1px);
width: 2px;
height: 6px;
} body:not(.is-mobile) .outer-wrap--hamburger:hover .bun-top {
transform: scale( 2000%, 33.33% ) translateY(10px);
transform-origin: top center;
}
body:not(.is-mobile) .outer-wrap--hamburger:hover .tomato {
transform: scale( 333.333%, 100% );
transform-origin: center left;
}
body:not(.is-mobile) .outer-wrap--hamburger:hover .ground-beef {
transform: scale( 333.333%, 100% );
transform-origin: center right;
}
body:not(.is-mobile) .outer-wrap--hamburger:hover .bun-bottom {
transform: scale( 2000%, 33.33% ) translateY(-10px);
transform-origin: bottom center;
}
@media ( max-width: 768px ) {
.outer-wrap--hamburger {
width: 30px;
height: 30px;
}
.bun-top {
height: 5px;
}
.tomato {
width: 5px;
}
.ground-beef {
width: 5px;
}
.bun-bottom {
height: 5px;
}
body:not(.is-mobile) .outer-wrap--hamburger:hover .bun-top {
transform: scale( 1500%, 33.33% ) translateY(10px);
}
body:not(.is-mobile) .outer-wrap--hamburger:hover .tomato {
transform: scale( 300%, 100% );
}
body:not(.is-mobile) .outer-wrap--hamburger:hover .ground-beef {
transform: scale( 300%, 100% );
}
body:not(.is-mobile) .outer-wrap--hamburger:hover .bun-bottom {
transform: scale( 1500%, 33.33% ) translateY(-10px);
}
} .header__submenu {
padding: 10px 0 88px 0;
background: var(--color--white);
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 99999999;
-webkit-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.header__submenu.is-open {
opacity: 1;
visibility: visible;
}
.header__submenu .submenu-ctas {
position: absolute;
top: 0;
right: 10px;
font-size: 0;
line-height: 0;
}
.header__submenu .submenu-ctas a,
.header__submenu .menu-group__label {
color: var(--color--off-black);
font-family: var(--font--syndicat);
font-size: clamp(1rem, 0.794rem + 0.784vw, 1.5rem);
font-style: normal;
font-weight: 400;
line-height: 120%;
letter-spacing: 0;	
}
.header__submenu .submenu-ctas a:not(:first-child) { 
margin-left: 20px;
}
.header__submenu .submenu-ctas a {
display: inline-block;
}
.header__submenu .submenu-ctas .submenu-cart {
transform: translateY(3px);
}
.header__submenu .submenu-ctas .submenu-cart svg {
width: clamp(1rem, 0.794rem + 0.784vw, 1.5rem);
height: clamp(1rem, 0.794rem + 0.784vw, 1.5rem);
}
.header__submenu .menu-group .flex-container {}
.header__submenu li {
color: var(--color--off-black);
font-family: var(--font--syndicat);
font-size: clamp(1.5rem, 0.882rem + 2.353vw, 3rem);
font-style: normal;
font-weight: 400;
line-height: 100%;
letter-spacing: 0;	
}
.header__submenu a {
display: block;
}
.header__submenu .menu-group__label,
.header__submenu a {
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.header__submenu svg,
.header__submenu svg path {
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.header__submenu .item__image {
position: absolute;
top: 0;
right: 10px;
display: none;
}
.header__submenu .item__image.image--active {
opacity: 1;
visibility: visible;
}
.header__submenu .item__image a,
.header__submenu .item__image img {
display: block;
width: 100%;
height: 100%;
}
.header__submenu .item__image:not(.has-image) {
background: var(--color--white);
}
.header__submenu.sm-has-active .menu-group:not(.mg-has-active) .menu-group__label,
.header__submenu.sm-has-active .menu-group-item a:not(.item--active),
.header__submenu.sm-has-active .submenu-ctas a:not(.item--active),
.submenu--open.submenu--unhovered .header__submenu .menu-group__label,
.submenu--open.submenu--unhovered .header__submenu a:not(.item--active) {
color: var(--color--beige);
}
.header__submenu.sm-has-active .menu-group-item a:not(.item--active) svg path,
.header__submenu.sm-has-active .submenu-ctas a:not(.item--active) svg path,
.submenu--open.submenu--unhovered .header__submenu .menu-group__label svg path,
.submenu--open.submenu--unhovered .header__submenu a:not(.item--active) svg path {
fill: var(--color--beige);
}
@media ( max-width: 768px ) {
.header__submenu {
padding: 10px 0 100px 0;
}	
.header__submenu .menu-groups {
padding-right: 0;
}	
.header__submenu li {
line-height: 120%;
}		
}
@media ( max-width: 420px ) {
.header__submenu .item__image {
display: none!important;
}
}  #juniper-footer {
padding: 25px 0 7px;
}
#juniper-footer,
#juniper-footer li[class*="field--"]:has(textarea):after,
#juniper-footer li[class*="field--"]:has(textarea):before {
background: var(--color--white);	
}
#juniper-footer ul,
#juniper-footer li {
display: block;
}
#juniper-footer .jd-global-padding {} #juniper-footer,
#juniper-footer p,
#juniper-footer h3,
#juniper-footer label,
#juniper-footer input,
#juniper-footer textarea,
#juniper-footer select,
#juniper-footer a,
#juniper-footer li {
font-family: var(--font--syndicat);
color: var(--color--off-black);
}  #juniper-footer form br {
display: none;
} #juniper-footer .wpcf7-spinner {
margin: 0;
position: absolute;
top: 50%;
right: -30px;
transform: translateY(-50%);
width: 10px;
aspect-ratio: 1;
border-radius: 0;
background: var(--color--off-black);
height: 10px;
}
#juniper-footer .wpcf7-spinner:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
display: block;
background: transparent;
border-radius: 0;
top: 0;
left: 0;
box-shadow: 0 0 0 0 var(--color--off-black);
animation: l1 1s infinite;    
}
@keyframes l1 {
100% {
box-shadow: 0 0 0 10px var(--color--off-black);
opacity: 0;
}
} #juniper-footer input::-ms-input-placeholder,
#juniper-footer textarea::-ms-input-placeholder { 
color: var(--color--beige); 
font-family: var(--font--syndicat);	
text-transform: none;
font-weight: 300!important;
}
#juniper-footer input::placeholder,
#juniper-footer textarea::placeholder { 
color: var(--color--beige); 
font-family: var(--font--syndicat);	
text-transform: none;
font-weight: 300!important;	
}  #juniper-footer .wpcf7-response-output,
#juniper-footer .wpcf7-not-valid-tip {
color: var(--color--off-black)!important;
margin-top: 3px!important;
}
#juniper-footer .wpcf7-response-output {
padding: 0;
margin: 0;
margin-top: clamp(1.25rem, 0.478rem + 2.941vw, 3.125rem)!important;
border: none;
color: var(--color--off-black);
}
#juniper-footer .wpcf7-not-valid-tip {
font-size: clamp(0.75rem, 0.647rem + 0.392vw, 1rem);
font-style: normal;
font-weight: 400;
line-height: 120%;	
padding: 0;
text-align: left;
}
#juniper-footer .wpcf7-response-output span {
display: block;
margin-bottom: 10px;
}  #juniper-footer .contact-form-title {}
#juniper-footer .contact-form-title h3 {
font-size: clamp(1rem, 0.588rem + 1.569vw, 2rem);
font-style: normal;
font-weight: 400;
line-height: 120%; text-transform: uppercase;	
} #juniper-footer .contact-form {
margin-bottom: clamp(6.25rem, 2.679rem + 7.44vw, 9.375rem);
}
#juniper-footer .wrap--form-desc,
#juniper-footer .wrap--form-desc p {
font-family: var(--font--source-serif);
}
#juniper-footer .wrap--form-desc,
#juniper-footer .wrap--form-desc p {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%; }
#juniper-footer .wrap--form-desc {
width: 100%;
max-width: 277px;
margin-bottom: clamp(1.25rem, 0.478rem + 2.941vw, 3.125rem);
}
#juniper-footer .contact-form .wpcf7-form {
width: auto;
text-align: left;
margin: 0;	
}
#juniper-footer .contact-form ul {
width: calc( 100% + 10px );
margin-left: -5px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: normal;
align-items: flex-start;
align-content: flex-start;	
gap: clamp(1.25rem, 0.478rem + 2.941vw, 3.125rem) 0;
}
#juniper-footer .contact-form li,
#juniper-footer .contact-form label,
#juniper-footer .contact-form span {
display: block;
}
#juniper-footer .contact-form li {
height: auto;
padding-top: clamp(0.9rem, 0.776rem + 0.471vw, 1.2rem);
position: relative;
display: block;
flex-grow: 0;
flex-shrink: 1;
flex-basis: 100%;
align-self: auto;
order: 0;	
margin: 0 5px;
}
#juniper-footer .contact-form .field--submit-message {
padding-top: 0;
position: relative;
display: inline-block;
font-size: 0;
line-height: 0;
flex-basis: auto;
}
#juniper-footer .contact-form .field--first-name,
#juniper-footer .contact-form .field--last-name,
#juniper-footer .contact-form .field--email-address,
#juniper-footer .contact-form .field--subject {
flex-basis: calc( 50% - 10px );
}
#juniper-footer .contact-form label,
.wpcf7-response-output span {
font-size: clamp(0.75rem, 0.647rem + 0.392vw, 1rem);
font-style: normal;
font-weight: 400;
line-height: 120%; text-transform: uppercase;	
}
#juniper-footer .contact-form label {
position: absolute;
top: 0;
left: 0;
-webkit-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
opacity: 0;
}
#juniper-footer .contact-form .field--focused label {
opacity: 1;
}
#juniper-footer .contact-form input,
#juniper-footer .contact-form textarea,
#juniper-footer .contact-form select,
#juniper-footer .contact-form .wpcf7-response-output {
font-size: clamp(1rem, 0.794rem + 0.784vw, 1.5rem);
font-style: normal;
font-weight: 400!important;
line-height: 120%; width: 100%!important;
float: none!important;
height: auto;
border-radius: 0;
}
#juniper-footer .contact-form input,
#juniper-footer .contact-form textarea,
#juniper-footer .contact-form select {
padding: 14px 0 5px;
display: block;		
transition-property: border-color;
transition-timing-function: ease-in-out;
transition-duration: .2s;
border: solid 1px var(--color--sand);
border-width: 0 0 1px 0;
margin-bottom: 0;	
}
#juniper-footer .contact-form .field--focused input,
#juniper-footer .contact-form .field--focused textarea,
#juniper-footer .contact-form .field--focused select {
border-color: var(--color--off-black);
}
#juniper-footer .contact-form textarea {
padding-top: 0;
margin-top: 14px; height: calc( 3 * clamp(1.813rem, 1.455rem + 0.952vw, 2.313rem) );	
}  @supports (field-sizing: content) {
#juniper-footer .contact-form textarea {
height: auto;	
field-sizing: content;	
}
} #juniper-footer li[class*="field--"]:has(textarea) {
position: relative;
}
#juniper-footer li[class*="field--"]:has(textarea):after {
content: '';
position: absolute;
bottom: 1px;
right: 1px;
display: block;
width: 8px;
height: 8px;
} #juniper-footer li[class*="field--"]:has(textarea):before {
content: '';
position: absolute;
top: 0px;
right: 0px;
display: block;
width: 20px; height: calc( 100% - 1px ); z-index: 10;
} #juniper-footer .contact-form div.wpcf7 form.wpcf7-form input[type="submit"],
#juniper-footer .contact-form div.wpcf7 form.wpcf7-form input[type="reset"] {
width: auto;
font-family: var(--font--syndicat);
color: var(--color--beige);
font-weight: inherit;
font-size: clamp(0.875rem, 0.824rem + 0.196vw, 1rem);
margin: 0;
text-transform: inherit;
background: transparent;
height: auto;	
padding: 11px 50px 8px 10px;
border-radius: 5px;
border: 1px solid var(--color--beige);  
transition-property: background-color, color, border-color;
}
#juniper-footer .contact-form.submittable div.wpcf7 form.wpcf7-form input[type="submit"] {
color: var(--color--off-black);
border-color: var(--color--off-black);
}
#juniper-footer .contact-form.submittable div.wpcf7 form.wpcf7-form input[type="submit"]:is(:hover, :active, :focus) {
color: var(--color--beige);
background-color: var(--color--off-black);
} @media ( max-width: 768px ) {
#juniper-footer .contact-form {
margin-bottom: clamp(3.125rem, -0.647rem + 14.368vw, 6.25rem);
}
#juniper-footer .wpcf7-response-output {
margin-top: 0px;
}
#juniper-footer .contact-form div.wpcf7 form.wpcf7-form .field--submit-message { margin-top: clamp(1.25rem, 0.478rem + 2.941vw, 3.125rem);
}	
} #juniper-footer .footer-tagline {}
#juniper-footer .footer-tagline h3 {
font-size: clamp(1rem, 0.588rem + 1.569vw, 2rem);
font-style: normal;
font-weight: 400;
line-height: 120%; text-transform: uppercase;		
max-width: 562px;
width: 100%;
}
@media( max-width: 768px ) {
#juniper-footer .footer-tagline h3 {
padding-bottom: 0!important;
}
} #juniper-footer [class*="-menu"] li,
#juniper-footer .quick-contact li {
display: block;
}
#juniper-footer .featured-menu li {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: normal;
align-items: flex-start;
align-content: normal;
}
#juniper-footer [class*="-menu"] a,
#juniper-footer .quick-contact a {
-webkit-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
display: block;
}
#juniper-footer .featured-menu {}
#juniper-footer .featured-menu a {
font-size: clamp(1rem, 0.794rem + 0.784vw, 1.5rem);	
font-style: normal;
font-weight: 400;
line-height: 120%; }
#juniper-footer .menu--active:has(.item--active) a:not(.item--active),
#juniper-footer .menu--active:has(.item--active) a:not(.item--active) {
color: var(--color--beige);
}
@media ( max-width: 480px ) {
#juniper-footer .footer-menus .flex-item[class*="-menu"]:not(:last-child) {
margin-bottom: 0;
}
#juniper-footer .quick-contact ul {
margin-bottom: 20px;
}			
#juniper-footer .footer-tagline {
margin-top: 90px;
}
#juniper-footer .copyright {
margin: 0;
}	
} #juniper-footer .newsletter-form {}
#juniper-footer .newsletter-form h3 {
font-size: clamp(0.75rem, 0.647rem + 0.392vw, 1rem);	
font-style: normal;
font-weight: 400;
line-height: 120%; text-transform: uppercase;	
margin: 0;
padding: 0;
}
#juniper-footer .newsletter-form form {
margin: 0 0 16px;
width: 100%;
max-width: 276px;
}
#juniper-footer .newsletter-form li {
position: relative;
}
#juniper-footer .newsletter-form input[type="email"],
.wpcf7-response-output {
font-size: clamp(0.75rem, 0.647rem + 0.392vw, 1rem);	
font-style: normal;
font-weight: 400;
line-height: 120%; }
#juniper-footer .newsletter-form input[type="email"] {
background: transparent;
border-radius: 0;
padding: 4px 0 6px 0;
border: #343335 solid 1px;
border-width: 0 0 1px 0;
margin: 0;
text-transform: none;	
}
#juniper-footer .newsletter-form input[type="submit"],
#juniper-footer .newsletter-form .pseudo-submit {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 20px;
height: 20px;
display: block;
z-index: 5;
}
#juniper-footer .newsletter-form input[type="submit"] {
background: transparent;
color: transparent;
border-radius: 0;
padding: 0;
cursor: pointer;
margin-top: 0;
text-transform: none;
text-indent: -9999em;
z-index: 6;	
}
#juniper-footer .newsletter-form .pseudo-submit svg,
#juniper-footer .newsletter-form .pseudo-submit path {
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#juniper-footer .newsletter-form .field--focused .pseudo-submit path,
#juniper-footer .newsletter-form .submit--active .pseudo-submit path {
fill: var(--color--off-black);
}
#juniper-footer .newsletter-form .wpcf7-response-output {
margin-top: 3px!important;
text-align: left;
font-weight: 400;
}
#juniper-footer .newsletter-form .wpcf7-response-output:not(.jd-form-success-msg) {
display: none!important;
}
#juniper-footer .newsletter-form .wpcf7-spinner {
transform: none;
top: 7px;    
}
#juniper-footer .newsletter-form input[type="submit"], 
#juniper-footer .newsletter-form .pseudo-submit {
transform: none;
top: 2px;	
}
@media ( max-width: 768px ) {
#juniper-footer .newsletter-form form {
margin-bottom: 0;
}
#juniper-footer .newsletter-form .wpcf7-spinner {
right: 5px;
top: -13px;		
}	
} #juniper-footer .copyright {}
#juniper-footer .copyright,
#juniper-footer .copyright p {
font-size: clamp(0.75rem, 0.647rem + 0.392vw, 1rem);	
font-style: normal;
font-weight: 400;
line-height: 120%; } #juniper-footer .quick-contact {}
#juniper-footer .quick-contact,
#juniper-footer .quick-contact li,
#juniper-footer .quick-contact a {
font-size: clamp(0.75rem, 0.647rem + 0.392vw, 1rem);	
font-style: normal;
font-weight: 400;
line-height: 120%; }
@media ( max-width: 800px ) {
#juniper-footer .quick-contact { padding-top: 10px; }
} #juniper-footer .footer-menus {}
#juniper-footer .footer-menus a {
font-size: clamp(0.75rem, 0.647rem + 0.392vw, 1rem);
font-style: normal;
font-weight: 400;
line-height: 120%; } .page-template-page-home {
font-family: var(--font--syndicat);
}
.page-template-page-home img {
display: block;
max-width: unset;
width: 100%;
}  .jd-supergrid {
display: grid; grid-template-columns: 
minmax(19.1549%, 19.1549%)
minmax(9.6478%, 9.6478%)
minmax(9.3661%, 9.3661%)
minmax(9.3661%, 9.3661%)
minmax(0, 9.3661%)
minmax(9.3661%, 9.3661%) minmax(0, 9.3661%)
minmax(9.3661%, 9.3661%)
minmax(9.3661%, 9.3661%);
gap: 10px;
} .jd-supergrid img {
width: 100%;
height: auto; 
}
@media ( max-width: 960px ) {
.jd-supergrid {}
}
@media ( max-width: 480px ) {
.jd-supergrid {
grid-template-columns: 
minmax(38.3098%, 38.3098%)
1fr;	
}
}  .header__submenu .jd-grid--menu-groups,
.header__submenu .jd-grid--menu-group {
display: grid;
}
.header__submenu .jd-grid--menu-groups {
gap: 50px 10px;
grid-template-columns: 
calc( 4 * ( ( 100vw - 20px ) * 0.093661 ) + 30px ) 
calc( 4 * ( ( 100vw - 20px ) * 0.093661 ) + 30px ); width: calc( 100vw - ( 2 * ( ( 100vw - 20px ) * 0.093661 ) + 10px ) - 10px );
} .header__submenu .jd-grid--menu-group {
gap: 0 10px;
grid-template-columns: 
calc( ( 100vw - 20px ) * 0.093661 ) 
calc( 3 * ( ( 100vw - 20px ) * 0.093661 ) + 20px );
}
.header__submenu .item__image {
width: calc( 2 * ( ( 100vw - 20px ) * 0.093661 ) + 10px );
}
@media ( min-width: 1441px ) {
.header__submenu .jd-grid--menu-groups {
grid-template-columns:
562px 
562px; width: 1134px;
}
.header__submenu .jd-grid--menu-group {
gap: 0 10px;
grid-template-columns: 
133px  
419px;
}
.header__submenu .item__image {
width: 276px;
}
}
@media ( max-width: 1260px ) and ( min-width: 481px ) {
.header__submenu .jd-grid--menu-group {
grid-template-columns: 
1fr;
align-self: start;
}
.wrap--menu-group__label 	{ grid-row: 1;}
.wrap--menu-group__list 	{ grid-row: 2; align-self: start;}
}
@media ( max-width: 768px ) {
.header__submenu .jd-grid--menu-groups {
grid-template-columns: 
1fr; width: calc( 100vw - ( 4 * ( ( 100vw - 20px ) * 0.093661 ) + 30px ) - 10px );		
}		
.header__submenu .item__image {
width: calc( 4 * ( ( 100vw - 20px ) * 0.093661 ) + 30px );
}	
}
@media ( max-width: 480px ) {
.header__submenu .jd-grid--menu-groups {
grid-template-columns: 
1fr;
width: 100%;		
}	
.header__submenu .jd-grid--menu-group {
grid-template-columns: 
calc( ( 100vw - 20px ) * 0.383098 )
calc( ( 100vw - 20px ) * 0.588732 );
}
.header__submenu .item__image {
display: none!important;
}	
} #juniper-footer .wrap--contact-form-title 	{ grid-column: 1; grid-row: 1; }
#juniper-footer .wrap--contact-form-desc 	{ grid-column: 4 / span 6; grid-row: 1; } 
#juniper-footer .wrap--contact-form 		{ grid-column: 4 / span 6; grid-row: 2; }
#juniper-footer .wrap--footer-tagline 		{ grid-column: 1 / span 2; grid-row: 3; }
#juniper-footer .wrap--featured-menu 		{ grid-column: 6 / span 4; grid-row: 3; }
#juniper-footer .wrap--newsletter-form 		{ grid-column: 1; grid-row: 4; }
#juniper-footer .wrap--copyright 			{ grid-column: 1; grid-row: 5; }
#juniper-footer .wrap--quick-contact 		{ grid-column: 4 / span 2; grid-row: 5; }
#juniper-footer .wrap--footer-menus 		{ grid-column: 6 / span 4; grid-row: 5; }
#juniper-footer .wrap--copyright,
#juniper-footer .wrap--quick-contact,
#juniper-footer .wrap--footer-menus 		{ align-self: end; }
#juniper-footer .footer-menus {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-end;
align-content: flex-start;
height: 100%;	
gap: 0 10px;
}
#juniper-footer .footer-menus > * {
flex-basis: calc( 25% - 7.5px );
}
@media ( max-width: 1000px ) {
#juniper-footer .wrap--featured-menu 		{ grid-column: 4 / span 6; grid-row: 3; }
#juniper-footer .wrap--quick-contact 		{ grid-column: 2 / span 2; grid-row: 5; }
#juniper-footer .wrap--footer-menus 		{ grid-column: 4 / span 6; grid-row: 5; }	
#juniper-footer .wrap--newsletter-form 		{ grid-column: 1 / span 2; grid-row: 4; }
}
@media ( max-width: 800px ) {
#juniper-footer .wrap--copyright 			{ grid-column: 1 / span 2; grid-row: 6; }	
#juniper-footer .wrap--quick-contact 		{ grid-column: 4 / span 6; grid-row: 6; }	
}
@media ( max-width: 768px ) {
#juniper-footer .wrap--contact-form-desc 	{ grid-column: 3 / span 7; } 
#juniper-footer .wrap--contact-form 		{ grid-column: 1 / span 9; }
#juniper-footer .wrap--featured-menu 		{ grid-column: 3 / span 7; }
#juniper-footer .wrap--quick-contact 		{ grid-column: 3 / span 7; }
#juniper-footer .wrap--footer-menus 		{ grid-column: 3 / span 7; }
}
@media ( max-width: 480px ) {
#juniper-footer .wrap--contact-form-title 	{ grid-column: 1; grid-row: 1; }
#juniper-footer .wrap--contact-form-desc 	{ grid-column: 2; grid-row: 1; } 
#juniper-footer .wrap--contact-form 		{ grid-column: 1 / span 2; grid-row: 2; }
#juniper-footer .wrap--footer-tagline 		{ grid-column: 1 / span 2; grid-row: 6; }
#juniper-footer .wrap--featured-menu 		{ grid-column: 2; grid-row: 3 / 6; }
#juniper-footer .wrap--newsletter-form 		{ grid-column: 2; grid-row: 5; }
#juniper-footer .wrap--copyright 			{ grid-column: 1 / span 2; grid-row: 7; }
#juniper-footer .wrap--quick-contact 		{ grid-column: 2; grid-row: 4; }
#juniper-footer .wrap--footer-menus 		{ grid-column: 1; grid-row: 3 / span 3; }
#juniper-footer .wrap--quick-contact,
#juniper-footer .wrap--newsletter-form 		{ align-self: end; }
#juniper-footer .wrap--copyright,
#juniper-footer .wrap--footer-menus 		{ align-self: start; }
#juniper-footer .footer-menus {
flex-wrap: wrap;
height: auto;	
gap: 10px 0;
}
#juniper-footer .footer-menus > * {
flex-basis: 100%;
}
} .home-hero-video .wrap--hero-events {
width: calc( 2 * ( ( 100% - 20px ) * 0.093661 ) + 10px );
}
.home-hero-video .wrap--hero-btns {
left: 10px;
}
.home-hero-video .wrap--hero-events {
right: 10px;
}
@media ( min-width: 1441px ) {
.home-hero-video .wrap--hero-btns {
left: calc( ( 100% - 1420px ) / 2 );
}
.home-hero-video .wrap--hero-events {
right: calc( ( 100% - 1420px ) / 2 );
}
}
@media ( max-width: 1000px ) {
.home-hero-video .wrap--hero-events {
width: calc( 3 * ( ( 100% - 20px ) * 0.093661 ) + 20px );
}	
}
@media ( max-width: 580px ) {
.home-hero-video .wrap--hero-events {
left: 5px;
}	
}
@media ( max-width: 480px ) {
.home-hero-video .wrap--hero-events {
width: 178px;
}	
} .container--featured-tagline .wrap--ft__tagline { grid-column: 1 / span 4; grid-row: 1; }
.container--featured-tagline .wrap--ft__image 	{ grid-column: 6 / span 4; grid-row: 1; }
@media ( max-width: 800px ) {
.container--featured-tagline .wrap--ft__tagline { grid-column: 1 / span 9; grid-row: 1; }
.container--featured-tagline .wrap--ft__image 	{ grid-column: 3 / span 7; grid-row: 2; }
}
@media ( max-width: 480px ) {
.container--featured-tagline .wrap--ft__tagline { grid-column: 1 / span 2; grid-row: 1; }
.container--featured-tagline .wrap--ft__image 	{ grid-column: 2; grid-row: 2; }
} .home-mission .wrap--feat-image 	{ grid-column: 1 / span 4; grid-row: 1 / span 2; }
.home-mission .wrap--section-title 	{ grid-column: 7; grid-row: 1; }
.home-mission .wrap--section-copy 	{ grid-column: 8 / span 2; grid-row: 1; }
.home-mission .wrap--sec-image 		{ grid-column: 8 / span 2; grid-row: 2; 
align-self: end; 	
}
.home-mission .jd-supergrid {
grid-template-rows: 1fr 1fr;
}
@media ( max-width: 1200px ) {
.home-mission .jd-supergrid 		{ 
grid-template-rows:
auto 
auto 
1fr;
}
.home-mission .wrap--feat-image 	{ grid-column: 1 / span 4; grid-row: 1 / span 3; }
.home-mission .wrap--section-title 	{ grid-column: 7 / span 3; grid-row: 1; }
.home-mission .wrap--section-copy 	{ grid-column: 7 / span 3; grid-row: 2; }
.home-mission .wrap--sec-image 		{ grid-column: 8 / span 2; grid-row: 3; }	
}
@media ( max-width: 800px ) {
.home-mission .jd-supergrid { 
grid-template-rows:
auto 
auto 
1fr;
}
.home-mission .wrap--section-title 	{ grid-column: 3 / span 2; grid-row: 1; }
.home-mission .wrap--section-copy 	{ grid-column: 5 / span 5; grid-row: 1; }
.home-mission .wrap--feat-image 	{ grid-column: 3 / span 7; grid-row: 2; }	
}
@media ( max-width: 480px ) {
.home-mission .jd-supergrid { 
grid-template-rows:
auto 
auto;
}
.home-mission .wrap--section-title 	{ grid-column: 1; grid-row: 1; 
justify-self: start;
}
.home-mission .wrap--section-copy 	{ grid-column: 2; grid-row: 1; }	
.home-mission .wrap--feat-image 	{ grid-column: 1 / span 2; grid-row: 2; }	
}  .home-benefits .panels {  gap: 153px;
width: 100%;
}
.home-benefits .jd-grid {
display: grid;
grid-template-columns: 
calc( ( 0.47534 * ( 100vw - 20px ) ) + 30px ) 
350px;	
grid-template-rows: auto auto auto 1fr;
gap: 10px;
}
.home-benefits .wrap--panel-title 		{ grid-column: 1 / span 2; grid-row: 1; }
.home-benefits .wrap--panel-feat-img 	{ grid-column: 1; grid-row: 2 / span 3; }
.home-benefits .wrap--panel-desc 		{ grid-column: 2; grid-row: 2; 
justify-self: start;
}
.home-benefits .wrap--panel-list		{ grid-column: 2; grid-row: 3; 
justify-self: start;
}
.home-benefits .wrap--panel-sec-image 	{ grid-column: 2; grid-row: 4; 
justify-self: end; 
align-self: end;
}
@media ( min-width: 1441px ) {
.home-benefits .jd-grid {
grid-template-columns: 
705px  
350px;	
}
}
@media ( max-width: 1100px ) 	{ 
.home-benefits .panels { gap: 100px; } 
}
@media ( max-width: 800px ) {
.home-benefits .jd-grid {
grid-template-columns: 
calc( ( 0.569001 * ( 100vw - 20px ) ) + 40px ) 
calc( ( 0.280983 * ( 100vw - 20px ) ) + 20px );	
}
}
@media ( max-width: 640px ) {
.home-benefits .panels {
gap: 47px;
}	
.home-benefits .jd-grid {
grid-template-columns: 
calc( clamp(17.625rem, 6.739rem + 41.471vw, 44.063rem) - 276px ) 
175px
101px;	
}
.home-benefits .wrap--panel-title,
.home-benefits .wrap--panel-feat-img {
grid-column: 1 / span 3;
}
.home-benefits .wrap--panel-feat-img {
padding-bottom: 10px;
}
.home-benefits .wrap--panel-desc {
grid-column: 1 / span 3;
}
.home-benefits .wrap--panel-title 		{ grid-row: 1; }
.home-benefits .wrap--panel-feat-img 	{ grid-row: 2; }
.home-benefits .wrap--panel-desc 		{ grid-row: 3; }
}
@media ( max-width: 420px ) {
.home-benefits .jd-grid {
grid-template-columns: 
calc( ( ( 0.766196 * ( 100vw - 20px ) ) + 10px ) - 185px )
175px;	
}	
.-benefits .wrap--panel-title,
.home-benefits .wrap--panel-feat-img,
.home-benefits .wrap--panel-desc {
grid-column: 1 / span 2;
}
.home-benefits .wrap--panel-list {
grid-column: 1;
}	
.home-benefits .wrap--panel-sec-image {
grid-column: 2;
}		
.home-benefits .wrap--panel-title 		{ grid-row: 1; }
.home-benefits .wrap--panel-feat-img 	{ grid-row: 2; }
.home-benefits .wrap--panel-desc 		{ grid-row: 3; }
.home-benefits .wrap--panel-list		{ grid-row: 4; align-self: end; }
.home-benefits .wrap--panel-sec-image 	{ grid-row: 4; }	
}
@media ( max-width: 320px ) {
.home-benefits .panels,
.home-benefits .wrap--panel {
display: block;
}
.home-benefits .panels,
.home-benefits .panels * {
transform: none!important;
}
.home-benefits .wrap--panels {
width: auto;
}
.home-benefits .jd-grid {
display: block;
width: calc( 100vw - 20px);
overflow: hidden;
}	
.home-benefits .wrap--panel-title,
.home-benefits .wrap--panel-feat-img,
.home-benefits .wrap--panel-desc,
.home-benefits .wrap--panel-list,
.home-benefits .wrap--panel-sec-image { 
width: 100%; 
display: block;
}	
.home-benefits .wrap--panel-title,
.home-benefits .wrap--panel-feat-img {
margin-bottom: 10px!important;
}
.home-benefits .panel-title h2 {
text-wrap: wrap;
}
} .home-events .wrap--section-title 	{ grid-column: 1; grid-row: 1 / span 2; }
.home-events .wrap--event-main 		{ grid-column: 2 / span 4; grid-row: 1; }
.home-events .wrap--event-image 	{ grid-column: 6 / span 4; grid-row: 1; }
.home-events .wrap--event-cta 		{ grid-column: 6 / span 2; grid-row: 2; }
.home-events .wrap--event-content 	{ grid-column: 8 / span 2; grid-row: 2; }
@media ( max-width: 800px ) {
.home-events .wrap--section-title 	{ grid-column: 1 / span 2; grid-row: 1; }
.home-events .wrap--event-main 		{ grid-column: 3 / span 7; grid-row: 1; }
.home-events .wrap--event-image 	{ grid-column: 3 / span 7; grid-row: 3; }
.home-events .wrap--event-cta 		{ grid-column: 3 / span 2; grid-row: 2; }
.home-events .wrap--event-content 	{ grid-column: 6 / span 4; grid-row: 2; 
justify-self: end;
}
}
@media ( max-width: 480px ) {
.home-events .wrap--section-title 	{ grid-column: 1 / span 2; grid-row: 1; }
.home-events .wrap--event-main 		{ grid-column: 1 / span 2; grid-row: 3; }
.home-events .wrap--event-image 	{ grid-column: 1 / span 2; grid-row: 2; }
.home-events .wrap--event-cta 		{ grid-column: 1 / span 2; grid-row: 4; }
.home-events .wrap--event-content 	{ grid-column: 1 / span 2; grid-row: 5; 
justify-self: end;
}
} .home-systems .jd-supergrid {
gap: 0 10px;
}
.home-systems .wrap--section-title 			{ grid-column: 1; grid-row: 1 / span 2; }
.home-systems .menu-group-item:nth-child(2) { grid-column: 3 / span 3; grid-row: 1; }
.home-systems .menu-group-item:nth-child(3) { grid-column: 7 / span 3; grid-row: 1; }
.home-systems .menu-group-item:nth-child(4) { grid-column: 3 / span 3; grid-row: 2; }
.home-systems .menu-group-item:nth-child(5) { grid-column: 7 / span 3; grid-row: 2; }
.home-systems .menu-group-item:nth-child(6) { grid-column: 3 / span 3; grid-row: 3; }
.home-systems .menu-group-item:nth-child(7) { grid-column: 7 / span 3; grid-row: 3; }
.home-systems .menu-group-item:nth-child(8) { grid-column: 3 / span 3; grid-row: 4; }
.home-systems .menu-group-item:nth-child(9) { grid-column: 7 / span 3; grid-row: 4; }
.home-systems .menu-group-item:nth-child(10) { grid-column: 3 / span 3; grid-row: 5; }
.home-systems .menu-group-item:nth-child(11) { grid-column: 7 / span 3; grid-row: 5; }
.home-systems .menu-group-item:nth-child(12) { grid-column: 3 / span 3; grid-row: 6; }
.home-systems .menu-group-item:nth-child(13) { grid-column: 7 / span 3; grid-row: 6; }
.home-systems .menu-group-item:nth-child(14) { grid-column: 3 / span 3; grid-row: 7; }
.home-systems .menu-group-item:nth-child(15) { grid-column: 7 / span 3; grid-row: 7; }
.home-systems .menu-group-item:nth-child(16) { grid-column: 3 / span 3; grid-row: 8; }
.home-systems .menu-group-item:nth-child(17) { grid-column: 7 / span 3; grid-row: 8; }
.home-systems .menu-group-item:nth-child(18) { grid-column: 3 / span 3; grid-row: 9; }
.home-systems .menu-group-item:nth-child(19) { grid-column: 7 / span 3; grid-row: 9; }
.home-systems .menu-group-item:nth-child(20) { grid-column: 3 / span 3; grid-row: 10; }
.home-systems .menu-group-item:nth-child(21) { grid-column: 7 / span 3; grid-row: 10; }
.home-systems .menu-group-item:not( :nth-last-child(1), :nth-last-child(2) ) {
margin-bottom: calc( ( 0.093661 * ( 100vw - 20px ) ) + 10px );
}
@media ( min-width: 1441px ) {
.home-systems .menu-group-item:not( :nth-last-child(1), :nth-last-child(2) ) {
margin-bottom: 143px;
}
}
@media ( max-width: 800px ) {
.home-systems .wrap--section-title 			{ grid-column: 1 / span 2; grid-row: 1; }
.home-systems .menu-group-item:nth-child(2) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(3) { grid-column: 3 / span 7; grid-row: 2; }
.home-systems .menu-group-item:nth-child(4) { grid-column: 3 / span 7; grid-row: 3; }
.home-systems .menu-group-item:nth-child(5) { grid-column: 3 / span 7; grid-row: 4; }
.home-systems .menu-group-item:nth-child(6) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(7) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(8) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(9) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(10) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(11) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(12) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(13) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(14) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(15) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(16) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(17) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(18) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(19) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(20) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:nth-child(21) { grid-column: 3 / span 7; grid-row: 1; }
.home-systems .menu-group-item:not( :nth-last-child(1), :nth-last-child(2) ) {
margin-bottom: 0;
}
.home-systems .jd-supergrid {
gap: 10px;
}	
}
@media ( max-width: 480px ) {
.home-systems .wrap--section-title 			{ grid-column: 1; grid-row: 1; }
.home-systems .menu-group-item:nth-child(2) { grid-column: 2; grid-row: 1; }
.home-systems .menu-group-item:nth-child(3) { grid-column: 2; grid-row: 2; }
.home-systems .menu-group-item:nth-child(4) { grid-column: 2; grid-row: 3; }
.home-systems .menu-group-item:nth-child(5) { grid-column: 2; grid-row: 4; }
.home-systems .menu-group-item:nth-child(6) { grid-column: 2; grid-row: 5; }
.home-systems .menu-group-item:nth-child(7) { grid-column: 2; grid-row: 6; }
.home-systems .menu-group-item:nth-child(8) { grid-column: 2; grid-row: 7; }
.home-systems .menu-group-item:nth-child(9) { grid-column: 2; grid-row: 8; }
.home-systems .menu-group-item:nth-child(10) { grid-column: 2; grid-row: 9; }
.home-systems .menu-group-item:nth-child(11) { grid-column: 2; grid-row: 10; }
.home-systems .menu-group-item:nth-child(12) { grid-column: 2; grid-row: 11; }
.home-systems .menu-group-item:nth-child(13) { grid-column: 2; grid-row: 12; }
.home-systems .menu-group-item:nth-child(14) { grid-column: 2; grid-row: 13; }
.home-systems .menu-group-item:nth-child(15) { grid-column: 2; grid-row: 14; }
.home-systems .menu-group-item:nth-child(16) { grid-column: 2; grid-row: 15; }
.home-systems .menu-group-item:nth-child(17) { grid-column: 2; grid-row: 16; }
.home-systems .menu-group-item:nth-child(18) { grid-column: 2; grid-row: 17; }
.home-systems .menu-group-item:nth-child(19) { grid-column: 2; grid-row: 18; }
.home-systems .menu-group-item:nth-child(20) { grid-column: 2; grid-row: 19; }
.home-systems .menu-group-item:nth-child(21) { grid-column: 2; grid-row: 20; }
} .home-products .wrap--section-title 	{ grid-column: 1; }
.home-products .wrap--product-list 		{ grid-column: 4 / span 3; }
.home-products .item__image {
width: calc( ( 0.187322 * ( 100vw - 20px ) ) + 10px );
height: auto;
}
@media ( min-width: 1441px ) {
.home-products .item__image {
width: 276px;
}
}
@media ( max-width: 768px ) {
.home-products .jd-supergrid {
grid-template-columns: 
1fr;
}
width: 
.home-products .wrap--section-title 	{ grid-column: 1; grid-row: 1; }
.home-products .wrap--product-list 		{ grid-column: 1; grid-row: 2; }	
.home-products .item__image {
width: calc( 4 * ( ( 100vw - 20px ) * 0.093661 ) + 30px );		
}
}
@media ( max-width: 480px ) {
.home-products .jd-supergrid {
grid-template-columns: 
calc( ( 100vw - 20px ) * 0.383098 )
calc( ( 100vw - 20px ) * 0.588732 );
width: calc( 100vw - ( 4 * ( ( 100vw - 20px ) * 0.093661 ) + 30px ) - 10px );
}
.home-products .wrap--section-title 	{ grid-column: 1; grid-row: 1; }
.home-products .wrap--product-list 		{ grid-column: 2; grid-row: 1; }	
.home-products .item__image {
width: calc( 100% - 10px );
}
} .home-news .wrap--section-title 	{ grid-column: 1; }
.home-news .wrap--news-slider 		{ grid-column: 2 / span 8; }
@media ( max-width: 1200px ) {
.home-news .wrap--section-title 	{ grid-column: 1 / span 9; grid-row: 1; }
.home-news .wrap--news-slider 		{ grid-column: 1 / span 9; grid-row: 2; }
}
@media ( max-width: 992px ) {
.home-news .wrap--section-title 	{ grid-column: 1 / span 2; grid-row: 1; }
.home-news .wrap--news-slider 		{ grid-column: 3 / span 7; grid-row: 1; }
}
@media ( max-width: 640px ) {
.home-news .wrap--section-title 	{ grid-column: 1 / span 2; }
.home-news .wrap--news-slider 		{ grid-column: 3 / span 7; }
}
@media ( max-width: 480px ) {
.home-news .wrap--section-title 	{ grid-column: 1; }
.home-news .wrap--news-slider 		{ grid-column: 2; }
}  .page-template-page-home 								{ padding-top: 0!important; }
@media ( max-width: 768px ) { .page-template-page-home 	{ padding-top: 0!important; } }
.page-template-page-home {
background: var(--color--beige);
}
.page-template-page-home .juniper-header {
margin: 5px 5px 0 5px;
}
.page-template-page-home .juniper-header:not(.over-the-vid) {
background: rgba(52, 51, 53, 0.40);
}
.page-template-page-home .juniper-header:not(.over-the-vid) .header-logo .logo--dark {
opacity: 0;
visibility: hidden;
}
.page-template-page-home .juniper-header:not(.over-the-vid) .header-logo .logo--light {
opacity: 1;
visibility: visible;	
}
.page-template-page-home .juniper-header:not(.over-the-vid) .outer-wrap--hamburger > * {
background: var(--color--beige);
} .home-hero-video {
position: relative;
height: 0;
width: 100%;
padding-bottom: 56.25%;
overflow: hidden;
background: #1e1b18;
}
.home-hero-video .wrap--jd-iframe {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
height: 100%;
width: auto;	
opacity: 0;
padding-top: 0;
-webkit-transition: opacity .25s ease-in;
-o-transition: opacity .25s ease-in;
transition: opacity .25s ease-in;
}
.loaded .home-hero-video .wrap--jd-iframe {
opacity: 1;
} .home-hero-video .video-overlay {
position: absolute;
z-index: 10;
background: rgba(0, 0, 0, .4);
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.submenu--open .home-hero-video .video-overlay {
opacity: 1;
visibility: visible;
}
@media ( max-width: 580px ) {
.home-hero-video {
padding-bottom: 100vh;
overflow: hidden;
}
.logged-in .home-hero-video {
padding-bottom: calc( 100vh - 46px );
}
.home-hero-video .wrap--jd-iframe {
width: 100%!important;
height: 100%;
transform: translateY(-50%);
left: auto;
top: 50%;	
}
.home-hero-video video {
width: auto;
max-width: unset;
height: 100%;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);		
}
}
@media ( min-width: 1760px ) {
.home-hero-video {
padding-bottom: 1000px;
overflow: hidden;
}
.home-hero-video .wrap--jd-iframe {
width: 100%!important;
height: 100%;
transform: translateY(-50%);
left: auto;
top: 50%;	
}
.home-hero-video video {
width: 100%;
max-width: unset;
height: auto;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);		
}
}
.home-hero-video .wrap--hero-tagline {
position: absolute;
top: 50%;
left: 50%;
transform: translate( -50%, -50% ); 
width: 500px;
max-width: clamp(15.625rem, 9.191rem + 24.51vw, 31.25rem);
height: auto;
}
.home-hero-video .hero-tagline h2 {
color: var(--color--beige);
text-align: center;
font-family: var(--font--syndicat);
font-size: clamp(1rem, 0.588rem + 1.569vw, 2rem);
font-style: normal;
font-weight: 400!important;
line-height: 120%; text-transform: uppercase;
}
.home-hero-video .wrap--hero-btns {
position: absolute;
width: auto;
height: auto;
bottom: 10px;
}
.home-hero-video .hero-btns {
display: inline-flex;
gap: 10px;
}
.home-hero-video .wrap--cb-btn a {
width: auto;
display: block;
font-family: var(--font--syndicat);
color: var(--color--beige);
font-weight: 400!important;
font-size: clamp(0.75rem, 0.647rem + 0.392vw, 1rem);
margin: 0;
text-transform: inherit;
color: var(--color--beige);
border-color: var(--color--beige);
background: transparent;
height: auto;	
padding: 11px 49px 8px 10px;
border-radius: 5px;
border: 1px solid var(--color--beige);  
transition-property: background-color, color, border-color;
transition-timing-function: ease-in-out;
transition-duration: .2s;
}
.home-hero-video .wrap--cb-btn a:is(:hover, :active, :focus) {
color: var(--color--off-black);
background-color: var(--color--beige);
}
@media ( max-width: 420px ) {
.home-hero-video .wrap--hero-btns {
width: calc( 100% - 20px );
}
.home-hero-video .hero-btns {
width: 100%;
}
.home-hero-video .wrap--cb-btn {
flex-basis: 50%;
}
}
.home-hero-video .wrap--hero-events {
position: absolute;
height: auto;
bottom: 10px;
}
.home-hero-video .hero-events {
border-radius: 5px;
background: rgba(52, 51, 53, 0.40);
backdrop-filter: blur(5px);
padding: clamp(0.313rem, 0.184rem + 0.49vw, 0.625rem);
overflow: hidden;
}
.home-hero-video .wrap--event-bubble {
max-width: 245px;
}
.home-hero-video .hero-events h1,
.home-hero-video .hero-events h2,
.home-hero-video .hero-events h3,
.home-hero-video .hero-events h4,
.home-hero-video .hero-events h5,
.home-hero-video .hero-events h6,
.home-hero-video .hero-events a,
.home-hero-video .hero-events div,
.home-hero-video .hero-events p {
color: var(--color--beige);
}
.home-hero-video .hero-events h1,
.home-hero-video .hero-events h2,
.home-hero-video .hero-events h3,
.home-hero-video .hero-events h4,
.home-hero-video .hero-events h5,
.home-hero-video .hero-events h6,
.home-hero-video .hero-events div,
.home-hero-video .hero-events p {
font-size: clamp(0.75rem, 0.647rem + 0.392vw, 1rem);
font-style: normal;
font-weight: 300;
line-height: 120%; }
.home-hero-video .hero-events h3 {
margin-bottom: clamp(0rem, -0.412rem + 1.569vw, 1rem);
}
.home-hero-video .hero-events h4 {
padding-bottom: 0;
}
.home-hero-video .hero-events a {
font-size: 12px;
font-style: normal;
font-weight: 300!important;
line-height: 116.667%;
text-decoration-line: underline;	
display: inline-block;
margin-top: 56px;
}
@media ( max-width: 580px ) {
.home-hero-video .wrap--hero-events {
bottom: auto;
right: auto;
top: 50px;
}	
} .container--featured-tagline {
padding: 10px 0 clamp(3.125rem, 1.838rem + 4.902vw, 6.25rem);
}
.container--featured-tagline img {
width: 100%;
height: auto;
}
.container--featured-tagline .ft__tagline {
font-size: clamp(1.5rem, 0.882rem + 2.353vw, 3rem);
font-style: normal;
font-weight: 400;
line-height: 100%; padding: .1875em 0 0;
}
.container--featured-tagline .wrap--ft__image img {
height: auto;
display: block;
}
.container--featured-tagline[data-section-type="no-image"] {
padding-bottom: clamp(6.25rem, -5.065rem + 43.103vw, 15.625rem);
}
.container--featured-tagline[data-section-type="no-image"] .wrap--ft__tagline {
max-width: 705px;
}
@media ( max-width: 800px ) {
.container--featured-tagline .ft__tagline {
line-height: 120%;
}
.container--featured-tagline .wrap--ft__image img {
transform: none;
width: calc(100% + 10px);
margin-top: 40px;
}	
} .container--home-mission {
padding: 0;	
}
.container--home-mission img {
width: 100%;
height: auto;
}
.home-mission .section-title {
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 120%; text-transform: uppercase; 
padding: .2em 0 0 0;
}
.home-mission .section-copy {
font-size: 1rem;	
font-family: var(--font--source-serif);
font-style: normal;
font-weight: 400;
line-height: 120%; }
@media ( max-width: 992px ) {
.home-mission .wrap--sec-image 	{ 
display: none;
}	
}
@media ( max-width: 800px ) {
.home-mission .wrap--feat-image {
transform: none;
width: calc(100% + 10px);
padding-top: 10px;
}	
}
@media ( max-width: 480px ) {
.container--home-mission img,
.home-mission .section-title,
.home-mission .section-copy {
transform: none;
}
.home-mission .feat-image {
margin-top: 59px;
}	
.home-mission .section-title {
text-align: left;
}	
.home-mission .body-text {
width: 100%;
max-width: 400px;
}
}
@media ( max-width: 420px ) {
.home-mission .wrap--feat-image img { 
width: calc(100% + 10px);
height: auto;
max-width: unset;
}
}
@media ( max-width: 320px ) {
.container--home-mission .section-title {
margin-bottom: 10px;
}
} .container--home-benefits {
padding: 0 0 clamp(0.5rem, -5.728rem + 23.725vw, 15.625rem);
}
.home-benefits img {
width: auto;
max-width: 100%;
}
.home-benefits .wrap--panel-desc {
margin-bottom: clamp(3.125rem, 1.838rem + 4.902vw, 6.25rem);
}
.home-benefits .panel-title span,
.home-benefits .panel-title h2 {
display: inline-block;
}
.home-benefits .panel-title span {
font-size: clamp(0.75rem, 0.647rem + 0.392vw, 1rem);
font-style: normal;
font-weight: 400;
line-height: 120%; margin-right: 10px;
transform: translateY(-0.125em);
}
.home-benefits .panel-title h2 {
font-size: clamp(1rem, 0.794rem + 0.784vw, 1.5rem);
font-style: normal;
font-weight: 400;
line-height: 120%; padding: 0!important;
text-wrap: nowrap;
overflow: hidden;
}
.home-benefits .panel-desc {
font-size: 1rem;
font-family: var(--font--source-serif);
font-style: normal;
font-weight: 400;
line-height: 120%; }
.home-benefits .panel-list {
font-size: .75rem;
font-style: normal;
font-weight: 400;
line-height: 14px; width: 175px;
}
.home-benefits .wrap--panel-list {
padding-left: calc( 100% - 175px );
}
.home-benefits .panel-list li {
counter-increment: sublist;
text-align: right;
padding-left: 20px;
position: relative;
}
.home-benefits .panel-list li:before { content: counter(sublist);  
text-align: left;	
position: absolute;
left: 0;
}
.home-benefits .wrap--panel-sec-image img {
mix-blend-mode: multiply;
max-width: clamp(3.375rem, 1.342rem + 7.745vw, 8.313rem);
height: auto;
}
@media ( max-width: 640px ) {
.home-benefits .wrap--panel-desc {
text-align: right;
}
}
@media ( max-width: 320px ) {
.panels,
.wrap--panel {
display: block;
}
.panels,
.panels * {
transform: none!important;
}
.home-benefits .wrap--panels {
width: auto;
}
.home-benefits .jd-grid {
display: block;
width: calc( 100vw - 20px);
overflow: hidden;
}	
.home-benefits .wrap--panel-title,
.home-benefits .wrap--panel-feat-img,
.home-benefits .wrap--panel-desc,
.home-benefits .wrap--panel-list,
.home-benefits .wrap--panel-sec-image { 
width: 100%; 
display: block;
}	
.home-benefits .wrap--panel-title,
.home-benefits .wrap--panel-feat-img {
margin-bottom: 10px!important;
}
.home-benefits .panel-title h2 {
text-wrap: wrap;
}
} .container--home-events {
padding: 10px 0 clamp(3.125rem, 0.268rem + 10.882vw, 10.063rem);
}
.home-events {
}
.home-events .wrap--section-title,
.home-events .event-main {
padding-right: 50px;
}
.home-events .section-title h2 {
font-size: clamp(1rem, 0.588rem + 1.569vw, 2rem);
font-style: normal;
font-weight: 400;
line-height: 120%; text-transform: uppercase;	
padding-bottom: 0!important;	
}
.home-events .event-title,
.home-events .event-date,
.home-events .event-loc {
font-size: clamp(1.5rem, 0.882rem + 2.353vw, 3rem);
font-style: normal;
font-weight: 400;
line-height: 100%; padding-bottom: 0;
}
.home-events .event-title {
margin-bottom: 1em;
}
.home-events .event-title,
.home-events .section-title h2 {
padding-top: .16em;
}
.home-events .event-content {
font-family: var(--font--source-serif);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%; }
.home-events .wrap--jd-btn {
display: inline-flex;
} .home-events .iframe-container {
padding-top: 100%;
}
@media ( max-width: 1120px ) {
.home-events .event-content {
text-align: right;
}
}
@media ( max-width: 800px ) {
.home-events .event-title,
.home-events .event-date,
.home-events .event-loc {
line-height: 120%;
}	
.home-events .event-main {
padding-bottom: 40px;
}	
.home-events .wrap--event-image {
transform: none;
width: calc(100% + 10px);
padding-top: 50px;
}
}
@media ( max-width: 640px ) {
.home-events .wrap--section-title {
padding-bottom: 0px;
}
.home-events .event-title {
margin-bottom: 37px;
}
.home-events .wrap--event-image {
padding-top: 10px;
}	
.home-events .wrap--event-image img {
height: auto;
}
.home-events .wrap--event-copy {
text-align: left;
padding-left: 0;
}
}
@media ( max-width: 480px ) {
.home-events  .wrap--jd-btn {
min-width: 173px;
display: inline-block;
width: auto;
}
.home-events .wrap--jd-btn {
margin-bottom: 40px;
}
.home-events .wrap--event-image img,
.home-events .event-main,
.home-events .event-content {
width: calc( 100% + 10px );
transform: none;
}
.home-events .event-content	{
max-width: 276px;
}
.home-events .wrap--event-copy {
text-align: right;
padding-left: calc( 100% - 276px );
}		
} .container--home-systems {
padding: 10px 0 clamp(3.125rem, -1.79rem + 18.725vw, 15.063rem);
}
.home-systems img {
max-width: 100%;
}
.home-systems .section-title,
.home-systems .menu-group-item > a {
padding: 3px 0 0;
}
.home-systems .section-title h2 {
font-size: clamp(1rem, 0.588rem + 1.569vw, 2rem);
font-style: normal;
font-weight: 400;
line-height: 120%; text-transform: uppercase;	
padding-bottom: 0!important;	
}
.home-systems .menu-group-item a {
font-size: clamp(1rem, 0.794rem + 0.784vw, 1.5rem);
font-style: normal;
font-weight: 400;
line-height: 120%;
display: block;
}
.home-systems .menu-group-item {
-webkit-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
}
.home-systems .systems-has-active .menu-group-item:not(.system--active) {
opacity: .4;
}
.home-systems .system--active {
cursor: pointer;	
}
.home-systems .menu-group-item .flex-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: space-between;
gap: 10px;
}
.home-systems .menu-group-item .flex-item {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: normal;
align-items: normal;
align-content: normal;
}
.home-systems .menu-group-item a,
.home-systems .menu-group-item .item__image {
display: block;
flex-grow: 0;
flex-shrink: 1;
flex-basis: 100%;
align-self: auto;
order: 0;		
}
.home-systems .menu-group-item a 				{ order: 2; }
.home-systems .menu-group-item .item__image 	{ order: 1; }
@media ( max-width: 800px ) {
.home-systems img {
transform: none;
width: calc(100% + 10px);
max-width: unset;
}
}
@media ( max-width: 320px ) {
.home-systems .wrap--section-title {
margin-bottom: 50px;
}
.home-systems .menu-group-item {
transform: none;
width: calc(100% + 10px);
}	
} .container--home-products {
padding: 10px 0 calc( clamp(6.25rem, -6.36rem + 48.039vw, 36.875rem) - 20px );
background: var(--color--white);
}
.home-products .section-title {
padding: 3px 0 0;
}
.home-products .section-title h2 {
font-size: clamp(1rem, 0.588rem + 1.569vw, 2rem);
font-style: normal;
font-weight: 400;
line-height: 120%; text-transform: uppercase;	
padding-bottom: 0!important;	
}
.home-products .menu-group-item,
.home-products .menu-group-item > a {
display: block;
}
.home-products .menu-group-item > a {
font-size: clamp(1.5rem, 0.882rem + 2.353vw, 3rem);
font-style: normal;
font-weight: 400;
line-height: 100%;
}
.home-products .menu-group-item,
.home-products .menu-group-item a {
-webkit-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
}
.home-products .products-has-active .menu-group-item:not(.product--active) a {
color: var(--color--beige);
}
.home-products .item__image {
position: absolute;
top: 0;
right: 10px; display: none;
}
.home-products .menu-group-item:first-child .item__image {
display: block;
}
@media (max-width: 768px) and (min-width: 421px) {
.home-products .menu-group-item > a {
line-height: 120%;
}
}
@media (max-width: 480px) {
.container--home-products {
padding-bottom: calc( 217px + ( 100% - 20px ) );
position: relative;
}
.home-products { position: unset; }
.home-products ul {
padding-right: 0;
}
.home-products .item__image {
top: auto;
bottom: 0;
right: 0;
height: auto;
}	
}
@media ( max-width: 320px ) {
.home-products .wrap--section-title {
margin-bottom: 50px;
}
} .container--home-news {
padding: 10px 0 clamp(3.125rem, -9.871rem + 49.51vw, 34.688rem);
}
.home-news img { max-width: 100%; }
.home-news .jd-grid {
display: grid;
grid-template-columns: 
1fr 
1fr;	
grid-template-rows: auto 1fr;
gap: 10px;
padding-right: 25px;
}
.home-news .wrap--feat-image 	{ grid-column: 1; grid-row: 1 / span 2; }
.home-news .wrap--post-title 	{ grid-column: 2; grid-row: 1; align-self: start; }
.home-news .wrap--post-excerpt 	{ grid-column: 2; grid-row: 2; align-self: end; }
.home-news .section-title,
.home-news .wrap--post-title h3 {
padding: 3px 0 0;
}
.home-news .wrap--post-excerpt {
padding: 0 0 10px;
}
.home-news .section-title h2 {
font-size: clamp(1rem, 0.588rem + 1.569vw, 2rem);
font-style: normal;
font-weight: 400;
line-height: 120%; text-transform: uppercase;	
padding-bottom: 0!important;	
}
.home-news .wrap--post-title h3 {
font-size: clamp(1rem, 0.794rem + 0.784vw, 1.5rem);
font-style: normal;
font-weight: 400;
line-height: 120%; }
.home-news .wrap--post-excerpt {
font-size: 16px;
font-family: var(--font--source-serif);
font-style: normal;
font-weight: 400;
line-height: 120%; }
.home-news .swiper-slide {
-webkit-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
}
.home-news .news-has-active .swiper-slide:not(.news--active) {
opacity: .4;
}
.news-slider {
padding-bottom: 44px;
}
.news-slider > .swiper-scrollbar, 
.news-slider > .swiper-scrollbar.swiper-scrollbar-horizontal {
width: calc(100% + 10px);
height: 4px;
background: var(--color--sand);	
bottom: 0;
left: 0;
width: 100%;
cursor: grab;
}
.swiper-scrollbar-drag {
text-indent: -9999em;	
background: var(--color--olive);
}
@media ( max-width: 1200px ) and ( min-width: 992px ), ( max-width: 768px ) {
.home-news .wrap--section-title {
margin-bottom: 50px;
}
}
@media ( max-width: 992px ) {
}
@media ( max-width: 640px ) {
.home-news .wrap--section-title {
margin-bottom: 10px;
}
.home-news .swiper-slide {
width: 100%;
}
.home-news .swiper-slide:not(:last-child) {
margin-bottom: 50px;
}
.home-news .swiper-slide:not(:nth-child(1), :nth-child(2)),
.wrap--jd-news-pagi {
display: none;
}
.home-news .news-slider {
padding-bottom: 0;
}	
.home-news .swiper-wrapper {
height: auto !important;
display: block!important;
}	
.home-news .swiper-slide {
height: auto !important;
}	
.home-news .jd-grid {
grid-template-columns: 1fr;	
grid-template-rows: auto;
gap: 10px;
}
.home-news .wrap--feat-image 	{ grid-column: 1; grid-row: 1; }
.home-news .wrap--post-title 	{ grid-column: 1; grid-row: 2; align-self: auto; }
.home-news .wrap--post-excerpt 	{ grid-column: 1; grid-row: 3; align-self: auto; }	
.home-news .wrap--post-title {
padding-bottom: 20px;
}
}
@media ( max-width: 640px ) {
.home-news .mobile-only--640 {
display: inline-flex;
}
.home-news .jd-grid {
padding-right: 0;
}
.home-news .jd-grid .wrap--feat-image {
width: calc( 100% + 10px );
max-width: unset;
}	
.home-news .jd-grid .wrap--feat-image img {
max-width: unset;
}	
.home-news .swiper {
overflow: visible;
}
}
@media ( max-width: 320px ) {
.home-news .wrap--section-title {
margin-bottom: 50px;
}
}