| Server IP : 146.59.209.152 / Your IP : 216.73.216.46 Web Server : Apache System : Linux webm005.cluster131.gra.hosting.ovh.net 5.15.167-ovh-vps-grsec-zfs-classid #1 SMP Tue Sep 17 08:14:20 UTC 2024 x86_64 User : infrafs ( 43850) PHP Version : 8.2.29 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/infrafs/www/wp-content/plugins/eltd-core/assets/css/ |
Upload File : |
/* ==========================================================================
Global partials
========================================================================== */
/* common mixins - start */
/* common mixins - end */
/* ==========================================================================
Shortcodes styles
========================================================================== */
/* ==========================================================================
Accordions shortcode style - begin
========================================================================== */
.eltd-accordion-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-accordion-holder .eltd-accordion-title {
position: relative;
cursor: pointer;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
-webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out;
-o-transition: color 0.2s ease-out, background-color 0.2s ease-out;
transition: color 0.2s ease-out, background-color 0.2s ease-out;
}
.eltd-accordion-holder .eltd-accordion-title .eltd-tab-title {
display: block;
line-height: inherit;
}
.eltd-accordion-holder .eltd-accordion-title .eltd-accordion-mark {
position: absolute;
top: 50%;
right: 0;
width: 20px;
height: 18px;
margin: -1px 0 0;
font-size: 18px;
line-height: 18px;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.eltd-accordion-holder .eltd-accordion-title .eltd-accordion-mark span {
position: absolute;
display: block;
width: 100%;
height: 100%;
font-size: inherit;
line-height: inherit;
-webkit-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
.eltd-accordion-holder .eltd-accordion-title .eltd-accordion-mark span:before {
display: block;
line-height: inherit;
}
.eltd-accordion-holder .eltd-accordion-title .eltd-accordion-mark span.eltd_icon_minus {
opacity: 0;
}
.eltd-accordion-holder .eltd-accordion-title .eltd-accordion-mark span.eltd_icon_plus {
opacity: 1;
}
.eltd-accordion-holder .eltd-accordion-title.ui-state-active .eltd-accordion-mark span.eltd_icon_minus, .eltd-accordion-holder .eltd-accordion-title.ui-state-hover .eltd-accordion-mark span.eltd_icon_minus {
opacity: 1;
}
.eltd-accordion-holder .eltd-accordion-title.ui-state-active .eltd-accordion-mark span.eltd_icon_plus, .eltd-accordion-holder .eltd-accordion-title.ui-state-hover .eltd-accordion-mark span.eltd_icon_plus {
opacity: 0;
}
.eltd-accordion-holder .eltd-accordion-content {
margin: 0;
}
.eltd-accordion-holder .eltd-accordion-content p {
margin: 0;
}
.eltd-accordion-holder.eltd-ac-boxed.eltd-white-skin .eltd-accordion-title {
background-color: #fff;
}
.eltd-accordion-holder.eltd-ac-boxed .eltd-accordion-title {
margin: 15px 0 0;
padding: 13px 0 12px 50px;
border: 1px solid #262626;
}
.eltd-accordion-holder.eltd-ac-boxed .eltd-accordion-title:first-child {
margin: 0;
}
.eltd-accordion-holder.eltd-ac-boxed .eltd-accordion-title .eltd-accordion-mark {
right: 35px;
}
.eltd-accordion-holder.eltd-ac-boxed .eltd-accordion-title.ui-state-active:after {
content: '';
height: calc(100% + 2px);
width: 7px;
background-color: #c8ff0b;
display: inline-block;
position: absolute;
left: -1px;
top: -1px;
}
.eltd-accordion-holder.eltd-ac-boxed .eltd-accordion-content {
padding: 18px 0 6px 50px;
}
.eltd-accordion-holder.eltd-ac-simple {
border-bottom: 1px solid #b2b2b2;
}
.eltd-accordion-holder.eltd-ac-simple .eltd-accordion-title {
padding: 17px 0 17px 30px;
border-top: 1px solid #b2b2b2;
}
.eltd-accordion-holder.eltd-ac-simple p.eltd-accordion-title {
border-top: 0;
}
.eltd-accordion-holder.eltd-ac-simple .eltd-accordion-content {
border-top: 1px solid transparent;
}
.eltd-accordion-holder.eltd-ac-simple .eltd-accordion-content.ui-accordion-content-active {
border-color: #b2b2b2;
}
.eltd-accordion-holder.eltd-ac-simple .eltd-accordion-content {
padding: 21px 0 16px;
}
/* ==========================================================================
Accordions shortcode style - end
========================================================================== */
/* ==========================================================================
Banner shortcode style - begin
========================================================================== */
.eltd-banner-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
overflow: hidden;
}
.touch .eltd-banner-holder {
cursor: pointer;
}
.eltd-banner-holder.eltd-visible-on-hover:hover .eltd-banner-text-holder {
opacity: 1;
}
.eltd-banner-holder.eltd-visible-on-hover .eltd-banner-text-holder {
opacity: 0;
background-color: rgba(0, 0, 0, 0.7);
-webkit-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
.eltd-banner-holder.eltd-disabled .eltd-banner-text-holder {
display: none;
}
.eltd-banner-holder.eltd-banner-info-centered .eltd-banner-text-holder {
padding: 70px 20px;
text-align: center;
}
.eltd-banner-holder.eltd-banner-info-centered .eltd-banner-title {
width: 100%;
}
.eltd-banner-holder.eltd-banner-info-centered .eltd-separator {
margin-left: auto;
margin-right: auto;
}
.eltd-banner-holder .eltd-banner-image {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
-webkit-transition: all 0.32s ease-in-out;
-o-transition: all 0.32s ease-in-out;
transition: all 0.32s ease-in-out;
}
.eltd-banner-holder .eltd-banner-image img {
display: block;
}
.eltd-banner-holder .eltd-banner-text-holder {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 25px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
.eltd-banner-holder .eltd-banner-text-holder {
padding: 25px;
}
}
.eltd-banner-holder .eltd-banner-text-outer {
position: relative;
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.eltd-banner-holder .eltd-banner-text-inner {
position: relative;
display: table-cell;
height: 100%;
width: 100%;
vertical-align: top;
}
.eltd-banner-holder .eltd-banner-subtitle {
margin: 0 0 4px;
color: #262626;
}
.eltd-banner-holder .eltd-banner-title {
margin: 0;
color: #262626;
width: 50%;
}
.eltd-banner-holder .eltd-banner-title .eltd-banner-title-light {
font-weight: 300;
}
.eltd-banner-holder .eltd-banner-link-button {
margin-top: -4px;
}
.eltd-banner-holder .eltd-banner-link-button .eltd-btn.eltd-btn-icon span > i {
vertical-align: middle;
}
.eltd-banner-holder:hover .eltd-banner-image {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
/* ==========================================================================
Banner shortcode style - end
========================================================================== */
/* ==========================================================================
Button shortcode style - begin
========================================================================== */
.eltd-btn {
font-family: "Roboto Condensed", sans-serif;
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
outline: none;
font-size: 16px;
line-height: 2em;
letter-spacing: -0.4px;
font-weight: 600;
text-transform: uppercase;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
padding: 9px 57px;
cursor: pointer;
}
.eltd-btn.eltd-btn-simple {
padding: 0 !important;
color: #464646;
background-color: transparent;
border: 0;
vertical-align: middle;
}
.eltd-btn.eltd-btn-simple .eltd-btn-text {
display: inline-block;
vertical-align: middle;
}
.eltd-btn.eltd-btn-simple .eltd-btn-additional-text-holder {
opacity: 1 !important;
}
.eltd-btn.eltd-btn-simple:hover .eltd-btn-text-holder {
opacity: 1 !important;
}
.eltd-btn.eltd-btn-simple:not(.eltd-btn-custom-hover-color):hover {
color: #262626 !important;
}
.eltd-btn.eltd-btn-simple:not(.eltd-btn-custom-hover-bg):hover {
background-color: transparent !important;
}
.eltd-btn.eltd-btn-simple:not(.eltd-btn-custom-border-hover):hover {
border-color: transparent !important;
}
.eltd-btn.eltd-btn-solid {
color: #fff;
background-color: #000;
border: 1px solid transparent;
}
.eltd-btn.eltd-btn-solid:not(.eltd-btn-custom-hover-color):not(.eltd-btn-icon):hover {
color: #000 !important;
}
.eltd-btn.eltd-btn-solid:not(.eltd-btn-custom-hover-bg):not(.eltd-btn-icon):hover {
background-color: transparent !important;
}
.eltd-btn.eltd-btn-solid:not(.eltd-btn-custom-border-hover):not(.eltd-btn-icon):hover {
border-color: #000 !important;
}
.eltd-btn.eltd-btn-outline {
color: #000;
background-color: transparent;
border: 1px solid #000;
}
.eltd-btn.eltd-btn-outline:not(.eltd-btn-custom-hover-color):not(.eltd-btn-icon):hover {
color: #fff !important;
}
.eltd-btn.eltd-btn-outline:not(.eltd-btn-custom-hover-bg):not(.eltd-btn-icon):hover {
background-color: #000 !important;
}
.eltd-btn.eltd-btn-outline:not(.eltd-btn-custom-border-hover):not(.eltd-btn-icon):hover {
border-color: #000 !important;
}
.eltd-btn.eltd-btn-small {
padding: 7px 37px;
}
.eltd-btn.eltd-btn-large {
padding: 11px 77px;
}
.eltd-btn.eltd-btn-huge {
display: block;
text-align: center;
padding: 11px 27px;
}
.eltd-btn.eltd-btn-icon {
overflow: hidden;
}
.eltd-btn.eltd-btn-icon span {
position: relative;
display: inline-block;
}
.eltd-btn.eltd-btn-icon span > i,
.eltd-btn.eltd-btn-icon span > span:not(.eltd-btn-text) {
position: relative;
display: inline-block;
vertical-align: top;
font-size: 1.142857142857143em;
line-height: inherit;
}
.eltd-btn.eltd-btn-icon span > i:before,
.eltd-btn.eltd-btn-icon span > span:not(.eltd-btn-text):before {
display: block;
line-height: inherit;
}
.eltd-btn.eltd-btn-icon.eltd-btn-simple span > i,
.eltd-btn.eltd-btn-icon.eltd-btn-simple span > span:not(.eltd-btn-text) {
vertical-align: middle;
}
.eltd-btn.eltd-btn-icon.eltd-btn-icon-position-right span > i,
.eltd-btn.eltd-btn-icon.eltd-btn-icon-position-right span > span:not(.eltd-btn-text) {
margin: 0 0 0 3px;
}
.eltd-btn.eltd-btn-icon.eltd-btn-icon-position-left span > i,
.eltd-btn.eltd-btn-icon.eltd-btn-icon-position-left span > span:not(.eltd-btn-text) {
margin: 0 3px 0 0;
}
.eltd-btn.eltd-btn-icon.eltd-btn-huge {
text-align: left;
}
.eltd-btn.eltd-btn-icon .eltd-btn-text-holder {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
opacity: 1;
white-space: nowrap;
}
.eltd-btn.eltd-btn-icon .eltd-btn-additional-text-holder {
position: absolute !important;
left: -100%;
top: 50%;
width: 100%;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
}
.eltd-btn.eltd-btn-icon:hover .eltd-btn-text-holder {
position: relative;
left: 100%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 0;
}
.eltd-btn.eltd-btn-icon:hover .eltd-btn-additional-text-holder {
position: absolute !important;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
}
/* ==========================================================================
Button shortcode style - end
========================================================================== */
/* ==========================================================================
Call To Action shortcode style - begin
========================================================================== */
.eltd-call-to-action-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
/***** Layout Style - begin *****/
/***** Layout Style - end *****/
/***** Columns Space - begin *****/
/***** Columns Space - end *****/
}
.eltd-call-to-action-holder .eltd-cta-text-holder,
.eltd-call-to-action-holder .eltd-cta-button-holder {
position: relative;
display: inline-block;
vertical-align: middle;
}
.eltd-call-to-action-holder .eltd-cta-text-holder h1, .eltd-call-to-action-holder .eltd-cta-text-holder h2, .eltd-call-to-action-holder .eltd-cta-text-holder h3, .eltd-call-to-action-holder .eltd-cta-text-holder h4, .eltd-call-to-action-holder .eltd-cta-text-holder h5, .eltd-call-to-action-holder .eltd-cta-text-holder h6 {
margin: 0;
}
.eltd-call-to-action-holder .eltd-cta-button-holder .eltd-btn {
white-space: nowrap;
}
.eltd-call-to-action-holder.eltd-normal-layout .eltd-cta-inner {
display: table;
}
.eltd-call-to-action-holder.eltd-normal-layout:not(.eltd-content-in-grid) .eltd-cta-inner {
width: 100%;
}
.eltd-call-to-action-holder.eltd-normal-layout .eltd-cta-text-holder,
.eltd-call-to-action-holder.eltd-normal-layout .eltd-cta-button-holder {
display: table-cell;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.eltd-call-to-action-holder.eltd-normal-layout .eltd-cta-button-holder {
text-align: right;
}
.eltd-call-to-action-holder.eltd-simple-layout .eltd-cta-inner {
text-align: center;
}
.eltd-call-to-action-holder.eltd-simple-layout .eltd-cta-text-holder,
.eltd-call-to-action-holder.eltd-simple-layout .eltd-cta-button-holder {
width: 100%;
}
.eltd-call-to-action-holder.eltd-simple-layout .eltd-cta-button-holder {
margin: 28px 0 0;
}
.eltd-call-to-action-holder.eltd-two-halves-columns .eltd-cta-text-holder,
.eltd-call-to-action-holder.eltd-two-halves-columns .eltd-cta-button-holder {
width: 50%;
}
.eltd-call-to-action-holder.eltd-two-thirds-columns .eltd-cta-text-holder {
width: 66.66666666666667%;
}
.eltd-call-to-action-holder.eltd-two-thirds-columns .eltd-cta-button-holder {
width: 33.33333333333333%;
}
.eltd-call-to-action-holder.eltd-three-quarters-columns .eltd-cta-text-holder {
width: 75%;
}
.eltd-call-to-action-holder.eltd-three-quarters-columns .eltd-cta-button-holder {
width: 25%;
}
.eltd-call-to-action-holder.eltd-four-fifths-columns .eltd-cta-text-holder {
width: 80%;
}
.eltd-call-to-action-holder.eltd-four-fifths-columns .eltd-cta-button-holder {
width: 20%;
}
/* ==========================================================================
Call To Action shortcode style - end
========================================================================== */
/* ==========================================================================
Clients Carousel shortcode style - begin
========================================================================== */
.eltd-clients-carousel-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
/***** Hover Types - begin *****/
/***** Hover Types - end *****/
}
.eltd-clients-carousel-holder .eltd-cc-inner {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-clients-carousel-holder .eltd-cc-item {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.touch .eltd-clients-carousel-holder .eltd-cc-item {
cursor: pointer;
}
.eltd-clients-carousel-holder .eltd-cc-item .eltd-cc-item {
position: relative;
display: block;
}
.eltd-clients-carousel-holder.eltd-cc-hover-switch-images .eltd-cc-item:hover .eltd-cc-image {
opacity: 0;
}
.eltd-clients-carousel-holder.eltd-cc-hover-switch-images .eltd-cc-item:hover .eltd-cc-hover-image {
opacity: 1;
}
.eltd-clients-carousel-holder.eltd-cc-hover-switch-images .eltd-cc-item .eltd-cc-image {
position: relative;
display: block;
width: auto;
margin: 0;
opacity: 1;
-webkit-transition: opacity 0.15s ease-out;
-o-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
}
.eltd-clients-carousel-holder.eltd-cc-hover-switch-images .eltd-cc-item .eltd-cc-hover-image {
position: absolute;
top: 0;
left: 0;
width: auto;
opacity: 0;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity 0.15s ease-out;
-o-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
}
.eltd-clients-carousel-holder.eltd-cc-hover-roll-over .eltd-cc-item {
overflow: hidden;
}
.eltd-clients-carousel-holder.eltd-cc-hover-roll-over .eltd-cc-item:hover .eltd-cc-image {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.eltd-clients-carousel-holder.eltd-cc-hover-roll-over .eltd-cc-item:hover .eltd-cc-hover-image {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.eltd-clients-carousel-holder.eltd-cc-hover-roll-over .eltd-cc-item .eltd-cc-image {
position: relative;
display: block;
width: auto;
margin: 0;
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
-o-transition: transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.eltd-clients-carousel-holder.eltd-cc-hover-roll-over .eltd-cc-item .eltd-cc-hover-image {
position: absolute;
top: 0;
left: 0;
width: auto;
-webkit-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
transform: translate(0, -100%);
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
-o-transition: transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
/* ==========================================================================
Clients Carousel shortcode style - end
========================================================================== */
/* ==========================================================================
Countdown shortcode style - begin
========================================================================== */
.eltd-countdown {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-countdown.eltd-light-skin .countdown-row .countdown-section .countdown-amount,
.eltd-countdown.eltd-light-skin .countdown-row .countdown-section .countdown-period {
color: #fff;
}
.eltd-countdown .countdown-rtl {
direction: rtl;
}
.eltd-countdown .countdown-row {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
text-align: center;
clear: both;
}
.eltd-countdown .countdown-row.countdown-show1 .countdown-section {
width: 100%;
}
.eltd-countdown .countdown-row.countdown-show2 .countdown-section {
width: 50%;
}
.eltd-countdown .countdown-row.countdown-show3 .countdown-section {
width: 33.33333%;
}
.eltd-countdown .countdown-row.countdown-show4 .countdown-section {
width: 25%;
}
.eltd-countdown .countdown-row.countdown-show5 .countdown-section {
width: 20%;
}
.eltd-countdown .countdown-row.countdown-show6 .countdown-section {
width: 16.66667%;
}
.eltd-countdown .countdown-row.countdown-show4 .countdown-section {
width: 25% !important;
}
.eltd-countdown .countdown-row .countdown-section {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
padding: 0 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.eltd-countdown .countdown-row .countdown-section:after {
content: ':';
display: inline;
font-weight: 700;
position: absolute;
top: 15px;
right: -4px;
font-family: "Roboto Condensed", sans-serif;
font-size: 40px;
}
.eltd-countdown .countdown-row .countdown-section:last-child:after {
display: none;
}
.eltd-countdown .countdown-row .countdown-section .countdown-amount {
position: relative;
display: inline-block;
color: #fff;
padding: 15px 0px 15px 20px;
border: 1px solid transparent;
border-radius: 4px;
background-color: #262626;
font-family: "Roboto Condensed", sans-serif;
font-size: 45px;
font-weight: 700;
letter-spacing: 20px;
}
.eltd-countdown .countdown-row .countdown-section .countdown-period {
display: block;
font-size: 16px;
font-weight: 700;
font-family: "Roboto Condensed", sans-serif;
color: #262626;
text-transform: uppercase;
margin-top: 10px;
}
/* ==========================================================================
Countdown shortcode style - end
========================================================================== */
/* ==========================================================================
Counter shortcode style - begin
========================================================================== */
.eltd-counter-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
opacity: 0;
-webkit-transition: opacity 0.2s ease-in;
-o-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
}
.eltd-counter-holder .eltd-counter-inner {
position: relative;
display: inline-block;
vertical-align: middle;
}
.eltd-counter-holder .eltd-counter {
height: 1em;
display: inline-block !important;
vertical-align: middle;
line-height: 1em;
overflow: hidden;
position: relative;
color: #fff;
padding: 5px 0px 5px 20px;
border: 1px solid transparent;
border-radius: 4px;
background-color: #262626;
font-family: "Roboto Condensed", sans-serif;
font-size: 45px;
font-weight: 700;
letter-spacing: 20px;
}
.eltd-counter-holder .eltd-counter-title {
margin: 5px 0 0;
text-align: center;
font-size: 16px;
font-weight: 700;
font-family: "Roboto Condensed", sans-serif;
color: #262626;
text-transform: uppercase;
margin-top: 10px;
}
.eltd-counter-holder .eltd-counter-text {
margin: 14px 0 0;
text-align: center;
}
/* ==========================================================================
Counter shortcode style - end
========================================================================== */
/* ==========================================================================
Custom Font shortcode style - begin
========================================================================== */
.eltd-custom-font-holder .eltd-cf-typed-wrap {
width: 0;
white-space: nowrap;
}
.eltd-custom-font-holder .eltd-cf-typed {
display: inline-block;
}
.eltd-custom-font-holder .eltd-cf-typed span {
display: none;
}
.eltd-custom-font-holder .eltd-cf-typed ~ .typed-cursor {
display: inline-block;
opacity: 1;
-webkit-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@-webkit-keyframes blink {
0% {
opacity: 1;
filter: alpha(opacity=100);
}
50% {
opacity: 0;
filter: alpha(opacity=0);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
}
}
@keyframes blink {
0% {
opacity: 1;
filter: alpha(opacity=100);
}
50% {
opacity: 0;
filter: alpha(opacity=0);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
}
}
/* ==========================================================================
Custom Font shortcode style - end
========================================================================== */
/* ==========================================================================
Dropcaps shortcode style - begin
========================================================================== */
.eltd-dropcaps {
position: relative;
display: inline-block;
vertical-align: top;
float: left;
line-height: 42px;
font-size: 42px;
color: #999;
font-weight: 300;
text-align: center;
margin: 6px 13px 0 0;
}
.eltd-dropcaps.eltd-square, .eltd-dropcaps.eltd-circle {
height: 35px;
width: 35px;
font-size: 22px;
line-height: 35px;
font-weight: 600;
color: #fff;
background-color: #262626;
margin: 9px 9px 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.eltd-dropcaps.eltd-circle {
border-radius: 3em;
}
/* ==========================================================================
Dropcaps shortcode style - end
========================================================================== */
/* ==========================================================================
Dual Image Carousel shortcode style - begin
========================================================================== */
.eltd-dual-image-carousel.swiper-container .swiper-wrapper {
width: 100%;
margin: 0 auto;
}
.eltd-dual-image-carousel.swiper-container .swiper-wrapper .swiper-slide {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
text-align: center;
width: 52%;
}
.eltd-dual-image-carousel.swiper-container .swiper-wrapper .swiper-slide .eltd-slide-foreground-image-holder {
position: relative;
margin-top: -25%;
}
.eltd-dual-image-carousel.swiper-container.eltd-dual-image-carousel-active-slide-grayscale .swiper-slide.swiper-slide-active .eltd-slide-background-image img {
-webkit-filter: grayscale(100%) opacity(55%) brightness(120%);
filter: grayscale(100%) opacity(55%) brightness(120%);
}
.eltd-dual-image-carousel.swiper-container.eltd-dual-image-carousel-active-slide-grayscale .swiper-slide.swiper-slide-active .eltd-slide-foreground-image img {
-webkit-filter: grayscale(0%) opacity(100%);
filter: grayscale(0%) opacity(100%);
}
.eltd-dual-image-carousel.swiper-container .swiper-navigation .eltd-swiper-button {
position: absolute;
top: 50%;
z-index: 1;
font-size: 25px;
color: #fff;
width: 45px;
height: 45px;
background-color: #1c1c1c;
text-align: center;
cursor: pointer;
z-index: 10;
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.eltd-dual-image-carousel.swiper-container .swiper-navigation .eltd-swiper-button > span {
display: block;
top: calc( 50% - 1px);
position: relative;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.eltd-dual-image-carousel.swiper-container .swiper-navigation .eltd-swiper-button.eltd-swiper-button-prev {
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.eltd-dual-image-carousel.swiper-container .swiper-navigation .eltd-swiper-button.eltd-swiper-button-prev:hover span {
-webkit-transform: translate3d(-10%, -50%, 0);
transform: translate3d(-10%, -50%, 0);
}
.eltd-dual-image-carousel.swiper-container .swiper-navigation .eltd-swiper-button.eltd-swiper-button-next {
left: 100%;
-webkit-transform: translate(-100%, -50%);
-ms-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
}
.eltd-dual-image-carousel.swiper-container .swiper-navigation .eltd-swiper-button.eltd-swiper-button-next:hover span {
-webkit-transform: translate3d(10%, -50%, 0);
transform: translate3d(10%, -50%, 0);
}
.eltd-pagination-synced-slider {
margin: 30px 0;
}
.eltd-pagination-synced-slider .eltd-synced-slide {
background-color: transparent;
height: auto;
font-size: 16px;
font-weight: 700;
line-height: 1.3em;
letter-spacing: -0.08px;
color: #262626;
font-family: "Roboto Condensed", sans-serif;
text-transform: uppercase;
opacity: .3;
cursor: pointer;
}
.eltd-pagination-synced-slider .eltd-synced-slide .eltd-synced-slide-inner {
max-width: 150px;
display: inline-block;
text-align: center;
}
.eltd-pagination-synced-slider .eltd-synced-slide.slick-current {
opacity: 1;
}
/* ==========================================================================
Dual Image Carousel shortcode style - end
========================================================================== */
/* ==========================================================================
Dynamic Parallax Sections shortcode style - begin
========================================================================== */
.eltd-dynamic-parallax-section-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
top: 0;
left: 0;
overflow: hidden;
height: 250vh;
-webkit-transition: all 0s ease;
-o-transition: all 0s ease;
transition: all 0s ease;
}
.eltd-dynamic-parallax-section-holder .eltd-dynamic-parallax-section-inner-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
top: 0;
left: 0;
overflow: hidden;
height: 150vh;
}
.eltd-dynamic-parallax-section-holder .eltd-dynamic-parallax-section-inner-holder.eltd-dps-fixed {
position: fixed;
}
.eltd-dynamic-parallax-section-holder .eltd-dps-main-image,
.eltd-dynamic-parallax-section-holder .eltd-dps-side-image,
.eltd-dynamic-parallax-section-holder .eltd-dps-text-holder,
.eltd-dynamic-parallax-section-holder .eltd-dps-bottom-left-image,
.eltd-dynamic-parallax-section-holder .eltd-dps-bottom-right-image {
background-size: cover;
}
.eltd-dynamic-parallax-section-holder .eltd-dps-main-image {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
pointer-events: none;
z-index: 10;
}
.eltd-dynamic-parallax-section-holder .eltd-dps-main-image .eltd-dps-main-image-inner {
top: 0;
left: 0;
width: 100%;
height: 66.66%;
background-size: cover;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.eltd-dynamic-parallax-section-holder .eltd-dps-main-image .eltd-dps-text-holder {
top: 0%;
right: 0;
height: 66.66%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
pointer-events: all;
overflow: hidden;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.eltd-dynamic-parallax-section-holder .eltd-dps-main-image .eltd-dps-text-holder .eltd-dps-title {
color: #000;
}
.eltd-dynamic-parallax-section-holder .eltd-dps-main-image .eltd-dps-text-holder .eltd-dps-title .eltd-dps-title-suffix {
color: #c8ff0b;
}
.eltd-dynamic-parallax-section-holder .eltd-dps-main-image .eltd-dps-text-holder .eltd-dps-text {
color: #000;
}
.eltd-dynamic-parallax-section-holder .eltd-dps-main-image .eltd-dps-text-holder.skrollable-after {
display: none;
}
.eltd-dynamic-parallax-section-holder .eltd-dps-main-image.skrollable-after {
z-index: 2;
}
.eltd-dynamic-parallax-section-holder .eltd-dps-left-image {
position: absolute;
top: 33.33%;
right: 66.66%;
width: 33.33%;
height: 33.33%;
z-index: 5;
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
}
.eltd-dynamic-parallax-section-holder .eltd-dps-bottom-right-image {
position: absolute;
top: 33.33%;
right: 33.33%;
width: 33.33%;
height: 33.33%;
z-index: 5;
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
overflow: hidden;
}
.eltd-dynamic-parallax-section-holder .eltd-dps-bottom-right-image .eltd-dps-bottom-right-image-inner {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.eltd-dynamic-parallax-section-holder .eltd-dps-bottom-right-image .eltd-dps-bottom-right-image-overlay1,
.eltd-dynamic-parallax-section-holder .eltd-dps-bottom-right-image .eltd-dps-bottom-right-image-overlay2 {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
background: #000;
z-index: 6;
}
.eltd-dynamic-parallax-section-holder .eltd-dps-side-image {
position: absolute;
top: 0;
right: 0;
width: 33.4%;
height: 66.66%;
z-index: 5;
}
.eltd-dynamic-parallax-section-holder .eltd-dps-text-holder {
position: absolute;
top: 0;
right: 33.33%;
width: 33.33%;
height: 33.33%;
z-index: 8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.eltd-dynamic-parallax-section-holder .eltd-dps-text-holder .eltd-text-holder-inner {
padding: 0 22%;
}
.eltd-dynamic-parallax-section-holder .eltd-dps-text-holder .eltd-text-holder-inner .eltd-dps-title {
font-size: 45px;
}
.eltd-dynamic-parallax-section-holder .eltd-dps-text-holder .eltd-text-holder-inner .eltd-dps-title .eltd-dps-title-suffix {
color: #c8ff0b;
}
.eltd-dynamic-parallax-section-holder .eltd-dps-text-holder .eltd-text-holder-inner .eltd-dps-separator {
width: 44px;
height: 5px;
background-color: #c8ff0b;
margin: 12px 0;
}
.eltd-dynamic-parallax-section-holder .eltd-dps-text-holder .eltd-text-holder-inner .eltd-btn {
margin-top: 10px;
}
.eltd-dynamic-parallax-section-holder .eltd-dps-text-holder .eltd-text-holder-inner .eltd-btn i,
.eltd-dynamic-parallax-section-holder .eltd-dps-text-holder .eltd-text-holder-inner .eltd-btn span:not(.eltd-btn-text) {
font-size: 14px;
}
.eltd-fixed-header-appear .eltd-dynamic-parallax-section-inner-holder {
height: calc(200vh - 105px);
margin-top: 105px;
}
/* ==========================================================================
Dynamic Parallax Sections shortcode style - end
========================================================================== */
/* ==========================================================================
Elements Holder shortcode style - begin
========================================================================== */
.eltd-elements-holder {
width: 100%;
display: table;
table-layout: fixed;
}
.eltd-elements-holder.eltd-eh-full-height {
height: 100%;
}
.eltd-elements-holder.eltd-ehi-float .eltd-eh-item {
float: left;
}
.eltd-elements-holder.eltd-two-columns .eltd-eh-item {
width: 50%;
}
.eltd-elements-holder.eltd-three-columns .eltd-eh-item {
width: 33.33333%;
}
.eltd-elements-holder.eltd-four-columns .eltd-eh-item {
width: 25%;
}
.eltd-elements-holder.eltd-five-columns .eltd-eh-item {
width: 20%;
}
.eltd-elements-holder.eltd-six-columns .eltd-eh-item {
width: 16.66667%;
}
.eltd-elements-holder .eltd-eh-item {
display: table-cell;
vertical-align: middle;
height: 100%;
background-position: center;
background-size: cover;
}
.eltd-elements-holder .eltd-eh-item.eltd-vertical-alignment-top {
vertical-align: top;
}
.eltd-elements-holder .eltd-eh-item.eltd-vertical-alignment-bottom {
vertical-align: bottom;
}
.eltd-elements-holder .eltd-eh-item.eltd-horizontal-alignment-center {
text-align: center;
}
.eltd-elements-holder .eltd-eh-item.eltd-horizontal-alignment-right {
text-align: right;
}
.eltd-elements-holder .eltd-eh-item .eltd-elements-holder-item-inner {
width: 100%;
}
.eltd-elements-holder .eltd-ehi-content {
padding: 0 20px;
}
/* ==========================================================================
Elements Holder shortcode style - end
========================================================================== */
/* ==========================================================================
Google Map shortcode style - begin
========================================================================== */
.eltd-google-map-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-google-map {
display: block;
width: 100%;
height: 300px;
}
.eltd-google-map iframe,
.eltd-google-map object,
.eltd-google-map embed {
width: 100%;
display: block;
}
.eltd-google-map img {
max-width: none;
}
.eltd-google-map-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
z-index: 1000;
}
/* ==========================================================================
Google Map shortcode style - end
========================================================================== */
/* ==========================================================================
Icon List Item shortcode style - begin
========================================================================== */
.eltd-icon-list-holder {
position: relative;
display: table;
table-layout: fixed;
height: auto;
width: 100%;
margin-bottom: 8px;
}
.eltd-icon-list-holder .eltd-il-icon-holder,
.eltd-icon-list-holder .eltd-il-text {
position: relative;
display: table-cell;
vertical-align: top;
font-family: "Roboto Condensed", sans-serif;
font-style: italic;
color: #464646;
font-size: 16px;
}
.eltd-icon-list-holder .eltd-il-icon-holder {
width: 1%;
}
.eltd-icon-list-holder .eltd-il-icon-holder > * {
position: relative;
display: inline-block;
vertical-align: top;
color: #464646;
font-size: 16px;
line-height: inherit;
}
.eltd-icon-list-holder .eltd-il-icon-holder > *:before {
display: block;
line-height: inherit;
}
.eltd-icon-list-holder .eltd-il-text {
width: 99%;
padding: 0 0 0 13px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* ==========================================================================
Icon List Item shortcode style - end
========================================================================== */
/* ==========================================================================
Icon With Text shortcode style - begin
========================================================================== */
.eltd-iwt {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-iwt .eltd-iwt-icon a {
position: relative;
display: inline-block;
vertical-align: middle;
color: #262626;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.eltd-iwt .eltd-iwt-icon a:hover {
-webkit-transform: translate3d(0, -7px, 0);
transform: translate3d(0, -7px, 0);
}
.eltd-iwt .eltd-iwt-icon .eltd-icon-shortcode {
line-height: 1;
}
.eltd-iwt .eltd-iwt-icon .eltd-icon-shortcode.eltd-circle, .eltd-iwt .eltd-iwt-icon .eltd-icon-shortcode.eltd-square, .eltd-iwt .eltd-iwt-icon .eltd-icon-shortcode.eltd-dropcaps.eltd-circle {
line-height: 2;
}
.eltd-iwt .eltd-iwt-title {
margin: 0;
line-height: 1.2em;
}
.eltd-iwt .eltd-iwt-title a {
position: relative;
display: inline-block;
vertical-align: top;
}
.eltd-iwt .eltd-iwt-title-text {
display: block;
}
.eltd-iwt .eltd-iwt-text {
margin: 20px 0 0;
}
.eltd-iwt.eltd-iwt-icon-left {
width: auto;
}
.eltd-iwt.eltd-iwt-icon-left .eltd-iwt-icon,
.eltd-iwt.eltd-iwt-icon-left .eltd-iwt-content {
display: table-cell;
vertical-align: top;
}
.eltd-iwt.eltd-iwt-icon-left .eltd-iwt-icon {
position: relative;
top: 38px;
}
.eltd-iwt.eltd-iwt-icon-left .eltd-iwt-icon img {
max-width: none;
}
.eltd-iwt.eltd-iwt-icon-left .eltd-iwt-content {
padding: 0 0 0 13px;
}
.eltd-iwt.eltd-iwt-icon-left-from-title .eltd-iwt-icon,
.eltd-iwt.eltd-iwt-icon-left-from-title .eltd-iwt-title-text {
position: relative;
display: table-cell;
vertical-align: middle;
}
.eltd-iwt.eltd-iwt-icon-left-from-title .eltd-iwt-icon .eltd-icon-element {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.eltd-iwt.eltd-iwt-icon-left-from-title .eltd-iwt-icon img {
max-width: none;
}
.eltd-iwt.eltd-iwt-icon-left-from-title .eltd-iwt-title-text {
padding: 0 0 0 17px;
}
.eltd-iwt.eltd-iwt-icon-top {
text-align: center;
}
.eltd-iwt.eltd-iwt-icon-top .eltd-iwt-content {
padding: 18px 0 0;
}
/* ==========================================================================
Icon With Text shortcode style - end
========================================================================== */
/* ==========================================================================
Icon shortcode style - begin
========================================================================== */
.eltd-icon-shortcode {
position: relative;
display: inline-block;
vertical-align: middle;
line-height: 1.1em;
}
.eltd-icon-shortcode.eltd-circle, .eltd-icon-shortcode.eltd-square, .eltd-icon-shortcode.eltd-dropcaps.eltd-circle {
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
background-color: #c8ff0b;
-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.eltd-icon-shortcode.eltd-circle a, .eltd-icon-shortcode.eltd-square a, .eltd-icon-shortcode.eltd-dropcaps.eltd-circle a {
position: relative;
display: inline-block;
vertical-align: top;
width: 100%;
height: 100%;
}
.eltd-icon-shortcode.eltd-circle .eltd-icon-element, .eltd-icon-shortcode.eltd-square .eltd-icon-element, .eltd-icon-shortcode.eltd-dropcaps.eltd-circle .eltd-icon-element {
color: #fff;
line-height: inherit;
}
.eltd-icon-shortcode.eltd-circle {
border-radius: 50%;
}
.eltd-icon-shortcode .eltd-icon-element {
display: block;
line-height: inherit;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.eltd-icon-shortcode .eltd-icon-element:before {
display: block;
line-height: inherit;
}
.eltd-icon-shortcode .eltd-icon-element:hover {
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0);
}
.eltd-icon-animation-holder {
position: relative;
display: inline-block;
vertical-align: middle;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: transform 0.15s ease-in-out;
-webkit-transition: -webkit-transform 0.15s ease-in-out;
transition: -webkit-transform 0.15s ease-in-out;
-o-transition: transform 0.15s ease-in-out;
transition: transform 0.15s ease-in-out;
transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}
.eltd-icon-animation-holder.eltd-icon-animation-show {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.eltd-icon-tiny {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%;
}
.eltd-icon-small {
font-size: 2em;
}
.eltd-icon-medium {
font-size: 3em;
}
.eltd-icon-large {
font-size: 4em;
}
.eltd-icon-huge {
font-size: 5em;
}
/* ==========================================================================
Icon shortcode style - end
========================================================================== */
/* ==========================================================================
Clients Carousel shortcode style - begin
========================================================================== */
.eltd-image-carousel-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-image-carousel-holder .eltd-owl-slider .owl-item {
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 10px 0;
}
.eltd-image-carousel-holder .eltd-owl-slider .owl-item .eltd-ic-item {
width: 870px;
max-width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: scale(0.95, 0.9);
-ms-transform: scale(0.95, 0.9);
transform: scale(0.95, 0.9);
}
.eltd-image-carousel-holder .eltd-owl-slider .owl-item.center .eltd-ic-item {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.eltd-image-carousel-holder .eltd-owl-slider .owl-nav .owl-next > span,
.eltd-image-carousel-holder .eltd-owl-slider .owl-nav .owl-prev > span {
font-size: 24px;
color: #c1c0c0;
-webkit-transition: color 0.25s ease-in-out;
-o-transition: color 0.25s ease-in-out;
transition: color 0.25s ease-in-out;
}
.eltd-image-carousel-holder .eltd-owl-slider .owl-nav .owl-next > span:hover,
.eltd-image-carousel-holder .eltd-owl-slider .owl-nav .owl-prev > span:hover {
color: #c8ff0b;
}
.eltd-image-carousel-holder .eltd-owl-slider .owl-nav .owl-next {
right: -14px;
border: 1px solid #dfe1ee;
border-radius: 50%;
padding: 8px;
background: #fff;
}
.eltd-image-carousel-holder .eltd-owl-slider .owl-nav .owl-prev {
left: -14px;
border: 1px solid #dfe1ee;
border-radius: 50%;
padding: 8px;
background: #fff;
}
.eltd-image-carousel-holder .eltd-ic-inner {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-image-carousel-holder .eltd-ic-item {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: all 0.35s cubic-bezier(0.53, 0.01, 0.18, 1);
-o-transition: all 0.35s cubic-bezier(0.53, 0.01, 0.18, 1);
transition: all 0.35s cubic-bezier(0.53, 0.01, 0.18, 1);
}
.eltd-image-carousel-holder .eltd-ic-item .eltd-ic-link {
display: block;
}
.touch .eltd-image-carousel-holder .eltd-ic-item {
cursor: pointer;
}
.eltd-image-carousel-holder .eltd-ic-item .eltd-ic-item {
position: relative;
display: block;
}
/* ==========================================================================
Clients Carousel shortcode style - end
========================================================================== */
/* ==========================================================================
Image Gallery shortcode style - begin
========================================================================== */
.eltd-image-gallery {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
/***** Image Gallery Grid Style - begin *****/
/***** Image Gallery Grid Style - end *****/
/***** Image Gallery Masonry Style - begin *****/
/***** Image Gallery Masonry Style - end *****/
/***** Custom Link Behavior Style - begin *****/
/***** Custom Link Behavior Style - end *****/
/***** Lightbox Behavior Style - begin *****/
/***** Lightbox Behavior Style - end *****/
/***** Zoom Behavior Style - begin *****/
/***** Zoom Behavior Style - end *****/
/***** Grayscale Behavior Style - begin *****/
/***** Grayscale Behavior Style - end *****/
}
.eltd-image-gallery.eltd-has-shadow .eltd-ig-image-inner {
-webkit-box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09);
box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09);
}
.eltd-image-gallery.eltd-has-shadow.eltd-ig-slider-type .owl-stage-outer, .eltd-image-gallery.eltd-has-shadow.eltd-ig-carousel-type .owl-stage-outer {
padding: 0 0 20px;
}
.eltd-image-gallery.eltd-has-shadow.eltd-ig-slider-type .eltd-ig-image, .eltd-image-gallery.eltd-has-shadow.eltd-ig-carousel-type .eltd-ig-image {
-webkit-box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09);
box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09);
}
.eltd-image-gallery .eltd-ig-image {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.eltd-image-gallery .eltd-ig-image a, .eltd-image-gallery .eltd-ig-image img {
position: relative;
display: block;
}
.eltd-image-gallery .eltd-ig-image-inner {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-image-gallery .eltd-ig-slider {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-image-gallery .eltd-ig-grid .eltd-ig-image {
float: left;
}
.eltd-image-gallery .eltd-ig-grid.eltd-ig-two-columns .eltd-ig-image {
width: 50%;
}
@media only screen and (min-width: 1025px) {
.eltd-image-gallery .eltd-ig-grid.eltd-ig-two-columns .eltd-ig-image:nth-child(2n+1) {
clear: both;
}
}
.eltd-image-gallery .eltd-ig-grid.eltd-ig-three-columns .eltd-ig-image {
width: 33.33333%;
}
@media only screen and (min-width: 1025px) {
.eltd-image-gallery .eltd-ig-grid.eltd-ig-three-columns .eltd-ig-image:nth-child(3n+1) {
clear: both;
}
}
.eltd-image-gallery .eltd-ig-grid.eltd-ig-four-columns .eltd-ig-image {
width: 25%;
}
@media only screen and (min-width: 1025px) {
.eltd-image-gallery .eltd-ig-grid.eltd-ig-four-columns .eltd-ig-image:nth-child(4n+1) {
clear: both;
}
}
.eltd-image-gallery .eltd-ig-grid.eltd-ig-five-columns .eltd-ig-image {
width: 20%;
}
@media only screen and (min-width: 1025px) {
.eltd-image-gallery .eltd-ig-grid.eltd-ig-five-columns .eltd-ig-image:nth-child(5n+1) {
clear: both;
}
}
.eltd-image-gallery .eltd-ig-grid.eltd-ig-six-columns .eltd-ig-image {
width: 16.66667%;
}
@media only screen and (min-width: 1025px) {
.eltd-image-gallery .eltd-ig-grid.eltd-ig-six-columns .eltd-ig-image:nth-child(6n+1) {
clear: both;
}
}
.eltd-image-gallery .eltd-ig-masonry {
opacity: 0;
-webkit-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
.eltd-image-gallery .eltd-ig-masonry .eltd-ig-grid-sizer {
width: 100%;
}
.eltd-image-gallery .eltd-ig-masonry .eltd-ig-grid-gutter {
width: 0;
}
.eltd-image-gallery .eltd-ig-masonry.eltd-ig-two-columns .eltd-ig-image,
.eltd-image-gallery .eltd-ig-masonry.eltd-ig-two-columns .eltd-ig-grid-sizer {
width: 50%;
}
.eltd-image-gallery .eltd-ig-masonry.eltd-ig-two-columns .eltd-ig-image.eltd-large-masonry-item {
width: 100%;
}
.eltd-image-gallery .eltd-ig-masonry.eltd-ig-three-columns .eltd-ig-image,
.eltd-image-gallery .eltd-ig-masonry.eltd-ig-three-columns .eltd-ig-grid-sizer {
width: 33.33333%;
}
.eltd-image-gallery .eltd-ig-masonry.eltd-ig-three-columns .eltd-ig-image.eltd-large-masonry-item {
width: 66.66667%;
}
.eltd-image-gallery .eltd-ig-masonry.eltd-ig-four-columns .eltd-ig-image,
.eltd-image-gallery .eltd-ig-masonry.eltd-ig-four-columns .eltd-ig-grid-sizer {
width: 25%;
}
.eltd-image-gallery .eltd-ig-masonry.eltd-ig-four-columns .eltd-ig-image.eltd-large-masonry-item {
width: 50%;
}
.eltd-image-gallery .eltd-ig-masonry.eltd-ig-five-columns .eltd-ig-image,
.eltd-image-gallery .eltd-ig-masonry.eltd-ig-five-columns .eltd-ig-grid-sizer {
width: 20%;
}
.eltd-image-gallery .eltd-ig-masonry.eltd-ig-five-columns .eltd-ig-image.eltd-large-masonry-item {
width: 40%;
}
.eltd-image-gallery .eltd-ig-masonry.eltd-ig-six-columns .eltd-ig-image,
.eltd-image-gallery .eltd-ig-masonry.eltd-ig-six-columns .eltd-ig-grid-sizer {
width: 16.66667%;
}
.eltd-image-gallery .eltd-ig-masonry.eltd-ig-six-columns .eltd-ig-image.eltd-large-masonry-item {
width: 33.33333%;
}
.eltd-image-gallery.eltd-image-behavior-custom-link .eltd-ig-image a:hover:after {
opacity: 1;
}
.eltd-image-gallery.eltd-image-behavior-custom-link .eltd-ig-image a:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
background-color: rgba(38, 38, 38, 0.4);
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.eltd-image-gallery.eltd-image-behavior-lightbox .eltd-ig-image a:hover:after {
opacity: 1;
}
.eltd-image-gallery.eltd-image-behavior-lightbox .eltd-ig-image a:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
background-color: rgba(38, 38, 38, 0.4);
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.touch .eltd-image-gallery.eltd-image-behavior-zoom .eltd-ig-image {
cursor: pointer;
}
.eltd-image-gallery.eltd-image-behavior-zoom .eltd-ig-image:hover img {
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
}
.eltd-image-gallery.eltd-image-behavior-zoom .eltd-ig-image .eltd-ig-image-inner {
overflow: hidden;
}
.eltd-image-gallery.eltd-image-behavior-zoom .eltd-ig-image img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.eltd-image-gallery.eltd-image-behavior-grayscale .eltd-ig-image {
overflow: hidden;
}
.touch .eltd-image-gallery.eltd-image-behavior-grayscale .eltd-ig-image {
cursor: pointer;
}
.eltd-image-gallery.eltd-image-behavior-grayscale .eltd-ig-image:hover img {
-webkit-filter: grayscale(0);
filter: none;
}
.eltd-image-gallery.eltd-image-behavior-grayscale .eltd-ig-image img {
filter: url("img/desaturate.svg#grayscale");
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* ==========================================================================
Image Gallery shortcode style - end
========================================================================== */
/* ==========================================================================
Image With Text shortcode style - begin
========================================================================== */
.eltd-image-with-text-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
/***** Custom Link Behavior Style - begin *****/
/***** Custom Link Behavior Style - end *****/
/***** Lightbox Behavior Style - begin *****/
/***** Lightbox Behavior Style - end *****/
/***** Zoom Behavior Style - begin *****/
/***** Zoom Behavior Style - end *****/
/***** Grayscale Behavior Style - begin *****/
/***** Grayscale Behavior Style - end *****/
}
.eltd-image-with-text-holder.eltd-has-shadow .eltd-iwt-image {
-webkit-box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09);
box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09);
}
.eltd-image-with-text-holder .eltd-iwt-image {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-image-with-text-holder .eltd-iwt-image a, .eltd-image-with-text-holder .eltd-iwt-image img {
position: relative;
display: block;
}
.eltd-image-with-text-holder .eltd-iwt-text-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-image-with-text-holder .eltd-iwt-title {
margin: 32px 0 0;
}
.eltd-image-with-text-holder .eltd-iwt-text {
margin: 14px 0 0;
padding: 0 5%;
}
.eltd-image-with-text-holder.eltd-image-behavior-custom-link .eltd-iwt-image a:hover:after {
opacity: 1;
}
.eltd-image-with-text-holder.eltd-image-behavior-custom-link .eltd-iwt-image a:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
background-color: rgba(38, 38, 38, 0.4);
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.eltd-image-with-text-holder.eltd-image-behavior-lightbox .eltd-iwt-image a:hover:after {
opacity: 1;
}
.eltd-image-with-text-holder.eltd-image-behavior-lightbox .eltd-iwt-image a:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
background-color: rgba(38, 38, 38, 0.4);
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.eltd-image-with-text-holder.eltd-image-behavior-zoom .eltd-iwt-image {
overflow: hidden;
}
.touch .eltd-image-with-text-holder.eltd-image-behavior-zoom .eltd-iwt-image {
cursor: pointer;
}
.eltd-image-with-text-holder.eltd-image-behavior-zoom .eltd-iwt-image:hover img {
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
}
.eltd-image-with-text-holder.eltd-image-behavior-zoom .eltd-iwt-image img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.eltd-image-with-text-holder.eltd-image-behavior-grayscale .eltd-iwt-image {
overflow: hidden;
}
.touch .eltd-image-with-text-holder.eltd-image-behavior-grayscale .eltd-iwt-image {
cursor: pointer;
}
.eltd-image-with-text-holder.eltd-image-behavior-grayscale .eltd-iwt-image:hover img {
-webkit-filter: grayscale(0);
filter: none;
}
.eltd-image-with-text-holder.eltd-image-behavior-grayscale .eltd-iwt-image img {
filter: url("img/desaturate.svg#grayscale");
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* ==========================================================================
Image With Text shortcode style - end
========================================================================== */
/* ==========================================================================
Pie Chart shortcode style - begin
========================================================================== */
.eltd-pie-chart-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
opacity: 0;
-webkit-transition: opacity 0.2s ease-in;
-o-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
}
.eltd-pie-chart-holder .eltd-pc-percentage {
position: relative;
display: block;
height: 176px;
width: 176px;
line-height: 176px;
text-align: center;
margin: 0 auto;
}
.eltd-pie-chart-holder .eltd-pc-percentage canvas {
position: absolute;
top: 0;
left: 0;
}
.eltd-pie-chart-holder .eltd-pc-percentage .eltd-pc-percent {
position: relative;
display: inline-block;
vertical-align: middle;
color: #262626;
font-size: 36px;
line-height: inherit;
font-weight: 600;
}
.eltd-pie-chart-holder .eltd-pc-percentage .eltd-pc-percent:after {
position: relative;
top: -15px;
content: '%';
font-size: 15px;
}
.eltd-pie-chart-holder .eltd-pc-text-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
text-align: center;
margin: 30px 0 0;
}
.eltd-pie-chart-holder .eltd-pc-text-holder .eltd-pc-title {
margin: 0;
}
.eltd-pie-chart-holder .eltd-pc-text-holder .eltd-pc-text {
margin: 14px 0 0;
}
/* ==========================================================================
Pie Chart shortcode style - end
========================================================================== */
/* ==========================================================================
Pricing Tables shortcode style - begin
========================================================================== */
.eltd-pricing-tables {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
clear: both;
}
.eltd-pricing-tables .eltd-pt-wrapper {
position: relative;
}
.eltd-pricing-tables.eltd-two-columns .eltd-price-table {
width: 50%;
}
.eltd-pricing-tables.eltd-three-columns .eltd-price-table {
width: 33.33333%;
}
.eltd-pricing-tables.eltd-four-columns .eltd-price-table {
width: 25%;
}
.eltd-pricing-tables.eltd-five-columns .eltd-price-table {
width: 20%;
}
.eltd-price-table {
position: relative;
width: 100%;
padding: 0;
margin: 0;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.eltd-price-table .eltd-pt-inner {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-price-table .eltd-pt-inner .eltd-pt-content-wrapper {
border: 1px solid #b2b2b2;
border-top: 0;
}
.eltd-price-table .eltd-pt-inner ul {
list-style: none;
margin: 0;
padding: 0;
}
.eltd-price-table .eltd-pt-inner ul li {
margin: 0;
padding: 5px 30px;
text-align: center;
}
.eltd-price-table .eltd-pt-inner ul li.eltd-pt-title-holder {
position: relative;
color: #fff;
background-color: #262626;
font-size: 25px;
font-weight: 700;
font-family: "Roboto Condensed", sans-serif;
text-transform: uppercase;
}
.eltd-price-table .eltd-pt-inner ul li.eltd-pt-title-holder .eltd-pt-title {
display: block;
padding: 37px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.eltd-price-table .eltd-pt-inner ul li.eltd-pt-prices {
position: relative;
padding: 38px 15px 0;
font-family: "Roboto Condensed", sans-serif;
}
.eltd-price-table .eltd-pt-inner ul li.eltd-pt-prices .eltd-pt-value {
position: relative;
display: inline-block;
bottom: 2px;
font-size: 70px;
line-height: 1em;
font-weight: 700;
color: #262626;
}
.eltd-price-table .eltd-pt-inner ul li.eltd-pt-prices .eltd-pt-price {
position: relative;
display: inline-block;
font-size: 70px;
line-height: 1em;
font-weight: 700;
color: #262626;
}
.eltd-price-table .eltd-pt-inner ul li.eltd-pt-prices .eltd-pt-mark {
position: relative;
font-weight: 400;
display: block;
margin: 5px 0 0;
}
.eltd-price-table .eltd-pt-inner ul li.eltd-pt-prices .eltd-separator-holder .eltd-separator {
margin: 12px auto;
}
.eltd-price-table .eltd-pt-inner ul li.eltd-pt-content {
padding: 0 15px;
}
.eltd-price-table .eltd-pt-inner ul li.eltd-pt-button {
padding: 28px 15px 50px;
}
.eltd-price-table.eltd-dark-pattern .eltd-pt-title-holder {
background: url("../img/light.png");
background-position: 0px 0px;
background-repeat: repeat;
position: relative;
z-index: 1;
}
.eltd-price-table.eltd-light-pattern .eltd-pt-title-holder {
background: url("../img/dark.png");
background-position: 0px 0px;
background-repeat: repeat;
position: relative;
z-index: 1;
}
/* ==========================================================================
Pricing Tables shortcode style - end
========================================================================== */
/* ==========================================================================
Process shortcode style - begin
========================================================================== */
.eltd-process-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-process-holder.eltd-two-columns .eltd-mark-horizontal-holder .eltd-process-mark {
width: 50%;
}
.eltd-process-holder.eltd-two-columns .eltd-mark-vertical-holder .eltd-process-mark {
height: 50%;
}
.eltd-process-holder.eltd-two-columns .eltd-process-item {
width: 50%;
}
.eltd-process-holder.eltd-three-columns .eltd-mark-horizontal-holder .eltd-process-mark {
width: 33.33333%;
}
.eltd-process-holder.eltd-three-columns .eltd-mark-vertical-holder .eltd-process-mark {
height: 33.33333%;
}
.eltd-process-holder.eltd-three-columns .eltd-process-item {
width: 33.33333%;
}
.eltd-process-holder.eltd-four-columns .eltd-mark-horizontal-holder .eltd-process-mark {
width: 25%;
}
.eltd-process-holder.eltd-four-columns .eltd-mark-vertical-holder .eltd-process-mark {
height: 25%;
}
.eltd-process-holder.eltd-four-columns .eltd-process-item {
width: 25%;
}
.eltd-process-holder.eltd-process-appeared .eltd-process-circle {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.eltd-process-holder.eltd-process-appeared .eltd-mark-horizontal-holder .eltd-process-line {
width: 100%;
}
.eltd-process-holder.eltd-process-appeared .eltd-mark-vertical-holder .eltd-process-line {
height: 100%;
}
.eltd-process-holder.eltd-process-appeared .eltd-process-item {
opacity: 1;
}
.eltd-process-holder .eltd-mark-horizontal-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
clear: both;
}
.eltd-process-holder .eltd-mark-horizontal-holder .eltd-process-mark {
float: left;
}
.eltd-process-holder .eltd-mark-horizontal-holder .eltd-process-line {
top: 50%;
left: 50%;
width: 0;
height: 1px;
-webkit-transition: width 0.4s ease 0.1s;
-o-transition: width 0.4s ease 0.1s;
transition: width 0.4s ease 0.1s;
}
.eltd-process-holder .eltd-mark-vertical-holder {
position: absolute;
top: 26px;
left: 0;
display: none;
width: 46px;
height: 100%;
}
.eltd-process-holder .eltd-mark-vertical-holder .eltd-process-line {
top: 23px;
left: 50%;
width: 1px;
height: 0;
-webkit-transition: height 0.4s ease 0.1s;
-o-transition: height 0.4s ease 0.1s;
transition: height 0.4s ease 0.1s;
}
.eltd-process-holder .eltd-process-mark {
position: relative;
display: inline-block;
vertical-align: top;
text-align: center;
}
.eltd-process-holder .eltd-process-mark:last-child .eltd-process-line {
display: none;
}
.eltd-process-holder .eltd-process-mark:nth-child(2) .eltd-process-circle {
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.eltd-process-holder .eltd-process-mark:nth-child(2) .eltd-process-line {
-webkit-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.eltd-process-holder .eltd-process-mark:nth-child(3) .eltd-process-circle {
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
}
.eltd-process-holder .eltd-process-mark:nth-child(3) .eltd-process-line {
-webkit-transition-delay: 1.2s;
-o-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.eltd-process-holder .eltd-process-circle {
position: relative;
display: inline-block;
vertical-align: top;
width: 46px;
height: 46px;
font-size: 18px;
line-height: 46px;
font-weight: 700;
color: #fff;
background-color: #c8ff0b;
border-radius: 100%;
opacity: 0;
-webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
transition: opacity .2s ease, -webkit-transform .3s ease;
-o-transition: opacity .2s ease, transform .3s ease;
transition: opacity .2s ease, transform .3s ease;
transition: opacity .2s ease, transform .3s ease, -webkit-transform .3s ease;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
.eltd-process-holder .eltd-process-line {
position: absolute;
background-color: #c8ff0b;
}
.eltd-process-holder .eltd-process-inner {
margin: 0 -15px;
}
.eltd-process-holder .eltd-process-item {
position: relative;
display: inline-block;
vertical-align: top;
float: left;
padding: 0 15px;
opacity: 0;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.eltd-process-holder .eltd-process-item:nth-child(2) {
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.eltd-process-holder .eltd-process-item:nth-child(3) {
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
}
.eltd-process-holder .eltd-pi-content {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 26px 0 10px;
}
.eltd-process-holder .eltd-pi-title {
margin: 0;
}
.eltd-process-holder .eltd-pi-text {
margin: 11px 0 0;
}
/* ==========================================================================
Process shortcode style - end
========================================================================== */
/* ==========================================================================
Progress Bar shortcode style - begin
========================================================================== */
.eltd-progress-bar {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-progress-bar .eltd-pb-title-holder {
position: relative;
margin: 25px 0 10px;
}
.eltd-progress-bar .eltd-pb-title-holder .eltd-pb-title {
position: relative;
display: inline-block;
vertical-align: middle;
z-index: 100;
}
.eltd-progress-bar .eltd-pb-percent {
position: absolute;
right: 0;
bottom: 1px;
width: auto;
display: inline-block;
vertical-align: middle;
opacity: 0;
z-index: 10;
}
.eltd-progress-bar .eltd-pb-percent:after {
content: '%';
}
.eltd-progress-bar .eltd-pb-content-holder {
position: relative;
height: 7px;
overflow: hidden;
background-color: transparent;
}
.eltd-progress-bar .eltd-pb-content-holder .eltd-pb-content {
height: 7px;
max-width: 100%;
overflow: hidden;
background-color: #c8ff0b;
}
/* ==========================================================================
Progress Bar shortcode style - end
========================================================================== */
/* ==========================================================================
Section Title shortcode styles - begin
========================================================================== */
.eltd-section-title-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.eltd-section-title-holder.eltd-st-two-columns.eltd-st-tiny-space .eltd-st-inner {
margin: 0 -5px;
}
.eltd-section-title-holder.eltd-st-two-columns.eltd-st-tiny-space .eltd-st-title,
.eltd-section-title-holder.eltd-st-two-columns.eltd-st-tiny-space .eltd-st-text {
padding: 0 5px;
}
.eltd-section-title-holder.eltd-st-two-columns.eltd-st-small-space .eltd-st-inner {
margin: 0 -10px;
}
.eltd-section-title-holder.eltd-st-two-columns.eltd-st-small-space .eltd-st-title,
.eltd-section-title-holder.eltd-st-two-columns.eltd-st-small-space .eltd-st-text {
padding: 0 10px;
}
.eltd-section-title-holder.eltd-st-two-columns.eltd-st-normal-space .eltd-st-inner {
margin: 0 -15px;
}
.eltd-section-title-holder.eltd-st-two-columns.eltd-st-normal-space .eltd-st-title,
.eltd-section-title-holder.eltd-st-two-columns.eltd-st-normal-space .eltd-st-text {
padding: 0 15px;
}
.eltd-section-title-holder.eltd-st-two-columns .eltd-st-title,
.eltd-section-title-holder.eltd-st-two-columns .eltd-st-text {
position: relative;
display: inline-block;
vertical-align: middle;
width: 50%;
float: left;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.eltd-section-title-holder.eltd-st-two-columns.eltd-st-title-left .eltd-st-title {
text-align: right;
}
.eltd-section-title-holder.eltd-st-two-columns.eltd-st-title-left .eltd-st-text {
text-align: left;
}
.eltd-section-title-holder.eltd-st-two-columns.eltd-st-title-right .eltd-st-title {
float: right;
text-align: left;
}
.eltd-section-title-holder.eltd-st-two-columns.eltd-st-title-right .eltd-st-text {
text-align: right;
}
.eltd-section-title-holder .eltd-st-title {
display: block;
margin: 0;
}
.eltd-section-title-holder .eltd-st-title .eltd-st-title-bold {
font-weight: 700;
}
.eltd-section-title-holder .eltd-st-title .eltd-st-title-light {
font-weight: 300;
}
.eltd-section-title-holder .eltd-st-text {
display: block;
margin: 14px 0 0;
}
/* ==========================================================================
Section Title shortcode styles - end
========================================================================== */
/* ==========================================================================
Separator shortcode style - begin
========================================================================== */
.eltd-separator-holder {
position: relative;
height: auto;
font-size: 0;
line-height: 1em;
}
.eltd-separator-holder.eltd-separator-center {
text-align: center;
}
.eltd-separator-holder.eltd-separator-center .eltd-separator {
margin: 12px auto;
}
.eltd-separator-holder.eltd-separator-left {
text-align: left;
}
.eltd-separator-holder.eltd-separator-right {
text-align: right;
}
.eltd-separator-holder.eltd-separator-full-width .eltd-separator {
width: 100% !important;
}
.eltd-separator {
position: relative;
display: block;
vertical-align: middle;
border-bottom: 5px solid #c8ff0b;
margin: 12px 0;
width: 45px;
}
/* ==========================================================================
Separator shortcode style - end
========================================================================== */
/* ==========================================================================
Single Image shortcode style - begin
========================================================================== */
.eltd-single-image-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
/***** Custom Link Behavior Style - begin *****/
/***** Custom Link Behavior Style - end *****/
/***** Lightbox Behavior Style - begin *****/
/***** Lightbox Behavior Style - end *****/
/***** Zoom Behavior Style - begin *****/
/***** Zoom Behavior Style - end *****/
/***** Grayscale Behavior Style - begin *****/
/***** Grayscale Behavior Style - end *****/
/***** Moving Behavior Style - begin *****/
/***** Moving Behavior Style - end *****/
}
.eltd-single-image-holder.eltd-has-shadow .eltd-si-inner {
-webkit-box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09);
box-shadow: 0 0 4.85px 0.15px rgba(0, 0, 0, 0.09);
}
.eltd-single-image-holder .eltd-si-inner {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-single-image-holder .eltd-si-inner a, .eltd-single-image-holder .eltd-si-inner img {
position: relative;
display: block;
}
.eltd-single-image-holder.eltd-image-behavior-custom-link .eltd-si-inner a:hover:after {
opacity: 1;
}
.eltd-single-image-holder.eltd-image-behavior-custom-link .eltd-si-inner a:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
background-color: rgba(38, 38, 38, 0.4);
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.eltd-single-image-holder.eltd-image-behavior-lightbox .eltd-si-inner a:hover:after {
opacity: 1;
}
.eltd-single-image-holder.eltd-image-behavior-lightbox .eltd-si-inner a:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
background-color: rgba(38, 38, 38, 0.4);
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.eltd-single-image-holder.eltd-image-behavior-zoom .eltd-si-inner {
overflow: hidden;
}
.touch .eltd-single-image-holder.eltd-image-behavior-zoom .eltd-si-inner {
cursor: pointer;
}
.eltd-single-image-holder.eltd-image-behavior-zoom .eltd-si-inner:hover img {
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
}
.eltd-single-image-holder.eltd-image-behavior-zoom .eltd-si-inner img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.eltd-single-image-holder.eltd-image-behavior-grayscale .eltd-si-inner {
overflow: hidden;
}
.touch .eltd-single-image-holder.eltd-image-behavior-grayscale .eltd-si-inner {
cursor: pointer;
}
.eltd-single-image-holder.eltd-image-behavior-grayscale .eltd-si-inner:hover img {
-webkit-filter: grayscale(0);
filter: none;
}
.eltd-single-image-holder.eltd-image-behavior-grayscale .eltd-si-inner img {
filter: url("img/desaturate.svg#grayscale");
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.eltd-single-image-holder.eltd-image-behavior-moving .eltd-si-inner {
overflow: hidden;
padding: 10% 0;
background-repeat: no-repeat;
background-position: 0 center;
background-size: 120%;
-webkit-transition: background 0.7s ease-out;
-o-transition: background 0.7s ease-out;
transition: background 0.7s ease-out;
}
.eltd-single-image-holder.eltd-image-behavior-moving .eltd-si-inner:hover {
background-position: 90% center;
}
.touch .eltd-single-image-holder.eltd-image-behavior-moving .eltd-si-inner {
cursor: pointer;
}
.eltd-single-image-holder.eltd-image-behavior-moving .eltd-si-inner img {
z-index: -1;
max-width: 80%;
}
@media only screen and (max-width: 1024px) {
.eltd-single-image-holder.eltd-image-behavior-moving .eltd-si-inner {
padding: 0;
background: none;
}
.eltd-single-image-holder.eltd-image-behavior-moving .eltd-si-inner img {
z-index: inherit;
max-width: 100%;
}
}
/* ==========================================================================
Single Image shortcode style - end
========================================================================== */
/* ==========================================================================
Social Share shortcode style - begin
========================================================================== */
.eltd-social-share-holder {
display: inline-block;
position: relative;
vertical-align: middle;
}
.eltd-social-share-holder ul {
position: relative;
display: block;
vertical-align: middle;
list-style: none;
padding: 0;
margin: 0;
}
/* List type - begin
========================================================================== */
.eltd-social-share-holder.eltd-list .eltd-social-title {
position: relative;
display: inline-block;
vertical-align: top;
margin: 0;
color: #464646;
font-weight: 600;
}
.eltd-social-share-holder.eltd-list li {
position: relative;
display: inline-block;
vertical-align: middle;
padding: 0;
margin: 0 22px 3px 0;
}
.eltd-social-share-holder.eltd-list li:last-child {
margin: 0 0 3px;
}
.eltd-social-share-holder.eltd-list li a {
font-size: 19px;
}
.eltd-social-share-holder.eltd-list li a i,
.eltd-social-share-holder.eltd-list li a span {
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.eltd-social-share-holder.eltd-list li a:hover i,
.eltd-social-share-holder.eltd-list li a:hover span {
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0);
}
/* List type - end
========================================================================== */
/* Dropdown type - begin
========================================================================== */
.eltd-social-share-holder.eltd-dropdown {
position: relative;
display: inline-block;
vertical-align: bottom;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown-opener {
display: block;
color: #464646;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown-opener .eltd-social-share-title {
display: inline-block;
vertical-align: top;
margin-right: 5px;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown-opener .social_share {
font-size: 12px;
color: #262626;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown-opener:hover {
color: #c8ff0b;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown-opener:hover .social_share {
color: inherit;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown {
position: relative;
visibility: hidden;
z-index: 950;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown ul {
position: relative;
display: block;
z-index: 990;
margin: 0;
padding: 0 !important;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown ul li {
width: 88px;
height: 28px;
line-height: 28px;
visibility: hidden;
position: absolute;
text-align: center;
opacity: 0;
margin: 0;
padding: 0;
border: 1px solid #b2b2b2;
background-color: #fff;
font-size: 12px;
color: #464646;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: opacity 0.2s ease-out 0s, visibility 0.2s ease-out 0s, background-color 0.2s ease-out 0s;
-o-transition: opacity 0.2s ease-out 0s, visibility 0.2s ease-out 0s, background-color 0.2s ease-out 0s;
transition: opacity 0.2s ease-out 0s, visibility 0.2s ease-out 0s, background-color 0.2s ease-out 0s;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown ul li:not(:first-child) {
border-top: none;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown ul li.eltd-facebook-share:hover {
background-color: #3b5998;
color: #fff;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown ul li.eltd-twitter-share:hover {
background-color: #00aced;
color: #fff;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown ul li.eltd-google_plus-share:hover {
background-color: #dd4b39;
color: #fff;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown ul li.eltd-linkedin-share:hover {
background-color: #007bb5;
color: #fff;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown ul li.eltd-tumblr-share:hover {
background-color: #32506d;
color: #fff;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown ul li.eltd-pinterest-share:hover {
background-color: #cb2027;
color: #fff;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown ul li.eltd-vk-share:hover {
background-color: #45668e;
color: #fff;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown ul li * {
display: block;
line-height: inherit;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown ul li a {
color: inherit !important;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown ul li:nth-child(1) {
bottom: -28px;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown ul li:nth-child(2) {
bottom: -56px;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown ul li:nth-child(3) {
bottom: -84px;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown ul li:nth-child(4) {
bottom: -112px;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown ul li:nth-child(5) {
bottom: -140px;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown ul li:nth-child(6) {
bottom: -168px;
}
.eltd-social-share-holder.eltd-dropdown .eltd-social-share-dropdown ul li:nth-child(7) {
bottom: -196px;
}
.eltd-social-share-holder.eltd-dropdown:hover .eltd-social-share-dropdown ul li {
opacity: 1;
visibility: visible;
cursor: pointer;
}
.eltd-social-share-holder.eltd-dropdown:hover .eltd-social-share-dropdown ul li {
/* opacity and visibility need to be different, but not background-color */
}
.eltd-social-share-holder.eltd-dropdown:hover .eltd-social-share-dropdown ul li:nth-child(2) {
-webkit-transition: opacity 0.2s ease-out 0.2s, visibility 0.2s ease-out 0.2s, background-color 0.2s ease-out;
-o-transition: opacity 0.2s ease-out 0.2s, visibility 0.2s ease-out 0.2s, background-color 0.2s ease-out;
transition: opacity 0.2s ease-out 0.2s, visibility 0.2s ease-out 0.2s, background-color 0.2s ease-out;
}
.eltd-social-share-holder.eltd-dropdown:hover .eltd-social-share-dropdown ul li:nth-child(3) {
-webkit-transition: opacity 0.2s ease-out 0.3s, visibility 0.2s ease-out 0.3s, background-color 0.2s ease-out;
-o-transition: opacity 0.2s ease-out 0.3s, visibility 0.2s ease-out 0.3s, background-color 0.2s ease-out;
transition: opacity 0.2s ease-out 0.3s, visibility 0.2s ease-out 0.3s, background-color 0.2s ease-out;
}
.eltd-social-share-holder.eltd-dropdown:hover .eltd-social-share-dropdown ul li:nth-child(4) {
-webkit-transition: opacity 0.2s ease-out 0.4s, visibility 0.2s ease-out 0.4s, background-color 0.2s ease-out;
-o-transition: opacity 0.2s ease-out 0.4s, visibility 0.2s ease-out 0.4s, background-color 0.2s ease-out;
transition: opacity 0.2s ease-out 0.4s, visibility 0.2s ease-out 0.4s, background-color 0.2s ease-out;
}
.eltd-social-share-holder.eltd-dropdown:hover .eltd-social-share-dropdown ul li:nth-child(5) {
-webkit-transition: opacity 0.2s ease-out 0.5s, visibility 0.2s ease-out 0.5s, background-color 0.2s ease-out;
-o-transition: opacity 0.2s ease-out 0.5s, visibility 0.2s ease-out 0.5s, background-color 0.2s ease-out;
transition: opacity 0.2s ease-out 0.5s, visibility 0.2s ease-out 0.5s, background-color 0.2s ease-out;
}
.eltd-social-share-holder.eltd-dropdown:hover .eltd-social-share-dropdown ul li:nth-child(6) {
-webkit-transition: opacity 0.2s ease-out 0.6s, visibility 0.2s ease-out 0.6s, background-color 0.2s ease-out;
-o-transition: opacity 0.2s ease-out 0.6s, visibility 0.2s ease-out 0.6s, background-color 0.2s ease-out;
transition: opacity 0.2s ease-out 0.6s, visibility 0.2s ease-out 0.6s, background-color 0.2s ease-out;
}
.eltd-social-share-holder.eltd-dropdown:hover .eltd-social-share-dropdown ul li:nth-child(7) {
-webkit-transition: opacity 0.2s ease-out 0.7s, visibility 0.2s ease-out 0.7s, background-color 0.2s ease-out;
-o-transition: opacity 0.2s ease-out 0.7s, visibility 0.2s ease-out 0.7s, background-color 0.2s ease-out;
transition: opacity 0.2s ease-out 0.7s, visibility 0.2s ease-out 0.7s, background-color 0.2s ease-out;
}
/* Dropdown type - end
========================================================================== */
/* ==========================================================================
Social Share shortcode style - end
========================================================================== */
/* ==========================================================================
Tabs shortcode style - begin
========================================================================== */
.eltd-tabs {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-tabs .eltd-tabs-nav {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 0;
padding: 0;
list-style: none;
}
.eltd-tabs .eltd-tabs-nav li {
float: left;
margin: 0;
padding: 0;
}
.eltd-tabs .eltd-tabs-nav li a {
position: relative;
display: inline-block;
vertical-align: middle;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
-o-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
}
.eltd-tabs .eltd-tab-container {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-tabs .eltd-tab-container p {
margin: 0;
}
.eltd-tabs.eltd-tabs-standard .eltd-tabs-nav li a {
padding: 7px 26px;
font-size: 16px;
line-height: 27px;
font-weight: 700;
color: #838383;
font-family: "Roboto Condensed", sans-serif;
text-transform: uppercase;
}
.eltd-tabs.eltd-tabs-standard .eltd-tabs-nav li.ui-state-active a,
.eltd-tabs.eltd-tabs-standard .eltd-tabs-nav li.ui-state-hover a {
color: #262626;
}
.eltd-tabs.eltd-tabs-standard .eltd-tab-container {
margin: 25px 0 0;
}
.eltd-tabs.eltd-tabs-boxed .eltd-tabs-nav li {
margin: 0 12px 0 0;
}
.eltd-tabs.eltd-tabs-boxed .eltd-tabs-nav li a {
padding: 7px 26px;
font-size: 16px;
line-height: 27px;
font-weight: 700;
color: #838383;
font-family: "Roboto Condensed", sans-serif;
text-transform: uppercase;
border: 1px solid #e3e3e3;
}
.eltd-tabs.eltd-tabs-boxed .eltd-tabs-nav li.ui-state-active a,
.eltd-tabs.eltd-tabs-boxed .eltd-tabs-nav li.ui-state-hover a {
color: #262626;
border-color: #262626;
}
.eltd-tabs.eltd-tabs-boxed .eltd-tabs-nav li:last-child {
margin: 0;
}
.eltd-tabs.eltd-tabs-boxed .eltd-tab-container {
margin: 25px 0 0;
}
.eltd-tabs.eltd-tabs-simple .eltd-tabs-nav li {
padding: 0 65px 0 0;
border-bottom: 1px solid #e3e3e3;
}
.eltd-tabs.eltd-tabs-simple .eltd-tabs-nav li a {
padding: 12px 0;
font-size: 16px;
line-height: 27px;
font-weight: 700;
color: #838383;
font-family: "Roboto Condensed", sans-serif;
text-transform: uppercase;
}
.eltd-tabs.eltd-tabs-simple .eltd-tabs-nav li.ui-state-active, .eltd-tabs.eltd-tabs-simple .eltd-tabs-nav li.ui-state-hover {
border-bottom: 2px solid #262626;
}
.eltd-tabs.eltd-tabs-simple .eltd-tabs-nav li.ui-state-active a,
.eltd-tabs.eltd-tabs-simple .eltd-tabs-nav li.ui-state-hover a {
color: #262626;
}
.eltd-tabs.eltd-tabs-simple .eltd-tabs-nav li:last-child {
margin: 0;
}
.eltd-tabs.eltd-tabs-simple .eltd-tab-container {
padding: 15px 0;
}
.eltd-tabs.eltd-tabs-vertical {
display: table;
}
.eltd-tabs.eltd-tabs-vertical .eltd-tabs-nav {
display: table-cell;
vertical-align: top;
width: 140px;
height: 100%;
border-right: 1px solid #e3e3e3;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.eltd-tabs.eltd-tabs-vertical .eltd-tabs-nav li {
display: block;
float: none;
margin: 0 0 24px;
}
.eltd-tabs.eltd-tabs-vertical .eltd-tabs-nav li a {
font-size: 16px;
line-height: 27px;
font-weight: 700;
color: #838383;
font-family: "Roboto Condensed", sans-serif;
text-transform: uppercase;
}
.eltd-tabs.eltd-tabs-vertical .eltd-tabs-nav li.ui-state-active a,
.eltd-tabs.eltd-tabs-vertical .eltd-tabs-nav li.ui-state-hover a {
color: #262626;
}
.eltd-tabs.eltd-tabs-vertical .eltd-tabs-nav li:last-child {
margin: 0;
}
.eltd-tabs.eltd-tabs-vertical .eltd-tab-container {
display: table-cell;
vertical-align: top;
width: calc(100% - 140px);
height: 100%;
padding: 0 0 0 45px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* ==========================================================================
Tabs shortcode style - end
========================================================================== */
/* ==========================================================================
Video Button shortcode start styles
========================================================================== */
.eltd-video-button-holder {
position: relative;
display: inline-block;
vertical-align: middle;
}
.eltd-video-button-holder .eltd-video-button-image {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-video-button-holder .eltd-video-button-image img {
display: block;
}
.eltd-video-button-holder .eltd-video-button-play,
.eltd-video-button-holder .eltd-video-button-play-image {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.eltd-video-button-holder .eltd-video-button-play .eltd-video-button-play-inner,
.eltd-video-button-holder .eltd-video-button-play-image .eltd-video-button-play-inner {
position: relative;
top: 50%;
left: 0;
display: block;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.eltd-video-button-holder .eltd-video-button-play {
color: #fff;
font-size: 40px;
line-height: 1;
}
.eltd-video-button-holder .eltd-video-button-play i {
position: relative;
border: 1px solid transparent;
border-radius: 50%;
width: 75px;
line-height: 80px;
height: 80px;
padding-left: 10px;
}
.eltd-video-button-holder .eltd-video-button-play i:before {
display: block;
line-height: inherit;
}
.eltd-video-button-holder .eltd-video-button-play i:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 50%;
z-index: -1;
background-color: #000;
-webkit-transition: all 0.32s cubic-bezier(0.35, 0.24, 0, 1.01);
-o-transition: all 0.32s cubic-bezier(0.35, 0.24, 0, 1.01);
transition: all 0.32s cubic-bezier(0.35, 0.24, 0, 1.01);
}
.eltd-video-button-holder .eltd-video-button-play:hover i:after {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.eltd-video-button-holder .eltd-video-button-play-image.eltd-vb-has-hover-image:hover img:first-child {
opacity: 0;
}
.eltd-video-button-holder .eltd-video-button-play-image.eltd-vb-has-hover-image:hover img:nth-child(2) {
opacity: 1;
}
.eltd-video-button-holder .eltd-video-button-play-image img {
display: block;
margin: 0 auto;
-webkit-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.eltd-video-button-holder .eltd-video-button-play-image img:first-child {
position: relative;
opacity: 1;
}
.eltd-video-button-holder .eltd-video-button-play-image img:nth-child(2) {
position: absolute;
top: 0;
left: 50%;
opacity: 0;
-webkit-transform: translateX(-50%) translateZ(0);
transform: translateX(-50%) translateZ(0);
}
.rev_slider_wrapper .eltd-video-button-holder .eltd-video-button-play-image img:nth-child(2) {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
/* ==========================================================================
Video Button shortcode end styles
========================================================================== */
.eltd-img-over-title-holder {
position: relative;
text-align: right;
padding-left: 34%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.eltd-img-over-title-holder .eltd-img-over-title-section {
position: relative;
}
.eltd-img-over-title-holder .eltd-img-over-title-section.left {
padding: 7% 10% 7% 7%;
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1;
left: 0;
top: 50%;
background-color: #fff;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: left;
width: 41%;
}
.eltd-img-over-title-holder .eltd-img-over-title-section.left.eltd-parallax-active {
top: 100px;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.eltd-img-over-title-holder .eltd-img-over-title-section.right {
display: inline-block;
}
.eltd-img-over-title-holder .eltd-img-over-title-section .eltd-img-title-holder {
position: relative;
}
.eltd-img-over-title-holder .eltd-img-over-title-section .eltd-img-title-holder .eltd-img-title {
margin: 0 0 5px;
}
.eltd-img-over-title-holder .eltd-img-over-title-section .eltd-img-subtitle {
margin: 5px 0 30px;
}
/*# sourceMappingURL=../../../../plugins/eltd-core/assets/css/shortcodes-map.css.map */