| Current File : /home/digitaw/www/wp-content/plugins/exclusive-addons-for-elementor/assets/css/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 svg,
.exad-accordion-items .exad-accordion-single-item .exad-accordion-title .exad-inactive-icon svg,
.exad-accordion-items .exad-accordion-single-item .exad-accordion-title span.exad-tab-title-icon svg,
.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 .exad-button-action svg {
height:20px;
width:20px;
}
.exad-button-icon-wrapper {
display: inline-block;
vertical-align:middle;
}
.exad-button-icon-wrapper i {
display: block;
}
.exad-button-wrapper.exad-button-incon-before-text .exad-button-action .exad-button-icon-wrapper {
margin-right: 10px;
}
.exad-button-wrapper.exad-button-incon-after-text .exad-button-action .exad-button-icon-wrapper {
margin-left: 10px;
}
.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: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::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::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::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: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: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.effect-8-position {
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 svg,
.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 svg,
.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 */