Sid Gifari File Manager
🏠 Root
/
home2
/
meumer25
/
minhafarmacia.app
/
wp-content
/
plugins
/
exclusive-addons-for-elementor
/
assets
/
css
/
Editing: exad-styles.css
.exclusive-addons-elementor { -webkit-font-smoothing: antialiased; } /* Style for removing Twenty Nineteen Theme heading border */ .exclusive-addons-elementor h1:not(.site-title):before, .exclusive-addons-elementor h2:before { content: none; background: none; height: auto; margin: 0; } .elementor-widget-exad-image-hover-effect .elementor-widget-container{ min-height: 1px; } /* Exclusive Accordion Start */ .exad-accordion-items .exad-accordion-single-item .exad-accordion-title { position: relative; display: flex; overflow: hidden; } .exad-accordion-items .exad-accordion-single-item .exad-accordion-title .exad-accordion-heading { width: 100%; font-size: 15px; } .exad-accordion-single-item .exad-accordion-heading { font-weight: 600; } .exad-accordion-items .exad-accordion-single-item .exad-accordion-title:hover { cursor: pointer; } .exad-accordion-items .exad-accordion-single-item .exad-accordion-title .exad-active-inactive-icon{ position: relative; margin-left: 15px; } .exad-accordion-items .exad-accordion-single-item .exad-accordion-title span.exad-tab-title-icon { position: relative; } .exad-accordion-items .exad-accordion-single-item .exad-accordion-title .exad-active-icon i, .exad-accordion-items .exad-accordion-single-item .exad-accordion-title .exad-inactive-icon i, .exad-accordion-items .exad-accordion-single-item .exad-accordion-title span.exad-tab-title-icon i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; } .exad-accordion-items .exad-accordion-single-item .exad-accordion-title.active .exad-inactive-icon, .exad-accordion-items .exad-accordion-single-item .exad-accordion-title .exad-active-icon { display: none; } .exad-accordion-items .exad-accordion-single-item .exad-accordion-title.active .exad-active-icon { display: block; } .exad-accordion-items .exad-accordion-single-item .exad-accordion-content { display: none; } .exad-accordion-items .exad-accordion-single-item .exad-accordion-title .exad-active-inactive-icon { width: 70px; margin-left: auto; } .exad-accordion-items .exad-accordion-single-item .exad-accordion-content .exad-accordion-content-wrapper { display: flex; } .exad-accordion-items .exad-accordion-single-item .exad-accordion-content .exad-accordion-content-wrapper.has-image-yes .exad-accordion-text { width: 60%; } .exad-accordion-items .exad-accordion-single-item .exad-accordion-content .exad-accordion-content-wrapper.has-image-yes .exad-accordion-image { width: 40%; } .exad-accordion-items .exad-accordion-single-item .exad-accordion-content .exad-accordion-content-wrapper.has-image-yes.image-position-left .exad-accordion-text { order: 2; } .exad-accordion-items .exad-accordion-single-item .exad-accordion-content .exad-accordion-content-wrapper.has-image-yes.image-position-left .exad-accordion-image { order: 1; } .exad-accordion-items .exad-accordion-single-item .exad-accordion-content .exad-accordion-content-wrapper .exad-accordion-button a { display: inline-block; } @media only screen and (max-width: 767px) { .exad-accordion-items .exad-accordion-single-item .exad-accordion-content .exad-accordion-content-wrapper { flex-direction: column; } .exad-accordion-items .exad-accordion-single-item .exad-accordion-content .exad-accordion-content-wrapper.has-image-yes .exad-accordion-text, .exad-accordion-items .exad-accordion-single-item .exad-accordion-content .exad-accordion-content-wrapper.has-image-yes .exad-accordion-image { width: 100%; } } /* Exclusive Accordion End */ /* Exclusive alert style start*/ .exad-alert .exad-alert-element { display: flex; align-items: center; text-align: center; border-radius: 40px; position: relative; } .exad-alert .exad-alert-element:not(:last-child) { margin-bottom: 20px; } .exad-alert .exad-alert-element .exad-alert-element-icon { width: 50px; text-align: left; } .exad-alert .exad-alert-element .exad-alert-element-icon span { font-size: 24px; } .exad-alert .exad-alert-element .exad-alert-element-content { width: calc( 100% - 50px ); text-align: left; } .exad-alert .exad-alert-element .exad-alert-element-content h5 { margin: 0 0 10px 0; font-size: 20px; } .exad-alert .exad-alert-element .exad-alert-element-content p { margin: 0; font-size: 16px; } .exad-alert .exad-alert-element .exad-alert-element-dismiss-icon { position: absolute; top: 50%; transform: translateY(-50%); line-height: 0; } .exad-alert .exad-alert-element .exad-alert-element-dismiss-icon svg { width: 16px; height: 16px; cursor: pointer; } .exad-alert .exad-alert-element .exad-alert-element-dismiss-icon svg path { fill: #A1A5B5; } .exad-alert-element-dismiss-button{ display: inline-block; } .exad-alert-element-dismiss-button .exad-alert-element-dismiss-done,.exad-alert-element-dismiss-button .exad-alert-element-dismiss-cancel { text-decoration: none; display: inline-block; transition: all .3s ease; border-radius: 5px; margin-right: 10px; font-size: 15px; } .exad-alert-element-dismiss-button button { border: none; } @media only screen and (max-width: 767px) { .exad-alert .exad-alert-element { flex-direction: column; } body .exad-alert .exad-alert-element .exad-alert-element-icon, body .exad-alert .exad-alert-element .exad-alert-element-content { width: 100% !important; } } /* Exclusive alert style start ends*/ /* animatex text style start*/ /* morphext style start*/ .morphext > .animated { display: inline-block; } /* morphext style end*/ .exad-animated-text-align-left{ text-align: left; } .exad-animated-text-align-center{ text-align: center; } .exad-animated-text-align-right{ text-align: right; } .exad-typed-strings{ margin: 0; } .exad-animated-text-pre-heading, .exad-animated-text-animated-heading, .exad-animated-text-post-heading { font-size: 30px; font-weight: 600; } /*span.typed-cursor { font-size: 80px; }*/ /* animatex text style end*/ /* Exclusive Button Start */ /* Global Styles for Buttons */ .exad-button-wrapper .exad-button-action { text-align: center; display: inline-block; text-decoration: none; position: relative; z-index: 1; overflow: hidden; } .exad-button-wrapper { margin: 0 auto; display: flex; } .exad-button-wrapper.exad-button-fixed-height-yes .exad-button-action{ position: relative; } .exad-button-wrapper.exad-button-fixed-height-yes .exad-button-action span{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } .exad-button-wrapper.effect-1 .exad-button-action i { margin-right: 5px; } .exad-button-wrapper.effect-1 .exad-button-action::before { position: absolute; content: ''; height: 100%; width: 0; background: #fff; top: 0; left: 0; z-index: -1; transition: all .3s ease; } .exad-button-wrapper.effect-1 .exad-button-action:hover::before { width: 100%; } /* .exad-button-wrapper.effect-2 .exad-button-action i { margin-right: 10px; } */ .exad-button-wrapper.effect-2 .exad-button-action:before, .exad-button-wrapper.effect-2 .exad-button-action:after { content: ''; height: 50%; width: 0; position: absolute; transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: -1; } .exad-button-wrapper.effect-2 .exad-button-action:before { top: 0; left: 0; right: auto; } .exad-button-wrapper.effect-2 .exad-button-action:after { bottom: 0; right: 0; left: auto; } .exad-button-wrapper.effect-2 .exad-button-action:hover { color: #fff; -webkit-box-shadow: none; box-shadow: none; } .exad-button-wrapper.effect-2 .exad-button-action:hover:before, .exad-button-wrapper.effect-2 .exad-button-action:hover:after { width: 100%; } .exad-button-wrapper.effect-3 .exad-button-action i { margin-right: 10px; } .exad-button-wrapper.effect-3 .exad-button-action::before { position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; z-index: -1; -webkit-transform: scale(0); transform: scale(0); opacity: 0; transition: all .3s ease; -webkit-transform-origin: center center; transform-origin: center center; } .exad-button-wrapper.effect-3 .exad-button-action:hover { color: #000000; } .exad-button-wrapper.effect-3 .exad-button-action:hover::before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .exad-button-wrapper.effect-4 .exad-button-action { transition: all .5s ease; } .exad-button-wrapper.effect-4 .exad-button-action i { margin-right: 10px; } .exad-button-wrapper.effect-4 .exad-button-action::before, .exad-button-wrapper.effect-4 .exad-button-action::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: all .3s; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .exad-button-wrapper.effect-4 .exad-button-action::before { background: #c4c4c4; } .exad-button-wrapper.effect-4 .exad-button-action::after { transition-delay: 0.2s; } .exad-button-wrapper.effect-4 .exad-button-action:hover { letter-spacing: 3px; } .exad-button-wrapper.effect-4 .exad-button-action:hover::before { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .exad-button-wrapper.effect-4 .exad-button-action:hover::after { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .exad-button-wrapper.effect-5 .exad-button-action i { margin-right: 10px; } .exad-button-wrapper.effect-5 .exad-button-action::before { position: absolute; content: ''; top: 50%; bottom: 50%; left: 0; right: 0; z-index: -1; opacity: 0; transition: all .3s ease; } .exad-button-wrapper.effect-5 .exad-button-action:hover { color: #000000; } .exad-button-wrapper.effect-5 .exad-button-action:hover::before { top: 0; bottom: 0; opacity: 1; } .exad-button-wrapper.effect-6 .exad-button-action { display: inline-block; text-decoration: none; position: relative; z-index: 1; border: 1px solid #8868fe; } .exad-button-wrapper.effect-6 .exad-button-action i { margin-right: 10px; } .exad-button-wrapper.effect-6 .exad-button-action:hover { -webkit-animation: pulse 0.5s cubic-bezier(0.66, 0, 0, 1); animation: pulse 0.5s cubic-bezier(0.66, 0, 0, 1); } @keyframes pulse { 0% { box-shadow: 0 0 0 0px #A9FBD7; } 50% { box-shadow: 0 0 0 20px #A9FBD7; } 100% { box-shadow: 0 0 0 0px #A9FBD7; } } .exad-button-wrapper.effect-7 .exad-button-action::before { position: absolute; content: ''; top: 0; left: 0; -webkit-transform: translateY(100%); transform: translateY(100%); transition: all 0.3s ease; height: 100%; width: 100%; z-index: -1; } .exad-button-wrapper.effect-7 .exad-button-action span { display: inline-block; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .exad-button-wrapper.effect-7 .exad-button-action span i { position: relative; font-size: 20px; -webkit-transform: translate(0, 4em); transform: translate(0, 4em); transition: all 0.3s ease; } .exad-button-wrapper.effect-7 .exad-button-action:hover { color: #fff; } .exad-button-wrapper.effect-7 .exad-button-action:hover::before { -webkit-transform: translateY(0); transform: translateY(0); } .exad-button-wrapper.effect-7 .exad-button-action:hover span i { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .exad-button-wrapper.effect-8 .exad-button-action span.effect-8-position { position: absolute; content: ''; display: block; border-radius: 50%; height: 0; width: 0; transition: width 0.3s ease-in-out,height 0.3s ease-in-out; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; } .exad-button-wrapper.effect-8 .exad-button-action:hover { color: #fff; } .exad-button-wrapper.effect-8 .exad-button-action:hover span { height: 350%; width: 350%; } .exad-button-wrapper.effect-9 .exad-button-action { transition: all .3s ease; border: 1px solid #8868fe; } .exad-button-wrapper.effect-9 .exad-button-action:hover { letter-spacing: 5px; } .exad-button-wrapper.effect-10 .exad-button-action { transition: all .3s ease; } .exad-button-wrapper.effect-10 .exad-button-action::before { position: absolute; content: ''; left: 50%; right: 50%; top: 0; bottom: 0; z-index: -1; opacity: 0; transition: all .3s ease; } .exad-button-wrapper.effect-10 .exad-button-action:hover { color: #fff; } .exad-button-wrapper.effect-10 .exad-button-action:hover::before { left: 0; right: 0; opacity: 1; } .exad-button-wrapper.effect-11 .exad-button-action { padding: 20px 0; display: inline-block; color: #fff; text-transform: uppercase; text-decoration: none; position: relative; transition: all .3s ease; } .exad-button-wrapper.effect-11 .exad-button-action:hover { -webkit-animation: anim 0.3s forwards; animation: anim 0.3s forwards; } @keyframes anim { 60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } 85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .exad-button-wrapper.effect-12 .exad-button-action { padding: 20px 0; display: inline-block; text-transform: uppercase; text-decoration: none; position: relative; transition: all .3s ease; border-radius: 0; } .exad-button-wrapper.effect-12 .exad-button-action::before, .exad-button-wrapper.effect-12 .exad-button-action::after { position: absolute; content: ''; height: 2px; width: 0; transition: all .4s ease; } .exad-button-wrapper.effect-12 .exad-button-action::before { top: 0; left: 0; } .exad-button-wrapper.effect-12 .exad-button-action::after { bottom: 0; right: 0; top: inherit; left: inherit; } .exad-button-wrapper.effect-12 .exad-button-action:hover { background: #fff; /* box-shadow: 0px 18px 43px 0px rgba(24, 37, 65, 0.1); */ } .exad-button-wrapper.effect-12 .exad-button-action:hover::before, .exad-button-wrapper.effect-12 .exad-button-action:hover::after { width: 100%; transition: all .7s ease; } /* Exclusive Button End */ /* CTA style start */ h1.exad-call-to-action-title { font-weight: 600; margin-bottom: 20px; font-size: 40px; } ul.exad-call-to-action-buttons { margin: 0; padding: 0; list-style: none; } .exad-call-to-action-buttons li, .exad-call-to-action-buttons li a { display: inline-block; } .exad-call-to-action.skin-vertical p.exad-call-to-action-subtitle { margin-bottom: 50px; font-size: 16px; } .exad-call-to-action.skin-horizontal .exad-call-to-action-content { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .exad-call-to-action.skin-horizontal .exad-call-to-action-content .exad-call-to-action-header { width: 70%; } .exad-call-to-action.skin-horizontal .exad-call-to-action-content .exad-call-to-action-footer { -webkit-box-flex: 1; flex: 1; text-align: right; } .exad-call-to-action-icon i { font-size: 40px; display: inline-block; } @media only screen and (max-width: 493px) { .exad-call-to-action-buttons li { display: flex; } a.exad-call-to-action-secondary-btn { margin-top: 20px; } } @media only screen and (max-width: 767px) { .exad-call-to-action.skin-horizontal .exad-call-to-action-content { flex-direction: column; align-items: flex-start; } .exad-call-to-action.skin-horizontal .exad-call-to-action-content .exad-call-to-action-header { width: 100%; } } .exad-call-to-action-primary-btn, .exad-call-to-action-secondary-btn{ position: relative; overflow: hidden; z-index: 1; } .exad-call-to-action-primary-btn span, .exad-call-to-action-secondary-btn span{ display: block; } .exad-call-to-action-buttons.effect-1 .exad-call-to-action-primary-btn::before{ position: absolute; content: ''; height: 100%; width: 0; top: 0; left: 0; z-index: -1; transition: all .3s ease; } .exad-call-to-action-buttons.effect-1 .exad-call-to-action-primary-btn:hover::before{ width: 100%; } .exad-call-to-action-buttons.effect-2 .exad-call-to-action-primary-btn:before, .exad-call-to-action-buttons.effect-2 .exad-call-to-action-primary-btn:after { content: ''; height: 50%; width: 0; position: absolute; transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: -1; } .exad-call-to-action-buttons.effect-2 .exad-call-to-action-primary-btn:before { top: 0; left: 0; right: auto; } .exad-call-to-action-buttons.effect-2 .exad-call-to-action-primary-btn:after { bottom: 0; right: 0; left: auto; } .exad-call-to-action-buttons.effect-2 .exad-call-to-action-primary-btn:hover:before, .exad-call-to-action-buttons.effect-2 .exad-call-to-action-primary-btn:hover:after { width: 100%; } .exad-call-to-action-buttons.effect-3 .exad-call-to-action-primary-btn::before { position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; z-index: -1; -webkit-transform: scale(0); transform: scale(0); opacity: 0; transition: all .3s ease; -webkit-transform-origin: center center; transform-origin: center center; } .exad-call-to-action-buttons.effect-3 .exad-call-to-action-primary-btn:hover::before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .exad-call-to-action-buttons.effect-4 .exad-call-to-action-primary-btn::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; z-index: -1; transition: all .3s; } .exad-call-to-action-buttons.effect-4 .exad-call-to-action-primary-btn:hover::before { height: 100%; } .exad-call-to-action-buttons.effect-5 .exad-call-to-action-primary-btn::before { position: absolute; content: ''; top: 50%; bottom: 50%; left: 0; right: 0; z-index: -1; opacity: 0; transition: all .3s ease; } .exad-call-to-action-buttons.effect-5 .exad-call-to-action-primary-btn:hover::before { top: 0; bottom: 0; opacity: 1; } .exad-call-to-action-buttons.effect-6 .exad-call-to-action-primary-btn::before { position: absolute; content: ''; top: 0; left: 0; transition: all 0.3s ease; height: 0; width: 100%; z-index: -1; } .exad-call-to-action-buttons.effect-6 .exad-call-to-action-primary-btn:hover::before { height: 100%; } .exad-call-to-action-buttons.effect-7 .exad-call-to-action-primary-btn { transition: all .3s ease; } .exad-call-to-action-buttons.effect-7 .exad-call-to-action-primary-btn:hover { letter-spacing: 5px; } .exad-call-to-action-buttons.effect-8 .exad-call-to-action-primary-btn { transition: all .3s ease; } .exad-call-to-action-buttons.effect-8 .exad-call-to-action-primary-btn::before { position: absolute; content: ''; left: 50%; right: 50%; top: 0; bottom: 0; z-index: -1; opacity: 0; transition: all .3s ease; } .exad-call-to-action-buttons.effect-8 .exad-call-to-action-primary-btn:hover::before { left: 0; right: 0; opacity: 1; } .exad-call-to-action-buttons.effect-9 .exad-call-to-action-primary-btn:hover { -webkit-animation: anim 0.3s forwards; animation: anim 0.3s forwards; } @keyframes anim { 60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } 85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .exad-call-to-action-buttons.effect-10 .exad-call-to-action-primary-btn { transition: all .3s ease; } .exad-call-to-action-buttons.effect-1 .exad-call-to-action-secondary-btn::before{ position: absolute; content: ''; height: 100%; width: 0; top: 0; left: 0; z-index: -1; transition: all .3s ease; } .exad-call-to-action-buttons.effect-1 .exad-call-to-action-secondary-btn:hover::before{ width: 100%; } .exad-call-to-action-buttons.effect-2 .exad-call-to-action-secondary-btn:before, .exad-call-to-action-buttons.effect-2 .exad-call-to-action-secondary-btn:after { content: ''; height: 50%; width: 0; position: absolute; transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: -1; } .exad-call-to-action-buttons.effect-2 .exad-call-to-action-secondary-btn:before { top: 0; left: 0; right: auto; } .exad-call-to-action-buttons.effect-2 .exad-call-to-action-secondary-btn:after { bottom: 0; right: 0; left: auto; } .exad-call-to-action-buttons.effect-2 .exad-call-to-action-secondary-btn:hover:before, .exad-call-to-action-buttons.effect-2 .exad-call-to-action-secondary-btn:hover:after { width: 100%; } .exad-call-to-action-buttons.effect-3 .exad-call-to-action-secondary-btn::before { position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; z-index: -1; -webkit-transform: scale(0); transform: scale(0); opacity: 0; transition: all .3s ease; -webkit-transform-origin: center center; transform-origin: center center; } .exad-call-to-action-buttons.effect-3 .exad-call-to-action-secondary-btn:hover::before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .exad-call-to-action-buttons.effect-4 .exad-call-to-action-secondary-btn::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; z-index: -1; transition: all .3s; } .exad-call-to-action-buttons.effect-4 .exad-call-to-action-secondary-btn:hover::before { height: 100%; } .exad-call-to-action-buttons.effect-5 .exad-call-to-action-secondary-btn::before { position: absolute; content: ''; top: 50%; bottom: 50%; left: 0; right: 0; z-index: -1; opacity: 0; transition: all .3s ease; } .exad-call-to-action-buttons.effect-5 .exad-call-to-action-secondary-btn:hover::before { top: 0; bottom: 0; opacity: 1; } .exad-call-to-action-buttons.effect-6 .exad-call-to-action-secondary-btn::before { position: absolute; content: ''; top: 0; left: 0; transition: all 0.3s ease; height: 0; width: 100%; z-index: -1; } .exad-call-to-action-buttons.effect-6 .exad-call-to-action-secondary-btn:hover::before { height: 100%; } .exad-call-to-action-buttons.effect-7 .exad-call-to-action-secondary-btn { transition: all .3s ease; } .exad-call-to-action-buttons.effect-7 .exad-call-to-action-secondary-btn:hover { letter-spacing: 5px; } .exad-call-to-action-buttons.effect-8 .exad-call-to-action-secondary-btn { transition: all .3s ease; } .exad-call-to-action-buttons.effect-8 .exad-call-to-action-secondary-btn::before { position: absolute; content: ''; left: 50%; right: 50%; top: 0; bottom: 0; z-index: -1; opacity: 0; transition: all .3s ease; } .exad-call-to-action-buttons.effect-8 .exad-call-to-action-secondary-btn:hover::before { left: 0; right: 0; opacity: 1; } .exad-call-to-action-buttons.effect-9 .exad-call-to-action-secondary-btn:hover { -webkit-animation: anim 0.3s forwards; animation: anim 0.3s forwards; } @keyframes anim { 60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } 85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .exad-call-to-action-buttons.effect-10 .exad-call-to-action-secondary-btn { transition: all .3s ease; } /* .exad-section-cta-absolute{ */ /* position: absolute; */ /* } */ /* CTA style end */ /* Card Style Start */ .exad-card-description { margin: 0 auto; } .exad-card-tag { margin: 0; } .exad-card.default { position: relative; } .exad-card.default .exad-card-thumb img { display: block; } .exad-card.default .exad-card-body .exad-card-title, .exad-card.text_on_image .exad-card-body .exad-card-title{ display: inline-block; text-decoration: none; position: relative; transition: all .4s ease; font-size: 20px; font-weight: bold; } .exad-card.default .exad-card-body .exad-card-title::before, .exad-card.text_on_image .exad-card-body .exad-card-title::before { position: absolute; content: ''; height: 3px; width: 25px; top: 50%; transform: translateY(-50%); left: 0; transition: all .3s ease; opacity: 0; } .exad-card.default .exad-card-body .exad-card-title:hover::before, .exad-card.text_on_image .exad-card-body .exad-card-title:hover::before { opacity: 1; left: -30px; } .exad-card .exad-card-body .exad-card-action { display: table; border-radius: 4px; transition: all .4s ease; color: #132c47; text-decoration: none; } .exad-card.left .exad-card-action { margin-right: auto; } .exad-card.center .exad-card-action { margin-right: auto; margin-left: auto; } .exad-card.right .exad-card-action { margin-left: auto; } .exad-card.text_on_image { position: relative; overflow: hidden; } .exad-card.text_on_image::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 5px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; transform-origin: left center; transition: all .2s ease; z-index: 1; } .exad-card.text_on_image:hover::before { -webkit-transform: scaleX(1); transform: scaleX(1); } .exad-card.text_on_image .exad-card-thumb { position: relative; } .exad-card-thumb { overflow: hidden; } .exad-card.left .exad-card-thumb { margin-right: auto; } .exad-card.center .exad-card-thumb { margin-left: auto; margin-right: auto; } .exad-card.right .exad-card-thumb { margin-left: auto; } .exad-card .exad-card-thumb img { height: 100%; width: 100%; object-fit: cover; -o-object-fit: cover; } .exad-card.text_on_image .exad-card-thumb img { width: 100%; } .exad-card.text_on_image .exad-card-thumb::after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.99) 0%, rgba(128, 128, 128, 0.1) 50%, rgba(255, 255, 255, 0.1) 100%); } .exad-card.text_on_image .exad-card-body { position: absolute; left: 0; bottom: 0; right: 0; } .exad-card.yes .exad-card-thumb img{ transform: scale(1); transition: all .3s ease; } .exad-card:hover.yes .exad-card-thumb img{ transform: scale(1.15); } .exad-card{ position: relative; } .exad-card-badge{ position: absolute; } /* Card Style End */ /* Contact Form 7 Start */ .exad-contact-form-7 .wpcf7 { width: 100%; } .exad-contact-form { display: flex; flex-wrap: wrap; position: relative; margin-bottom: 30px; } .exad-contact-form .exad-contact-form-title { display: block; width: 100%; margin-bottom: 30px; font-size: 30px; color: #132c47; font-weight: 500; } .exad-contact-form .exad-contact-form-input-group { width: 100%; margin-bottom: 20px; position: relative; } @media (max-width: 575px) { .exad-contact-form .exad-contact-form-input-group { width: 100%; } } .exad-contact-form-7 input[type="text"], .exad-contact-form-7 input[type="email"], .exad-contact-form-7 input[type="url"], .exad-contact-form-7 input[type="password"], .exad-contact-form-7 input[type="search"], .exad-contact-form-7 input[type="number"], .exad-contact-form-7 input[type="tel"], .exad-contact-form-7 input[type="range"], .exad-contact-form-7 input[type="date"], .exad-contact-form-7 input[type="month"], .exad-contact-form-7 input[type="week"], .exad-contact-form-7 input[type="time"], .exad-contact-form-7 input[type="datetime"], .exad-contact-form-7 input[type="datetime-local"], .exad-contact-form-7 input[type="color"], .exad-contact-form-7 textarea { width: 100%; border: none; } .exad-contact-form-7 label { display: block; } .exad-contact-form-7 textarea { height: auto; } .exad-contact-form .exad-contact-form-input-group label { display: inline-block; position: relative; margin-right: 20px; margin-top: 20px; padding: 0 0 0 25px; } .exad-contact-form .exad-contact-form-input-group label input { opacity: 0; height: 0; width: 0; position: absolute; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .exad-contact-form .exad-contact-form-input-group label input:checked ~ .checkmark:after { display: block; } .exad-contact-form .exad-contact-form-input-group label input:checked ~ .checkmark { background-color: #4ce2bd; border: none; } .exad-contact-form .exad-contact-form-input-group label .checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #fff; border: 1px solid #e3e6ec; } .exad-contact-form .exad-contact-form-input-group label .checkmark::after { content: "\e90e"; font-family: eicons; position: absolute; display: none; color: #fff; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 12px; } .exad-contact-form-7 .wpcf7-form input[type="submit"] { transition: all .4s ease; display: flex; } .exad-contact-form-7 .exad-cf7-column{ display: grid; grid-auto-flow: column; grid-column-gap: 15px; } .exad-contact-form .exad-contact-form-input-action i { margin-left: 10px; } .exad-contact-form.two { display: flex; flex-wrap: wrap; } .exad-contact-form-7 br{ display: none;} /* Contact Form 7 End */ /* Corona Style Start */ .exad-corona-wrapper.exad-col-1, .exad-corona-wrapper.exad-col-2, .exad-corona-wrapper.exad-col-3, .exad-corona-wrapper.exad-col-4, .exad-corona-wrapper.exad-col-5, .exad-corona-wrapper.exad-col-6 { display: flex; flex-wrap: wrap; margin: 0 -10px; } .exad-corona-wrapper .exad-corona-col { padding: 0px 10px 20px 10px; } .exad-corona-wrapper.exad-col-1 .exad-corona-col { flex: 0 0 100%; max-width: 100%; } .exad-corona-wrapper.exad-col-2 .exad-corona-col { flex: 0 0 50%; max-width: 50%; } .exad-corona-wrapper.exad-col-3 .exad-corona-col { flex: 0 0 33.333333%; max-width: 33.333333%; } .exad-corona-wrapper.exad-col-4 .exad-corona-col { flex: 0 0 25%; max-width: 25%; } .exad-corona-wrapper.exad-col-5 .exad-corona-col { flex: 0 0 20%; max-width: 20%; } .exad-corona-content-horizontal { display: flex; flex-direction: row; } .exad-corona-content-vertical { display: flex; flex-direction: column; } .exad-corona-wrapper.exad-col-6 .exad-corona-col { flex: 0 0 16.66666%; max-width: 16.666666%; } @media (max-width: 991px) { .exad-corona-wrapper.exad-col-4 .exad-corona-col, .exad-corona-wrapper.exad-col-5 .exad-corona-col, .exad-corona-wrapper.exad-col-6 .exad-corona-col { flex: 0 0 33.333333%; max-width: 33.333333%; } } @media (max-width: 767px) { .exad-corona-wrapper.exad-col-1 .exad-corona-col, .exad-corona-wrapper.exad-col-2 .exad-corona-col, .exad-corona-wrapper.exad-col-3 .exad-corona-col, .exad-corona-wrapper.exad-col-4 .exad-corona-col, .exad-corona-wrapper.exad-col-5 .exad-corona-col, .exad-corona-wrapper.exad-col-6 .exad-corona-col { flex: 0 0 100%; max-width: 100%; padding: 0 10px 20px 10px; } } .flag-row{ width: 80px; } .flag img{ width: 35px; height: auto; } .exad-corona-search-form{ width: 350px; height: 50px; margin-bottom: 20px; position: relative; } .exad-corona-search-icon{ position: absolute; top: 50%; transform: translateY(-50%); left: 20px; } .exad-corona-search-form input{ height: 100%; width: 100%; } .exad-data-table .exad-data-table-row td, .exad-data-table .exad-corona-table-heading th{ padding: 15px; } .exad-corona-table-heading.yes th { position: sticky; position: -webkit-sticky; top: -2px; } .admin-bar .exad-corona-table-heading.yes th { position: sticky; position: -webkit-sticky; top: 30px; } .exad-covid-continent-btn{ transition: all .3s ease; display: inline-block; } .exad-covid-continent-btn:focus{ outline: 0; } .exad-corona-heading.inline{ display: flex; justify-content: space-between; } .exad-corona-heading.inline .exad-corona-last-update{ order: 2; } @media (max-width: 769px) { .exad-corona-table{ overflow-x: scroll; } } .exad-corona-table.yes{ overflow-y: scroll!important; } .admin-bar .exad-corona-table.yes .exad-corona-table-heading.yes th{ top: 0; } /* Corona Style End */ /* Countdown Timer Start */ .exad-countdown-description { text-align: center; margin-bottom: 90px; position: relative; z-index: 2; } .exad-countdown-description h2 { font-size: 40px; color: #0a1724; font-weight: 500; margin-bottom: 23px; position: relative; } .exad-countdown-description p { margin-bottom: 0; padding: 0 300px; } .exad-countdown-description { color: #fff; } .exad-countdown-description h2 { color: #fff; } .exad-countdown { display: flex; flex-wrap: wrap; position: relative; z-index: 2; } .exad-countdown .exad-countdown-container { width: calc((100% / 4) - 23px); margin-right: 30px; text-align: center; } .exad-countdown-content-container.yes .exad-countdown{ justify-content: center; } .exad-countdown-content-container.yes .exad-countdown .exad-countdown-container{ position: relative; } .exad-countdown-content-container.yes .exad-countdown-timer-wrapper{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .exad-countdown .exad-countdown-container:last-child { margin-right: 0px; } .exad-countdown .exad-countdown-container .exad-countdown-timer-wrapper > span { display: block; } .exad-countdown .exad-countdown-count { line-height: 1; } .exad-countdown .exad-countdown-count { position: relative; } .exad-countdown.exad-countdown-divider .exad-countdown-container { position: relative; } .exad-countdown.exad-countdown-divider .exad-countdown-container::after { content: ":"; font-weight: 100; position: absolute; right: 0; top: 10%; color: #ffffff; font-size: 70px; } .exad-countdown.exad-countdown-divider .exad-countdown-container:last-child::after { display: none; } .exad-countdown .exad-countdown-count { font-size: 80px; color: #000; text-align: center; } .exad-countdown .exad-countdown-title { color: #0a1724; text-align: center; } .exad-coundown-bg > svg { position: absolute; bottom: 0; left: 0; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .exad-coundown-bg > svg > path { fill: rgba(255, 255, 255, 0.078); } .exad-countdoen-watermark { font-size: 200px; color: inherit; position: absolute; top: 0; left: 0; width: 100%; display: block; font-weight: 700; } .exad-countdown-offer-limitation-title { font-size: 20px; font-weight: 400; color: #fff; margin-bottom: 38px; position: relative; z-index: 2; } .exad-countdown .message { text-align: center; font-size: 30px; font-weight: 700; width: 100%; margin-bottom: 0; } .exad-countdown-banner { padding: 194px 0; } .exad-countdown-banner .exad-countdown-description { margin-bottom: 117px; } @media (max-width: 1200px) { .exad-countdown-description p { padding: 0 150px; } } @media (max-width: 991px) { .exad-countdown-description p { padding: 0 20px; } .exad-coundown-bg > svg, .exad-countdoen-watermark { display: none; } } @media (max-width: 767px) { .exad-countdown .exad-countdown-container { width: calc((100% / 2) - 20px); margin-right: 10px; margin-left: 10px; margin-bottom: 20px; padding: 23px 10px; } .exad-countdown .exad-countdown-container.gradient-version, .exad-countdown .exad-countdown-container.image-version, .exad-countdown .exad-countdown-container.modern { padding-left: 15px; padding-right: 15px; } .exad-countdown .exad-countdown-container { width: calc((100% / 2) - 20px); margin-right: 10px; margin-left: 10px; } .exad-countdown .exad-countdown-count { font-size: 40px; } .exad-countdown.exad-countdown-divider .exad-countdown-container::after { top: 0; } .exad-countdown.exad-countdown-divider .exad-countdown-container:nth-child(2)::after { display: none; } } @media (max-width: 480px) { .exad-countdown .exad-countdown-container { width: calc(100% - 20px); } .exad-countdown.exad-countdown-divider .exad-countdown-container::after { display: none; } } @media (max-width: 400px) { .exad-countdown-banner { padding: 97px 0; } .exad-countdown-banner .exad-countdown-description { margin-bottom: 58.5px; } .exad-countdown-description.two p { padding-right: 0px; } } /* Countdown Timer End */ /* Exad Dual Button Style Start */ .exad-dual-button{ display: table; } .exad-dual-button.exad-dual-button-align-left{ margin-right: auto; } .exad-dual-button.exad-dual-button-align-center{ margin-left: auto; margin-right: auto; } .exad-dual-button.exad-dual-button-align-right{ margin-left: auto; } .exad-dual-button-action{ display: inline-block; text-decoration: none; } .exad-dual-button-primary { position: relative; } .exad-dual-button-connector{ position: absolute; top: 50%; right: 0; transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); z-index: 10; } .exad-dual-button-connector span{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } /* effect 1 style */ .exad-dual-button-primary.effect-1, .exad-dual-button-secondary.effect-1, .exad-dual-button-primary.effect-2, .exad-dual-button-secondary.effect-2, .exad-dual-button-primary.effect-3, .exad-dual-button-secondary.effect-3, .exad-dual-button-primary.effect-4, .exad-dual-button-secondary.effect-4, .exad-dual-button-primary.effect-6, .exad-dual-button-secondary.effect-6 { position: relative; transition: all .3s ease; } .exad-dual-button-primary.effect-1::before, .exad-dual-button-secondary.effect-1::before { position: absolute; content: ''; height: 100%; width: 0; top: 0; left: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .exad-dual-button-primary.effect-1:hover, .exad-dual-button-secondary.effect-1:hover { z-index: 1; } .exad-dual-button-primary.effect-1:hover::before, .exad-dual-button-secondary.effect-1:hover::before { width: 100%; z-index: -1; } /* effect 2 style */ .exad-dual-button-primary.effect-2::before, .exad-dual-button-secondary.effect-2::before { position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-transform-origin: center center; transform-origin: center center; } .exad-dual-button-primary.effect-2:hover, .exad-dual-button-secondary.effect-2:hover { z-index: 1; } .exad-dual-button-primary.effect-2:hover::before, .exad-dual-button-secondary.effect-2:hover::before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; z-index: -1; } /* effect 3 style */ .exad-dual-button-primary.effect-3::before, .exad-dual-button-secondary.effect-3::before { position: absolute; content: ''; height: 0; width: 100%; bottom: 0; left: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .exad-dual-button-primary.effect-3:hover, .exad-dual-button-secondary.effect-3:hover { z-index: 1; } .exad-dual-button-primary.effect-3:hover::before, .exad-dual-button-secondary.effect-3:hover::before { height: 100%; z-index: -1; } /* effect 4 style */ .exad-dual-button-primary.effect-4::before, .exad-dual-button-secondary.effect-4::before{ position: absolute; content: ''; top: 50%; bottom: 50%; left: 0; right: 0; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .exad-dual-button-primary.effect-4:hover, .exad-dual-button-secondary.effect-4:hover { z-index: 1; } .exad-dual-button-primary.effect-4:hover::before, .exad-dual-button-secondary.effect-4:hover::before { top: 0; bottom: 0; opacity: 1; z-index: -1; } /* effect 5 style */ .exad-dual-button-primary.effect-5, .exad-dual-button-secondary.effect-5{ -webkit-transition: all .3s ease; transition: all .3s ease; } /* effect 6 style */ .exad-dual-button-primary.effect-6::before, .exad-dual-button-secondary.effect-6::before { position: absolute; content: ''; height: 100%; width: 0; top: 0; right: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .exad-dual-button-primary.effect-6:hover, .exad-dual-button-secondary.effect-6:hover { z-index: 1; } .exad-dual-button-primary.effect-6:hover::before, .exad-dual-button-secondary.effect-6:hover::before { width: 100%; z-index: -1; } /* Exad Dual Button Style end */ /* Dual heading Start */ .exad-dual-heading .exad-dual-heading-wrapper { padding: 5px; } .exad-dual-heading .exad-dual-heading-wrapper .exad-dual-heading-description { line-height: 26px; margin: 30px 0 0 0; padding: 10px; font-weight: 400; } .exad-dual-heading .exad-dual-heading-wrapper .exad-dual-heading-icon { display: inline-block; } .exad-dual-heading .exad-dual-heading-wrapper .exad-dual-heading-icon i { font-size: 36px; } .exad-dual-heading .exad-dual-heading-wrapper .exad-dual-heading-title { font-size: 36px; margin-top: 10px; } .exad-dual-heading .exad-dual-heading-wrapper .exad-dual-heading-title { font-size: 30px; color: #132c47; text-transform: uppercase; font-weight: bold; text-decoration: none; } .exad-dual-heading .exad-dual-heading-wrapper .exad-dual-heading-title .first-heading, .exad-dual-heading .exad-dual-heading-wrapper .exad-dual-heading-title .second-heading { padding: 15px 10px; } .exad-dual-heading .exad-dual-heading-wrapper .exad-dual-heading-title span { color: #132c47; } /* Dual heading End */ /* Facebook Feed Css Starts */ .exad-facebook-feed-wrapper .exad-facebook-meta { display: flex; align-items: center; } .exad-facebook-feed-wrapper .exad-facebook-author { display: flex; align-items: center; } .exad-facebook-feed-wrapper .exad-facebook-author .exad-facebook-avatar { width: 50px; border-radius: 50%; } .exad-facebook-feed-wrapper .exad-facebook-likes { margin-right: 15px; } .exad-facebook-feed-wrapper .exad-facebook-feed-item{ position: relative; display: flex; } .exad-facebook-feed-wrapper.exad-layout-2 .exad-facebook-feed-item .exad-facebook-feed-feature-image, .exad-facebook-feed-wrapper.exad-layout-3 .exad-facebook-feed-item .exad-facebook-feed-feature-image{ flex-direction: row; } .exad-facebook-feed-wrapper.exad-layout-3 .exad-facebook-feed-item .exad-facebook-feed-feature-image{ order: 2; } .exad-facebook-feed-wrapper .exad-facebook-feed-item .exad-facebook-feed-feature-image img{ width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } .exad-facebook-feed-wrapper{ display: grid; } .exad-facebook-footer-wrapper{ position: absolute; bottom: 0; width: 100%; left: 0; } .exad-facebook-author-name{ display: block; } /* Facebook Feed Css Ends */ /* Filterable Gallery Start */ /* .exad-filterable-items { text-align: center; } */ @media(max-width: 575px) { .exad-filterable-items.exad-filterable-menu-container-align-left, .exad-filterable-items.exad-filterable-menu-container-align-right { display: block !important; } .exad-filterable-items.exad-filterable-menu-container-align-left .exad-filterable-controls, .exad-filterable-items.exad-filterable-menu-container-align-right .exad-filterable-controls, .exad-filterable-items.exad-filterable-menu-container-align-left .exad-filterable-menu-container, .exad-filterable-items.exad-filterable-menu-container-align-right .exad-filterable-menu-container { width: 100% !important; } } .exad-filterable-items.exad-filterable-menu-container-align-left, .exad-filterable-items.exad-filterable-menu-container-align-right { display: flex; } .exad-filterable-items.exad-filterable-menu-container-align-left .exad-filterable-menu-container, .exad-filterable-items.exad-filterable-menu-container-align-right .exad-filterable-menu-container { width: 20%; display: flex; flex-direction: column; } .exad-filterable-items.exad-filterable-menu-container-align-left .exad-filterable-menu-container { order: 0; } .exad-filterable-items.exad-filterable-menu-container-align-right .exad-filterable-menu-container { order: 1; } .exad-filterable-items.exad-filterable-menu-container-align-left .exad-filterable-controls, .exad-filterable-items.exad-filterable-menu-container-align-right .exad-filterable-controls { width: 80%; } .exad-filterable-items .exad-filterable-content-wrapper { position: relative; overflow: hidden; } .exad-filterable-items .exad-filterable-image .exad-filterable-thumbnail-holder { position: absolute; top: 0; left: 0; width: 100.1%; height: 100.1%; background-position: center; background-size: cover; z-index: 0; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; will-change: transform; overflow: hidden; } .exad-filterable-items .exad-filterable-image { position: relative; background-color: #eeeeee; padding-bottom: 80%; } .exad-filterable-menu .filter-item { background: none; border: none; cursor: pointer; outline: none; transition: all .3s ease; text-transform: capitalize; display: inline-block; } .exad-filterable-items .filterable-post-container { display: flex; flex-wrap: wrap; } .exad-filterable-items .filterable-post-container .exad-filterable-item { position: relative; overflow: hidden; } /* @media (max-width: 991px) { .exad-filterable-items .filterable-post-container .exad-filterable-item { width: 50%; } } @media (max-width: 575px) { .exad-filterable-items .filterable-post-container .exad-filterable-item { width: 100%; } } */ .exad-filterable-items .filterable-post-container .exad-filterable-item img { width: 100%; display: block; } .exad-filterable-items .filterable-post-container .exad-filterable-item .exad-filterable-item-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(114, 76, 255, 0.8); transition: all .3s ease; } .exad-filterable-items .filterable-post-container .exad-filterable-item .exad-filterable-item-overlay .exad-filterable-item-overlay-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .exad-filterable-items .filterable-post-container .exad-filterable-item .exad-filterable-item-overlay .exad-filterable-item-overlay-content .exad-fg-icons { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; } .exad-filterable-items .filterable-post-container .exad-filterable-item .exad-filterable-item-overlay .exad-filterable-item-overlay-content .exad-filterable-item-content { position: absolute; right: 0; bottom: 0; left: 0; } .exad-filterable-items .filterable-post-container .exad-filterable-item .exad-filterable-item-overlay .exad-filterable-item-overlay-content a { height: 60px; width: 60px; margin-right: 10px; position: relative; cursor: pointer; display: inline-block; transition: all .3s ease; border-radius: 100%; } .exad-filterable-items .exad-filterable-item-content.below-image { display: flex; flex-direction: column; } .exad-filterable-items .exad-filterable-item-content h2 { margin: 10px 0px 10px 0px; font-size: 20px; } .exad-filterable-items .exad-filterable-item-content p { margin: 10px 0px 10px 0px; } .exad-filterable-items .filterable-post-container .exad-filterable-item .exad-filterable-item-overlay .exad-filterable-item-overlay-content a i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .exad-filterable-items .filterable-post-container .exad-filterable-item .exad-filterable-item-overlay.exad-zoom-in{ -webkit-transform: scale(0); transform: scale(0); } .exad-filterable-items .filterable-post-container .exad-filterable-item:hover .exad-filterable-item-overlay.exad-zoom-in{ -webkit-transform: scale(1); transform: scale(1); } .exad-filterable-items .filterable-post-container .exad-filterable-item .exad-filterable-item-overlay.exad-slide-left{ -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } .exad-filterable-items .filterable-post-container .exad-filterable-item:hover .exad-filterable-item-overlay.exad-slide-left{ -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } .exad-filterable-items .filterable-post-container .exad-filterable-item .exad-filterable-item-overlay.exad-slide-right{ -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } .exad-filterable-items .filterable-post-container .exad-filterable-item:hover .exad-filterable-item-overlay.exad-slide-right{ -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } .exad-filterable-items .filterable-post-container .exad-filterable-item .exad-filterable-item-overlay.exad-slide-top{ -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } .exad-filterable-items .filterable-post-container .exad-filterable-item:hover .exad-filterable-item-overlay.exad-slide-top{ -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } .exad-filterable-items .filterable-post-container .exad-filterable-item .exad-filterable-item-overlay.exad-slide-bottom{ -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; } .exad-filterable-items .filterable-post-container .exad-filterable-item:hover .exad-filterable-item-overlay.exad-slide-bottom{ -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } .exad-filterable-items .exad-row-wrapper .exad-post-grid-container .exad-post-grid-thumbnail:before{ display: none; } /* .filterable-post-container .exad-filterable-item.exad-col-1 { width: 100%; } .filterable-post-container .exad-filterable-item.exad-col-2 { width: 50%; } .filterable-post-container .exad-filterable-item.exad-col-3 { width: 33.3333333333333%; } .filterable-post-container .exad-filterable-item.exad-col-4 { width: 25%; } */ /* @media only screen and (max-width: 991px) { .filterable-post-container .exad-filterable-item.exad-col-1, .filterable-post-container .exad-filterable-item.exad-col-2, .filterable-post-container .exad-filterable-item.exad-col-3, .filterable-post-container .exad-filterable-item.exad-col-4 { width: 50%; } } @media only screen and (max-width: 767px) { .filterable-post-container .exad-filterable-item.exad-col-1, .filterable-post-container .exad-filterable-item.exad-col-2, .filterable-post-container .exad-filterable-item.exad-col-3, .filterable-post-container .exad-filterable-item.exad-col-4 { width: 100%; } } */ /* Flterable filterable End */ /* Flip Box Start */ .exad-flip-box { -webkit-perspective: 1000px; perspective: 1000px; background-color: transparent; } .exad-flip-box-front-overlay, .exad-flip-box-back-overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .exad-flip-box-front-content, .exad-flip-box-back-content{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } .exad-flip-box:hover .left-to-right { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .exad-flip-box:hover .left-to-right .exad-flip-box-front { opacity: 0; } .exad-flip-box:hover .right-to-left { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .exad-flip-box:hover .right-to-left .exad-flip-box-front { opacity: 0; } .exad-flip-box:hover .top-to-bottom { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } .exad-flip-box:hover .top-to-bottom .exad-flip-box-front { opacity: 0; } .exad-flip-box:hover .bottom-to-top { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .exad-flip-box:hover .bottom-to-top .exad-flip-box-front { opacity: 0; } .exad-flip-box:hover .top-to-bottom-angle { -webkit-transform: rotate3d(1, 1, 0, -180deg); transform: rotate3d(1, 1, 0, -180deg); } .exad-flip-box:hover .top-to-bottom-angle .exad-flip-box-front { opacity: 0; } .exad-flip-box:hover .bottom-to-top-angle { -webkit-transform: rotate3d(1, 1, 0, 180deg); transform: rotate3d(1, 1, 0, 180deg); } .exad-flip-box:hover .bottom-to-top-angle .exad-flip-box-front { opacity: 0; } .exad-flip-box:hover .exad-flip-box-inner.fade-in-out .exad-flip-box-front { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); z-index: 2; } .exad-flip-box:hover .exad-flip-box-inner.fade-in-out .exad-flip-box-back { opacity: 1; -webkit-transform: scale(1); transform: scale(1); z-index: 3; } @media only screen and (max-width: 1023px) { .exad-flip-box.efb-hovered .left-to-right { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .exad-flip-box.efb-hovered .left-to-right .exad-flip-box-front { opacity: 0; } .exad-flip-box.efb-hovered .right-to-left { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .exad-flip-box.efb-hovered .right-to-left .exad-flip-box-front { opacity: 0; } .exad-flip-box.efb-hovered .top-to-bottom { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } .exad-flip-box.efb-hovered .top-to-bottom .exad-flip-box-front { opacity: 0; } .exad-flip-box.efb-hovered .bottom-to-top { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .exad-flip-box.efb-hovered .bottom-to-top .exad-flip-box-front { opacity: 0; } .exad-flip-box.efb-hovered .top-to-bottom-angle { -webkit-transform: rotate3d(1, 1, 0, -180deg); transform: rotate3d(1, 1, 0, -180deg); } .exad-flip-box.efb-hovered .top-to-bottom-angle .exad-flip-box-front { opacity: 0; } .exad-flip-box.efb-hovered .bottom-to-top-angle { -webkit-transform: rotate3d(1, 1, 0, 180deg); transform: rotate3d(1, 1, 0, 180deg); } .exad-flip-box.efb-hovered .bottom-to-top-angle .exad-flip-box-front { opacity: 0; } .exad-flip-box.efb-hovered .exad-flip-box-inner.fade-in-out .exad-flip-box-front { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); z-index: 2; } .exad-flip-box.efb-hovered .exad-flip-box-inner.fade-in-out .exad-flip-box-back { opacity: 1; -webkit-transform: scale(1); transform: scale(1); z-index: 3; } } .exad-flip-box .exad-flip-box-inner { position: relative; transition: -webkit-transform 1s cubic-bezier(.17,.67,.47,1.18); transition: transform 1s cubic-bezier(.17,.67,.47,1.18); transition: transform 1s, -webkit-transform 1s cubic-bezier(.17,.67,.47,1.18); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; width: 100%; height: 100%; } .exad-flip-box .exad-flip-box-inner .exad-flip-box-front { transition: all .5s cubic-bezier(.17,.67,.47,1.18); } .exad-flip-box .exad-flip-box-inner .exad-flip-box-front .exad-flip-box-front-title { font-size: 30px; } .exad-flip-box .exad-flip-box-inner .exad-flip-box-back { position: absolute; top: 0; left: 0; width: 100%; } .exad-flip-box .exad-flip-box-front .exad-flip-box-front-image i { font-size: 50px; } .exad-flip-box .exad-flip-box-inner .exad-flip-box-back .exad-flip-box-back-action { text-decoration: none; transition: all .4s ease; display: inline-block; font-weight: 400; } .exad-flip-box .exad-flip-box-inner .exad-flip-box-back a.exad-flip-box-back-action:hover { cursor: pointer; } .exad-flip-box .exad-flip-box-inner.left-to-right .exad-flip-box-back { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .exad-flip-box .exad-flip-box-inner.right-to-left .exad-flip-box-back { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .exad-flip-box .exad-flip-box-inner.top-to-bottom .exad-flip-box-back { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .exad-flip-box .exad-flip-box-inner.bottom-to-top .exad-flip-box-back { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } .exad-flip-box .exad-flip-box-inner.top-to-bottom-angle .exad-flip-box-front { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .exad-flip-box .exad-flip-box-inner.top-to-bottom-angle .exad-flip-box-back { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotate3d(1, 1, 0, 180deg); transform: rotate3d(1, 1, 0, 180deg); } .exad-flip-box .exad-flip-box-inner.bottom-to-top-angle .exad-flip-box-front { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .exad-flip-box .exad-flip-box-inner.bottom-to-top-angle .exad-flip-box-back { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotate3d(1, 1, 0, -180deg); transform: rotate3d(1, 1, 0, -180deg); } .exad-flip-box .exad-flip-box-inner.fade-in-out .exad-flip-box-front { transition: all .8s cubic-bezier(.17,.67,.47,1.18); -webkit-transform: scale(1); transform: scale(1); } .exad-flip-box .exad-flip-box-inner.fade-in-out .exad-flip-box-back { position: absolute; top: 0; left: 0; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); transition: all .8s cubic-bezier(.17,.67,.47,1.18); } .exad-flip-box .exad-flip-box-inner.three-d-flip .exad-flip-box-front { -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.3, 1.32); transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.3, 1.32); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.3, 1.32); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.3, 1.32), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.3, 1.32); -webkit-transform: rotateY(0); transform: rotateY(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; min-height: 280px; background: #ffffff; } .exad-flip-box .exad-flip-box-inner.three-d-flip .exad-flip-box-front .exad-flip-box-front-content { -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94); transform: translateY(-50%) translateZ(60px) scale(0.94); top: 50%; position: absolute; left: 0; width: 100%; -webkit-perspective: inherit; perspective: inherit; } .exad-flip-box .exad-flip-box-inner.three-d-flip .exad-flip-box-back { position: absolute; top: 0; left: 0; -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.3, 1.32); transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.3, 1.32); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.3, 1.32); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.3, 1.32), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.3, 1.32); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; min-height: 280px; height: auto; width: 100%; background: #ffffff; } .exad-flip-box .exad-flip-box-inner.three-d-flip .exad-flip-box-back .exad-flip-box-back-content { -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94); transform: translateY(-50%) translateZ(60px) scale(0.94); top: 50%; position: absolute; left: 0; width: 100%; -webkit-perspective: inherit; perspective: inherit; } .exad-flip-box .exad-flip-box-inner.three-d-flip:hover .exad-flip-box-front, .exad-flip-box .exad-flip-box-inner.three-d-flip:hover .exad-flip-box-back { -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.3, 1.32); transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.3, 1.32); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.3, 1.32); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.3, 1.32), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.3, 1.32); } .exad-flip-box .exad-flip-box-inner.three-d-flip:hover .exad-flip-box-front { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .exad-flip-box .exad-flip-box-inner.three-d-flip:hover .exad-flip-box-back { -webkit-transform: rotateY(0); transform: rotateY(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .exad-flip-box .exad-flip-box-inner.fade .exad-flip-box-back{ opacity: 0; transition: all 0.5s ease; } .exad-flip-box .exad-flip-box-inner.fade:hover .exad-flip-box-front { opacity: 0; } .exad-flip-box .exad-flip-box-inner.fade:hover .exad-flip-box-back { opacity: 1; } .exad-flip-box-front.left .exad-flip-box-front-image, .exad-flip-box-back.left .exad-flip-box-back-image { margin-right: auto; } .exad-flip-box-front.center .exad-flip-box-front-image, .exad-flip-box-back.center .exad-flip-box-back-image { margin-left: auto; margin-right: auto; } .exad-flip-box-front.right .exad-flip-box-front-image, .exad-flip-box-back.right .exad-flip-box-back-image { margin-left: auto; } .exad-flip-box .exad-flip-box-inner .exad-flip-box-front .exad-flip-box-front-image, .exad-flip-box .exad-flip-box-inner .exad-flip-box-back .exad-flip-box-back-image { position: relative; } .exad-flip-box .exad-flip-box-inner .exad-flip-box-front .exad-flip-box-front-image i,.exad-flip-box .exad-flip-box-inner .exad-flip-box-front .exad-flip-box-front-image svg, .exad-flip-box .exad-flip-box-inner .exad-flip-box-back .exad-flip-box-back-image i, .exad-flip-box .exad-flip-box-inner .exad-flip-box-back .exad-flip-box-back-image svg{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .exad-flip-box .exad-flip-box-inner .exad-flip-box-front .exad-flip-box-front-image img,.exad-flip-box .exad-flip-box-inner .exad-flip-box-back .exad-flip-box-back-image img{ width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } /* Flip Box End */ /* Exclusive Addons Font CSS starts */ @font-face { font-family: 'Exclusive Icons'; src: url('../fonts/exad-logo.eot?1gib8x'); src: url('../fonts/exad-logo.eot?1gib8x#iefix') format('embedded-opentype'), url('../fonts/exad-logo.ttf?1gib8x') format('truetype'), url('../fonts/exad-logo.woff?1gib8x') format('woff'), url('../fonts/exad-logo.svg?1gib8x#exad-logo') format('svg'); font-weight: normal; font-style: normal; font-display: block; } .exad { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Exclusive Icons' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .exad-logo:after { content: "\e900"; color: #fff; } /* Exclusive Addons Font CSS ends */ /* Filterable Gallery Start */ .exad-gallery-items { text-align: center; } .exad-gallery-items .exad-gallery-content-wrapper { position: relative; overflow: hidden; } .exad-gallery-items .exad-gallery-image .exad-gallery-thumbnail-holder { position: absolute; top: 0; left: 0; width: 100.1%; height: 100.1%; background-position: center; background-size: cover; z-index: 0; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; will-change: transform; overflow: hidden; } .exad-gallery-items .exad-gallery-image { position: relative; background-color: #eeeeee; padding-bottom: 80%; } .exad-gallery-menu { display: block; } .exad-gallery-menu .filter-item { background: none; border: none; cursor: pointer; outline: none; transition: all .3s ease; text-transform: capitalize; } .exad-gallery-items .exad-gallery-element { display: flex; flex-wrap: wrap; } .exad-gallery-items .exad-gallery-element .exad-gallery-item { position: relative; overflow: hidden; } @media (max-width: 991px) { .exad-gallery-items .exad-gallery-element .exad-gallery-item { width: 50%; } } @media (max-width: 575px) { .exad-gallery-items .exad-gallery-element .exad-gallery-item { width: 100%; } } .exad-gallery-items .exad-gallery-element .exad-gallery-item img { width: 100%; display: block; } .exad-gallery-items .exad-gallery-element .exad-gallery-item .exad-gallery-item-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(114, 76, 255, 0.8); transition: all .3s ease; } .exad-gallery-items .exad-gallery-element .exad-gallery-item .exad-gallery-item-overlay .exad-gallery-item-overlay-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .exad-gallery-items .exad-gallery-element .exad-gallery-item .exad-gallery-item-overlay .exad-gallery-item-overlay-content .exad-fg-icons { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; } .exad-gallery-items .exad-gallery-element .exad-gallery-item .exad-gallery-item-overlay .exad-gallery-item-overlay-content .exad-gallery-item-content { position: absolute; right: 0; bottom: 0; left: 0; } .exad-gallery-items .exad-gallery-element .exad-gallery-item .exad-gallery-item-overlay .exad-gallery-item-overlay-content a { height: 60px; width: 60px; margin-right: 10px; position: relative; cursor: pointer; display: inline-block; transition: all .3s ease; border-radius: 100%; } .exad-gallery-items .exad-gallery-item-content.below-image { display: flex; flex-direction: column; } .exad-gallery-items .exad-gallery-item-content h2 { margin: 10px 0px 10px 0px; font-size: 20px; } .exad-gallery-items .exad-gallery-item-content p { margin: 10px 0px 10px 0px; } .exad-gallery-items .exad-gallery-element .exad-gallery-item .exad-gallery-item-overlay .exad-gallery-item-overlay-content a i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .exad-gallery-items .exad-gallery-element .exad-gallery-item .exad-gallery-item-overlay.exad-zoom-in{ -webkit-transform: scale(0); transform: scale(0); } .exad-gallery-items .exad-gallery-element .exad-gallery-item:hover .exad-gallery-item-overlay.exad-zoom-in{ -webkit-transform: scale(1); transform: scale(1); } .exad-gallery-items .exad-gallery-element .exad-gallery-item .exad-gallery-item-overlay.exad-slide-left{ -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } .exad-gallery-items .exad-gallery-element .exad-gallery-item:hover .exad-gallery-item-overlay.exad-slide-left{ -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } .exad-gallery-items .exad-gallery-element .exad-gallery-item .exad-gallery-item-overlay.exad-slide-right{ -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } .exad-gallery-items .exad-gallery-element .exad-gallery-item:hover .exad-gallery-item-overlay.exad-slide-right{ -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } .exad-gallery-items .exad-gallery-element .exad-gallery-item .exad-gallery-item-overlay.exad-slide-top{ -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } .exad-gallery-items .exad-gallery-element .exad-gallery-item:hover .exad-gallery-item-overlay.exad-slide-top{ -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } .exad-gallery-items .exad-gallery-element .exad-gallery-item .exad-gallery-item-overlay.exad-slide-bottom{ -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; } .exad-gallery-items .exad-gallery-element .exad-gallery-item:hover .exad-gallery-item-overlay.exad-slide-bottom{ -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } .exad-gallery-element .exad-gallery-item.exad-col-1 { width: 100%; } .exad-gallery-element .exad-gallery-item.exad-col-2 { width: 50%; } .exad-gallery-element .exad-gallery-item.exad-col-3 { width: 33.3333333333333%; } .exad-gallery-element .exad-gallery-item.exad-col-4 { width: 25%; } @media only screen and (max-width: 991px) { .exad-gallery-element .exad-gallery-item.exad-col-1, .exad-gallery-element .exad-gallery-item.exad-col-2, .exad-gallery-element .exad-gallery-item.exad-col-3, .exad-gallery-element .exad-gallery-item.exad-col-4 { width: 50%; } } @media only screen and (max-width: 767px) { .exad-gallery-element .exad-gallery-item.exad-col-1, .exad-gallery-element .exad-gallery-item.exad-col-2, .exad-gallery-element .exad-gallery-item.exad-col-3, .exad-gallery-element .exad-gallery-item.exad-col-4 { width: 100%; } } /* Flterable gallery End */ /*Exad Google Reviews starts here*/ .exad-google-reviews-carousel-wrapper .exad-google-reviews-carousel-quote { font-size: 16px; } .exad-carousel-nav-next i, .exad-google-reviews-carousel-wrapper .exad-carousel-nav-prev i { transition: 0.3s ease; color: #b1b1b1; line-height: 58px; } .exad-google-reviews-carousel-basic:before { position: absolute; content: '"'; font-family: Roboto, sans-serif; color: #f3f3f4; font-size: 400px; right: 100px; top: 50px; line-height: 400px; font-weight: 700; } .exad-google-reviews-carousel-circle { margin: 0 -15px; } .exad-google-reviews-carousel-circle .exad-google-reviews-carousel-ratings { padding-left: 0; margin-bottom: 0; list-style: none; margin-bottom: 30px; } .exad-google-reviews-carousel-circle .exad-google-reviews-carousel-ratings li { display: inline-block; font-size: 20px; } .exad-google-reviews-carousel-circle .exad-google-reviews-carousel-ratings li.exad-google-reviews-carousel-ratings-active i { color: #ff8e4a; } .exad-google-reviews-carousel-circle .exad-google-reviews-carousel-inner { background: #fff; outline: 0; margin: 0 15px; padding: 40px 30px; text-align: center; } .exad-google-reviews-carousel-circle .exad-google-reviews-carousel-image { position: relative; z-index: 1; width: 122px; height: 122px; margin: 0 auto; margin-bottom: 45px; } .exad-google-reviews-carousel-circle .exad-google-reviews-carousel-image img { position: absolute; width: 100px; height: 100px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .exad-google-reviews-carousel-circle .exad-google-reviews-carousel-image svg { position: absolute; width: 123px; height: 123px; z-index: -1; } .exad-google-reviews-carousel-circle .exad-google-reviews-carousel-image svg:first-child { left: 7px; bottom: 7px; } .exad-google-reviews-carousel-circle .exad-google-reviews-carousel-image svg:nth-child(2) { top: 7px; left: 7px; } .exad-google-reviews-carousel-circle .exad-google-reviews-carousel-image svg:nth-child(3) { right: 4px; top: 0; } .exad-google-reviews-carousel-circle .exad-google-reviews-carousel-image svg.violate { fill: #826eff; } .exad-google-reviews-carousel-circle .exad-google-reviews-carousel-image svg.orange { fill: #ff6a47; } .exad-google-reviews-carousel-circle .exad-google-reviews-carousel-image svg.cyan { fill: #3ad8f4; } .exad-google-reviews-carousel-circle .exad-google-reviews-carousel-name { font-size: 18px; font-family: Roboto, sans-serif; margin-bottom: 5px; } .exad-google-reviews-carousel-circle .exad-google-reviews-carousel-designation { font-size: 14px; } .exad-google-reviews-carousel-circle .exad-carousel-nav-next, .exad-google-reviews-carousel-circle .exad-carousel-nav-prev { position: absolute; z-index: 2; width: 60px; height: 60px; background: #fff; text-align: center; border-radius: 50%; border: 1px solid #e5e5e5; opacity: 0.7; transition: 0.3s ease; cursor: pointer; top: 50%; transform: translateY(-50%); } .exad-google-reviews-carousel-circle .exad-carousel-nav-next:hover, .exad-google-reviews-carousel-circle .exad-carousel-nav-prev:hover { box-shadow: 0 15px 39px 0 rgba(9, 24, 33, 0.06); opacity: 1; } .exad-google-reviews-carousel-circle .exad-carousel-nav-prev { left: -80px; } .exad-google-reviews-carousel-circle .exad-carousel-nav-next { right: -80px; } .exad-google-reviews-carousel-single { margin: 0; } .exad-google-reviews-carousel-single .exad-google-reviews-carousel-item { margin: 0 56px 100px; } .exad-google-reviews-carousel-single .exad-google-reviews-carousel-inner { display: flex; align-items: center; } .exad-google-reviews-carousel-single .exad-google-reviews-carousel-inner .exad-google-reviews-carousel-inner-left { flex-basis: 40%; } .exad-google-reviews-carousel-single .exad-google-reviews-carousel-inner .exad-google-reviews-carousel-inner-right { flex-basis: 58%; margin-left: 2%; } .exad-google-reviews-carousel-single .exad-google-reviews-carousel-name { font-size: 22px; font-family: Roboto, sans-serif; margin-bottom: 5px; } .exad-google-reviews-carousel-single .exad-google-reviews-carousel-designation { font-size: 16px; display: inline-block; margin-bottom: 25px; } .exad-google-reviews-carousel-single .exad-google-reviews-carousel-quote { margin-bottom: 25px; } .exad-google-reviews-carousel-single .exad-google-reviews-carousel-ratings { padding-left: 0; margin-bottom: 0; list-style: none; } .exad-google-reviews-carousel-single .exad-google-reviews-carousel-ratings li { display: inline-block; font-size: 20px; } .exad-google-reviews-carousel-single .exad-google-reviews-carousel-ratings li.exad-google-reviews-carousel-ratings-active i { color: #806bff; } .exad-google-reviews-carousel-single .exad-google-reviews-carousel-image { box-shadow: 0 40px 81px 0 rgba(9, 24, 33, 0.14); } .exad-google-reviews-carousel-single .exad-google-reviews-carousel-image img { width: 100%; } .exad-google-reviews-carousel-single .exad-carousel-nav-next, .exad-google-reviews-carousel-single .exad-carousel-nav-prev { position: absolute; display: block; width: 60px; height: 60px; cursor: pointer; background: #fff; text-align: center; border-radius: 50%; font-size: 25px; transition: 0.3s ease; margin-right: 20px; border: 1px solid #e5e5e5; bottom: 20px; z-index: 1; } .exad-google-reviews-carousel-single .exad-carousel-nav-next:hover, .exad-google-reviews-carousel-single .exad-carousel-nav-prev:hover { color: #fff; box-shadow: 0 19px 27px 0 rgba(56, 218, 232, 0.25); background: #806bff; } .exad-google-reviews-carousel-single .exad-carousel-nav-prev { left: 56px; } .exad-google-reviews-carousel-single .exad-carousel-nav-next { left: 126px; } @media only screen and (max-width: 630px) { .exad-google-reviews-carousel-single .exad-google-reviews-carousel-inner { flex-direction: column; align-items: flex-start; } } @media only screen and (max-width: 400px) { .exad-google-reviews-carousel-basic { padding: 50px; } .exad-google-reviews-carousel-basic .exad-google-reviews-carousel-name { font-size: 18px; } .exad-google-reviews-carousel-basic .exad-google-reviews-carousel-designation { font-size: 14px; } .exad-google-reviews-carousel-basic .exad-carousel-nav-next, .exad-google-reviews-carousel-basic .exad-carousel-nav-prev { bottom: 0; } .exad-google-reviews-carousel-basic .exad-carousel-nav-next { right: 25px; } .exad-google-reviews-carousel-basic .exad-carousel-nav-prev { right: 90px; } } .exad-google-reviews-ratings{ margin: 0; padding: 0; } .exad-google-reviews-ratings li{ list-style: none; display: inline-block; } .exad-google-reviews-thumb img { height: 100% !important; width: 100%; display: block; object-fit: cover; } .exad-google-reviews-thumb { background: #ffffff; } .exad-google-reviews-wrapper { border-radius: 10px 10px 10px 10px; padding: 20px 20px 20px 20px; } .exad-google-reviews-wrapper.exad-google-reviews-align-center{ text-align: center; } .exad-google-reviews-wrapper.exad-google-reviews-align-center .exad-google-reviews-thumb{ margin-left: auto; margin-right: auto; } .exad-google-reviews-wrapper.exad-google-reviews-align-bottom{ text-align: center; } .exad-google-reviews-wrapper.exad-google-reviews-align-bottom .exad-google-reviews-thumb{ margin-left: auto; margin-right: auto; } .exad-google-reviews-wrapper.exad-google-reviews-align-right{ text-align: right; } .exad-google-reviews-wrapper.exad-google-reviews-align-center .exad-google-reviews-thumb{ margin-left: auto; } .exad-google-reviews-wrapper.exad-google-reviews-align-left .exad-google-reviews-reviewer-wrapper .exad-google-reviews-thumb, .exad-google-reviews-wrapper.exad-google-reviews-align-right .exad-google-reviews-reviewer-wrapper .exad-google-reviews-thumb, .exad-google-reviews-wrapper.exad-google-reviews-align-center .exad-google-reviews-reviewer-wrapper .exad-google-reviews-thumb, .exad-google-reviews-wrapper.exad-google-reviews-align-bottom .exad-google-reviews-reviewer-wrapper .exad-google-reviews-thumb{ border-radius: 50% 50% 50% 50%; margin-bottom: 0px; } .exad-google-reviews-wrapper.exad-google-reviews-align-left .exad-google-reviews-reviewer-wrapper, .exad-google-reviews-wrapper.exad-google-reviews-align-right .exad-google-reviews-reviewer-wrapper{ display: flex; align-items: center; } .exad-google-reviews-wrapper.exad-google-reviews-align-left .exad-google-reviews-reviewer-wrapper .exad-google-reviews-reviewer{ padding-left: 20px; } .exad-google-reviews-wrapper.exad-google-reviews-align-right .exad-google-reviews-reviewer-wrapper .exad-google-reviews-reviewer{ padding-right: 20px; } .exad-google-reviews-wrapper.exad-google-reviews-align-right .exad-google-reviews-reviewer-wrapper{ justify-content: flex-end; } .exad-google-reviews-wrapper.exad-google-reviews-align-right .exad-google-reviews-reviewer-wrapper .exad-google-reviews-thumb{ order: 2; } .exad-google-reviews-wrapper.exad-google-reviews-align-right .exad-google-reviews-reviewer-wrapper .exad-google-reviews-reviewer{ order: 1; } .exad-google-reviews-description{ margin: 0; } .exad-google-reviews-name{ margin: 0; font-size: 22px; transition: all .3s ease; } .exad-google-reviews-designation{ margin: 0; display: block; font-size: 14px; } .exad-google-reviews-content-wrapper-arrow::before{ position: absolute; content: "\e92a"; font-family: eicons; transform: translateX(-50%); font-size: 25px; line-height: 1; } .exad-google-reviews-wrapper-inner.layout-2 .exad-google-reviews-content-wrapper-arrow::before{ /* top: -15px; */ transform: translateX(-50%) rotate(180deg); } .exad-google-reviews-wrapper { transition: all .3s ease; } .exad-google-reviews-content-wrapper-arrow{ position: relative; z-index: 1; } .exad-google-reviews-wrapper.exad-google-reviews-align-center .exad-google-reviews-wrapper-inner.layout-1 .exad-google-reviews-content-wrapper-arrow::before{ left: 50%; bottom: -15px; } .exad-google-reviews-wrapper.exad-google-reviews-align-bottom .exad-google-reviews-wrapper-inner.layout-1 .exad-google-reviews-content-wrapper-arrow::before{ left: 50%; bottom: -15px; } .exad-google-reviews-wrapper.exad-google-reviews-align-left .exad-google-reviews-wrapper-inner.layout-1 .exad-google-reviews-content-wrapper-arrow::before{ left: 40px; bottom: -15px; } .exad-google-reviews-wrapper.exad-google-reviews-align-right .exad-google-reviews-wrapper-inner.layout-1 .exad-google-reviews-content-wrapper-arrow::before{ right: 25px; bottom: -15px; } .exad-google-reviews-wrapper.exad-google-reviews-align-center .exad-google-reviews-wrapper-inner.layout-2 .exad-google-reviews-content-wrapper-arrow::before{ left: 50%; top: -15px; } .exad-google-reviews-wrapper.exad-google-reviews-align-bottom .exad-google-reviews-wrapper-inner.layout-2 .exad-google-reviews-content-wrapper-arrow::before{ left: 50%; top: -15px; } .exad-google-reviews-wrapper.exad-google-reviews-align-left .exad-google-reviews-wrapper-inner.layout-2 .exad-google-reviews-content-wrapper-arrow::before{ left: 40px; top: -15px; } .exad-google-reviews-wrapper.exad-google-reviews-align-right .exad-google-reviews-wrapper-inner.layout-2 .exad-google-reviews-content-wrapper-arrow::before{ right: 25px; top: -15px; } .exad-google-reviews-wrapper.exad-google-reviews-image-aside{ display: flex; align-items: center; } .exad-google-reviews-wrapper.exad-google-reviews-transition-top-yes:hover{ transform: translateY(-10px); } .exad-google-reviews-wrapper.exad-google-reviews-transition-top-yes{ transform: translateY(0px); -webkit-transition: all .3s ease; transition: all .3s ease; } .exad-google-reviews-carousel-wrapper.exad-google-reviews-carousel-dots-center .exad-swiper-pagination{ margin-left: auto; margin-right: auto; text-align: center; position: absolute; width: 100%; } .exad-google-reviews-carousel-wrapper.exad-google-reviews-carousel-dots-right .exad-swiper-pagination{ margin-left: auto; text-align: right; position: absolute; width: 100%; } .exad-google-reviews-carousel-wrapper.exad-google-reviews-carousel-dots-left .exad-swiper-pagination { margin-right: auto; text-align: left; position: absolute; width: 100%; } .exad-google-reviews-wrapper .exad-google-reviews-reviewer-wrapper .exad-google-reviews-reviewer .exad-author-name { line-height: 24px; } .exad-google-reviews-wrapper .exad-google-reviews-reviewer-wrapper .exad-google-reviews-reviewer .exad-author-name a{ margin: 0; font-size: 20px; line-height: 20px; transition: all .3s ease; } .exad-google-reviews-wrapper .exad-google-reviews-reviewer-wrapper .exad-google-reviews-reviewer .exad-google-reviews-date { margin: 0; display: block; font-size: 14px; } .exad-google-review-transition-top-yes { transform: translateY(0); transition: all .3s ease; } .exad-google-reviews-carousel-wrapper .exad-google-review-transition-top-yes:hover { transform: translateY(-10px); } .exad-google-reviews-carousel-wrapper .exad-dots-container .exad-swiper-pagination .swiper-pagination-bullet { transition: all 0.3s; } /*Exad Google Reviews End here*/ /* Image Comparison style start */ .exad-image-comparision .twentytwenty-horizontal .twentytwenty-handle:before, .exad-image-comparision .twentytwenty-horizontal .twentytwenty-handle:after, .exad-image-comparision .twentytwenty-vertical .twentytwenty-handle:before, .exad-image-comparision .twentytwenty-vertical .twentytwenty-handle:after { content: " "; display: block; background: white; position: absolute; z-index: 30; } .exad-image-comparision .twentytwenty-horizontal .twentytwenty-handle:before, .exad-image-comparision .twentytwenty-horizontal .twentytwenty-handle:after { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px; } .exad-image-comparision .twentytwenty-vertical .twentytwenty-handle:before, .exad-image-comparision .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; } .exad-image-comparision .twentytwenty-before-label, .exad-image-comparision .twentytwenty-after-label, .exad-image-comparision .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } .exad-image-comparision .twentytwenty-before-label, .exad-image-comparision .twentytwenty-after-label, .exad-image-comparision .twentytwenty-overlay { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .exad-image-comparision .twentytwenty-before-label, .exad-image-comparision .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } .exad-image-comparision .twentytwenty-before-label:before, .exad-image-comparision .twentytwenty-after-label:before { color: white; font-size: 13px; letter-spacing: 0.1em; } .exad-image-comparision .twentytwenty-before-label:before, .exad-image-comparision .twentytwenty-after-label:before { position: absolute; background: rgba(255, 255, 255, 0.2); line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .exad-image-comparision .twentytwenty-horizontal .twentytwenty-before-label:before, .exad-image-comparision .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -19px; } .exad-image-comparision .twentytwenty-vertical .twentytwenty-before-label:before, .exad-image-comparision .twentytwenty-vertical .twentytwenty-after-label:before { left: 50%; margin-left: -45px; text-align: center; } .exad-image-comparision .twentytwenty-left-arrow, .exad-image-comparision .twentytwenty-right-arrow, .exad-image-comparision .twentytwenty-up-arrow, .exad-image-comparision .twentytwenty-down-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; } .exad-image-comparision .twentytwenty-left-arrow, .exad-image-comparision .twentytwenty-right-arrow { top: 50%; margin-top: -6px; } .exad-image-comparision .twentytwenty-up-arrow, .exad-image-comparision .twentytwenty-down-arrow { left: 50%; margin-left: -6px; } .exad-image-comparision .twentytwenty-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .exad-image-comparision .twentytwenty-container img { max-width: 100%; position: absolute; top: 0; display: block; } .exad-image-comparision .twentytwenty-container.active .twentytwenty-overlay, .exad-image-comparision .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } .exad-image-comparision .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .exad-image-comparision .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .exad-image-comparision .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .exad-image-comparision .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .exad-image-comparision .twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .exad-image-comparision .twentytwenty-before-label { opacity: 0; } .exad-image-comparision .twentytwenty-before-label:before { content: attr(data-content); } .exad-image-comparision .twentytwenty-after-label { opacity: 0; } .exad-image-comparision .twentytwenty-after-label:before { content: attr(data-content); } .exad-image-comparision .twentytwenty-horizontal .twentytwenty-before-label:before { left: 10px; } .exad-image-comparision .twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; } .exad-image-comparision .twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; } .exad-image-comparision .twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; } .exad-image-comparision .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } .exad-image-comparision .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } .exad-image-comparision .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } .exad-image-comparision .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .exad-image-comparision .twentytwenty-before { z-index: 20; } .exad-image-comparision .twentytwenty-after { z-index: 10; } .exad-image-comparision .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; z-index: 40; cursor: pointer; } .exad-image-comparision .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; } .exad-image-comparision .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px; } .exad-image-comparision .twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px; } .exad-image-comparision .twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px; } .exad-image-comparision .twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -16px; } .exad-image-comparision .twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -16px; } .exad-image-comparision .twentytwenty-up-arrow { border-bottom: 6px solid white; top: 50%; margin-top: -16px; } .exad-image-comparision .twentytwenty-down-arrow { border-top: 6px solid white; bottom: 50%; margin-bottom: -16px; } /* Image Comparison style end */ /* Magnifying js styles */ .exad-image-magnify { width: 100%; position: relative; cursor: none } /*Lets create the magnifying glass*/ .exad-magnify-large { position: absolute; z-index: 1; display: none; } /*To solve overlap bug at the edges during magnification*/ .exad-magnify-small > img { display: block; z-index: -1; } /* InfoBox Start */ .exad-infobox-align-left { text-align: left; } .exad-infobox-align-center { text-align: center; } .exad-infobox-align-right { text-align: right; } .exad-infobox-align-left .exad-infobox-icon { margin-right: auto; text-align: left; } .exad-infobox-align-center .exad-infobox-icon { margin: 0 auto; text-align: center; } .exad-infobox-align-right .exad-infobox-icon { margin-left: auto; text-align: right; } .exad-infobox-item{ position: relative; } .simple-transition:hover{ transform: translateY(-10px); } .simple-transition{ transform: translateY(0px); -webkit-transition: all .3s ease; transition: all .3s ease; } .zoom-transition{ position: relative; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 1; } .zoom-transition::before { content: ''; position: absolute; -webkit-transform-origin: center center; transform-origin: center center; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: .3s ease; transition: .3s ease; z-index: -1; -webkit-transform: scale(0); transform: scale(0); } .zoom-transition:hover::before { -webkit-transform: scale(1); transform: scale(1); } .exad-infobox .exad-infobox-item { padding: 30px; transition: all 0.3s ease; } .exad-infobox .exad-infobox-item.exad-infobox-enable-box-yes .exad-infobox-icon { border-radius: 50%; position: relative; z-index: 1; transition: all .3s ease; } .exad-infobox .exad-infobox-item .exad-infobox-icon.style_1 { -webkit-animation: clip-1 10s linear infinite alternate forwards; animation: clip-1 10s linear infinite alternate forwards; } .exad-infobox .exad-infobox-item .exad-infobox-icon.style_2 { -webkit-animation: clip-2 10s linear infinite alternate forwards; animation: clip-2 10s linear infinite alternate forwards; } .exad-infobox .exad-infobox-item .exad-infobox-icon.style_3 { -webkit-animation: clip-3 10s linear infinite alternate forwards; animation: clip-3 10s linear infinite alternate forwards; } .exad-infobox .exad-infobox-item.exad-infobox-enable-box-yes .exad-infobox-icon::before { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 0; top: 0; z-index: -1; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: center center; transform-origin: center center; transition: .3s ease; } .exad-infobox .exad-infobox-item.exad-infobox-enable-box-yes .exad-infobox-icon i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all .3s ease; } .exad-infobox .exad-infobox-item.exad-infobox-enable-box-yes .exad-infobox-icon svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all .3s ease; } .exad-infobox .exad-infobox-item.exad-infobox-enable-box-yes .exad-infobox-icon img { height: 40px; width: 40px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .exad-infobox-content a{ display: block; } .exad-infobox-content-title { font-size: 30px; line-height: 1.5; font-weight: 600; transition: all .3s ease; } .exad-infobox-content-description { font-size: 16px; } .exad-infobox .exad-infobox-item .exad-infobox-content .exad-infobox-content-description { line-height: 1.5; } .exad-infobox .exad-infobox-item:hover .exad-infobox-icon::before { -webkit-transform: scale(1); transform: scale(1); } .exad-infobox-icon-position-left, .exad-infobox-icon-position-right{ display: flex; align-items: center; transition: .3s ease; } .exad-infobox-icon-position-left .exad-infobox-content, .exad-infobox-icon-position-right .exad-infobox-content { flex-basis: calc(100% - 100px); } .exad-infobox-icon-position-right .exad-infobox-content { order: 1; } .exad-infobox-icon-position-right .exad-infobox-icon { order: 2; } @keyframes clip-1{ 0%, 100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } } @keyframes clip-2 { 0%, 100% { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; } 25% { border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%; } 50% { border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%; } 75% { border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%; } } @keyframes clip-3 { 0%, 100% { border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%;; } 20% { border-radius: 45% 55% 62% 38% / 53% 51% 49% 47%; } 40% { border-radius: 45% 55% 49% 51% / 36% 51% 49% 64%; } 60% { border-radius: 60% 40% 57% 43% / 47% 62% 38% 53%; } 80% { border-radius: 60% 40% 32% 68% / 38% 36% 64% 62%; } } /* InfoBox End */ /* List Group CSS Start */ .exad-list-group-wrapper{ margin: 0; padding: 0; list-style: none; } .exad-list-group .exad-list-group-wrapper.layout_1{ display: flex; flex-direction: column; } .exad-list-group .exad-list-group-wrapper.layout_2{ display: flex; flex-direction: row; } .exad-list-group .exad-list-group-wrapper .exad-list-group-item, .exad-list-group .exad-list-group-wrapper .exad-list-group-item a{ position: relative; line-height: 1; display: flex; } .exad-list-group .exad-list-group-wrapper .exad-list-group-item.exad-icon-center, .exad-list-group .exad-list-group-wrapper .exad-list-group-item.exad-icon-center a{ flex-direction: column; } /* .exad-list-group .exad-list-group-wrapper .exad-list-group-item.exad-icon-left .exad-list-group-icon{ order: 1; } */ .exad-list-group .exad-list-group-wrapper .exad-list-group-item.exad-icon-right .exad-list-group-icon{ order: 2; } .exad-list-group .exad-list-group-wrapper .exad-list-group-item .exad-list-group-icon .exad-list-group-icon-image img{ width: 100%; height:100%; object-fit: cover; } .exad-list-group .exad-list-group-wrapper .exad-list-group-item .exad-list-group-icon .exad-list-group-icon-image{ display: flex; } .exad-list-group .exad-list-group-wrapper.layout_1 .exad-list-group-item:after{ position: absolute; bottom: 0; width: 100%; content: ''; left: 0; } .exad-list-group .exad-list-group-wrapper.layout_2 .exad-list-group-item:after{ position: absolute; right: 0; height: 100%; content: ''; top: 0; } .exad-list-group .exad-list-group-wrapper .exad-list-group-item .exad-list-group-icon.yes{ position: relative; } .exad-list-group .exad-list-group-wrapper .exad-list-group-item .exad-list-group-icon.yes i, .exad-list-group .exad-list-group-wrapper .exad-list-group-item .exad-list-group-icon.yes .exad-list-group-icon-image, .exad-list-group .exad-list-group-wrapper .exad-list-group-item .exad-list-group-icon.yes .exad-list-group-icon-number { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .exad-list-group .exad-list-group-wrapper .exad-list-group-item .exad-list-group-icon.yes .exad-list-group-icon-number{ line-height: 0; } @media (max-width: 768px) { .exad-list-group .exad-list-group-wrapper.layout_2{ flex-direction: column; } } /* List Group CSS End */ /* Logo Box style start */ .exad-logo-box .exad-logo-item { position: relative; border-radius: 2px; transition: all .3s ease; cursor: pointer; text-align: center; } .exad-logo-box.exad-logo-left .exad-logo-item { text-align: left; } .exad-logo-box.exad-logo-left .exad-logo-item.exad-logo-item-max-height-yes { justify-content: flex-start; } .exad-logo-box.exad-logo-center .exad-logo-item { text-align: center; } .exad-logo-box.exad-logo-center .exad-logo-item.exad-logo-item-max-height-yes { justify-content: center; } .exad-logo-box.exad-logo-right .exad-logo-item { text-align: right; } .exad-logo-box.exad-logo-right .exad-logo-item.exad-logo-item-max-height-yes { justify-content: flex-end; } .exad-logo-box .exad-logo-item img { vertical-align: middle; } .exad-logo-item.exad-logo-item-max-height-yes{ display: flex; align-items: center; } /* Logo Box style end */ /* Logo Carousel Style Start */ .exad-logo-carousel-element { visibility:hidden; opacity:0; transition: opacity .3s; } .exad-logo-carousel-element.slick-initialized { visibility:visible; opacity:1; } .exad-logo-carousel-element .exad-logo-carousel-item{ display:none ; } .exad-logo-carousel-element .exad-logo-carousel-item:first-child{ display:block; visibility:hidden; } .exad-logo-carousel-element.slick-initialized .exad-logo-carousel-item{ display:block; visibility:visible; } .exad-logo-carousel .slick-dots { width: auto; display: table; margin: 0 auto; padding: 0; position: absolute; } .exad-logo-carousel .slick-dots li { list-style: none; display: inline-block; padding: inherit; outline: none; border: 0; } .exad-logo-carousel .slick-dots li button { padding: inherit; outline: none; border: 0; text-indent: -9999px; } .exad-logo-carousel-left img{ margin-right: auto; } .exad-logo-carousel-center img{ margin-left: auto; margin-right: auto; } .exad-logo-carousel-right img{ margin-left: auto; } .exad-logo-carousel-prev, .exad-logo-carousel-next { position: absolute; text-align: center; cursor: pointer; transition: all .3s ease; } .exad-logo-carousel-prev i, .exad-logo-carousel-element .exad-logo-carousel-next i { top: 50%; position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 20px; } .exad-logo-carousel-element .exad-logo-carousel-prev:hover, .exad-logo-carousel-element .exad-logo-carousel-next:hover { background: #fff; } .exad-logo-carousel-element .exad-logo-carousel-prev:hover i, .exad-logo-carousel-element .exad-logo-carousel-next:hover i { color: #000000; } .exad-logo-carousel-element .exad-logo-carousel-prev { z-index: 1; top: 50%; left: -80px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .exad-logo-carousel-element .exad-logo-carousel-next { z-index: 1; top: 50%; right: -80px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .exad-logo-carousel .slick-dots { width: auto; display: table; margin: 0 auto; padding: 0; left: 50%; transform: translateX(-50%); } .exad-logo-carousel-element.exad-logo-carousel-max-height-yes .exad-logo-carousel-item{ display: flex; align-items: center; } /* carousel style */ .exad-carousel-item .exad-carousel-nav-prev, .exad-carousel-item .exad-carousel-nav-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 60px; width: 60px; background: transparent; border-radius: 50%; text-align: center; cursor: pointer; transition: all .3s ease; z-index: 1; } .exad-carousel-item .exad-carousel-nav-prev i, .exad-carousel-item .exad-carousel-nav-next i { top: 50%; position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 20px; } .exad-carousel-item .exad-carousel-nav-prev:hover, .exad-carousel-item .exad-carousel-nav-next:hover { color: #0a1724; } .exad-carousel-item .exad-carousel-nav-prev { left: -70px; } .exad-carousel-item .exad-carousel-nav-next { right: -70px; } /* Logo Carousel Style End */ /* Exclusive Heading Start */ .exad-exclusive-heading .exad-exclusive-heading-title a { text-decoration: none; display: inline-block; } .exad-exclusive-heading .exad-exclusive-heading-title { margin: 0 auto; } .exad-exclusive-heading .exad-exclusive-heading-description { line-height: 26px; margin: 0; } /* .exad-exclusive-heading .exad-heading-left { text-align: left; } .exad-heading-left .exad-heading-separator{ margin-right: auto; } .exad-heading-left .exad-heading-icon{ margin-right: auto; } .exad-heading-left .exad-heading-icon-box-yes .exad-heading-icon{ margin-right: auto; } */ /* .exad-heading-right .exad-heading-icon-box-yes .exad-heading-icon{ margin-left: auto; } */ /* .exad-heading-center .exad-heading-icon-box-yes .exad-heading-icon{ margin-left: auto; margin-right: auto; } .exad-exclusive-heading .exad-heading-center { text-align: center; } .exad-heading-center .exad-heading-separator{ margin-left: auto; margin-right: auto; } .exad-heading-center .exad-heading-icon{ margin-left: auto; margin-right: auto; } */ /* .exad-exclusive-heading .exad-heading-right { text-align: right; } .exad-heading-right .exad-heading-separator{ margin-left: auto; } .exad-heading-right .exad-heading-icon{ margin-left: auto; } */ .exad-heading-icon-box-yes .exad-heading-icon{ position: relative; } .exad-heading-icon-box-yes .exad-heading-icon i, .exad-heading-icon-box-yes .exad-heading-icon svg{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .exad-exclusive-heading.parallax .exad-exclusive-heading-wrapper .exad-exclusive-heading-title { -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .exad-exclusive-heading.separator .exad-exclusive-heading-wrapper .exad-exclusive-heading-title { position: relative; } .exad-heading-text-background .exad-exclusive-heading-title { position: relative; z-index: 1; } .exad-heading-text-background .exad-exclusive-heading-title::after { position: absolute; content: attr(data-content); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; z-index: -1; letter-spacing: 3px; line-height: 50px; } .exad-heading-image-gradient .exad-exclusive-heading-title { -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .exad-heading-icon{ display: inline-block; } /* Exclusive Heading End */ /* Modal popup button*/ .exad-modal-button .exad-modal-image-action { display: inline-block; text-decoration: none; transition: all .3s ease; position: relative; text-align: center; z-index: 1; overflow: hidden; } .exad-modal-button .exad-modal-image-action:before { position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-transform-origin: center center; transform-origin: center center; } .exad-modal-button .exad-modal-image-action:hover::before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; z-index: -1; } .top-to-middle { -webkit-transform: translate(-50%, -60%); transform: translate(-50%, -60%); -webkit-transition: all .3s ease; transition: all .3s ease; } .exad-modal-item.modal-vimeo.bottom-to-middle { -webkit-transform: translate(-50%, -30%); transform: translate(-50%, -30%); -webkit-transition: all .3s ease; transition: all .3s ease; } .exad-modal-item.active.modal-vimeo.bottom-to-middle { z-index: 9999; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .exad-modal-item.modal-vimeo.right-to-middle { -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translate(-30%, -50%); transform: translate(-30%, -50%); } .exad-modal-item.active.modal-vimeo.right-to-middle { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9999; } .exad-modal-item.modal-vimeo.left-to-middle { -webkit-transform: translate(-70%, -50%); transform: translate(-70%, -50%); -webkit-transition: all .3s ease; transition: all .3s ease; } .exad-modal-item.active.modal-vimeo.left-to-middle { z-index: 9999; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .exad-modal-item.modal-vimeo.zoom-in { -webkit-transform: translate(-50%, -50%) scale(0.5); transform: translate(-50%, -50%) scale(0.5); -webkit-transform-origin: center center; transform-origin: center center; -webkit-transition: all .3s ease; transition: all .3s ease; } .exad-modal-item.active.modal-vimeo.zoom-in { z-index: 9999; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .exad-modal-item.modal-vimeo.zoom-out { -webkit-transform: translate(-50%, -50%) scale(1.5); transform: translate(-50%, -50%) scale(1.5); -webkit-transform-origin: center center; transform-origin: center center; -webkit-transition: all .3s ease; transition: all .3s ease; } .exad-modal-item.active.modal-vimeo.zoom-out { z-index: 9999; display: block; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .exad-modal-item.modal-vimeo.left-rotate { opacity: 0; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-perspective: 1000; perspective: 1000; -webkit-transform: translate(-50%, -50%) rotateX(90deg); transform: translate(-50%, -50%) rotateX(90deg); -webkit-transform-origin: center center; transform-origin: center center; } .exad-modal-item.active.modal-vimeo.left-rotate { opacity: 1; z-index: 9999; -webkit-transform: translate(-50%, -50%) rotateX(0); transform: translate(-50%, -50%) rotateX(0); } .exad-modal-item.modal-vimeo .exad-modal-content .exad-close-btn { position: absolute; top: -40px; right: -40px; cursor: pointer; height: 40px; width: 40px; border-radius: 50%; } .exad-modal-item.modal-vimeo .exad-modal-content .exad-close-btn span { display: block; height: 100%; width: 100%; position: absolute; } .exad-modal-item.modal-vimeo .exad-modal-content .exad-close-btn span::before { content: ''; position: absolute; height: 2px; width: 20px; background: #fff; transform: translate(-50%,-50%) rotate(45deg); top: 50%; left: 50%; } .exad-modal-item.modal-vimeo .exad-modal-content .exad-close-btn span::after { content: ''; position: absolute; height: 20px; width: 2px; background: #fff; transform: translate(-50%,-50%) rotate(45deg); top: 50%; left: 50%; } .exad-modal-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; z-index: -1; background: rgba(0, 0, 0, 0.5); transition: all 0.3s ease; display: none; } .exad-modal-overlay.active { opacity: 1; z-index: 1000; display: block; transition: all 0.3s ease; } .exad-modal-prevent-page-scroll { overflow:hidden !important; } .exad-modal-item.image-gallery .exad-modal-element { display: flex; flex-wrap: wrap; } .exad-modal-item.image-gallery .exad-modal-element.column-one .exad-modal-element-card { width: 100%; } .exad-modal-item.image-gallery .exad-modal-element.column-two .exad-modal-element-card { width: 50%; } .exad-modal-item.image-gallery .exad-modal-element.column-three .exad-modal-element-card { width: 33.33%; } .exad-modal-item.image-gallery .exad-modal-element.column-four .exad-modal-element-card { width: 25%; } .exad-modal-item.image-gallery .exad-modal-element.column-five .exad-modal-element-card { width: 20%; } .exad-modal-item.image-gallery .exad-modal-element.column-six .exad-modal-element-card { width: 16.66%; } .exad-modal-item { position: fixed !important; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .exad-modal-item.modal-vimeo { opacity: 0; -webkit-transform: translate(-50%, -60%); transform: translate(-50%, -60%); height: auto; -webkit-transition: all .3s ease; transition: all .3s ease; visibility: hidden; } @media (max-width: 991px){ .exad-modal-item.modal-vimeo { height: 100%; } .exad-modal-item.modal-vimeo::-webkit-scrollbar { display: none; } } .exad-modal-item.modal-vimeo .exad-modal-content .exad-modal-element img{ display: block; max-width: 100%; height: auto; } .exad-modal-item.modal-vimeo .exad-modal-content .exad-modal-element .exad-modal-element-card .exad-modal-element-card-body p{ margin: 0; } .exad-modal-item.modal-vimeo-img-fluid .exad-modal-content .exad-modal-element img, .exad-modal-item.modal-vimeo .exad-modal-content .exad-modal-element .exad-modal-element-card img{ display: block; width: 100%; } .exad-modal-item.modal-vimeo .exad-modal-content { position: relative; } .exad-modal-item .exad-modal-content .exad-modal-element iframe{ display: block; height: 100%; width: 100%; } .exad-modal-item.active.modal-vimeo { opacity: 1; z-index: 16777221 !important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); visibility: visible; } .exad-modal-button.exad-modal-btn-fixed-width-yes .exad-modal-image-action{ position: relative; } .exad-modal-button.exad-modal-btn-fixed-width-yes .exad-modal-image-action span{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } .exad-modal-wrapper .exad-modal-item.exad-content-overflow-x- { overflow-x: hidden; } .exad-modal-wrapper .exad-modal-item.exad-content-overflow-y- { overflow-y: scroll; } /* Modal Style End */ /*Exclusive News Ticker Start */ .exad-news-ticker{ display: block; width: 100%; /* background: #FFF; */ box-sizing: border-box; position: relative; overflow: hidden; font-size: 14px; } .exad-news-ticker *{ box-sizing: border-box; } .exad-news-ticker.bn-fixed-top{ position: fixed; left: 0; right: 0; top: 0; } .exad-news-ticker.bn-fixed-bottom{ position: fixed; left: 0; right: 0; bottom: 0; } .exad-news-ticker .exad-bn-label{ left: 0; top: 0; bottom: 0; height: 100%; position: absolute; text-align: center; z-index: 3; white-space: nowrap; display: flex; width: auto; user-select: none; justify-content: center; align-items: center; } .exad-news-ticker .exad-bn-label { padding: 0 15px; color: #FFF; } .exad-news-ticker .exad-bn-label, .exad-news-ticker .exad-bn-label.yes-small:after { /* background-color: #7a56ff; */ } .exad-news-ticker .exad-bn-label.yes-small:after { position: absolute; content: ''; top: 50%; right: -5px; transform: translateY(-50%) rotate(45deg); width: 10px; height: 10px; z-index: -1; } .exad-news-ticker .exad-nt-news{ position: absolute; left: 0; top: 0; bottom: 0; height: 100%; right: 0; overflow: hidden; } .exad-news-ticker .exad-nt-news ul { display: block; height: 100%; list-style: none; padding: 0; margin: 0; width: 100%; } .exad-news-ticker .exad-nt-news ul li { list-style: none; white-space: nowrap; overflow:hidden ; text-overflow: ellipsis; text-decoration: none; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; position: absolute; width: 100%; display: none; color: #333; padding: 0 15px; margin: 0; line-height: inherit; } .exad-news-ticker .exad-nt-news ul li a{ white-space: nowrap; text-overflow: ellipsis; text-decoration: none; color: #333; position: relative; display: block; overflow: hidden; } .exad-news-ticker .exad-nt-news ul li a:hover{ color: #069; } .exad-news-ticker .bn-loader-text{ padding: 0 10px; } .exad-news-ticker .bn-seperator{ display: inline-block; float: left; margin-right: 15px; width: 30px; height: 40px; background-position: center; background-size: contain; background-repeat: no-repeat; position: relative; } .exad-news-ticker .bn-seperator.exad-nt-news-dot{ margin-right: 0; } .exad-news-ticker .bn-seperator.exad-nt-news-dot:after{ content: ''; position: absolute; width: 8px; height: 8px; background: #333; border-radius: 50%; top: 50%; margin-top: -4px; left: 50%; margin-left: -4px; } .exad-news-ticker .bn-prefix{ color: #d65d7a; margin-right: 15px; padding-left: 10px; } .exad-news-ticker .bn-positive{ color: #0b8457; font-weight: bold; } .exad-news-ticker .bn-negative{ color: #dc2f2f; font-weight: bold; } .exad-news-ticker .exad-nt-controls{ width: auto; right: 0; top: 0; bottom: 0; height: 100%; background-color: #ffffff; padding: 0 0 0 20px; position: absolute; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; justify-content: center; align-items: center; } .exad-news-ticker.bn-direction-rtl .exad-nt-controls{ flex-direction: row-reverse; } .exad-news-ticker.bn-direction-rtl .exad-bn-label.yes-small:after{ right: calc( 100% - 5px ); } .exad-news-ticker .exad-nt-controls button{ width: 30px; padding: 0; border: inherit; height: 30px; cursor: pointer; text-align: center; outline: none; border-radius: 0; width: 30px; border: 0; } .exad-news-ticker .bn-arrow { margin: 0; display: inline-block; height: 8px; position: relative; width: 8px; top: -2px; } .exad-news-ticker .bn-arrow::after { border-bottom-style: solid; border-bottom-width: 2px; border-right-style: solid; border-right-width: 2px; content: ''; display: inline-block; height: 8px; left: 0; position: absolute; top: 0; width: 8px; } .exad-news-ticker .bn-arrow.bn-next { -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg); transform: rotate(315deg); left:-3px; } .exad-news-ticker .bn-arrow.bn-prev { -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); left: 3px; } .exad-news-ticker .bn-play{ position: relative; background: #999999; width: 0; height: 12px; display: inline-block; margin-left: -5px; } .exad-news-ticker .bn-play::after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #999999; border-width: 8px; margin-top: -8px; } .exad-news-ticker .bn-pause{ position: relative; width: 0; height: 14px; display: inline-block; top: 1px; left:-1px; } .exad-news-ticker .bn-pause::before{ position: absolute; content: ""; width: 2px; height: 100%; left: 3px; } .exad-news-ticker .bn-pause::after{ position: absolute; content: ""; width: 2px; height: 100%; left: -3px; } .exad-news-ticker.bn-direction-rtl{ direction: rtl; } .exad-news-ticker.bn-direction-rtl .exad-bn-label{ left: auto; right: 0; } .exad-news-ticker.bn-direction-rtl .exad-nt-controls{ right: auto; left: 0; } .exad-news-ticker.bn-direction-rtl .bn-seperator{ margin-left: 15px; margin-right: 0; float: right; } .exad-news-ticker.bn-direction-rtl .bn-prefix{ margin-left: 15px; margin-right: 0; padding-left: 0; padding-right: 10px; } .exad-news-ticker.bn-direction-rtl .exad-nt-controls button{ border-left: none; } .exad-news-ticker.bn-effect-scroll .exad-nt-news ul li{ display: list-item; float: left; position: relative; width: auto; } .exad-news-ticker.bn-effect-scroll .exad-nt-news ul li a:focus { outline: none; } .exad-news-ticker.bn-effect-scroll.bn-direction-rtl .exad-nt-news ul li{ float: right; } /* Exclusive News Ticker End /* Post Grid Start */ .exad-row-wrapper .exad-post-grid-three .exad-post-grid-thumbnail { position: relative; z-index: 0; } .exad-row-wrapper .exad-post-grid-three .exad-post-grid-thumbnail ul.exad-post-grid-category { margin: 0; padding: 0; list-style: none; } .exad-post-grid-container .exad-post-grid-body { position: relative; } .exad-post-grid-container .exad-post-grid-body ul.exad-post-grid-category.cat-pos-bottom-left { transform: translateY(-50%); top: 0; position: absolute; } .exad-row-wrapper .exad-post-grid-three .exad-post-grid-thumbnail ul.exad-post-grid-category.postion-top-right { position: absolute; top: 20px; right: 20px; } .exad-row-wrapper .exad-post-grid-three .exad-post-grid-thumbnail ul.exad-post-grid-category li { display: inline-block; } .exad-post-grid-container ul.exad-post-grid-category li:not(:last-child) { margin-right: 8px; } .exad-row-wrapper .exad-post-grid-three .exad-post-grid-body { z-index: 9; } .exad-row-wrapper .exad-post-grid-three .exad-post-grid-body .exad-post-grid-category, .exad-row-wrapper .exad-post-grid-three .exad-post-grid-body .exad-post-data { margin: 0; padding: 0; } .exad-row-wrapper .exad-post-grid-three .exad-post-grid-body .exad-post-grid-category { margin-bottom: 20px; } .exad-row-wrapper .exad-post-grid-three .exad-post-grid-body .exad-post-grid-category li { display: inline-block; list-style: none; } .exad-row-wrapper .exad-post-grid-three .exad-post-grid-body li { margin-left: 0px; } .exad-row-wrapper .exad-post-grid-three .exad-post-grid-body .exad-post-data li { display: flex; align-items: center; justify-content: center; } /* .exad-row-wrapper .exad-post-grid-three .exad-post-grid-body .exad-post-data li:not(last-child) { padding-right: 15px; } */ .exad-row-wrapper .exad-post-grid-three .exad-post-grid-body .exad-post-data { display: flex; align-items: center; } .exad-post-grid-container .exad-post-data.show-avatar-yes li.exad-post-date { margin-top: -3px; } .exad-row-wrapper .exad-post-grid-three .exad-post-grid-body .exad-author-avatar img { border-radius: 100%; margin-right: 12px; } .exad-row-wrapper .exad-post-grid-three .exad-post-grid-body .exad-post-grid-category li:not(:last-child) { margin-right: 5px; } .exad-row-wrapper .exad-post-grid-three .exad-post-grid-body .exad-post-grid-category li:hover:nth-child(2n-1) { opacity: 0.7; } .exad-row-wrapper .exad-post-grid-three .exad-post-grid-body .exad-post-grid-category li:hover:nth-child(2n) { opacity: 0.7; } .exad-post-grid-container .exad-post-grid-body h3 { margin: 15px 0 5px 0; } .exad-row-wrapper .exad-post-grid-three .exad-post-grid-body .exad-post-grid-title { display: block; text-decoration: none; -ms-word-wrap: break-word; word-wrap: break-word; transition: all .3s ease; } .exad-row-wrapper .exad-post-grid-three .exad-post-grid-body .exad-post-grid-title:hover { color: #FF6F51; } .exad-row-wrapper .exad-post-grid-body .exad-post-data li { color: #848484; } .exad-row-wrapper .exad-post-grid-three .exad-post-grid-body .exad-post-grid-action { display: inline-block; text-decoration: none; transition: all .3s ease; } .exad-row-wrapper.exad-col-6 { display: flex; flex-wrap: wrap; margin: 0 -10px; } .exad-row-wrapper.exad-col-6 .exad-col { flex: 0 0 16.66666%; max-width: 16.666666%; padding: 0 10px; } .exad-row-wrapper .exad-post-grid-body .exad-post-grid-read-time { display: inline-block; } .exad-row-wrapper .exad-post-grid-body ul.exad-post-grid-time-comment { margin: 0; padding: 0; list-style: none; } .exad-row-wrapper .exad-post-grid-body ul.exad-post-grid-time-comment li { display: inline-block; } .exad-row-wrapper .exad-post-grid-body ul.exad-post-grid-time-comment li:not(:last-child) { padding-right: 20px; } .exad-row-wrapper .exad-post-grid-body ul.exad-post-grid-time-comment li i.fa.fa-comment-o{ padding-right: 10px; } .exad-post-grid-container .exad-post-grid-body .exad-post-footer a { display: inline-block; transition: all .3s ease; } .exad-post-grid-container.image-position-left, .exad-post-grid-container.image-position-right { display: flex; } .exad-post-grid-container.image-position-left .exad-post-grid-thumbnail, .exad-post-grid-container.image-position-right .exad-post-grid-thumbnail { z-index: 999; } .exad-post-grid-container.image-position-left > figure, .exad-post-grid-container.image-position-left > div, .exad-post-grid-container.image-position-right > figure, .exad-post-grid-container.image-position-right > div { flex-direction: column; } .exad-post-grid-container.image-position-left > figure, .exad-post-grid-container.image-position-right > figure { width: 40%; } .exad-post-grid-container.image-position-left > div, .exad-post-grid-container.image-position-right > div { width: 60%; } .exad-post-grid-container.image-position-left > figure img, .exad-post-grid-container.image-position-right > figure img { height: 100%; object-fit: cover; width: 100%; } .exad-post-grid-container.image-position-right > figure { order: 2; } .exad-post-grid-container.image-position-right > div { order: 1; } .exad-post-grid-container.image-position-top .exad-post-grid-thumbnail a { display: flex; } /* .elementor .exad-post-grid-container img { height: 100%; } */ nav.exad-post-pagination { display: flex; width: 100%; align-items: center; justify-content: center; } nav.exad-post-pagination ul { margin: 0; padding: 0; list-style: none; } nav.exad-post-pagination ul li { display: inline-block; } @media (max-width: 767px) { .exad-row-wrapper.exad-col-6 .exad-col { flex: 0 0 100%; max-width: 100%; padding: 10px 10px; } } .exad-row-wrapper{ display: flex; flex-wrap: wrap; margin: 0 -10px; } .exad-row-wrapper .exad-col{ padding: 0 10px; } .exad-row-wrapper.exad-col-5 { display: flex; flex-wrap: wrap; margin: 0 -10px; } .exad-row-wrapper.exad-col-5 .exad-col { flex: 0 0 20%; max-width: 20%; padding: 0 10px; } @media (max-width: 767px) { .exad-row-wrapper.exad-col-5 .exad-col { flex: 0 0 100%; max-width: 100%; padding: 10px 10px; } } .exad-row-wrapper.exad-col-4 { display: flex; flex-wrap: wrap; margin: 0 -10px; } .exad-row-wrapper.exad-col-4 .exad-col { flex: 0 0 25%; max-width: 25%; padding: 0 10px; } @media (max-width: 767px) { .exad-row-wrapper.exad-col-4 .exad-col { flex: 0 0 100%; max-width: 100%; padding: 10px 10px; } } .exad-row-wrapper.exad-col-3 { display: flex; margin: 0 -10px; flex-wrap: wrap; } .exad-row-wrapper.exad-col-3 .exad-col { flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0 10px; } @media (max-width: 767px) { .exad-row-wrapper.exad-col-3 .exad-col { flex: 0 0 100%; max-width: 100%; padding: 10px 10px; } } .exad-row-wrapper.exad-col-2 { display: flex; flex-wrap: wrap; margin: 0 -10px; } .exad-row-wrapper.exad-col-2 .exad-col { flex: 0 0 50%; max-width: 50%; padding: 0 10px; } @media (max-width: 767px) { .exad-row-wrapper.exad-col-2 .exad-col { flex: 0 0 100%; max-width: 100%; padding: 10px 10px; } } .exad-row-wrapper.exad-col-1 { display: flex; flex-wrap: wrap; margin: 0 -10px; } .exad-row-wrapper.exad-col-1 .exad-col { width: 100%; flex: 0 0 100%; max-width: 100%; padding: 0 15px 25px; } @media (max-width: 767px) { .exad-row-wrapper.exad-col-1 .exad-col { flex: 0 0 100%; max-width: 100%; padding: 10px 10px; } } @media (max-width: 480px) { .exad-post-grid-container.image-position-left, .exad-post-grid-container.image-position-right { flex-direction: column; } .exad-post-grid-container.image-position-left > figure, .exad-post-grid-container.image-position-right > figure, .exad-post-grid-container.image-position-left > div, .exad-post-grid-container.image-position-right > div { width: 100%; } } .exad-post-grid-description{ line-height: 1.8; } .exad-post-grid-container.image-position-top .exad-post-grid-thumbnail a img{ object-fit: cover; -o-object-fit: cover; width: 100%; } .exad-post-grid-load-btn{ text-align: center; } .exad-post-grid-paginate-btn{ text-align: center; display: inline-block; text-decoration: none; transition: all .3s ease; } .exad-post-grid-container ul.exad-post-grid-category li a{ display: block; } .exad-post-grid.exad-post-grid-featured-post-yes article.exad-post-grid-three:first-child{ flex: 100%; max-width: 100%; } .exad-post-grid.exad-post-grid-featured-post-yes.layout_one article.exad-post-grid-three:first-child .exad-post-grid-container{ display: flex; } .exad-post-grid.exad-post-grid-featured-post-yes.layout_one article.exad-post-grid-three:first-child .exad-post-grid-container .exad-post-grid-thumbnail{ width: 50%; } .exad-post-grid.exad-post-grid-featured-post-yes.layout_one article.exad-post-grid-three:first-child .exad-post-grid-container .exad-post-grid-thumbnail a{ height: 100%; } .exad-post-grid.exad-post-grid-featured-post-yes.layout_one article.exad-post-grid-three:first-child .exad-post-grid-container .exad-post-grid-thumbnail a img{ height: 100%; object-fit: cover; -o-object-fit: cover; } .exad-post-grid.exad-post-grid-featured-post-yes.layout_one article.exad-post-grid-three:first-child .exad-post-grid-container .exad-post-grid-body{ width: 50%; } .exad-post-grid .exad-row-wrapper .exad-post-grid-container .exad-post-grid-thumbnail::before{ display: none; } /* Post Grid End */ /* Post Timeline Start */ .exad-post-timeline { margin-bottom: 35px; } .exad-post-timeline .exad-post-timeline-item { display: flex; align-items: center; position: relative; } .exad-post-timeline .exad-post-timeline-item::before { position: absolute; content: ''; background: #e3e5e8; width: 3px; height: calc( 100% + 100px); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; } .exad-post-timeline .exad-post-timeline-item:not(:last-child) { margin-bottom: 100px; } .exad-post-timeline .exad-post-timeline-item:last-child::before { height: 100%; } .exad-post-timeline .exad-post-timeline-item .exad-post-timeline-icon { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 60px; width: 60px; text-align: center; border-radius: 50%; z-index: 1; } .exad-post-timeline .exad-post-timeline-item .exad-post-timeline-icon i { font-size: 24px; line-height: 60px; color: #D1C1FF; } .exad-post-timeline .exad-post-timeline-item .exad-post-timeline-icon::before { position: absolute; content: ''; width: 60px; height: 2px; background: transparent; border: 1px dashed #e3e3e3; top: 30px; left: -70px; } .exad-post-timeline .exad-post-timeline-item .exad-post-timeline-icon::after { position: absolute; content: ''; width: 60px; background: transparent; border: 1px dashed #e3e3e3; top: 30px; right: -70px; } .exad-post-timeline .exad-post-timeline-item .exad-post-timeline-content { flex-basis: 35%; overflow: hidden; } .exad-post-timeline .exad-post-timeline-item .exad-post-timeline-content img { width: 100%; } .exad-post-timeline .exad-post-timeline-item .exad-post-timeline-date { flex-basis: 20%; } .exad-post-timeline .exad-post-timeline-item .exad-post-timeline-date h4 { font-size: 20px; margin: 6px auto; } .exad-post-timeline .exad-post-timeline-item .exad-post-timeline-date p { font-size: 15px; margin: 0; color: #8a8d91; } .exad-post-timeline .exad-post-timeline-item .exad-post-timeline-content-text { padding: 25px 30px; } .exad-post-timeline .exad-post-timeline-item .exad-post-timeline-content-text h4 { font-size: 20px; } .exad-post-timeline .exad-post-timeline-item .exad-post-timeline-content-text p { color: #8a8d91; margin-bottom: 0; font-size: 15px; line-height: 24px; } .exad-post-timeline .exad-post-timeline-item:nth-child(odd) .exad-post-timeline-content { position: relative; } .exad-post-timeline .exad-post-timeline-item:nth-child(odd) .exad-post-timeline-date { margin-left: 30%; } .exad-post-timeline .exad-post-timeline-item:nth-child(even) .exad-post-timeline-content { order: 2; margin-left: 30%; } .exad-post-timeline .exad-post-timeline-item:nth-child(even) .exad-post-timeline-date { order: 1; margin-left: 15%; text-align: right; } @media only screen and (max-width: 1350px){ .exad-post-timeline .exad-post-timeline-item .exad-post-timeline-icon::before { width: 40px; left: -50px; } .exad-post-timeline .exad-post-timeline-item .exad-post-timeline-icon::after { width: 40px; right: -50px; } } @media only screen and (max-width: 992px){ .exad-post-timeline .exad-post-timeline-item .exad-post-timeline-icon::before { display: none; } .exad-post-timeline .exad-post-timeline-item .exad-post-timeline-icon::after { display: none; } .exad-post-timeline .exad-post-timeline-item .exad-post-timeline-content { flex-basis: 40%; } .exad-post-timeline .exad-post-timeline-item .exad-post-timeline-date { flex-basis: 30%; } .exad-post-timeline .exad-post-timeline-item:nth-child(odd) .exad-post-timeline-date { margin-left: 20%; } .exad-post-timeline .exad-post-timeline-item:nth-child(even) .exad-post-timeline-content { margin-left: 20%; } .exad-post-timeline .exad-post-timeline-item:nth-child(even) .exad-post-timeline-date { margin-left: 10%; } } @media only screen and (max-width: 552px){ .exad-post-timeline .exad-post-timeline-item::before { display: none; } .exad-post-timeline .exad-post-timeline-item .exad-post-timeline-icon { display: none; } .exad-post-timeline .exad-post-timeline-item .exad-post-timeline-content { flex-basis: 100%; } .exad-post-timeline .exad-post-timeline-item .exad-post-timeline-date { flex-basis: 100%; } .exad-post-timeline .exad-post-timeline-item { flex-direction: column; } .exad-post-timeline .exad-post-timeline-item:nth-child(even) .exad-post-timeline-content { margin-left: 0; } .exad-post-timeline .exad-post-timeline-item:nth-child(even) .exad-post-timeline-content { order: 1; } .exad-post-timeline .exad-post-timeline-item:nth-child(odd) .exad-post-timeline-date { margin-left: 0; margin-top: 10px; } .exad-post-timeline .exad-post-timeline-item:nth-child(even) .exad-post-timeline-date { margin-left: 0; text-align: left; margin-top: 10px; } .exad-post-timeline .exad-post-timeline-item:not(:last-child) { margin-bottom: 50px; } } /* Post Timeline End */ /* Pricing Menu Start */ .exad-pricing-list-wrapper.border_bottom .exad-pricing-list-item:last-child { border-bottom: none !important; } .exad-pricing-list-item.yes{ display: flex; } .exad-pricing-list-item-thumbnail{ overflow: hidden; } .exad-pricing-list-item-thumbnail img{ height: 100% !important; width: 100%; object-fit: cover; -o-object-fit: cover; } .exad-pricing-title { display: flex; align-items: center; } .exad-pricing-title .exad-pricing-list-item-price { margin-left: auto; } .exad-pricing-list-item-content-title{ display: flex; font-size: 20px; font-weight: bold; } .exad-pricing-list-item-content-description{ margin: 0; } .exad-pricing-list-item-price span{ display: block; font-size: 20px; line-height: 20px; } .exad-pricing-list-item-content-action{ display: inline-block; transition: all .3s ease; } .exad-pricing-list-item-content-conntector { border-bottom: 1px dashed; height: 1px; flex-grow: 1; align-self: center; margin: 0 15px; } /* Pricing List End */ /* Pricing Table Start */ .left{ text-align: left; } .left .exad-pricing-table-features li{ justify-content: flex-start; } .left .price-box{ margin-right: auto; } .center{ text-align: center; } .center.exad-pricing-table-features li{ justify-content: center; } .center .price-box{ margin: 0 auto; } .right{ text-align: right; } .right .exad-pricing-table-features li{ justify-content: flex-end; } .right .price-box{ margin-left: auto; } .exad-pricing-table-header { position: relative; z-index: -1; } .exad-pricing-table-header .exad-pricing-table-header-curved svg { position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; } .exad-pricing-table-title{ margin: 0 0 16px 0; font-size: 20px; font-weight: 400; } .exad-pricing-table-subtitle{ margin: 0 0 10px 0; } .price-box{ position: relative; } .exad-pricing-table-price{ position: relative; } .exad-pricing-table-price.exad-discount-price-yes{ display: inline-flex; align-items: flex-end; } .exad-pricing-table-price.exad-discount-price-yes .exad-pricing-table-regular-price{ text-decoration: line-through; font-size: 20px; color: #e5e5e5; line-height: 2.1em; } .exad-pricing-table-price svg{ position: absolute; } .exad-pricing-table-wrapper .exad-pricing-table-price p.exad-pricing-table-new-price { font-size: 48px; font-weight: 600; letter-spacing: -3.2px; } .exad-pricing-table-wrapper .exad-pricing-table-price span.exad-price-period { font-size: 20px; font-weight: 600; letter-spacing: 0px; } .exad-pricing-table-price p{ margin: 0; } .price-box p{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; width: 100%; } .exad-pricing-table-features{ margin: 0; padding: 0; } .exad-pricing-table-features li{ list-style: none; display: flex; align-items: center; justify-content: center; margin-left: 0px; } .list-border-bottom li:not(:last-child){ border-bottom: 1px solid #ff5985; } .exad-pricing-table-features li .exad-pricing-li-icon{ margin-right: 7px; } .exad-pricing-table-action { text-decoration: none; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 1; display: inline-block; } .exad-pricing-table-badge-wrapper { position: relative; overflow: hidden; z-index: 1; transition: all .3s ease; } .exad-pricing-table-wrapper{ transition: all .3s ease; } .exad-pricing-table-wrapper.transition_top{ transition: all .3s ease; transform: translateY(0); -webkit-transform: translateY(0); } .exad-pricing-table-wrapper.transition_top:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px); } .exad-pricing-table-wrapper.transition_bottom{ transition: all .3s ease; transform: translateY(0); -webkit-transform: translateY(0); } .exad-pricing-table-wrapper.transition_bottom:hover{ transform: translateY(10px); -webkit-transform: translateY(10px); } .exad-pricing-table-wrapper.transition_zoom{ transition: all .3s ease; transform: scale(1); -webkit-transform: scale(1); } .exad-pricing-table-wrapper.transition_zoom:hover{ transform: scale(1.02); -webkit-transform: scale(1.02); } .exad-pricing-table-wrapper .text-badge{ position: absolute; top: 0; right: 0; background: #13c83a; padding: 13px 50px; width: 160px; text-align: center; -webkit-transform: rotate(45deg) translate(40px, -22px); transform: rotate(45deg) translate(40px, -22px); color: #ffffff; font-size: 12px; font-weight: bold; z-index: 2; } .exad-pricing-table-wrapper .icon-badge { position: absolute; padding: 15px 10px; border-radius: 0 0 40px 40px; background: #13c83a; right: 30px; top: 0; z-index: 2; } .exad-pricing-table-promo-label{ display: block; } .exad-pricing-table-currency{ position: relative; } .exad-pricing-table-price-subtitle{ display: block; } /* Pricing Table End */ /* Progress Bar Start */ .ldBar { position:relative; } .ldBar.label-center > .ldBar-label { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); text-shadow:0 0 3px #ffffff; } .exad-progress-bar .ldBar-label:after { content:"%"; display:inline; position: absolute; } .ldBar.no-percent .ldBar-label:after { content:"" } [class*="exad-progress-bar-"].line { position: relative; } [class*="exad-progress-bar-"].line .ldBar-label { position: absolute; top: -12px; right: 0; } [class*="exad-progress-bar-"].line-bubble { position: relative; } [class*="exad-progress-bar-"].line-bubble .ldBar-label { position: absolute; left: 0; top: 0%; width: 50px; height: 50px; -webkit-transform: translate(-50%, 25%); transform: translate(-50%, 25%); background-color: #ccc; line-height: 27px; } [class*="exad-progress-bar-"].circle { position: relative; } [class*="exad-progress-bar-"].circle .ldBar-label { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } [class*="exad-progress-bar-"].circle h3 { position: absolute; bottom: -20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } [class*="exad-progress-bar-"].fan { position: relative; } [class*="exad-progress-bar-"].fan svg { margin-top: -40%; } [class*="exad-progress-bar-"].fan h3 { position: absolute; bottom: -20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } [class*="exad-progress-bar-"].fan .ldBar-label { position: absolute; left: 50%; -webkit-transform: translate(-50%, -20%); transform: translate(-50%, -20%); font-size: 30px; bottom: 7%; } [class*="exad-progress-bar-"].fan .left-title { position: absolute; left: 0; bottom: -10px; } [class*="exad-progress-bar-"].fan .right-title { position: absolute; bottom: -10px; right: 0; } .exad-progress-bar svg:not(:root) { overflow: hidden; height: inherit; } .exad-progress-bar-title { font-size: 16px; font-weight: 600; } /* Progress Bar End */ /* Sticky css start */ .exad-sticky-section-yes{ position: sticky !important; } .exad-column-sticky .inner-wrapper-sticky{ width: 100%; } /* Sticky css end */ /* Exclusive Tabs Start */ .exad-advance-tab-nav { margin: 0; padding: 0; } .exad-advance-tab-nav li { list-style: none; transition: all .3s ease; position: relative; cursor: pointer; } .exad-advance-tab-nav li span.exad-tab-title { font-size: 16px; } .exad-tab-horizontal > .exad-advance-tab-nav{ display: flex; } .exad-tab-horizontal.exad-tab-align-left > .exad-advance-tab-nav{ justify-content: flex-start; } .exad-tab-horizontal.exad-tab-align-center > .exad-advance-tab-nav{ justify-content: center; } .exad-tab-horizontal.exad-tab-align-right > .exad-advance-tab-nav{ justify-content: flex-end; } .exad-tab-horizontal-full-width > .exad-advance-tab-nav { display: flex; } .exad-tab-align-left > .exad-advance-tab-nav li { text-align: left; } .exad-tab-align-center > .exad-advance-tab-nav li { text-align: center; } .exad-tab-align-right > .exad-advance-tab-nav li { text-align: right; } .exad-tab-align-left > .exad-advance-tab-nav { text-align: left; } .exad-tab-align-center > .exad-advance-tab-nav { text-align: center; } .exad-tab-align-right > .exad-advance-tab-nav { text-align: right; } .exad-tab-horizontal-full-width > .exad-advance-tab-nav li { flex: 1; } .exad-tab-vertical{ display: flex; } .exad-tab-vertical > .exad-advance-tab-nav li { display: flex; align-items: center; } .exad-advance-tab > .exad-advance-tab-content.active { display: block; } .exad-advance-tab > .exad-advance-tab-content.active.exad-tab-image-left, .exad-advance-tab .exad-advance-tab-content.active.exad-tab-image-right{ display: flex; width: 100%; } .exad-advance-tab > .exad-advance-tab-content.active.exad-tab-image-left .exad-advance-tab-content-element, .exad-advance-tab > .exad-advance-tab-content.active.exad-tab-image-right .exad-advance-tab-content-element { width: 100%; } .exad-advance-tab > .exad-advance-tab-content.active.exad-tab-image-left .exad-advance-tab-content-element, .exad-advance-tab > .exad-advance-tab-content.active.exad-tab-image-right .exad-advance-tab-content-element { width: 70%; } .exad-advance-tab > .exad-advance-tab-content.exad-tab-image-has-no.exad-tab-image-left .exad-advance-tab-content-element, .exad-advance-tab > .exad-advance-tab-content.exad-tab-image-has-no.exad-tab-image-right .exad-advance-tab-content-element{ width: 100%; } .exad-advance-tab > .exad-advance-tab-content.active.exad-tab-image-left .exad-advance-tab-content-thumb, .exad-advance-tab > .exad-advance-tab-content.active.exad-tab-image-right .exad-advance-tab-content-thumb { width: 30%; } .exad-advance-tab > .exad-advance-tab-content.active .exad-advance-tab-content-thumb { width: 30%; } .exad-advance-tab > .exad-advance-tab-content.active.exad-tab-image-left .exad-advance-tab-content-element { order: 2 } .exad-advance-tab > .exad-advance-tab-content.active.exad-tab-image-left .exad-advance-tab-content-thumb { order: 1; } .exad-advance-tab > .exad-advance-tab-content { display: none; } .exad-tab-btn{ text-decoration: none; transition: all .3s ease; display: inline-block; } .exad-advance-tab-content-title{ margin: 0 0 20px 0; } .exad-advance-tab-content-description{ margin: 0 0 20px 0; } .exad-tab-triangle-right.active{ position: relative; z-index: 1; } .exad-tab-triangle-bottom.active{ position: relative; z-index: 1; } .exad-tab-triangle-right.active::before{ position: absolute; content: ''; height: 20px; width: 15px; top: 50%; right: -4px; transform: translateY(-50%) rotate(45deg); z-index: -1; } .exad-tab-triangle-bottom.active::before{ position: absolute; content: ''; height: 20px; width: 15px; left: 50%; bottom: -8px; transform: translateX(-50%) rotate(45deg); z-index: -1; } @media ( max-width: 575px ){ .exad-tab-vertical{ flex-direction: column; } .exad-tab-vertical > .exad-advance-tab-nav li{ width: 100% !important; justify-content: center; } .exad-tab-triangle-right.active:before{ display: none; } } @media ( max-width: 767px ){ .exad-tab-horizontal-full-width > .exad-advance-tab-nav { overflow-x: scroll; } .exad-tab-horizontal > .exad-advance-tab-nav { overflow-x: scroll; } .exad-advance-tab > .exad-advance-tab-content.active.exad-tab-image-left, .exad-advance-tab > .exad-advance-tab-content.active.exad-tab-image-right{ flex-direction: column; } .exad-advance-tab > .exad-advance-tab-content.active.exad-tab-image-left .exad-advance-tab-content-element, .exad-advance-tab > .exad-advance-tab-content.active.exad-tab-image-right .exad-advance-tab-content-element { width: 100%; } .exad-advance-tab > .exad-advance-tab-content.exad-tab-image-has-no.exad-tab-image-left .exad-advance-tab-content-element, .exad-advance-tab > .exad-advance-tab-content.exad-tab-image-has-no.exad-tab-image-right .exad-advance-tab-content-element{ width: 100%; } .exad-advance-tab > .exad-advance-tab-content.active.exad-tab-image-left .exad-advance-tab-content-thumb, .exad-advance-tab > .exad-advance-tab-content.active.exad-tab-image-right .exad-advance-tab-content-thumb { width: 100%; } .exad-advance-tab > .exad-advance-tab-content.active .exad-advance-tab-content-thumb { width: 100%; } .exad-advance-tab-content-thumb{ margin-top: 20px; } } /* Exclusive Tabs End */ /* Team Member Start */ .exad-left{ text-align: left; } .exad-left .exad-team-member-thumb{ margin-right: auto; } .exad-center{ text-align: center; } .exad-center .exad-team-member-thumb{ margin: 0 auto; } .exad-team-member-thumb.style_1{ -webkit-animation: clip-1 10s linear infinite alternate forwards; animation: clip-1 10s linear infinite alternate forwards; overflow: hidden; } .exad-team-member-thumb.style_2{ -webkit-animation: clip-2 10s linear infinite alternate forwards; animation: clip-2 10s linear infinite alternate forwards; overflow: hidden; } .exad-team-member-thumb.style_3{ -webkit-animation: clip-3 10s linear infinite alternate forwards; animation: clip-3 10s linear infinite alternate forwards; overflow: hidden; } .exad-right{ text-align: right; } .exad-right .exad-team-member-thumb{ margin-left: auto; } .exad-top-background{ clear: both; } .exad-team-item .exad-team-member.exad-position-left, .exad-team-item .exad-team-member.exad-position-right { display: flex; } .exad-position-left .exad-team-member-thumb{ width: 40%; } .exad-position-left .exad-team-member-content{ width: 60%; } .exad-position-right .exad-team-member-thumb{ width: 40%; order: 2; } .exad-position-right .exad-team-member-content{ width: 60%; order: 1; } .exad-team-item .exad-team-member.exad-position-left .exad-team-member-thumb img, .exad-team-item .exad-team-member.exad-position-right .exad-team-member-thumb img { height: 100%; object-fit: cover; } .elementor .exad-team-member-thumb img { height: 100%; width: 100%; } .exad-team-member-cta{ text-decoration: none; display: inline-block; transition: all .3s ease; } .exad-team-member-social{ margin: 0; padding: 0; } .exad-team-member-social li{ list-style: none; display: inline-block; } .exad-team-member-social li a{ display: block; position: relative; transition: all .3s ease; text-decoration: none; } .exad-team-member-social li a i{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .exad-team-member-thumb img{ display: block; object-fit: cover; -o-object-fit: cover; } .exad-team-member-content{ position: relative; z-index: 8; } .exad-team-member-name{ margin: 0 0 20px 0; } .exad-team-member-designation{ margin: 0 0 20px 0; display: block; } .exad-team-member-about{ margin: 0 0 20px 0; line-height: 1.5em; } @media (max-width: 480px) { .exad-team-item .exad-team-member.exad-position-left, .exad-team-item .exad-team-member.exad-position-right { flex-direction: column; } .exad-team-item .exad-team-member.exad-position-left .exad-team-member-thumb img, .exad-team-item .exad-team-member.exad-position-right .exad-team-member-thumb img, .exad-position-left .exad-team-member-thumb, .exad-position-left .exad-team-member-content, .exad-position-right .exad-team-member-thumb, .exad-position-right .exad-team-member-content { width: 100%; } } @keyframes clip-1{ 0%, 100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } } @keyframes clip-2 { 0%, 100% { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; } 25% { border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%; } 50% { border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%; } 75% { border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%; } } @keyframes clip-3 { 0%, 100% { border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%;; } 20% { border-radius: 45% 55% 62% 38% / 53% 51% 49% 47%; } 40% { border-radius: 45% 55% 49% 51% / 36% 51% 49% 64%; } 60% { border-radius: 60% 40% 57% 43% / 47% 62% 38% 53%; } 80% { border-radius: 60% 40% 32% 68% / 38% 36% 64% 62%; } } /* Team member style eight end */ /* Testimonial style start */ .exad-testimonial-ratings{ margin: 0; padding: 0; } .exad-testimonial-ratings li{ list-style: none; display: inline-block; } .exad-testimonial-thumb img { height: 100% !important; width: 100%; display: block; object-fit: cover; } .exad-testimonial-thumb { background: #ffffff; } .exad-testimonial-wrapper.exad-testimonial-align-center{ text-align: center; } .exad-testimonial-wrapper.exad-testimonial-align-center .exad-testimonial-thumb{ margin-left: auto; margin-right: auto; } .exad-testimonial-wrapper.exad-testimonial-align-bottom{ text-align: center; } .exad-testimonial-wrapper.exad-testimonial-align-bottom .exad-testimonial-thumb{ margin-left: auto; margin-right: auto; } .exad-testimonial-wrapper.exad-testimonial-align-right{ text-align: right; } .exad-testimonial-wrapper.exad-testimonial-align-center .exad-testimonial-thumb{ margin-left: auto; } .exad-testimonial-wrapper.exad-testimonial-align-left .exad-testimonial-reviewer-wrapper, .exad-testimonial-wrapper.exad-testimonial-align-right .exad-testimonial-reviewer-wrapper{ display: flex; align-items: center; } .exad-testimonial-wrapper.exad-testimonial-align-right .exad-testimonial-reviewer-wrapper{ justify-content: flex-end; } .exad-testimonial-wrapper.exad-testimonial-align-right .exad-testimonial-reviewer-wrapper .exad-testimonial-thumb{ order: 2; } .exad-testimonial-wrapper.exad-testimonial-align-right .exad-testimonial-reviewer-wrapper .exad-testimonial-reviewer{ order: 1; } .exad-testimonial-description{ margin: 0; } .exad-testimonial-name{ margin: 0; /* font-size: 22px; */ /* font-weight: 600; */ transition: all .3s ease; } .exad-testimonial-designation{ margin: 0; display: block; font-size: 14px; font-weight: 600; } .exad-testimonial-content-wrapper-arrow::before{ position: absolute; content: "\e92a"; font-family: eicons; transform: translateX(-50%); font-size: 25px; line-height: 1; } .exad-testimonial-wrapper-inner.layout-2 .exad-testimonial-content-wrapper-arrow::before{ /* top: -15px; */ transform: translateX(-50%) rotate(180deg); } .exad-testimonial-wrapper { transition: all .3s ease; } .exad-testimonial-content-wrapper-arrow{ position: relative; z-index: 1; } .exad-testimonial-wrapper.exad-testimonial-align-center .exad-testimonial-wrapper-inner.layout-1 .exad-testimonial-content-wrapper-arrow::before{ left: 50%; bottom: -15px; } .exad-testimonial-wrapper.exad-testimonial-align-bottom .exad-testimonial-wrapper-inner.layout-1 .exad-testimonial-content-wrapper-arrow::before{ left: 50%; bottom: -15px; } .exad-testimonial-wrapper.exad-testimonial-align-left .exad-testimonial-wrapper-inner.layout-1 .exad-testimonial-content-wrapper-arrow::before{ left: 40px; bottom: -15px; } .exad-testimonial-wrapper.exad-testimonial-align-right .exad-testimonial-wrapper-inner.layout-1 .exad-testimonial-content-wrapper-arrow::before{ right: 25px; bottom: -15px; } .exad-testimonial-wrapper.exad-testimonial-align-center .exad-testimonial-wrapper-inner.layout-2 .exad-testimonial-content-wrapper-arrow::before{ left: 50%; top: -15px; } .exad-testimonial-wrapper.exad-testimonial-align-bottom .exad-testimonial-wrapper-inner.layout-2 .exad-testimonial-content-wrapper-arrow::before{ left: 50%; top: -15px; } .exad-testimonial-wrapper.exad-testimonial-align-left .exad-testimonial-wrapper-inner.layout-2 .exad-testimonial-content-wrapper-arrow::before{ left: 40px; top: -15px; } .exad-testimonial-wrapper.exad-testimonial-align-right .exad-testimonial-wrapper-inner.layout-2 .exad-testimonial-content-wrapper-arrow::before{ right: 25px; top: -15px; } .exad-testimonial-wrapper.exad-testimonial-image-aside{ display: flex; align-items: center; } .exad-testimonial-wrapper.exad-testimonial-transition-top-yes:hover{ transform: translateY(-10px); } .exad-testimonial-wrapper.exad-testimonial-transition-top-yes{ transform: translateY(0px); -webkit-transition: all .3s ease; transition: all .3s ease; } /* Testimonial style end */ /* Tooltip Start */ .exad-tooltip { transition: all .3s ease; } .exad-tooltip .exad-tooltip-item { position: relative; } .exad-tooltip .exad-tooltip-content-text { line-height: 0.5; } .exad-tooltip-align-left { display: flex; width: 100%; justify-content: flex-start; } .exad-tooltip-align-center { display: flex; width: 100%; justify-content: center; } .exad-tooltip-align-right { display: flex; width: 100%; justify-content: flex-end; } .exad-tooltip .exad-tooltip-item .exad-tooltip-content { cursor: pointer; line-height: 0.6; font-size: 16px; text-align: center; transition: all .3s ease; } .exad-tooltip .exad-tooltip-item .exad-tooltip-content a img { margin: 0 auto; } .exad-tooltip .exad-tooltip-item .exad-tooltip-text { position: absolute; min-width: 150px; padding: 10px; visibility: hidden; opacity: 0; transition: all 0.25s cubic-bezier(0, 0, 0.2, 1); border-radius: 3px; font-weight: 300; font-size: 16px; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.2); z-index: 4; } .exad-tooltip .exad-tooltip-item .exad-tooltip-text:after { content: ""; display: block; position: absolute; width: 0; height: 0; border-style: solid; } .exad-tooltip .exad-tooltip-item .exad-tooltip-content:hover { box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.13); } .exad-tooltip .exad-tooltip-item.tooltip-left .exad-tooltip-content:hover ~ .exad-tooltip-text { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); visibility: visible; opacity: 1; } .exad-tooltip .exad-tooltip-item.tooltip-left .exad-tooltip-text { top: 50%; right: calc(100% + 1em); -webkit-transform: translate3d(-15px, -50%, 0); transform: translate3d(-15px, -50%, 0); } .exad-tooltip .exad-tooltip-item.tooltip-left .exad-tooltip-text:after { top: 50%; right: -0.5em; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); border-width: 0.5em 0 0.5em 0.5em; border-color: transparent transparent transparent #f9f9f9; } .exad-tooltip .exad-tooltip-item.tooltip-bottom .exad-tooltip-content:hover ~ .exad-tooltip-text { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); visibility: visible; opacity: 1; } .exad-tooltip .exad-tooltip-item.tooltip-bottom .exad-tooltip-text { top: calc(100% + 1em); left: 50%; -webkit-transform: translate3d(-50%, 15px, 0); transform: translate3d(-50%, 15px, 0); text-align: center; } .exad-tooltip .exad-tooltip-item.tooltip-bottom .exad-tooltip-text:after { top: -0.5em; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); border-width: 0 0.5em 0.5em 0.5em; border-color: transparent transparent #f9f9f9 transparent; } .exad-tooltip .exad-tooltip-item.tooltip-top .exad-tooltip-content:hover ~ .exad-tooltip-text { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); visibility: visible; opacity: 1; } .exad-tooltip .exad-tooltip-item.tooltip-top .exad-tooltip-text { bottom: calc(100% + 1em); left: 50%; -webkit-transform: translate3d(-50%, -15px, 0); transform: translate3d(-50%, -15px, 0); text-align: center; } .exad-tooltip .exad-tooltip-item.tooltip-top .exad-tooltip-text:after { bottom: -0.5em; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); border-width: 0.5em 0.5em 0 0.5em; } .exad-tooltip .exad-tooltip-item.tooltip-right .exad-tooltip-content:hover ~ .exad-tooltip-text { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); visibility: visible; opacity: 1; } .exad-tooltip .exad-tooltip-item.tooltip-right .exad-tooltip-text { top: 50%; left: calc(100% + 1em); -webkit-transform: translate3d(15px, -50%, 0); transform: translate3d(15px, -50%, 0); text-align: center; } .exad-tooltip .exad-tooltip-item.tooltip-right .exad-tooltip-text:after { top: 50%; left: -0.5em; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); border-width: 0.5em 0.5em 0.5em 0; border-color: transparent #fff transparent transparent; } @media ( max-width: 767px ){ .exad-tooltip .exad-tooltip-item.tooltip-right .exad-tooltip-content:hover ~ .exad-tooltip-text { -webkit-transform: translate3d(-405%, -50%, 0); transform: translate3d(-45%, -50%, 0); } .exad-tooltip .exad-tooltip-item.tooltip-left .exad-tooltip-content:hover ~ .exad-tooltip-text { -webkit-transform: translate3d(50%, -50%, 0); transform: translate3d(50%, -50%, 0); visibility: visible; opacity: 1; } } /* Tooltip End */
Save
Cancel