.elementor-widget-wts-textseparator .elementor-widget-container{ overflow:hidden; } .wts-eae-textseparator{ align-items: center; display: flex; flex-flow: row nowrap; margin:auto; } .eae-separator-icon-inner i { height: 1em; width: 1em; text-align:center; } .wts-eae-textseparator .eae-sep-holder { flex: 1 1 auto; height: 1px; min-width: 10%; position: relative; } .wts-eae-textseparator .eae-sep-holder .eae-sep-lines{ border-top-width: 1px; display: block; height: 1px; position: relative; top: 1px; width: 100%; } .eae-separator-title{ margin:0; -moz-box-flex: 0; flex: 0 1 auto; line-height: 1em; margin: 0; overflow-wrap: break-word; } .sep-align-right .sep-right{ display: none; } .sep-align-left .sep-left{ display: none; } .eae-icon-view-stacked i{ color:#FFF; } .eae-icon-view-framed .eae-separator-icon-inner{ border:1px solid; } .eae-icon-shape-circle .eae-separator-icon-inner{ border-radius:50%; } .eae-separator-icon-wrapper, .eae-separator-title{ margin:0 5px !important; } .eae-separator-icon-inner{ line-height: 1; } /** Price Table Css **/ .wts-price-box-wrapper .eae-pt-heading, .wts-price-box-wrapper .eae-pt-sub-heading{ margin:5px 0; text-align: center; } .plan-price-shape { display: table; height: 6em; margin: auto; width: 6em; } .eae-pt-price-box-shape-circle .plan-price-shape, .eae-pt-price-box-shape-square .plan-price-shape{ border: 1px solid; } .eae-pt-price-box-shape-circle .plan-price-shape{ border-radius:50%; } .plan-price-block{ padding:10px 0; } .plan-price-shape-inner { display: table-cell; vertical-align: middle; padding: 10px; } .plan-price-shape-inner > span { display: block; font-size: 1em; text-align:center; } .eae-pt-feature-list { list-style: outside none none; text-align: center; margin:10px 0; } .eae-pt-button-wrapper > a{ text-align:center; display:inline-block; } .eae-pt-button-wrapper{ text-align: center;} .wts-price-box-wrapper .heading-wrapper, .wts-price-box-wrapper .plan-features-wrapper{ padding:10px 5px;} .eae-pt-button-wrapper{ padding:15px 0; } .eae-pt-button-wrapper a{ padding:5px 15px; border-radius:3px; } .eae-pt-align-icon-right{ float:right; } .strike-feature{ text-decoration: line-through; } /** Flip Box CSS **/ .eae-flip-box{ width: 100%; text-align: center; } .eae-flip-box-wrapper{ display: inline-block; width: 100%; } .eae-flip-box-inner{ width:100%; height:200px; position:relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .eae-flip-box-inner .eae-flip-box-front, .eae-flip-box-inner .eae-flip-box-back{ width:100%; height:100%; position: absolute; top:0; left:0; text-align:center; padding: 10px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } .eae-flip-box-front { z-index: 2; } .eae-flip-box-back { z-index: 1; } .eae-fb-animate-vertical .eae-flip-box-inner .eae-flip-box-front{ -webkit-transform:perspective(1000px) rotateX(0deg); -ms-transform:perspective(1000px) rotateX(0deg); transform:perspective(1000px) rotateX(0deg); } .eae-fb-animate-vertical .eae-flip-box-inner .eae-flip-box-back{ -webkit-transform:perspective(1000px) rotateX(180deg); transform:perspective(1000px) rotateX(180deg); -ms-transform:perspective(1000px) rotateX(180deg); } .eae-fb-animate-vertical .eae-flip-box-inner:hover .eae-flip-box-front{ -webkit-transform:perspective(1000px) rotateX(180deg); transform:perspective(1000px) rotateX(180deg); -ms-transform:perspective(1000px) rotateX(180deg); } .eae-fb-animate-vertical .eae-flip-box-inner:hover .eae-flip-box-back{ -webkit-transform:perspective(1000px) rotateX(0deg); transform:perspective(1000px) rotateX(0deg); -ms-transform:perspective(1000px) rotateX(0deg); } .eae-fb-animate-horizontal .eae-flip-box-inner .eae-flip-box-front{ -webkit-transform:perspective(1000px) rotateY(0deg); transform:perspective(1000px) rotateY(0deg); -ms-transform:perspective(1000px) rotateY(0deg); } .eae-fb-animate-horizontal .eae-flip-box-inner .eae-flip-box-back{ -webkit-transform:perspective(1000px) rotateY(180deg); transform:perspective(1000px) rotateY(180deg); -ms-transform:perspective(1000px) rotateY(180deg); } .eae-fb-animate-horizontal .eae-flip-box-inner:hover .eae-flip-box-front{ -webkit-transform:perspective(1000px) rotateY(180deg); transform:perspective(1000px) rotateY(180deg); -ms-transform:perspective(1000px) rotateY(180deg); } .eae-fb-animate-horizontal .eae-flip-box-inner:hover .eae-flip-box-back{ -webkit-transform:perspective(1000px) rotateY(0deg); transform:perspective(1000px) rotateY(0deg); -ms-transform:perspective(1000px) rotateY(0deg); } .eae-fb-animate-fade .eae-flip-box-inner .eae-flip-box-front{opacity:1;} .eae-fb-animate-fade .eae-flip-box-inner .eae-flip-box-back{opacity:0;} .eae-fb-animate-fade .eae-flip-box-inner:hover .eae-flip-box-front{opacity:0;} .eae-fb-animate-fade .eae-flip-box-inner:hover .eae-flip-box-back{opacity:1;} .eae-flip-box-wrapper:hover .eae-flip-box-back, .eae-flip-box-wrapper:focus .eae-flip-box-back { z-index: 2; } .eae-flip-box-wrapper:hover .eae-flip-box-front, .eae-flip-box-wrapper:focus .eae-flip-box-front { z-index: 1; } .fade .eae-flip-box-wrapper .eae-flip-box-front { opacity: 1; transition: 1s; } .fade .eae-flip-box-wrapper .eae-flip-box-back { opacity: 0; transition: 1s; } .fade .eae-flip-box-wrapper:hover .eae-flip-box-front, .fade .eae-flip-box-wrapper:focus .eae-flip-box-front { opacity: 0; } .fade .eae-flip-box-wrapper:hover .eae-flip-box-back, .fade .eae-flip-box-wrapper:focus .eae-flip-box-back { opacity: 1; } .eae-fb-animate-flip .eae-flip-box-wrapper { perspective: 800px; } .eae-fb-animate-flip .eae-flip-box-inner{ transform-style: preserve-3d; transform: rotateX(0) rotateY(0) rotateZ(0); transition: 1s; } .eae-fb-animate-flip .eae-flip-box-front { transform: translate3d(0,0,1px); } .eae-fb-animate-flip .eae-flip-box-back { transform: rotateY(180deg) translate3d(0,0,0); } .eae-fb-animate-flip .eae-flip-box-wrapper:hover .eae-flip-box-inner, .eae-fb-animate-flip .eae-flip-box-wrapper:focus .eae-flip-box-inner{ transform: rotateY(180deg); } .up .eae-flip-box-front { transform: translate3d(0,0,1px); } .up .eae-flip-box-back { transform: rotateX(180deg) translate3d(0,0,0); } .up .eae-flip-box-wrapper:hover .eae-flip-box-inner, .up .eae-flip-box-wrapper:focus .eae-flip-box-inner{ transform: rotateX(180deg); } .box .eae-flip-box-front { transform: translate3d(0,0,100px) scale(0.85,0.85); } .box .eae-flip-box-back { transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); } .box.up .eae-flip-box-back { transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); } .hideback .eae-flip-box-front, .hideback .eae-flip-box-back { backface-visibility: hidden; } .eae-fb-animate-nananana .eae-flip-box-wrapper { } .eae-fb-animate-nananana .eae-flip-box-wrapper:hover .eae-flip-box-front, .eae-fb-animate-nananana .eae-flip-box-wrapper:focus .eae-flip-box-front { z-index: 10; animation: batman 1s 2 alternate linear; } /* Cube Animation */ .eae-fb-animate-flipcard .eae-flip-box-front, .eae-fb-animate-flipcard .eae-flip-box-back{ transition: transform 0.4s ease; transform-origin: center center -150px; -webkit-transform-origin: center center -150px; } /* top to down */ .flipcard-rotate-top-down .eae-flip-box-front { transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } .flipcard-rotate-top-down .eae-flip-box-back { transform: perspective(0px) rotateX(90deg) rotateY(0deg) rotateZ(0deg); } .eae-fb-animate-flipcard.flipcard-rotate-top-down .eae-flip-box-wrapper:hover .eae-flip-box-front { transform: perspective(0px) rotateX(-90deg) rotateY(0) rotateZ(0deg); } .eae-fb-animate-flipcard.flipcard-rotate-top-down .eae-flip-box-wrapper:hover .eae-flip-box-back { z-index: 99999; transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0); } /* down to top */ .flipcard-rotate-down-top .eae-flip-box-front { transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } .flipcard-rotate-down-top .eae-flip-box-back { transform: perspective(0px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg); } .eae-fb-animate-flipcard.flipcard-rotate-down-top .eae-flip-box-wrapper:hover .eae-flip-box-front { transform: perspective(0px) rotateX(90deg) rotateY(0) rotateZ(0deg); } .eae-fb-animate-flipcard.flipcard-rotate-down-top .eae-flip-box-wrapper:hover .eae-flip-box-back { z-index: 99999; transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* left to right */ .flipcard-rotate-left-right .eae-flip-box-front { transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } .flipcard-rotate-left-right .eae-flip-box-back { transform: perspective(0px) rotateX(0deg) rotateY(-90deg) rotateZ(0deg); } .eae-fb-animate-flipcard.flipcard-rotate-left-right .eae-flip-box-wrapper:hover .eae-flip-box-front { transform: perspective(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg); } .eae-fb-animate-flipcard.flipcard-rotate-left-right .eae-flip-box-wrapper:hover .eae-flip-box-back { z-index: 99999; transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* right to left */ .flipcard-rotate-right-left .eae-flip-box-front { transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } .flipcard-rotate-right-left .eae-flip-box-back { transform: perspective(0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg); } .eae-fb-animate-flipcard.flipcard-rotate-right-left .eae-flip-box-wrapper:hover .eae-flip-box-front { transform: perspective(0px) rotateX(0deg) rotateY(-90deg) rotateZ(0deg); } .eae-fb-animate-flipcard.flipcard-rotate-right-left .eae-flip-box-wrapper:hover .eae-flip-box-back { z-index: 99999; transform: perspective(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } @keyframes batman { 0% { transform: scale(1,1) rotateZ(0); } 100% { transform: scale(0,0) rotateZ(720deg); opacity: 0; } } .eae-flip-box-front i, .eae-flip-box-back i{ font-size:32px; height:1em; width:1em; } .eae-fb-icon-view-framed{ border:1px solid #92BE43; } .eae-fb-icon-shape-circle{ border-radius:50%; } .eae-flip-box-wrapper .icon-wrapper{ display:inline-block; padding:10px; line-height: 1; } .eae-flip-box-wrapper .front-icon-title, .eae-flip-box-wrapper .back-icon-title{ margin:10px auto; color:#FFF; } .eae-flip-box-wrapper .flipbox-content { display: block; position: relative; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%) } .flipbox-content p{ margin-bottom: 10px; } .eae-fb-button{ display:inline-block; padding: 5px 10px; } .eae-flip-box-front{ background:#A0CE4E; } .eae-flip-box-back{ background:#73B9DC; } @media only screen and (max-width: 768px) { .flipbox-content, .eae-flip-box-front, .eae-flip-box-back{ cursor:pointer; overflow: visible !important; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } } /** Shape Separator **/ .elementor-widget-wts-shape-separator svg{ display: block; } /** Post List **/ .wts-eae-pl-wrapper ul{ margin:0; } .wts-eae-pl-wrapper ul li{ list-style: none; overflow: hidden; margin-bottom:10px; } .eae-pl-img-align-none .eae-pl-image-wrapper a{ text-align: center; } .eae-pl-title{ margin:0; } .eae-pl-title a{ display:block; } .eae-pl-readmore a{ display:inline-block; border-radius: 2px; color: #fff; padding: 4px 8px; } /** Animated Text Styles **/ /* -------------------------------- Primary style -------------------------------- */ .eae-at-animation-text-wrapper { display: inline-block; position: relative; text-align: left; } .eae-at-animation-text-wrapper .eae-at-animation-text { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; } .eae-at-animation-text-wrapper .eae-at-animation-text.is-visible { position: relative; } .no-js .eae-at-animation-text-wrapper .eae-at-animation-text { opacity: 0; } .no-js .eae-at-animation-text-wrapper .eae-at-animation-text.is-visible { opacity: 1; } .eae-animtext-wrapper{ font-size:40px; } /** Animated Text Styles **/ .eae-st-rest-text { display: inline-block; } .eae-st-split-text { display: inline-block; } /* -------------------------------- xtype -------------------------------- */ .eae-at-animation.type .eae-at-animation-text-wrapper { vertical-align: bottom; overflow: hidden; } .eae-at-animation.type .eae-at-animation-text-wrapper::after { /* vertical bar */ content: ''; position: absolute; right: 0; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 90%; width: 1px; } .eae-at-animation.type .eae-at-animation-text-wrapper.waiting::after { -webkit-animation: cd-pulse 1s infinite; -moz-animation: cd-pulse 1s infinite; animation: cd-pulse 1s infinite; } .eae-at-animation.type .eae-at-animation-text-wrapper.selected::after { visibility: hidden; } .eae-at-animation.type .eae-at-animation-text { visibility: hidden; } .eae-at-animation.type .eae-at-animation-text.is-visible { visibility: visible; } .eae-at-animation.type i { position: absolute; visibility: hidden; } .eae-at-animation.type i.in { position: relative; visibility: visible; } @-webkit-keyframes cd-pulse { 0% { -webkit-transform: translateY(-50%) scale(1); opacity: 1; } 40% { -webkit-transform: translateY(-50%) scale(0.9); opacity: 0; } 100% { -webkit-transform: translateY(-50%) scale(0); opacity: 0; } } @-moz-keyframes cd-pulse { 0% { -moz-transform: translateY(-50%) scale(1); opacity: 1; } 40% { -moz-transform: translateY(-50%) scale(0.9); opacity: 0; } 100% { -moz-transform: translateY(-50%) scale(0); opacity: 0; } } @keyframes cd-pulse { 0% { -webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); opacity: 1; } 40% { -webkit-transform: translateY(-50%) scale(0.9); -moz-transform: translateY(-50%) scale(0.9); -ms-transform: translateY(-50%) scale(0.9); -o-transform: translateY(-50%) scale(0.9); transform: translateY(-50%) scale(0.9); opacity: 0; } 100% { -webkit-transform: translateY(-50%) scale(0); -moz-transform: translateY(-50%) scale(0); -ms-transform: translateY(-50%) scale(0); -o-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); opacity: 0; } } /** Advanced tabs **/ /* -------------------------------- Primary style -------------------------------- */ .eae-tabs { position: relative; width: 100%; overflow: hidden; margin: 1em 0 2em; font-weight: 300; } /* Nav */ .eae-tabs nav { text-align: center; line-height: 0; } .eae-tabs nav ul { padding: 0; margin: 0; list-style: none; display: inline-block; } .eae-tabs nav ul li { border: 1px solid #becbd2; border-bottom: none; display: block; position: relative; } .eae-tabs nav li.tab-current { border: 1px solid #47a3da; border-bottom: none; z-index: 100; } .eae-nav-pos-top nav li.tab-current:before, .eae-nav-pos-top nav li.tab-current:after { content: ''; position: absolute; height: 2px; right: 100%; bottom: 0; width: 1000px; background: #47a3da; } .eae-nav-pos-top nav ul li{ margin: 0 0.25em; float: left; } .eae-nav-pos-top nav li.tab-current:after { right: auto; left: 100%; width: 4000px; } .eae-tabs nav a { display: block; line-height: 2.5; padding: 0 1.25em; white-space: nowrap; } .eae-tabs nav i { line-height: 2.5; padding: 1px; } .eae-tabs nav a:hover { color: #768e9d; } .eae-tabs nav li.tab-current a { color: #47a3da; } .eae-nav-pos-left nav { float:left; width: 20%; } .eae-nav-pos-left nav ul li{ margin:0 0 10px 0; } .eae-nav-pos-left .eae-content{ float:left; width: 80%; padding-left: 5px; } /* Icons */ .eae-tabs nav a:before { display: inline-block; vertical-align: middle; text-transform: none; font-weight: normal; font-variant: normal; font-family: 'icomoon'; line-height: 1; speak: none; -webkit-font-smoothing: antialiased; margin: -0.25em 0.4em 0 0; } /* Content */ .eae-content section { font-size: 1.25em; padding: 20px 20px; max-width: 1230px; margin: 0 auto; } .eae-content section:before, .eae-content section:after { content: ''; display: table; } .eae-content section:after { clear: both; } /* Fallback example */ .eae-no-js .content section { display: block; padding-bottom: 2em; border-bottom: 1px solid #47a3da; } .eae-content section.content-current { display: block; } /* Example media queries */ @media screen and (max-width: 52.375em) { .text-mobile-no.eae-tabs nav a span { display : none; } .eae-tabs nav a:before { margin-right: 0; } } @media screen and (max-width: 32em) { .eae-tabs nav ul, .eae-tabs nav ul li a { width: 100%; padding: 0; } .eae-tabs nav ul li { width: 25%; margin: 0 0 0 0px; } .eae-nav-pos-left .eae-tabs nav ul li { width: 100%; margin-bottom: 10px; } } /** After Before Image **/ /* -------------------------------- Primary style -------------------------------- */ .eae-img-comp-container { width: 100%; position: relative; text-align: center; } .eae-img-comp-container img { vertical-align: middle ; } .eae-img-comp-img { /*position: absolute; width: 100%; height: 100%; overflow:hidden;*/ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; overflow: hidden; transform: translateZ(0px); backface-visibility: hidden; } .eae-img-comp-img img{ display: block; max-width: 100%; width: 100%; } .eae-img-comp-slider { position: absolute; z-index:9; /*set the appearance of the slider:*/ width: 40px; height: 40px; background-color: #2196F3; opacity: 1.0; border-radius: 50%; } .icon-horizontal{ cursor: ew-resize; } .icon-vertical{ cursor: n-resize; } .eae-img-comp-overlay{ } .mode-horizontal .eae-img-comp-overlay img{ position: absolute; left: 0; top: 0; display: block; width: auto; height: 100%!important; max-width: none!important; } .mode-vertical .eae-img-comp-overlay img{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: auto !important; max-width: none!important; } .eae-slider-icon{ top: 50%; transform: translateY(-50%) translateX(-50%); position: absolute; left: 50%; color:white; } .elementor-widget-wts-ab-image{ text-align: center; } .elementor-widget-wts-ab-image .elementor-widget-container{ display: inline-block; margin: 0 auto !important; overflow: hidden; } .eae-text-before{ position: absolute!important; padding: 10px; transition: transform .3s .7s,opacity .3s .7s; color: #d36118; z-index: 0; background: rgba(255,255,255,0.5); margin: 20px; } .eae-text-after{ position: absolute!important; padding: 10px; transition: transform .3s .7s,opacity .3s .7s; color: #d36118; z-index: 0; background: rgba(255,255,255,0.5); margin: 20px; } /* Test CSS */ .divTest{ display: inline-block; background-color: #00a0d2; padding: 20px; } .eae-particle-wrapper{ width:100%; height:100%; position: absolute; left:0; top:0; } .particles-js-canvas-el{ height:100%; position:absolute; } /** BG Slider **/ .eae-section-bs{ position: absolute; width: 100%; height: 100%; top:0;} .eae-section-bs-inner{ width: 100%; height: 100% !important; } /** Popup **/ .eae-popup.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .eae-popup-link{ padding: 10px; color: #fff; display: inline-block; } .eae-popup-link:hover{ color: #fff; } .eae-popup.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .eae-popup .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .eae-popup .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .eae-popup .mfp-align-top .mfp-container:before { display: none; } .eae-popup .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .eae-modal-content{ padding: 20px; } .eae-pop-btn-align-left .eae-popup-wrapper{ text-align: left; } .eae-pop-btn-align-right .eae-popup-wrapper{ text-align: right; } .eae-pop-btn-align-center .eae-popup-wrapper{ text-align: center; } .eae-pop-btn-align-justify .eae-popup-wrapper{ text-align: center; } .eae-pop-btn-align-justify .eae-popup-wrapper a{ display: block; } .eae-popup .mfp-inline-holder .mfp-content, .eae-popup .mfp-ajax-holder .mfp-content { width: 50%; background-color: #fff; cursor: auto; overflow: hidden; } .eae-popup .mfp-ajax-cur { cursor: progress; } .eae-popup .mfp-zoom-out-cur, .eae-popup .mfp-zoom-out-cur .mfp-image-holder .eae-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .eae-popup .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .eae-popup.mfp-auto-cursor .mfp-content { cursor: auto; } .eae-popup .eae-close, .eae-popup .mfp-arrow, .eae-popup .mfp-preloader, .eae-popup .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .eae-popup .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .eae-popup .mfp-preloader a { color: #CCC; } .eae-popup .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.eae-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .eae-popup .eae-close { width: 44px; height: 44px; line-height: 1em; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 1.00; padding: 0 0 18px 10px; color: #FFF; font-size: 28px; } .eae-close:hover, .eae-close:focus { opacity: 1; cursor: pointer; } .eae-close:active { top: 1px; } .eae-close:before{ top: 50%; left: 50%; position: absolute; transform: translate(-50%,-50%); } .eae-popup.eae-close-btn-in .eae-close { color: #fff; padding-right: 10px; } .mfp-image-holder .eae-close, .mfp-iframe-holder .eae-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .eae-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .eae-popup .mfp-figure { line-height: 0; } .eae-popup .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .eae-popup .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .eae-popup .mfp-figure figure { margin: 0; } .eae-popup .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .eae-popup .mfp-title { text-align: left; line-height: 1; word-wrap: break-word; color: #ffffff; background-color: #4054b2; padding: 20px 20px 20px 20px; } .eae-popup .mfp-image-holder .mfp-content { max-width: 100%; } .eae-popup .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .eae-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } .elementor-element.eae-animated-gradient-yes,.elementor-element.eae-animated-gradient-yes .animated-gradient { background-size: 400% 400% !important; -webkit-animation: AnimateGradient 15s ease-in-out infinite; -moz-animation: AnimateGradient 15s ease-in-out infinite; animation: AnimateGradient 15s ease-in-out infinite; } .animated-gradient{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; } @-webkit-keyframes AnimateGradient { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } } @-moz-keyframes AnimateGradient { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } } @keyframes AnimateGradient { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } } /*--------------------------------Testimonial Slider----------------------------*/ .eae-swiper-outer-wrapper .swiper-slide{ height: auto; overflow: inherit; } .eae-swiper-outer-wrapper .swiper-slide-wrapper , .eae-swiper-outer-wrapper .testimonial-wrapper{ height: 100%; } .eae-grid { display: flex; flex-wrap: wrap; flex-direction: row; } .eae-masonry- .eae-grid-item { position: relative; height: 100%; } .eae-masonry- .eae-grid-item .testimonial-wrapper{ height: 100%; } .eae-grid-container { transition: 0.1s all ease; } .eae-grid-container{ display: inline-block; } .wrapper .content{ margin: 10px 0; }/*------------------------skin-2------------------*/ .skin-2.testimonial-wrapper{ display: flex; flex-direction: column; background-color: #9c989821; min-height: 300px; padding: 10px 20px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); color : #696969; } .skin-2 .content-wrapper{ padding: 10px; position: relative; background-color: #fff; border-radius: 10px; color: #77778E; } .skin-2 i.before-content , .skin-2 i.after-content{ position: absolute; } .skin-2 i.before-content{ top : 10px; left : 20px; } .skin-2 i.after-content{ bottom : 10px; right: 20px; } .skin-2 blockquote{ position: relative; font-size: 14px; padding: 10px; font-weight: 500; text-align: left; margin: 0; line-height: 1.6em; font-style: italic; } .skin-2 blockquote::before , .skin-2 blockquote::after{ font-family: 'FontAwesome'; content: "\201C"; position: absolute; font-size: 50px; opacity: 0.3; font-style: normal; } .skin-2 blockquote::before{ top : 10px; left: 20px; } .skin-2 blockquote::after{ content: "\201D"; right: 20px; } .skin-2 .image-wrapper{ position: relative; max-width: 100%; text-align: center; } .skin-2 img{ width: 100px; border-radius: 25% } .skin-2 .detail-wrapper{ text-align : center; } .skin-2 .rating-wrapper , .skin-2 .title , .skin-2 .designation , .skin-2 .company{ padding: 5px 0; } .skin-2 .rating-wrapper{ color : #000080; } .skin-2 .title{ font-weight: 800; color: #000000; } .skin-2 blockquote p{ margin : 10px 0 !important; } /*------------------------skin-1------------------*/ .skin-1.testimonial-wrapper{ display: flex; flex-direction: column; background-color: #ffffff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); color : black; } .skin-1 .content-wrapper{ order : 0; } .skin-1 .image-wrapper{ order : 1; text-align: center; margin: 15px 0; } .skin-1 .detail-wrapper{ order : 2; } .skin-1 .content-wrapper{ padding: 10px; position: relative; } .skin-1 i.before-content , .skin-1 i.after-content{ position: absolute; } .skin-1 i.before-content{ top : 10px; left : 20px; } .skin-1 i.after-content{ bottom : 10px; right: 20px; } .skin-1 blockquote{ position: relative; background-color: #ffffff; font-size: 14px; padding: 10px; font-weight: 500; text-align: left; margin: 0; line-height: 1.6em; font-style: italic; } .skin-1 blockquote::before , .skin-1 blockquote::after{ font-family: 'FontAwesome'; content: "\201C"; position: absolute; font-size: 50px; opacity: 0.3; font-style: normal; } .skin-1 blockquote::before{ top : 10px; left: 20px; } .skin-1 blockquote::after{ content: "\201D"; right: 20px; } .skin-1 .image-wrapper{ position: relative; max-width: 100%; } .skin-1 img{ width: 100px; height: auto; border-radius: 50%; } .skin-1 .detail-wrapper{ display: flex; flex-direction: row-reverse; justify-content: space-between; padding: 10px; background-color: rgba(157,163,156,0.18); } .skin-1 .rating-wrapper , .skin-1 .title , .skin-1 .designation{ margin: 0 5px; } .skin-1 .title-wrapper{ display: flex; flex-direction: row; } .skin-1 .rating-wrapper{ color : #fecc1f; } /*------------------------skin-4------------------*/ .skin-4.testimonial-wrapper{ flex-direction: column; display: flex; background-color: #bfbfb6bd; min-height: 300px; padding: 10px 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); color : #77778E; } .skin-4 .content-wrapper{ padding: 10px; position: relative; } .skin-4 .content-wrapper{ order : 2; color: #3C3C3C; } .skin-4 i.before-content , .skin-4 i.after-content{ position: absolute; } .skin-4 i.before-content{ top : 10px; left : 20px; } .skin-4 i.after-content{ bottom : 10px; right: 20px; } .skin-4 blockquote{ position: relative; font-size: 14px; padding: 10px; font-weight: 500; text-align: left; margin: 0; line-height: 1.6em; font-style: italic; } .skin-4 blockquote::before , .skin-4 blockquote::after{ font-family: 'FontAwesome'; content: "\201C"; position: absolute; font-size: 50px; opacity: 0.3; font-style: normal; } .skin-4 blockquote::before{ top : 10px; left: 20px; } .skin-4 blockquote::after{ content: "\201D"; right: 20px; } .skin-4 .image-wrapper{ position: relative; max-width: 100%; text-align: center; } .skin-4 img{ width: 100px; border-radius: 50% } .skin-4 .detail-wrapper{ text-align : center; } .skin-4 .rating-wrapper , .skin-2 .title , .skin-2 .designation{ padding: 5px 0; } .skin-4 .rating-wrapper{ color : #690A69; } .skin-4 .title{ font-weight: 800; color: #000000; } /*------------------------skin-3------------------*/ .skin-3.testimonial-wrapper{ display: flex; flex-direction: row; background-color: #9c989821; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); color : black; overflow: hidden; } .skin-3 .content-section{ display: flex; flex-direction: column; align-self: center; } .skin-3 .content-wrapper{ padding: 10px; position: relative; } .skin-3 i.before-content , .skin-2 i.after-content{ position: absolute; } .skin-3 i.before-content{ top : 10px; left : 20px; } .skin-3 i.after-content{ bottom : 10px; right: 20px; } .skin-3 blockquote{ position: relative; font-size: 18px; padding: 10px; font-weight: 500; text-align: left; margin: 0; line-height: 1.6em; font-style: italic; } .skin-3 blockquote::before , .skin-3 blockquote::after{ font-family: 'FontAwesome'; content: "\201C"; position: absolute; font-size: 50px; opacity: 0.3; font-style: normal; } .skin-3 blockquote::before{ top : 10px; left: 20px; } .skin-3 blockquote::after{ content: "\201D"; right: 20px; } .skin-3 .image-wrapper{ position: relative; max-width: 30%; max-height: 250px; text-align: center; align-self: center; } .skin-3 img{ width: 100%; } .testimonial-wrapper .skin-3 .eae-person-avatar{ border-radius: 50% ; } .skin-3 .detail-wrapper{ text-align : left; padding-left: 20px; } .skin-3 .rating-wrapper , .skin-3 .title , .skin-3 .designation{ padding: 3px 0; } .skin-3 .rating-wrapper{ color : #800040; } .skin-3 .title{ font-weight: 800; } .eae-swiper-outer-wrapper .swiper-button-prev{ -webkit-mask: url(arrow-left.svg) no-repeat 100% 100%; mask: url(arrow-left.svg) no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; background-image: none; background-color: #007aff; transform: translateY(-50%); margin-top:0px; } .eae-swiper-outer-wrapper .swiper-container-rtl .swiper-button-prev{ -webkit-mask: url(arrow-right.svg) no-repeat 100% 100%; mask: url(arrow-right.svg) no-repeat 100% 100%; } .eae-swiper-outer-wrapper .swiper-button-next{ -webkit-mask: url(arrow-right.svg) no-repeat 100% 100%; mask: url(arrow-right.svg) no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; background-image: none; background-color: #007aff; transform: translateY(-50%); margin-top:0px; } .eae-swiper-outer-wrapper .swiper-container-rtl .swiper-button-next{ -webkit-mask: url(arrow-left.svg) no-repeat 100% 100%; mask: url(arrow-left.svg) no-repeat 100% 100%; } .elementor-widget-wts-testimonial-slider .eae-swiper-outer-wrapper .swiper-button-prev, .elementor-widget-wts-testimonial-slider .eae-swiper-outer-wrapper .swiper-button-next{ -webkit-mask: none; mask: none; -webkit-mask-size: unset; mask-size: unset; background-image: none; background-color: unset; width: auto; height: auto; transform: translateY(-50%); margin-top:0px; } .swiper-container .swiper-button-next i, .swiper-container .swiper-button-prev i{ width: 1em; height: 1em; text-align: center; position: relative; } .elementor-widget-wts-testimonial-slider .eae-swiper-outer-wrapper .eae-swiper-button-wrapper{ position: absolute; height: auto; line-height: 0; } .eae-hpos-right.eae-vpos-top .eae-swiper-button-wrapper{ bottom: auto; top: 0; width: auto; right: 0; } .eae-vpos-top.eae-hpos-left .eae-swiper-button-wrapper{ bottom: auto; top: 0; width: auto; left: 0; } .eeae-hpos-right.eae-vpos-bottom .eae-swiper-button-wrapper{ bottom: 0; top: auto; width: auto; right: 0; } .eae-vpos-bottom.eae-hpos-left .eae-swiper-button-wrapper{ bottom: 0; top: auto; width: auto; left: 0; } .eae-hpos-right.eae-vpos-middle .eae-swiper-button-wrapper{ bottom: auto; top: 50%; width: auto; right: 0; } .eae-hpos-left.eae-vpos-middle .eae-swiper-button-wrapper{ bottom: auto; top: 50%; width: auto; left: 0; } .eae-hpos-right .swiper-button-prev, .eae-hpos-left .swiper-button-prev, .eae-hpos-right .swiper-button-next, .eae-hpos-left .swiper-button-next { position: relative; display: inline-block; right: auto; left: auto; } .eae-hpos-right.eae-vpos-bottom .swiper-button-prev, .eae-hpos-right.eae-vpos-bottom .swiper-button-next { top: auto; bottom: 0; transform: unset; } .eae-hpos-right.eae-vpos-top .swiper-button-next, .eae-hpos-right.eae-vpos-top .swiper-button-prev { top: 0; bottom: auto; transform: unset; } .eae-hpos-left.eae-vpos-top .swiper-button-prev, .eae-hpos-left.eae-vpos-top .swiper-button-next { top: 0; bottom: auto; transform: unset; } .eae-hpos-left.eae-vpos-bottom .swiper-button-next, .eae-hpos-left.eae-vpos-bottom .swiper-button-prev { top: auto; bottom: 0; transform: unset; } .eae-hpos-center.eae-vpos-bottom .swiper-button-next, .eae-hpos-center.eae-vpos-bottom .swiper-button-prev { top: auto; bottom: 0; transform: unset; } .eae-hpos-center.eae-vpos-top .swiper-button-next, .eae-hpos-center.eae-vpos-top .swiper-button-prev { top: 0; bottom: auto; transform: unset; } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* Info Circle */ .eae-info-circle { position: relative; width: 90%; margin: 0 auto; border-radius: 50%; display: block; } .eae-info-circle:before { content: ''; display: block; position: absolute; top: 4%; left: 4%; width: 92%; height: 92%; border-radius: 50%; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; pointer-events: none; } .eae-info-circle:after { content: ''; display: block; padding-top: 100%; } .eae-info-circle .eae-ic-icon-wrap { position: absolute; display: inline-block; top: 50%; left: 50%; z-index: 2; line-height: 1em; vertical-align: middle; overflow: hidden; max-width: 100%; } .eae-info-circle .eae-info-circle-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } .eae-info-circle .eae-info-circle-item.eae-active .eae-info-circle-item__content-wrap { visibility: visible; opacity: 1; display: flex; } .eae-info-circle .eae-info-circle-item__content-wrap { visibility: visible; display: none; height: 91%; width: 91%; opacity: 0; top: 50%; transform: translateY(-50%) translateX(-50%); position: absolute; left: 50%; border-radius: 50%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .eae-info-circle .eae-info-circle-item__content-wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .eae-info-circle .eae-info-circle-item__content { display: inline-block; top: 50%; transform: translateY(-50%) translateX(-50%); position: absolute; left: 50%; vertical-align: middle; z-index: 1; max-height: 100%; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; width: 75%; } /* Mobile */ @media screen and (max-width: 767px) { .eae-info-circle.eae-info-circle .eae-info-circle-item__content-wrap:before { display: none; } .eae-info-circle:before, .eae-info-circle:after { display: none } .eae-info-circle{ width: 100% !important; } .eae-info-circle-wrapper:before, .eae-info-circle-wrapper:after { display: none } .eae-info-circle .eae-ic-icon-wrap{ display: block; text-align: center; position: relative !important; left: unset !important; margin-left: 0 !important; margin-top: 0 !important; margin-bottom: 10px; } .eae-info-circle-item{ position: relative !important; border-radius: 0 !important; padding: 0px; margin: 10px 0 } .eae-info-circle .eae-info-circle-item__content-wrap{ visibility: visible; opacity: 1 !important; display: flex !important; border-radius: 0 !important; border: none !important; margin: 0 !important; padding-right: 0 !important; padding-left: 0 !important; padding-bottom: 0 !important; width: 100%; height: auto; line-height: 1.5em; position: relative; top: unset; left: unset; transform: unset; } .eae-info-circle .eae-info-circle-item__content{ position: relative; top: unset; left: unset; transform: unset; width: 100%; padding: 10px; } } /** New Icon */ .eae-icon-wrap i{ height:1.25em; width:1.25em; line-height: 1.25em; display: block; } .eae-icon-wrap i img{ top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); position: absolute; } .eae-icon{ display: inline-block; text-align: center; line-height: 1em; vertical-align: middle; max-width: 100%; overflow: hidden; padding: 10px; } .eae-icon-shape-circle:not(.elementor-element){ border-radius:50%; } .eae-icon-view-framed:not(.elementor-element) { border-width:1px; border-style:solid; } .eae-icon-wrapper{ display: flex; } .eae-icon-wrapper .eae-icon{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height: 1; } /** Timeline CSS new comment **/ .eae-timeline { position: relative; display: inline-block; width: 100%; } .eae-timline-progress-bar{ width: 4px; background-color: #F45B69; top:0; bottom: 50px; position: absolute; transform: translateX(-50%); } .eae-timeline-item{ position: relative; display: flex; flex-direction: row; padding-bottom: 50px; } .eae-timeline-item:last-child{ padding-bottom: 0px !important; } .eae-tl-top .eae-timeline-item { align-items: flex-start; } .eae-tl-top .eae-tl-item-content::before{ top: 10px; } .eae-timeline-item.image-position-row-reverse .eae-tl-item-image, .eae-timeline-item.image-position-row .eae-tl-item-image{ margin-top: 0; margin-bottom: 0; } .eae-tl-item-meta-wrapper-inner{ display: none; } .eae-tl-bottom .eae-timeline-item { align-items: flex-end; } .eae-tl-bottom .eae-tl-item-content::before{ bottom: 10px; } .eae-tl-center .eae-timeline-item { align-items: center; } .eae-tl-center .eae-tl-item-content::before{ bottom: calc(50% - 5px); } .eae-layout-center .eae-timline-progress-bar{ left: 50%; } .eae-layout-center .eae-timeline-item:nth-child(odd) { flex-direction: row-reverse; } .eae-layout-center .eae-timeline-item:nth-child(odd) .eae-tl-item-meta-wrapper{ margin-right: 0px; margin-left:0px; justify-content: flex-start; } .eae-layout-center .eae-timeline-item:nth-child(odd) .eae-tl-content-wrapper{ padding-right: 20px; padding-left: 0px; } .eae-layout-center .eae-timeline-item:nth-child(even) .eae-tl-content-wrapper{ padding-right: 0px; padding-left: 20px; } .eae-layout-left .eae-tl-content-wrapper { padding-right: 10px; padding-left: 20px; } .eae-layout-left .eae-timline-progress-bar{ left: 20px; } .eae-layout-left .eae-tl-item-meta-wrapper{ display: none; } .eae-layout-left .eae-tl-item-meta-wrapper-inner{ display: block; } .eae-layout-right .eae-timline-progress-bar{ left: calc(100% - 20px); } .eae-layout-right .eae-tl-content-wrapper { padding-right: 20px; padding-left: 10px; } .eae-layout-right .eae-tl-icon-wrapper{ order:3; } .eae-layout-right .eae-tl-item-meta-wrapper{ display: none; } .eae-layout-right .eae-tl-item-meta-wrapper-inner{ display: block; } .eae-tl-item-meta-wrapper { flex-grow: 1; order: 0; flex-basis: 50%; flex-direction: initial; justify-content: flex-end; display: flex; align-items: center; margin-right: 0px; } .eae-tl-item-meta{ padding: 0px 20px; } .eae-tl-icon-wrapper { height: auto; width: auto; flex-grow: 0; flex-shrink: 0; order: 1; margin-left: 0px; margin-right: 0px; min-width: 10px; min-height: 10px; border-radius: 999px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .eae-tl-content-wrapper { flex-grow: 1; order: 2; flex-basis: 50%; position: relative; padding-right: 0px; padding-left: 20px; } .eae-tl-item-content{ background: #f4f4f4; padding: 25px; overflow: hidden; text-align: center; display: flex; flex-direction: row; } .eae-tl-content{ display: inline-block; position: relative; padding: 10px; width: 100%; color: #000; } .image-position-row .eae-timeline .eae-timeline-item:not(.custom-image-style-yes) .eae-content-inner, .image-position-row-reverse .eae-timeline .eae-timeline-item:not(.custom-image-style-yes) .eae-content-inner, .eae-timeline-item.custom-image-style-yes.image-position-row .eae-content-inner,.eae-timeline-item.custom-image-style-yes.image-position-row-reverse .eae-content-inner { position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height: 1; width: 100%; } .custom-image-style-.image-position-row .eae-content-inner, .custom-image-style-.image-position-row-reverse .eae-content-inner, .custom-image-style-no.image-position-row .eae-content-inner, .custom-image-style-no.image-position-row-reverse .eae-content-inner{ left: unset; top: unset; transform: unset; } .eae-tl-item-image{ display: inline-block; } .image-position-row .eae-tl-item-image img, .image-position-row-reverse .eae-tl-item-image img{ object-fit: cover; height: 100% !important; } .image-position-row .eae-tl-item-image,.image-position-row-reverse .eae-tl-item-image{ margin: 0px; } .image-position-column .eae-tl-item-image{ margin : auto; } .custom-image-style-no.image-position-column .eae-tl-item-image, .custom-image-style-.image-position-column .eae-tl-item-image{ margin : 0 auto; } .eae-pb-inner-line{ width: 100%; background-color: #3d5ac3; } .eae-tl-item-content::before { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 8px 16px 8px 0; border-color: transparent #f4f4f4 transparent transparent; } .eae-icon-wrapper{ display: flex; } .elementor-widget-bpel-timeline .eae-icon-wrapper{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height: 1; } .eae-tl-read-more{ display: inline-block; padding: 5px; border: 2px solid #000000; } .image-position-row .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{ flex-direction: row-reverse !important; } .image-position-row-reverse .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{ flex-direction: row !important; } @media screen and (min-width: 1024px) { .eae-layout-right .eae-tl-item-content::before, .eae-layout-center .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before{ right: 4px; border-width: 8px 0 8px 16px; border-color: transparent transparent transparent #f4f4f4; } .eae-layout-left .eae-tl-item-content::before, .eae-layout-center .eae-timeline-item:nth-child(even) .eae-tl-item-content::before{ left: 4px; border-width: 8px 16px 8px 0; border-color: transparent #f4f4f4 transparent transparent; } } @media screen and (max-width: 1023px) and (min-width: 768px) { .image-position-row .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{ flex-direction: row-reverse !important; } .image-position-row-reverse .eae-timeline.eae-timeline-alternate-yes .eae-timeline-item:nth-child(odd):not(.custom-image-style-yes) .eae-tl-item-content{ flex-direction: row !important; } .eae-tl-res-style-mobile-tablet .eae-tl-item-meta-wrapper{ display: none; }.eae-tl-res-style-mobile-tablet .eae-tl-item-meta-wrapper-inner{ display: block; } .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item{ flex-direction: row !important; } .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item{ flex-direction: row-reverse !important; } .eae-layout-center.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item .eae-tl-item-content::before, .eae-timeline.eae-layout-center.eae-tl-res-style-mobile .eae-timeline-item:nth-child(even) .eae-tl-item-content::before, .eae-layout-left .eae-tl-item-content::before, .eae-layout-left .eae-timeline-item .eae-tl-item-content::before{ left: 4px !important; border-width: 8px 16px 8px 0 !important; border-color: transparent #f4f4f4 transparent transparent !important; } .eae-layout-right .eae-timeline-item .eae-tl-item-content::before, .eae-layout-right .eae-tl-item-content::before, .eae-timeline.eae-layout-center.eae-tl-res-style-mobile .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before, .eae-layout-center.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before, .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before{ right: 4px !important; border-width: 8px 0 8px 16px !important; border-color: transparent transparent transparent #f4f4f4 !important; } .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timeline-item .eae-tl-content-wrapper{ padding-right: 0px !important; padding-left: 20px !important; } .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timeline-item .eae-tl-content-wrapper{ padding-right: 20px !important; padding-left: 0px !important; } .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timline-progress-bar{ left: 13px; } .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timline-progress-bar{ left: calc(100% - 13px); } } @media screen and (max-width: 767px) { .eae-tl-item-meta-wrapper{ display: none; } .eae-tl-item-meta-wrapper-inner{ display: block; } .elementor-widget-bpel-timeline:not(.image-position-column) .eae-timeline .eae-tl-item-content{ flex-direction: column-reverse !important; } .elementor-widget-bpel-timeline:not(.image-position-column) .eae-tl-content,.eae-tl-item-image{ width : 100% !important; } .eae-tl-res-style-mobile.eae-tl-res-layout-left .eae-timeline-item, .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item{ flex-direction: row !important; } .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item, .eae-tl-res-style-mobile.eae-tl-res-layout-right .eae-timeline-item{ flex-direction: row-reverse !important; } .eae-tl-res-style-mobile.eae-tl-res-layout-left .eae-timeline-item .eae-tl-item-content::before, .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item .eae-tl-item-content::before, .eae-layout-left .eae-timeline-item .eae-tl-item-content::before, .eae-timeline.eae-layout-center.eae-tl-center.eae-tl-res-style-mobile.eae-tl-res-layout-left .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before, .eae-timeline.eae-layout-center.eae-tl-center.eae-tl-res-style-mobile-tablet.eae-tl-res-layout-left .eae-timeline-item:nth-child(odd) .eae-tl-item-content::before { left: 4px !important; border-width: 8px 16px 8px 0 !important; border-color: transparent #f4f4f4 transparent transparent !important; } .eae-tl-res-style-mobile-tablet.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before, .eae-tl-res-style-mobile.eae-tl-res-layout-right .eae-timeline-item .eae-tl-item-content::before, .eae-layout-right .eae-timeline-item .eae-tl-item-content::before{ right: 4px !important; border-width: 8px 0 8px 16px !important; border-color: transparent transparent transparent #f4f4f4 !important; } .eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-left .eae-timeline-item .eae-tl-content-wrapper, .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timeline-item .eae-tl-content-wrapper{ padding-right: 0px !important; padding-left: 20px !important; } .eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-right .eae-timeline-item .eae-tl-content-wrapper, .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timeline-item .eae-tl-content-wrapper{ padding-right: 20px !important; padding-left: 0px !important; } .eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-left .eae-timline-progress-bar, .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-left .eae-timline-progress-bar{ left: 13px; } .eae-tl-res-style-mobile.eae-layout-center.eae-tl-res-layout-right .eae-timline-progress-bar, .eae-tl-res-style-mobile-tablet.eae-layout-center.eae-tl-res-layout-right .eae-timline-progress-bar{ left: calc(100% - 13px); } } /** EverGreen Timer **/ [data-element_type="eae-evergreen-timer.skin1"] .eae-evergreen-wrapper{ display: block; text-align: center; } [data-element_type="eae-evergreen-timer.skin1"] #eaeclockdiv{ font-family: sans-serif; color: #fff; display: inline-block; font-weight: 100; text-align: center; font-size: 30px; } [data-element_type="eae-evergreen-timer.skin1"] .eae-time-wrapper{ padding: 10px; border-radius: 3px; background: #00BF96; display: inline-block; overflow: hidden; } [data-element_type="eae-evergreen-timer.skin1"] #eaeclockdiv div > span{ padding: 15px; width: 100% ; background: #00816A; display: inline-block; } [data-element_type="eae-evergreen-timer.skin1"] .smalltext{ padding: 7px; font-size: 16px; } [data-element_type="eae-evergreen-timer.skin1"] .eae-egt-hide{ display : none; } .eae-egt-message { display: none; } @media screen and (max-width: 767px){ [data-element_type="eae-evergreen-timer.skin1"] #eaeclockdiv div > span{ padding: 5px; } [data-element_type="eae-evergreen-timer.skin1"] .eae-time-wrapper { padding: 5px; } } /* Skin 2 - Flip Clock Css*/ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } [data-element_type="eae-evergreen-timer.skin2"] .eae-evergreen-wrapper{ display: inline-block; width: 100%; text-align: center; margin: auto; } [data-element_type="eae-evergreen-timer.skin2"] .timer-container{ display: inline-block; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper a { cursor: pointer; text-decoration: none; color: #ccc; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper a:hover { color: #fff; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul { list-style: none; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix:before, [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix:after { content: " "; display: table; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix:after { clear: both; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper.clearfix { *zoom: 1; } /* Main */ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper { font: normal 11px "Helvetica Neue", Helvetica, sans-serif; -webkit-user-select: none; } [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-meridium { background: none !important; box-shadow: 0 0 0 !important; font-size: 36px !important; } [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-meridium a { color: #313333; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper { text-align: center; position: relative; width: 100%; margin: 1em; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper:before, [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper:after { content: " "; /* 1 */ display: table; /* 2 */ } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper:after { clear: both; } /* Skeleton */ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul { position: relative; float: left; margin: 5px; width: 60px; height: 90px; font-size: 80px; font-weight: bold; line-height: 87px; border-radius: 6px; background: #000; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 87px; text-decoration: none !important; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li:first-child { z-index: 2; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a { display: block; height: 100%; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; margin: 0 !important; overflow: visible !important; cursor: default !important; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div { z-index: 1; position: absolute; left: 0; width: 100%; height: 50%; font-size: 80px; overflow: hidden; outline: 1px solid transparent; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div .shadow { position: absolute; width: 100%; height: 100%; z-index: 2; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.up { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 0; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.up:after { content: ""; position: absolute; top: 44px; left: 0; z-index: 5; width: 100%; height: 3px; background-color: #000; background-color: rgba(0, 0, 0, 0.4); } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.down { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; bottom: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div div.inn { position: absolute; left: 0; z-index: 1; width: 100%; height: 200%; color: #ccc; text-shadow: 0 1px 2px #000; text-align: center; background-color: #333; border-radius: 6px; font-size: 70px; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.up div.inn { top: 0; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div.down div.inn { bottom: 0; } /* PLAY */ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper .flip { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active { -webkit-animation: asd 0.01s 0.49s linear both; -moz-animation: asd 0.01s 0.49s linear both; animation: asd 0.01s 0.49s linear both; z-index: 5; } [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider { float: left; display: inline-block; position: relative; width: 20px; height: 100px; } [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider:first-child { width: 0; } [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot { display: block; background: #323434; width: 10px; height: 10px; position: absolute; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); left: 5px; } [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider .flip-clock-label { position: absolute; top: -1.5em; right: -86px; color: black; text-shadow: none; } [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.minutes .flip-clock-label { right: -88px; } [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.seconds .flip-clock-label { right: -91px; } [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot.top { top: 30%; } [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot.bottom { bottom: 30%; } @-webkit-keyframes asd { 0% { z-index: 2; } 100% { z-index: 4; } } @-moz-keyframes asd { 0% { z-index: 2; } 100% { z-index: 4; } } @-o-keyframes asd { 0% { z-index: 2; } 100% { z-index: 4; } } @keyframes asd { 0% { z-index: 2; } 100% { z-index: 4; } } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active .down { z-index: 2; -webkit-animation: turn 0.5s 0.5s linear both; -moz-animation: turn 0.5s 0.5s linear both; animation: turn 0.5s 0.5s linear both; } @-webkit-keyframes turn { 0% { -webkit-transform: rotateX(90deg); } 100% { -webkit-transform: rotateX(0deg); } } @-moz-keyframes turn { 0% { -moz-transform: rotateX(90deg); } 100% { -moz-transform: rotateX(0deg); } } @-o-keyframes turn { 0% { -o-transform: rotateX(90deg); } 100% { -o-transform: rotateX(0deg); } } @keyframes turn { 0% { transform: rotateX(90deg); } 100% { transform: rotateX(0deg); } } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before .up { z-index: 2; -webkit-animation: turn2 0.5s linear both; -moz-animation: turn2 0.5s linear both; animation: turn2 0.5s linear both; } @-webkit-keyframes turn2 { 0% { -webkit-transform: rotateX(0deg); } 100% { -webkit-transform: rotateX(-90deg); } } @-moz-keyframes turn2 { 0% { -moz-transform: rotateX(0deg); } 100% { -moz-transform: rotateX(-90deg); } } @-o-keyframes turn2 { 0% { -o-transform: rotateX(0deg); } 100% { -o-transform: rotateX(-90deg); } } @keyframes turn2 { 0% { transform: rotateX(0deg); } 100% { transform: rotateX(-90deg); } } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li.flip-clock-active { z-index: 3; } /* SHADOW */ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.3s linear both; } /*DOWN*/ [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-before .down .shadow { background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul.play li.flip-clock-active .down .shadow { background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.2s linear both; } @-webkit-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @media screen and (max-width: 767px) { [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider{ width: 15px; } [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-dot{ height:5px; width: 5px; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul { height: 40px; } [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider{ height:50px; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li{ line-height: 37px; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div div.inn{ font-size: 24px; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul{ margin: 2px; } /* [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul { position: relative; float: left; margin: 5px; width: 40px; height: 70px; font-size: 40px; font-weight: bold; line-height: 47px; border-radius: 6px; background: #000; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div { z-index: 1; position: absolute; left: 0; width: 100%; height: 50%; font-size: 40px; overflow: hidden; outline: 1px solid transparent; } [data-element_type="eae-evergreen-timer.skin2"] .eae-flip-clock-wrapper ul li a div div.inn { position: absolute; left: 0; z-index: 1; width: 100%; height: 200%; color: #ccc; text-shadow: 0 1px 2px #000; text-align: center; background-color: #333; border-radius: 6px; font-size: 40px; }*/ } /* Skin 3 - Flip Block */ /* [data-element_type="eae-evergreen-timer.skin3"] body { display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: auto; color: #fff; } [data-element_type="eae-evergreen-timer.skin3"] .eae-evergreen-wrapper { text-align: center; grid-column: 1 / 7; grid-row: 2/ 4; max-width: 768px; margin-left: auto; margin-right: auto; } [data-element_type="eae-evergreen-timer.skin3"] #timer, [data-element_type="eae-evergreen-timer.skin3"] .desc{ display: grid; grid-template-columns: repeat(4, 1fr); justify-items: center; align-items: center; grid-gap: 1em; grid-template-rows: 150px; } [data-element_type="eae-evergreen-timer.skin3"] .desc{ margin-top: 10px; grid-template-rows: 10px; } [data-element_type="eae-evergreen-timer.skin3"] #timer span { font-size: 48px; width: 100%; height: 100%; border-radius: 5px; color: #fff; } [data-element_type="eae-evergreen-timer.skin3"] .eae-time-wrapper{ position: relative; } [data-element_type="eae-evergreen-timer.skin3"] .eae-time-wrapper div{ top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; } [data-element_type="eae-evergreen-timer.skin3"] .eae-evergreen-wrapper{ display: block; text-align: center; }*/ [data-element_type="eae-evergreen-timer.skin3"] #timer{ font-family: sans-serif; color: #fff; display: inline-block; font-weight: 100; text-align: center; font-size: 30px; } [data-element_type="eae-evergreen-timer.skin3"] .desc{ display: flex; justify-content: center; } [data-element_type="eae-evergreen-timer.skin3"].eae-egt-content-align-right .desc{ justify-content: flex-end; } [data-element_type="eae-evergreen-timer.skin3"].eae-egt-content-align-left .desc{ justify-content: flex-start; } [data-element_type="eae-evergreen-timer.skin3"] .desc .egt-time-text{ display: inline-block; padding: 0 50px 0 50px; } [data-element_type="eae-evergreen-timer.skin3"] .eae-time-wrapper{ padding: 50px; border-radius: 3px; background: #00BF96; display: inline-block; overflow: hidden; margin: 5px; line-height: 1em; } [data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(1) { background: khaki; } [data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(2) { background: indianred; } [data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(3) { background: cadetblue; } [data-element_type="eae-evergreen-timer.skin3"] #timer span:nth-child(4) { background: cornflowerblue; } [data-element_type="eae-evergreen-timer.skin3"] .fade { animation: flip 0.7s ease forwards; } @keyframes flip { 0% { transform: rotateY(0) scaleY(1.1); opacity: .5; } 50% { transform: rotateY(180deg) scaleY(1.3); opacity: 0; } 100% { transform: rotateY(0); opacity: 1; } } @media screen and (max-width: 767px) { [data-element_type="eae-evergreen-timer.skin3"] #timer span{ font-size: 22px; } [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider .flip-clock-label { top: -1.5em; right: -42px; } [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.minutes .flip-clock-label { right: -48px; } [data-element_type="eae-evergreen-timer.skin2"] .flip-clock-divider.seconds .flip-clock-label { right: -51px; } } /* Skin 4 - Digit Up Animation */ [data-element_type="eae-evergreen-timer.skin4"] .eae-evergreen-wrapper { width: 100%; } [data-element_type="eae-evergreen-timer.skin4"] .container { margin: 0 auto; } [data-element_type="eae-evergreen-timer.skin4"] .special { position: relative; width: 840px; height: 47px; } [data-element_type="eae-evergreen-timer.skin4"] #counter { position: absolute; z-index: 4000; } [data-element_type="eae-evergreen-timer.skin4"] .digit-separator { position: relative; float: left; width: 17px; height: 44px; overflow: hidden; background-image: url('../digit-sep-svg.svg'); background-repeat: no-repeat; background-position: 0px 0px; background-color: #4054b2; } [data-element_type="eae-evergreen-timer.skin4"] .digit { background-image: url('../digits-svg-alpha.svg'); background-color: #4054b2; } /* Comparison Table */ .eae-ct-wrapper * { box-sizing:border-box; margin:0; outline: 0; } article.eae-ct-wrapper{ width:100%; max-width:1000px; margin:0 auto; position:relative; } .eae-ct-wrapper th{ position: relative; } .eae-ct-wrapper ul { display:none; top:0px; z-index:10; padding-bottom:14px; } .eae-ct-wrapper li { list-style:none; flex:1; position: relative; } .eae-ct-wrapper li:hover { cursor: pointer; } .eae-ct-wrapper li:last-child { /*border-right:1px solid #DDD;*/ } .eae-ct-wrapper .eae-ct-heading { width:100%; padding: 10px; background:#FFF; font-size:20px; font-weight:bold; height:60px; color:#999; text-align:center; } .eae-ct-wrapper li.eae-ct-heading .eae-ct-heading-inner{ position: absolute; align-self: center; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; } .eae-ct-wrapper li.eae-ct-heading.active { background:#F5F5F5; } .eae-ct-wrapper table { border-collapse:collapse; table-layout:fixed; width:100%; } .eae-ct-wrapper th { background:#F5F5F5; display:none; } .eae-ct-wrapper td,.eae-ct-wrapper th { height:53px; vertical-align: middle; } .eae-ct-wrapper table{ border:none; } .eae-ct-wrapper table tr td:first-child,.eae-ct-wrapper table tr td:last-child, .eae-ct-wrapper td,.eae-ct-wrapper td,.eae-ct-wrapper th { border:1px solid #DDD; padding:10px; empty-cells:show; } .eae-ct-wrapper td,.eae-ct-wrapper th { text-align:left; } .eae-ct-wrapper td+td, .eae-ct-wrapper th+th { text-align:center; } .eae-ct-wrapper tr:first-child{ background: none !important; } .eae-ct-wrapper ul li:nth-child(1){ display: table-cell; } .eae-ct-wrapper tr td:nth-child(2){ display: table-cell; } .eae-ct-wrapper td:nth-child(1) { display:table-cell; } .eae-ct-wrapper td{ display:none; } .eae-ct-wrapper .sep { background:#F5F5F5; font-weight:bold; } .eae-ct-price-wrapper { display: flex; justify-content: center; } .eae-ct-tt-type-icon .eae-ct-feature .tooltip{ float: right; } .eae-ct-wrapper .tooltiptext::before{ content: ''; border-width: 5px 5px 0 5px; border-color: #fff; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; bottom: -10px; width: 0; height: 0; border-style: solid; position: absolute; margin: 5px; left: 42%; } .eae-ct-wrapper .eae-ct-price { font-size:28px; font-weight:bold; line-height: 1em;} .eae-ct-wrapper .eae-ct-currency { align-self: flex-start; margin-right: 3px} .eae-ct-wrapper .eae-ct-fractional-price { align-self: flex-start; margin-left: 3px} .eae-ct-wrapper .eae-ct-duration { align-self: flex-start; } .eae-ct-wrapper .eae-ct-original-price{ margin-right: 5px; text-decoration: line-through; align-self: flex-end; } .eae-ct-wrapper .tick { font-size:18px; color:#2CA01C; } .eae-ct-wrapper .hide { border:0 !important; background:none; } .eae-ct-ribbons-yes .eae-ct-ribbons-wrapper { position: absolute; top: 0; /* -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);*/ /* transform: rotate(90deg); */ width: 100px; overflow: hidden; height: 100px; z-index: 998; padding: 8px 12px; } .eae-ct-ribbons-h-top.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper{ position: absolute; top: 0; width: 100%; overflow: hidden; height: 50px; z-index: 999; padding: 8px 12px; } .eae-ct-ribbons-h-top.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper-top{ background-color: rgba(63,195,135,0.8); color: #fff; transform: translateY(-100%); position: absolute; width: 100%; top: 0; left: 0; } .eae-ct-ribbons-h-left.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); left: 0; right: auto; } .eae-ct-ribbons-h-right.eae-ct-ribbons-yes .eae-ct-ribbons-wrapper { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(90deg); left: auto; right: 0; } .eae-ct-ribbons-yes .eae-ct-ribbons-wrapper span.eae-ct-ribbons-inner { position: absolute; text-align: center; left: 0; top: 0; width: 200%; -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg); -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg); transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg); margin-top: 35px; font-size: 13px; line-height: 2; font-weight: 800; text-transform: uppercase; background: rgba(63,195,135,0.8); padding: 8px 12px; color: #ffffff; } .eae-ct-wrapper .tooltip { position: relative; display: inline-block; } .eae-ct-wrapper .tooltip .tooltiptext { visibility: hidden; min-width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; /* Position the tooltip */ position: absolute; z-index: 1; bottom: 120%; left: 50%; margin-left: -60px; } .eae-ct-wrapper .tooltip:hover .tooltiptext { visibility: visible; } .eae-ct-heading-tooltip{ text-decoration-line: underline; text-decoration-style: dotted; } .eae-ct-btn{ padding: 10px 15px 10px 15px; color: #fff; display: inline-block; line-height: 1em; } .eae-ct-btn:hover{ color: #fff; } .eae-ct-wrapper i.fa.fa-check{ color: #38f146; } .eae-ct-wrapper i.fa.fa-close{ color: #ff0000; } .eae-ct-wrapper tr:last-child td:first-child{ background: none !important; border:none !important; } .eae-ct-wrapper tr:last-child{ background: none !important; } @media (min-width: 767px) { .eae-ct-wrapper td,.eae-ct-wrapper th { width: 330px; } .eae-ct-wrapper td+td,.eae-ct-wrapper th+th { width: auto; } } .eae-tab-format-all .eae-ct-wrapper ul{ display: flex; } @media (min-width: 1023px) { .eae-tab-format-tab-mob .eae-ct-wrapper td, .eae-tab-format-tab-mob .eae-ct-wrapper th, .eae-tab-format-mobile .eae-ct-wrapper td, .eae-tab-format-mobile .eae-ct-wrapper th { display: table-cell !important; } } @media (max-width: 1023px) { .eae-tab-format-tab-mob .eae-ct-wrapper ul{ display: flex; } .eae-tab-format-all .eae-ct-wrapper td+td,.eae-tab-format-all .eae-ct-wrapper th+th { display: none; } } @media (max-width: 1023px) and (min-width: 768px) { .eae-tab-format-mobile .eae-ct-wrapper td, .eae-tab-format-mobile .eae-ct-wrapper th { display: table-cell !important; } } @media (max-width: 767px) { .eae-tab-format-mobile .eae-ct-wrapper ul{ display: flex; } } /* Progress Bar */ .eae-progress-bar-wrapper { display: flex; flex-direction: column; align-items: flex-start; margin:15px 0; } .eae-progress-bar-wrapper.eae-progress-bar { width: 100%; position: relative; box-sizing: border-box; } .eae-pb-bar, .eae-pb-bar-inner, .eae-pb-bar-value, .eae-pb-bar-skill { box-sizing: border-box; } .eae-pb-bar{ position: relative; height: 100%; width: 100%; overflow: hidden; } .eae-pb-bar--no-overflow { overflow: visible; } .eae-pb-bar-inner { position: absolute; top: 0; left: 0; height: 100%; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; transform-origin: left center; } .eae-pb-bar-inner.js-animated { transition-property: all; transition-duration: 1.5s; transition-timing-function: cubic-bezier(0.1, 1.14, 0.31, 1.06); transition-delay: 1.5s; -webkit-transform: scaleX(1); transform: scaleX(1); } .eae-pb-bar-skill, .eae-pb-bar-value { font-size: 14px; letter-spacing: 1px; } .eae-pb-bar-value--aligned-value { -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* progress bar #1 styles */ .eae-progress-bar-skin1{ height: 20px; padding: 4px; border: 1px solid #dddddd; border-radius: 20px; } .eae-pb-bar-skin1{ border-radius: 20px; } .eae-pb-bar-inner-skin1 { background-color: #00BFB3; background-size: 200%; background-position: 0 0; border-radius: 20px; } .eae-pb-bar-skill-skin1 { position: absolute; bottom : 20px; left: 0px; opacity: 0; } .eae-pb-bar-skill-skin1.js-animated { transition-property: all; transition-duration: 0.5s; transition-timing-function: linear; transition-delay: 0.5s; left: 0; opacity: 1; } .eae-pb-bar-value-skin1 { position: absolute; bottom : 20px; opacity: 1; right: 0; } .eae-pb-bar-value-skin1.js-animated { transition-property: all; transition-duration: 0.5s; transition-timing-function: linear; transition-delay: 0.5s; right : 0; opacity: 1; } /* progress bar #2 styles */ .eae-progress-bar-skin2 { height: 15px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); border-radius: 3px; } @-webkit-keyframes progress-2-bg-animation { 0% { background-position: 0 0, 0 0; } 100% { background-position: 0 0, 42px 0; } } @keyframes progress-2-bg-animation { 0% { background-position: 0 0, 0 0; } 100% { background-position: 0 0, 42px 0; } } .eae-pb-bar-inner-skin2 { background-image: linear-gradient(to top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.2)), linear-gradient(135deg, #5EEB5B, #5EEB5B 33%, #358600 33%, #358600 66%, #5EEB5B 66%); background-size: 100% 100%, 42px 100%; background-position: 0 0, 0 0; border-radius: 3px; } .eae-pb-bar-inner-skin2.js-animated { -webkit-animation: progress-2-bg-animation 1.5s linear 0s infinite; animation: progress-2-bg-animation 1.5s linear 0s infinite; } .eae-pb-bar-skill-skin2 { position: absolute; left: 0; opacity: 0; } .eae-pb-bar-skill-skin2.js-animated { transition-property: all; transition-duration: 0.5s; transition-timing-function: linear; transition-delay: 0.5s; bottom : 20px; opacity: 1; } .eae-pb-bar-value-skin2 { position: absolute; right: 0; opacity: 0; } .eae-pb-bar-value-skin2.js-animated { transition-property: all; transition-duration: 0.5s; transition-timing-function: linear; transition-delay: 0.5s; bottom : 20px; opacity: 1; } /* Progress Bar Skin 3*/ .eae-progress-bar-skin3 { height: 5px; background-color: #efefef; } .eae-pb-bar-value-skin3 , .eae-pb-bar-inner-skin3{ background-color: #F40076; } .eae-pb-bar-value-skin3:after , .eae-pb-bar-inner:after{ border-top-color : #F40076; } .eae-pb-bar-skill-skin3 { position: absolute; bottom : 10px; left: -10px; opacity: 0; } .eae-pb-bar-skill-skin3.js-animated { transition-property: all; transition-duration: 0.5s; transition-timing-function: linear; transition-delay: 0.5s; left: 0; opacity: 1; } .eae-pb-bar-value-skin3 { position: absolute; display: inline-block; padding: 0px 8px; font-size: 14px; color: #fff; opacity: 0; } .eae-pb-bar-value-skin3:after { position: absolute; left: 50%; bottom: -10px; display: block; width: 0; height: 0; content: ''; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-width: 5px; border-style: solid; border-color: #F40076 transparent transparent transparent; } .eae-pb-bar-inner-skin3.js-animated { transition-property: all; transition-duration: 1.5s; transition-timing-function: cubic-bezier(0.1, 1.14, 0.31, 1.06); transition-delay: 1.5s; -webkit-transform: scaleX(1); transform: scaleX(1); } .eae-pb-bar-value-skin3.js-animated { transition-property: all; transition-duration: 1.5s; transition-timing-function: cubic-bezier(0.1, 1.14, 0.31, 1.06); transition-delay: 2s; bottom : 14px; opacity: 1; } /* Progress Bar Skin 4 */ .eae-progress-bar-skin4 { height: 3px; background-color: #efefef; } .eae-pb-bar-inner-skin4 { background-color: #000; } .eae-pb-bar-inner-skin4:after { position: absolute; top: 50%; right: 0; display: block; width: 8px; height: 8px; content: ''; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #000; border-radius: 50%; } .eae-pb-bar-value-skin4 { position: absolute; bottom : 2px; font-size: 14px; opacity: 0; } .eae-pb-bar-value-skin4.js-animated { transition-property: all; transition-duration: 1.5s; transition-timing-function: linear; transition-delay: 1.5s; opacity: 1; } .eae-pb-bar-skill-skin4 { position: absolute; bottom : 2px; left: -20px; opacity: 0; } .eae-pb-bar-skill-skin4.js-animated { transition-property: all; transition-duration: 0.5s; transition-timing-function: linear; transition-delay: 0.5s; left: 0; opacity: 1; } /* Progress Bar Skin 5 */ .eae-progress-bar-skin5 { height: 30px; background-color: #f7f7f7; } .eae-pb-bar-inner-skin5{ background-color: #57B8FF; } .eae-pb-bar-skill-skin5 { position: absolute; top: 50%; left: 10px; color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; } .eae-pb-bar-skill-skin5.js-animated { transition-property: all; transition-duration: 0.5s; transition-timing-function: linear; transition-delay: .5s; opacity: 1; } .eae-pb-bar-value-skin5 { position: absolute; top: 50%; color: #fff; -webkit-transform: translateX(-100%) translateX(-10px) translateY(-50%); transform: translateX(-100%) translateX(-10px) translateY(-50%); opacity: 0; z-index: 10; } .eae-pb-bar-value-skin5.js-animated { transition-property: all; transition-duration: 1.5s; transition-timing-function: linear; transition-delay: 1.5s; opacity: 1; } /* EAE Dual Button */ .eae-dual-button-wrapper.button-style-horizontal{ display: flex; flex-direction: row; position: relative; } .eae-dual-button-main-wrapper{ display: flex; flex-direction: row; justify-content: center; } .eae-dual-button-wrapper a{ min-width: 200px; } .eae-dual-button-wrapper.button-style-vertical{ display: inline-flex; flex-direction: column; position: relative; } .eae-button-1.icon-before, .eae-button-2.icon-before { display: flex; flex-direction: row; } .eae-button-1.icon-after, .eae-button-2.icon-after{ display: flex; flex-direction: row-reverse; } .eae-button-1-wrapper .eae-button-1,.eae-button-2-wrapper .eae-button-2{ color: black; } .eae-button-1-wrapper:hover .eae-button-1,.eae-button-2-wrapper:hover .eae-button-2{ color: black; } .eae-dual-button-wrapper.button-style-vertical .eae-button-1.icon-before, .eae-dual-button-wrapper.button-style-vertical .eae-button-2.icon-before, .eae-dual-button-wrapper.button-style-vertical .eae-button-1.icon-after, .eae-dual-button-wrapper.button-style-vertical .eae-button-2.icon-after{ justify-content: center; } .eae-button-1.icon-up, .eae-button-2.icon-up { display: flex; flex-direction: column; text-align: center; } .eae-button-1.icon-down, .eae-button-2.icon-down{ display: flex; flex-direction: column-reverse; text-align: center; } .eae-button-1-wrapper { background: lightpink; display:flex; justify-content: center; width: 100%; } .eae-button-2-wrapper{ background: orange; display:flex; justify-content: center; width: 100%; } .eae-button-1.icon-up .icon-wrapper, .eae-button-2.icon-up .icon-wrapper, .eae-button-2.icon-down .icon-wrapper, .eae-button-2.icon-down .icon-wrapper { text-align: center; } .eae-button-1.icon-up .eae-button-text, .eae-button-2.icon-up .eae-button-text, .eae-button-2.icon-down .eae-button-text, .eae-button-2.icon-down .eae-button-text { text-align: center; } .eae-button-1.icon-before i, .eae-button-1.icon-after i, .eae-button-2.icon-before i, .eae-button-2.icon-after i{ align-self: center; margin: 0 10px; } .eae-button-1.icon-up i, .eae-button-1.icon-down i, .eae-button-2.icon-up i, .eae-button-2.icon-down i{ align-self: center; margin: 5px 0; } .eae-dual-button-wrapper.button-style-horizontal .eae-button-1-wrapper , .eae-dual-button-wrapper.button-style-horizontal .eae-button-2-wrapper{ padding: 12px 20px; } .eae-dual-button-wrapper.button-style-vertical .eae-button-1-wrapper , .eae-dual-button-wrapper.button-style-vertical .eae-button-2-wrapper{ padding: 20px 30px; } .eae-button1,.eae-button2{ position: relative; display: flex; } .eae-dual-button-wrapper.button-style-vertical .eae-button1{ display: flex; flex-direction: column; } .eae-button-separator-wrapper{ } .eae-button-separator-wrapper .eae-button-separator{ width: 40px; height: 40px; line-height: 40px; border-radius: 50%; z-index: 1; box-shadow: 0 0 0 6px rgba(255,255,255,0.2); background: #FAFAF8; color: #444; text-transform: uppercase; text-align: center; vertical-align: middle; font-weight: 400; font-size: 14px; position: absolute; transform: translateY(-50%); } .eae-button-separator span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } /* Sweep to right */ .eae-sweep-right { vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .eae-sweep-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .eae-sweep-right:hover, .eae-sweep-right:focus, .eae-sweep-right:active { color: white; } .eae-sweep-right:hover:before, .eae-sweep-right:focus:before, .eae-sweep-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Left */ .eae-sweep-left { vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .eae-sweep-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .eae-sweep-left:hover, .eae-sweep-left:focus, .eae-sweep-left:active { color: white; } .eae-sweep-left:hover:before, .eae-sweep-left:focus:before, .eae-sweep-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Bottom */ .eae-sweep-bottom { vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .eae-sweep-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .eae-sweep-bottom:hover, .eae-sweep-bottom:focus, .eae-sweep-bottom:active { color: white; } .eae-sweep-bottom:hover:before, .eae-sweep-bottom:focus:before, .eae-sweep-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Sweep To Top */ .eae-sweep-top { vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .eae-sweep-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .eae-sweep-top:hover, .eae-sweep-top:focus, .eae-sweep-top:active { color: white; } .eae-sweep-top:hover:before, .eae-sweep-top:focus:before, .eae-sweep-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Bounce To Right */ .eae-bounce-right { vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .eae-bounce-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .eae-bounce-right:hover, .eae-bounce-right:focus, .eae-bounce-right:active { color: white; } .eae-bounce-right:hover:before, .eae-bounce-right:focus:before, .eae-bounce-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Left */ .eae-bounce-left { vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .eae-bounce-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .eae-bounce-left:hover, .eae-bounce-left:focus, .eae-bounce-left:active { color: white; } .eae-bounce-left:hover:before, .eae-bounce-left:focus:before, .eae-bounce-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Bottom */ .eae-bounce-bottom { vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .eae-bounce-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .eae-bounce-bottom:hover, .eae-bounce-bottom:focus, .eae-bounce-bottom:active { color: white; } .eae-bounce-bottom:hover:before, .eae-bounce-bottom:focus:before, .eae-bounce-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Top */ .eae-bounce-top { vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .eae-bounce-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .eae-bounce-top:hover, .eae-bounce-top:focus, .eae-bounce-top:active { color: white; } .eae-bounce-top:hover:before, .eae-bounce-top:focus:before, .eae-bounce-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Google Map */ .eae-markers .marker{ display: none; } .eae-markers p{ margin-bottom: 0; }