body{
-webkit-font-smoothing: antialiased;
}
a {
text-decoration: none;
outline:none;
cursor: pointer;
color:#333333;
}
a:focus, a:hover, a:active {
text-decoration: none;
outline:none;
transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
}
p {
margin-bottom: 15px;
}
ul {
list-style: none;
padding: 0;
}
ul:last-child, ol li:last-child {
margin-bottom: 0px;
}
ol li {
margin-bottom: 0px;
}
ul.nav > li {
display: inline-block;
}
img, video {
max-width: 100%;
height: auto;
}
img {
display:block;
margin:0 auto;
}
select {
height: 40px;
line-height: 40px;
padding: 0 10px;
}
select:focus {
outline:0;
}
input:focus {
outline: 0;
}
span:focus {
outline: 0;
}
::selection {
color:#fff;
}
pre {
background: #eeeeee none repeat scroll 0 0;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
table td, table th {
border: 1px solid #e1e1e1;
padding: 5px 10px;
}
input {
border: 1px solid #cccccc;
}
table {
margin-bottom: 15px;
}
.form-control:focus {
box-shadow: none;
}
.btn-default {
background-color: #222;
}
a.btn.border {
border-color: #000 !important;
color: #000;
} .before-icon {
margin-right: 4px;
}
ul.nav.top-meta-list,
ul.nav.bottom-meta-list {
display: inline-block;
}
ul.nav.bottom-meta-list.meta-left,
ul.nav.top-meta-list.meta-left {
float: left;
text-align: left;
}
ul.nav.bottom-meta-list.meta-left,
ul.nav.bottom-meta-list.meta-right {
width: 50%;
}
ul.nav.bottom-meta-list.meta-right,
ul.nav.top-meta-list.meta-right {
text-align: right;
}
ul.nav.meta-right {
float: right;
}
ul.nav.top-meta-list > li,
ul.nav.bottom-meta-list > li {
vertical-align: middle;
display: inline-block;
margin-right: 8px;
}
.text-center .blog-inner> div > ul.nav.meta-left:last-child:first-child,
.text-center .blog-inner> div ul.nav.meta-right:last-child:first-child {
text-align: center;
display: inline-block;
float: none;
}
.top-meta ul li i, .bottom-meta ul li i {
margin-right: 5px;
vertical-align: middle;
}
ul.nav.top-meta-list > li:last-child {
margin-right: 0;
}
.post-author a > span {
display: inline-block;
vertical-align: middle;
}
.blog-inner .bottom-meta .post-author, .blog-inner .top-meta .post-author {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.blog-style-modern .post-author a > span {
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
}
ul.post-pagination > li > a, ul.post-pagination > li > span {
padding: 6px;
background: #333;
color: #fff;
border-radius: 4px;
margin: 4px;
}
.post-thumb {
position: relative;
}
.post-overlay-items {
position: absolute;
bottom: 0;
padding: 10px;
left: 0;
right: 0;
} .blog-wrapper {
clear: both;
}
.isotope {
width: auto;
}
.isotope .isotope-item {
float: left;
min-height: 1px;
}
.infinite-load > .post-pagination-wrap {
display: none;
}
.isotope #infscr-loading {
position: absolute;
left: 0;
right: 0;
bottom: 0;
text-align: center;
}
.isotope #infscr-loading > img {
max-width: 100px;
transition: all ease 0.35s;
}
@-webkit-keyframes zegenFadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0,50px,0);
transform:translate3d(0,50px,0)
} to {
opacity:1; 
-webkit-transform:none; 
transform:none 
}
}
@keyframes zegenFadeInUp {
0%{
opacity:0;
-webkit-transform:translate3d(0,50px,0);
transform:translate3d(0,50px,0);
} to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.zegen-animate {
opacity: 0;
visibility: hidden;
}
.zegen-animate.run-animate {
opacity: 1;
visibility: visible;
animation-duration: 0.7s;
animation-name: zegenFadeInUp;
} .animate-title {
font-size: 40px;
} .circle-progress-wrapper > * {
margin-bottom: 20px;
}
.circle-progress-wrapper > *:last-child {
margin-bottom: 0;
}
.circle-progress-circle {
position: relative;
}
.progress-value {
display: block;
font-size: 26px;
font-weight: 600;
left: 0;
position: absolute;
right: 0;
top: 50%;
padding: 0 20px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
} .day-counter {
display: block;
}
.day-counter > *:last-child {
margin-right: 0;
}
.day-counter > * {
display: inline-block;
margin-right: 20px;
height: 150px;
width: 150px;
padding:0 20px;
}
.day-counter .counter-item {
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
position: relative;
line-height: 1;
}
.day-counter .counter-item > h3 {
line-height: unset;
margin-bottom: 14px;
font-size:35px;
}
.day-counter-dark .day-counter .counter-item > h3 {
color: #fff;
}
.day-counter-light .day-counter > * {
background: #fff none repeat scroll 0 0;
}
.day-counter-dark .day-counter > * {
background: #333 none repeat scroll 0 0;
color: #fff;
}
.day-counter-transparent .day-counter > * {
background: transparent;
} .day-counter .rounded-0 {
border: 1px solid #eaeaea;
} .day-counter .rounded {
border: 1px solid #233044;
}
.day-counter>*.rounded {
height: 120px;
width: 120px;
} .day-counter-classic .day-counter  > div {
background : #f7f7f7;
position: relative;
overflow: hidden;
}
.day-counter-classic .day-counter > div:after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 15px;
height: 3px;
background: #000;
}
.day-counter .rounded-circle {
border: 1px solid #eaeaea;
background: #f7f7f7;
} .day-counter-modern .day-counter > *:after {
content: "";
width: 150%;
height: 100px;
background: rgba(0, 0, 0, 0.1);
display: block;
transform: rotate(-40deg);
position: absolute;
bottom: -10%;
left: 14%;
z-index: 0;
}
.day-counter-modern .day-counter > * {
position: relative;
overflow: hidden;
}
.day-counter-modern .counter-item {
z-index: 1;
}
.day-counter-modern .day-counter .rounded-0 {
border: 1px solid #eaeaea1c;
} .day-counter-classic-pro .day-counter {
position: relative;
}
.day-counter-classic-pro .day-counter:after {
content: "";
width: 100%;
border-bottom: 1.5px dashed #eaeaea;
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.day-counter-classic-pro .day-counter > * {
border: 1px dashed #eaeaea;
margin: 0 10px;
background: #fff;
z-index: 1;
position: relative;
} .flip-box-icon {
line-height: 1;
transition: all ease 0.35s;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
}
.flip-box-wrapper .flip-box-icon > span.flip-icon-middle {
line-height: 2;
}
.flip-box-wrapper.text-right .flip-box-icon > span {
margin-left: auto;
margin-right: 0;
}
.flip-box-wrapper .flip-box-title .section-title {
color: inherit;
}
.flip-front > *, .flip-back > * {
margin-bottom: 20px;
}
.flip-box-wrapper .flip-front > *:last-child, .flip-box-wrapper .flip-back > *:last-child {
margin-bottom: 0;
}
.flip-box-wrapper .flip-front > div , .flip-box-wrapper .flip-back > div {
padding: 0 30px;
}
.flip-box-wrapper .flip-front > div.flip-box-thumb {
padding: 0;
}
.flip-box-wrapper .flip-box-thumb {
padding: 0 !important;
}
.flip-box-wrapper {
display: block;
}
.flip-box-wrapper [class*=' imghvr-'] a, .flip-box-wrapper [class^=imghvr-] a {
position: relative;
}
body .elementor-widget.elementor-widget-zegenflipbox {
margin-bottom: 30px !important;
}
.flip-box-content {
font-size: 15px;
}
.imghvr-flip-diag-1 .flip-back {
opacity: 0;
}
.imghvr-flip-diag-1:hover .flip-back {
opacity: 1;
}
.flip-box-inner.imghvr-flip-3d-horz > * {
box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px;
border-radius: 5px;
}
.flip-box-title {
position: relative;
padding-bottom: 20px;
margin-bottom: 15px;
}
.flip-box-title:after {
content: "";
width: 15px;
height: 3px;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.cus-flipbox .flip-content .ff-link {
font-weight: 600;
font-size: 20px;
letter-spacing: -0.5px;
}
.cus-flipbox .flip-front .flip-content a {
color: #fff;
}
.cus-flipbox .flip-back .flip-content a {
color: #777;
}
.cus-flipbox .flip-back .flip-content a.ff-link:hover {
color: #070e20;
}
.flip-box-wrapper.cus-flipbox .flip-box-inner .flip-content {
font-size: 16px;
line-height: 30px;
} .icon-wrapper .icon-parent > span {
transition: all ease 0.35s;
margin-left:0;
}
.text-center.icon-wrapper .icon-parent > span {
margin: 0 auto;
}
.text-right.icon-wrapper .icon-parent > span {
margin-left: auto;
margin-right: 0;
}
.icon-wrapper .icon-parent .icon-middle {
line-height: 2;
display: block;
} .icon-list-wrapper .icon-parent > span {
margin-right: 13px;
-webkit-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.icon-list-wrapper li.icon-parent {
margin-bottom: 15px;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
color: #444;
font-size: 15px;
line-height: 28px;
font-weight: 600;
}
.icon-list-wrapper li.icon-parent:last-child {
margin-bottom: 0;
}
.icon-dark {
color: #000;
}
.icon-light {
color: #ffffff;
} .section-title-wrapper .title-separator {
background-color: #333333;
display: block;
height: 4px;
position: relative;
width: 60px;
border-radius: 50px;
overflow: hidden
}
.section-title-wrapper .title-separator:before {
content: "\e648";
position: absolute;
left: 0;
right: 0;
top: -2px;
margin: auto;
border-radius: 6px;
transform: rotate(2deg);
font-family: "themify";
font-weight: 900;
font-size: 45px;
color: #fff;
text-align: center;
}
.section-title-wrapper.text-center .title-separator:before {
left: 0;
right: 0;
}
.section-title-wrapper.text-center .title-separator {
margin: 0 auto;
width: 70px;
}
.section-title-wrapper.text-left .title-separator {
margin-right: auto;
}
.section-title-wrapper.text-right .title-separator {
margin-left: auto;
}
.section-title-wrapper.title-dark .title-separator:before {
color: #00152f;
}
.section-title-wrapper {
margin-bottom: 35px;
}
.title-separator.separator-img {
background: transparent;
height: auto;
width: auto;
max-width: 200px;
}
.title-separator.separator-img > img {
max-height: 50px;
}
.text-left .title-separator.separator-img > img {
margin-left: 0;
}
.text-right .title-separator.separator-img > img {
margin-right: 0;
}
.section-title-wrapper .title-wrap > * {
display: block;
margin-bottom: 15px;
}
.section-title-wrapper .title-wrap > *.sub-title {
margin-bottom: 5px;
font-weight: 700;
}
.section-title-wrapper .title-wrap > .section-title {
margin-bottom: 20px;
}
.section-title-wrapper .title-wrap > *:last-child {
margin-bottom: 0;
}
.section-title-wrapper .title-wrap {
margin-bottom: 25px;
}
.section-title-wrapper .section-description {
max-width: 800px;
margin: 0;
}
.section-title-wrapper.text-center .section-description {
text-align: center;
margin: 0 auto;
}
.section-title-wrapper.text-left .section-description {
text-align: left;
margin: inherit;
max-width: inherit;
margin-left:auto;
margin-right:0;
}
.section-title-wrapper.text-right .section-description {
text-align: right;
float: right;
}
.section-title-wrapper .section-description a.btn {
margin-top: 25px;
}
.section-description span.lead.d-block {
margin-bottom: 14px;
color: #000;
font-weight: 100;
} .portfolio-inner > * {
margin-bottom: 15px;
}
.portfolio-inner {
margin-bottom: 30px;
}
.isotope-item .portfolio-inner {
margin-bottom: 0;
}
.portfolio-inner .post-category {
text-transform: uppercase;
}
.portfolio-inner .post-category a {
color: #bf0a30;
text-transform: capitalize;
}
.portfolio-inner .post-category {
text-transform: uppercase;
line-height: 1;
} .portfolio-style-default .portfolio-inner .portfolio-content-wrap {
padding: 35px 25px;
position: relative;
margin-top: -50px;
max-width: 95%;
z-index: 1;
border: 1px solid #eaeaea;
font-size: 14px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;    
background: #fff;
}
.portfolio-style-default .portfolio-overlay {
color: #fff;
}
.portfolio-wrapper.portfolio-style-default .post-overlay-items,
.portfolio-wrapper.portfolio-style-default .post-overlay-items a {
color: #fff !important;
}
.portfolio-wrapper.portfolio-style-default .link-icon, .portfolio-wrapper.portfolio-style-default .zoom-icon {
padding: 10px 13px;
border-radius: 2px;
}
.portfolio-style-default .portfolio-overlay-wrap:before {
background: rgba(0, 0, 0, 0.6);
}
.portfolio-style-default .portfolio-inner .portfolio-content-wrap .portfolio-title {
position: relative;
}
.portfolio-style-default .portfolio-inner .portfolio-content-wrap .portfolio-title h4 {
font-size: 20px;
line-height: 30px;
}
.portfolio-style-default .portfolio-inner .portfolio-content-wrap .portfolio-title h3 {
font-size: 20px;
margin-bottom: 0;
}
.portfolio-style-default .portfolio-inner:hover .abs-title-icon {
color: #151515;
}
.portfolio-style-default .portfolio-inner:hover .abs-title-icon,
.portfolio-style-default .portfolio-inner .abs-title-icon {
transition: all .3s ease-in-out;
margin-right: 15px;
}
.portfolio-style-default .portfolio-inner:hover .portfolio-content-wrap,
.portfolio-style-default .portfolio-inner .portfolio-content-wrap {
transition: all .3s ease-in-out;
}
.portfolio-style-default .portfolio-inner .post-thumb {
border-radius: 5px;
}
.portfolio-style-default .portfolio-inner .post-thumb img {
transition: all .5s ease-in-out;
border-radius: 6px;
}
.portfolio-style-default .post-thumb.portfolio-overlay-wrap {
border-radius: 6px;
}
.portfolio-wrapper.portfolio-style-default .post-overlay-active:before {
background: rgba(0,0,0,0.8);
}
.portfolio-link-icon,
.portfolio-popup-icon {
display: inline-block;
margin: 0 5px;
border-radius: 5px;
}
.portfolio-link-icon a, .portfolio-popup-icon a {
padding: 10px 10px;
}
.portfolio-style-default .portfolio-inner:hover .post-thumb img {
animation-name: imagemove;
animation-duration: 3s;
animation-timing-function: ease-out;
animation-delay: 0s;
animation-direction: alternate;
animation-iteration-count: infinite;
animation-fill-mode: none;
animation-play-state: running;
}
@keyframes imagemove {
0% {
-webkit-transform: rotate(0deg) scale(1);
-moz-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
-o-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
}
100% {
-webkit-transform: rotate(5deg) scale(1.1);
-moz-transform: rotate(5deg) scale(1.1);
-ms-transform: rotate(5deg) scale(1.1);
-o-transform: rotate(5deg) scale(1.1);
transform: rotate(5deg) scale(1.1);
} 
}
.portfolio-style-default .post-overlay-items.overlay-center {
transform: translateY(-50%);
padding: 0 30px;
top: 50%;
text-align: center;
transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
}
.portfolio-style-default .portfolio-inner:hover .post-overlay-items.overlay-center {
transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
top: 64%;
}
.portfolio-style-default .portfolio-inner {
position: relative;
}
.portfolio-style-default .portfolio-inner:hover:before {
opacity: 1;
width: 18%;
top: 15%;
transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
}
.portfolio-style-default .portfolio-inner:before {
content: "";
background: #fff;
position: absolute;
top: 0;
width: 0%;
height: 2px;
z-index: 2;
left: 0;
right: 0;
margin: auto;
opacity: 0;
transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
}
.portfolio-style-default .portfolio-inner:after {
content: "";
background: #fff;
position: absolute;
top: 0;
height: 47%;
width: 2px;
z-index: 2;
left: 0;
right: 0;
margin: auto;
opacity: 0;
transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
}
.portfolio-style-default .portfolio-inner:hover:after {
opacity: 1;
top: 0%;
transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
} .archive-template article.zegen-portfolio > .portfolio-archive > a {
display: block;
margin-left: -30px;
margin-right: -30px;
margin-top: -30px;
margin-bottom: 30px;
}
.portfolio-archive-title > h4 {
margin-bottom: 0;
text-align: center;
} .portfolio-wrapper .post-overlay-active:before {
content: "";
bottom: 0;
position: absolute;
max-width: 100%;
left: 0;
right: 0;
top: 0;
background: rgba(0,0,0,0.5);
opacity: 0;
transition: all .3s ease-in-out;
} 
.portfolio-wrapper .portfolio-inner:hover .post-overlay-active:before {
opacity: 1;
z-index: 1;
transition: all .3s ease-in-out;
}
.portfolio-wrapper .post-overlay-active {
position: relative;
}
.post-overlay-items > * {
z-index: 1;
position: relative;
}
.portfolio-inner .post-thumb {
overflow: hidden;
}
.portfolio-wrapper .post-overlay-items {
position: absolute;
padding: 0 30px;
z-index: 1;
}
.portfolio-wrapper .post-overlay-items > *:last-child {
margin-right: 0;
}
.portfolio-wrapper .post-overlay-items > .portfolio-icons > * {
margin-right: 10px;
line-height: 1;
display: inline-block;
padding: 10px;
background: #000;
}
.portfolio-inner span.before-icon {
display: none;
} .post-overlay-items.overlay-top-left {
left: 0;
right: auto;
text-align: left;
top: 30px;
width: 100%;
} .post-overlay-items.overlay-top-right {
right: 0;
text-align: right;
left: auto;
top: 30px;
width: 100%;
} .post-overlay-items.overlay-bottom-left {
left: 0;
bottom: 30px;
right: auto;
width: 100%;
text-align: left;
} .post-overlay-items.overlay-bottom-right {
right: 0;
text-align: right;
left: auto;
width: 100%;
bottom: 30px;
} .post-overlay-items.overlay-center {
top: 50%;
transform: translateY(-50%);
padding: 0 30px;
bottom: auto;
}
.portfolio-inner:hover .post-overlay-items {
opacity: 1;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
}
.post-overlay-items {
opacity: 0;
} .portfolio-wrapper.portfolio-style-classic .post-overlay-active:before {
content: '';
transition: all 150ms ease-in-out 200ms;
position: absolute;
width: 100%;
bottom: 0;
top: auto;
height: 50%;
background: rgba(255, 255, 255, 0.95);
right: -100%;
left: auto;
}
.portfolio-wrapper.portfolio-style-classic .portfolio-inner:hover .post-overlay-active:before {
right: 0;
opacity: 1;
width: 100%;
height: 50%;
transition: all .8s;
}
.portfolio-wrapper.portfolio-style-classic .post-overlay-active:after {
content: '';
transition: all 150ms ease-in-out 200ms;
position: absolute;
background: rgba(255, 255, 255, 0.95);
top: 0;
height: 50%;
width: 100%;
left: -100%;
}
.portfolio-wrapper.portfolio-style-classic .portfolio-inner:hover .post-overlay-active:after {
left: 0;
opacity: 1;
transition: all .8s;
}
.portfolio-style-classic .post-overlay-items > *:nth-child(odd):before {
content: '';
background: #f7f7f7;
width: 100%;
top: 0;
bottom: 0;
position: absolute;
transition: right 600ms ease-in-out 0s;
right: 100%;
}
.portfolio-style-classic .portfolio-inner:hover .post-overlay-items > *:nth-child(odd):before {
right: -100%;
}
.portfolio-style-classic .post-overlay-items >  *:nth-child(even):before {
content: '';
background: #f7f7f7;
position: absolute;
width: 100%;
bottom: 0;
transition: left 600ms ease-in-out 0s;
left: 100%;
top: 0;
right: auto;
}
.portfolio-style-classic .portfolio-inner:hover .post-overlay-items > *:nth-child(even):before {
left: -100%;
}
.portfolio-style-classic .post-overlay-items {
overflow: hidden;
padding: 0;
width: auto;
margin: 0 30px;
}
.portfolio-style-classic .post-overlay-items > .portfolio-popup-icon,
.portfolio-style-classic .post-overlay-items > .portfolio-link-icon {
display: block;
width: 100%;
margin: 0;
margin-bottom: 10px;
}
.portfolio-style-classic .post-overlay-items > .portfolio-popup-icon a,
.portfolio-style-classic .post-overlay-items > .portfolio-link-icon a {
display: inline-block;
background: rgba(0, 0, 0,0.05);
color: #fff;
width: 50px;
height: 50px;
padding: 0;
line-height: 50px;
border-radius: 50%;
text-align: center;
}
.portfolio-style-classic .post-overlay-items > div:last-child a {
margin-bottom: 0;
} .portfolio-wrapper.portfolio-style-modern .portfolio-inner:hover .post-overlay-active:before {
background: rgba(0, 0, 0, 0);
transition: all 150ms ease-in-out 200ms;
}
.portfolio-wrapper.portfolio-style-modern .portfolio-inner:hover .post-overlay-active:before {
background: rgba(44, 44, 57, 0.2);
transition: all 150ms ease-in-out 200ms;
}
.portfolio-style-modern .post-overlay-items {
opacity: 0;
background-color: #fff;
width: 90%;
margin: 0 auto;
left: 50%;
padding: 15px 21px;
}
.portfolio-style-modern .portfolio-inner:hover .post-overlay-items {
opacity: 1;
transform: translateX(-50%) scale(1);   
transition: all 150ms ease-in-out 200ms;
}
.portfolio-style-modern .post-overlay-items.overlay-center {
transform: translate(-50%, -50%);
padding: 20px 15px;
}
.portfolio-style-modern .ti-link:before {
content: "\e628";
}
.portfolio-style-modern .post-overlay-items> .portfolio-link-icon,
.portfolio-style-modern .post-overlay-items> .portfolio-popup-icon {
margin-left: 0;
display: inline-flex;
margin-bottom: 0;
}
.portfolio-style-modern .post-overlay-items> .portfolio-link-icon a,
.portfolio-style-modern .post-overlay-items> .portfolio-popup-icon a {
background: #000000;
color: #fff !important;
width: 35px;
text-align: center;
height: 35px;
line-height: 35px;
padding: 0;
border-radius: 50%;
}
.portfolio-style-modern .post-overlay-items> .portfolio-link-icon a:hover,
.portfolio-style-modern .post-overlay-items> .portfolio-popup-icon a:hover {
background: #000;
color: #fff !important;
}
.portfolio-inner .post-overlay-items>*:last-child {
margin-bottom: 0;
}
.portfolio-inner .post-overlay-items>* {
margin-bottom: 12px;
}
.portfolio-inner .post-overlay-items>* .post-title-head, .portfolio-inner .post-overlay-items>* .post-title-head a {
margin-bottom: 0;
line-height: 1;
display: inline-block;
}
.portfolio-style-modern .post-overlay-items.overlay-top-left,
.portfolio-style-modern .post-overlay-items.overlay-top-right,
.portfolio-style-modern .post-overlay-items.overlay-bottom-left,
.portfolio-style-modern .post-overlay-items.overlay-bottom-right {
width: 90%;
bottom: auto;
left: 50%;
transform: translateX(-50%) scale(0);
padding: 15px;  
transition: all 150ms ease-in-out 200ms;
}
.portfolio-style-modern .post-overlay-items.overlay-top-left,
.portfolio-style-modern .post-overlay-items.overlay-top-right {
top: 5%;
}
.portfolio-style-modern .post-overlay-items.overlay-bottom-left,
.portfolio-style-modern .post-overlay-items.overlay-bottom-right {
bottom: 5%;
}
.portfolio-style-modern .post-overlay-items.overlay-top-left, .portfolio-style-modern .post-overlay-items.overlay-top-right, .portfolio-style-modern .post-overlay-items.overlay-bottom-left, .portfolio-style-modern .post-overlay-items.overlay-bottom-right {
padding: 20px;
} .portfolio-style-classic-pro .portfolio-inner:hover .post-overlay-items {
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
opacity: 1;
background: #fff;
left: 15px;
right: 15px;
top: 15px;
bottom: 15px;
width: auto;
padding: 20px 30px;
transform: translateY(0);
}
.portfolio-style-classic-pro .post-overlay-items {
transform: translateY(100%);
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
opacity: 1;
left: 15px;
right: 15px;
bottom: 0;  
}
.portfolio-style-classic-pro .portfolio-inner:hover .post-overlay-items.overlay-top-right,
.portfolio-style-classic-pro .portfolio-inner:hover .post-overlay-items.overlay-top-left {
transform: translateY(0);
}
.portfolio-style-classic-pro .post-overlay-items.overlay-top-right,
.portfolio-style-classic-pro .post-overlay-items.overlay-top-left {
transform: translateY(-100%);
} .portfolio-single .portfolio-format {
margin-bottom: 15px;
}
.portfolio-single .portfolio-title {
color: #000;
}
.portfolio-meta-title-wrap {
color: #000;
}
.portfolio-meta-list>li {
margin-bottom: 11px;
}
.portfolio-meta-title-wrap > * {
margin-bottom: 5px;
}
.portfolio-meta-title-wrap h6 {
font-size: 14px;
font-weight: 300;
text-transform: none;
line-height: 24px;
color: #949494;
margin-bottom: 0;
}
.portfolio-info-wrap {
padding: 30px 0;
} .portfolio-model-1 .portfolio-meta-list>li {
margin-bottom: 20px;
}
.portfolio-model-1 .portfolio-meta {
padding: 50px 40px;
background: #fff;
-webkit-box-shadow: 1px 5px 40px 0 rgba(72,73,121,0.15);
-moz-box-shadow: 1px 5px 40px 0 rgba(72,73,121,0.15);
box-shadow: 1px 5px 40px 0 rgba(72,73,121,0.15);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.portfolio-meta-list>li > span, .portfolio-meta-list>li a {
color: #000;
font-size: 14px;
font-weight: 700;
line-height: 24px;
}
.portfolio-model-1 .portfolio-meta-list>li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.portfolio-model-1 .portfolio-meta ul.social-icons > li > a {
background: #fff;
-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
-ms-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
border-radius: 50%;
font-size: 10px;
width: 30px;
height: 30px;
line-height: 31px;
}
span.portfolio-meta-icon {
margin-right: 10px;
}
ul.nav.portfolio-share.social-icons {
margin-top: 10px;
}
.portfolio-video .popup-video-post .video-play-icon {
left: 0px;
position: absolute!important;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 80px;
height: 80px;
line-height: 91px;
margin: auto;
bottom: auto;
transition: all .3s;
border-radius: 50%;
}
.portfolio-video .popup-video-post .video-play-icon>span {
font-size: 27px;
color: #fff;
}
.portfolio-video:hover .popup-video-post .video-play-icon {
background: #070e20;
transition: all .3s;
} .portfolio-model-2 .row.portfolio-details {
padding-top: 50px;
}
.portfolio-single.portfolio-model-2 .portfolio-details .portfolio-meta-wrap {
padding: 40px;
border-radius: 5px;
}
.portfolio-single.portfolio-model-2 span.portfolio-meta-icon,
.portfolio-single.portfolio-model-2 .portfolio-meta-title-wrap h6,
.portfolio-single.portfolio-model-2 .portfolio-meta-list>li > span,
.portfolio-single.portfolio-model-2 .portfolio-meta-list>li a {
color: #fff;
}
.portfolio-model-2 .portfolio-meta-list > li {
color: #fff;
font-size: 15px;
font-weight: 500;
margin: 0;
padding-bottom: 20px;
display: block;
clear: both;
}
.portfolio-model-2 .portfolio-meta-list>li:last-child {
padding-bottom: 0;
}
.portfolio-model-2 .portfolio-meta-list > li .portfolio-meta-title-wrap {
display: inline-block;
margin-right: 15px;
}
.portfolio-model-2 ul.portfolio-tags.nav {
display: inline-block;
}
.portfolio-model-2 .portfolio-meta-list > li ul.portfolio-categories.nav {
display: inline-block;
}
.portfolio-single.portfolio-model-2 .portfolio-meta-list>li .social-icons a:hover {
color: #000 !important;
}
.portfolio-single.portfolio-model-2 .portfolio-meta-list>li .social-icons a {
color: #000;
border-radius: 5px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 12px;
}
.portfolio-single.portfolio-model-2 .portfolio-meta-list>li .social-icons a > i {
line-height: 30px;
}
.portfolio-single.portfolio-model-2 .portfolio-meta-title-wrap h6 {
text-decoration: underline;
text-decoration-style: dashed;
text-decoration-color: #dee2e6;
}
.portfolio-single.portfolio-model-2 .portfolio-meta-list>li a:hover {
color: inherit !important;
text-decoration: underline;
} .portfolio-model-4 .portfolio-format .portfolio-image {
margin-bottom: 0px;
}
.portfolio-model-4 .portfolio-info .portfolio-title {
margin-bottom: 30px;
}
.portfolio-model-4 .portfolio-info .portfolio-title h3 {
font-size: 34px;
font-weight: 900;
}
.portfolio-model-4 .portfolio-info .portfolio-content {
margin-bottom: 50px;
}
.portfolio-model-4 .portfolio-info .portfolio-meta {
border: 5px dashed #e1e1e1;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
padding: 50px;
width: 100%;
}
.portfolio-model-4 .portfolio-info .portfolio-meta .portfolio-meta-list>li>* {
display: inline-block;
width: 50%;
}
.portfolio-model-4 .portfolio-info .portfolio-meta h6:before {
content: "\f0a9";
font-family: Fontawesome;
padding-right: 14px;
}
.portfolio-model-4 .portfolio-info .portfolio-meta .portfolio-meta-list>li>.entry-url {
display: inline;
width: auto;
float: none;
padding: 10px 30px;
border-radius: 26px;
}
.portfolio-model-4 .portfolio-info .portfolio-meta .portfolio-meta-list>li>.entry-url:hover {
background: #000;
color: #fff;
}
.portfolio-model-4 .portfolio-meta-list>li {
display: flex;
}
.portfolio-model-4 .portfolio-info .portfolio-meta .portfolio-share>li>a {
background: transparent;
box-shadow: unset;
-webkit-box-shadow: unset;
-moz-box-shadow: unset;
-ms-box-shadow: unset;
-o-box-shadow: unset;
}
.portfolio-model-4 .portfolio-info .portfolio-meta .portfolio-share>li>a>i {
font-size: 18px;
}
.portfolio-model-4 .portfolio-info .portfolio-meta .portfolio-meta-icon {
display: none;
}
.portfolio-meta ul.social-icons > li > a {
background: #f7f7f7;
} .feature-box-wrapper {
position: relative;
padding: 35px 30px;
margin-bottom: 30px;
}
.feature-box-inner {
display: inline-block;
}
.feature-box-wrapper .feature-box-icon > span {
line-height: 1;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
transition: all ease 0.35s;
}
.feature-box-wrapper .feature-box-icon > span.fbox-icon-middle {
line-height: 2;
display: inline-block;
}
.feature-box-wrapper .media .align-self-center .feature-box-icon > span.fbox-icon-middle {
box-shadow: 7px 5px 30px 0 rgba(72,73,121,0.15);
}
h1.feature-box-title,
h2.feature-box-title,
h3.feature-box-title,
h4.feature-box-title,
h5.feature-box-title,
h6.feature-box-title {
margin-bottom: 0;
}
.fbox-content > a {
color: #fff;
}
.feature-box-wrapper.feature-style-3 .feature-box-icon:before,
.feature-box-wrapper.feature-style-4 .feature-box-icon:before{
content: "";
width: 100px;
height: 100px;
position: absolute;
bottom: auto;
left: 0;
right: 0;
top: 0;
margin: auto;
border-radius: 50%;
border: solid #fff 6px;
border-top-left-radius: 0;
transform: rotate(45deg);
background: #fff;
z-index: 0;    
margin-top: -43px;
-webkit-transition: all 350ms ease 0s;
-moz-transition: all 350ms ease 0s;
-ms-transition: all 350ms ease 0s;
-o-transition: all 350ms ease 0s;
transition: all 350ms ease 0s;
}  .feature-box-modern {
-moz-box-shadow: 1px 2px 20px 0px rgba(230, 230, 230, 0.8);
-ms-box-shadow: 1px 2px 20px 0px rgba(230, 230, 230, 0.8);
-o-box-shadow: 1px 2px 20px 0px rgba(230, 230, 230, 0.8);
-webkit-box-shadow: 1px 2px 20px 0px rgba(230, 230, 230, 0.8);
box-shadow: 1px 2px 20px 0px rgba(230, 230, 230, 0.8);
}
.feature-box-wrapper.feature-box-modern .btn.btn-link {
padding: 0;
font-size: 15px;
color: #bf0a30;
background: transparent !important;
line-height: 1;
}
.feature-box-wrapper.feature-box-modern .btn.btn-link:hover {
color: #252525;
}
.feature-box-wrapper .btn.btn-link:focus {
box-shadow: none;
} .feature-box-classic-pro {
border-radius: 10px;
padding: 35px 30px;
position: relative;
}
.feature-box-classic-pro * {
position: relative;
}
.cus-feature1.feature-box-classic-pro {
margin-left: -2px;
}
.cus-feature1.feature-box-classic-pro .fbox-number {
width: 50px;
height: 50px;
line-height: 45px;
position: absolute;
top: 0;
font-size: 18px;
left: 50%;
font-weight: 800;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 0;
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
color: #fff;
border: solid 2px;
}
.cus-feature1.feature-box-classic-pro .fbox-number:before {
content: "";
z-index: -1;
position: absolute;
left: 27px;
top: 50%;
transform: translateY(-50%) skewX(-23deg);
width: 31px;
padding: 0;
bottom: 0;
height: 50px;
transition: all .3s;
border: solid 2px;
border-left: 0;
}
.cus-feature1.feature-box-classic-pro:before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: #fff;
border-radius: 10px;
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.cus-feature1.feature-box-classic-pro:hover .fbox-number, 
.cus-feature1.feature-box-classic-pro:hover .fbox-number:before {
background: #000f21;
border: solid 2px;
}
.cus-feature1.feature-box-classic-pro:hover .fbox-number:before {
border-left: none;
}
.cus-feature1.feature-box-classic-pro:hover .fbox-number, 
.cus-feature1.feature-box-classic-pro:hover .fbox-number:before,
.cus-feature1.feature-box-classic-pro .fbox-number:before {
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.cus-feature1.feature-box-classic-pro:hover:before {
opacity: 1;
background: linear-gradient(0deg,#070e20 0%,#070e20 0%,rgb(7 14 32 / 88%) 75%,rgb(0 15 33 / 87%) 94%);
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.feature-box-wrapper.cus-feature1.feature-box-classic-pro:hover .fbox-content,
.feature-box-wrapper.cus-feature1:hover a.btn.btn-bg-dark.btn-link,
.feature-box-wrapper.cus-feature1.feature-box-classic-pro:hover .feature-box-title a {
color: #fff;
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.feature-box-wrapper.cus-feature1 a.btn.btn-bg-dark.btn-link {
background: transparent;
text-transform: uppercase;
border-bottom: solid;
font-size: 14px;
font-weight: 700;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-ms-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
}
.feature-box-wrapper.cus-feature1 a.btn.btn-bg-dark.btn-link:hover {
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-ms-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
color: #000f21;
background: transparent;
}
.feature-box-wrapper.cus-feature1 a.btn.btn-bg-dark.btn-link:active,
.feature-box-wrapper.cus-feature1 a.btn.btn-bg-dark.btn-link:focus {
box-shadow: none;
}
.feature-box-wrapper.cus-feature1.active.feature-box-classic-pro .fbox-content, .feature-box-wrapper.cus-feature1.active a.btn.btn-bg-dark.btn-link, .feature-box-wrapper.cus-feature1.active.feature-box-classic-pro .feature-box-title a {
color: #fff;
}
.cus-feature1.active.feature-box-classic-pro:before {
background: rgb(0 0 0 / 72%);
-webkit-transition: all 300ms ease-in-out;
-khtml-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
} .icon-icon-light {
color: #fff;
}
.icon-icon-dark {
color: #000000;
}
.feature-box-inner > * {
margin-bottom: 15px;
}
.feature-box-inner > *:last-child {
margin-bottom: 0px;
}
.text-left .feature-box-image img {
margin-left: 0;
}
.text-right .feature-box-image img {
margin-right: 0;
} .feature-box-image.fbox-img-overlay-overlay {
position: relative;
}
.feature-box-wrapper .fbox-img-overlay-overlay:before {
content: "";
position: absolute;
background: rgba(0,0,0,0.7);
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
transform: scale(0);
-webkit-transform:  scale(0);
-moz-transform:    scale(0);
-ms-transform:    scale(0);
-o-transform:      scale(0);
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.feature-box-wrapper:hover .fbox-img-overlay-overlay:before {
opacity: 1;
transform: scale(1);
-webkit-transform:  scale(1);
-moz-transform:    scale(1);
-ms-transform:    scale(1);
-o-transform:      scale(1);
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.feature-box-wrapper .media-body .fbox-content a {
color: #8d9297;
} .feature-box-image {
overflow: hidden;
}
.fbox-img-overlay-zoomin img {
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.fbox-img-overlay-zoomin:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
} .fbox-img-overlay-grayscale img { 
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: none;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.fbox-img-overlay-grayscale:hover img{ 
filter: grayscale(100%);
-webkit-filter: grayscale(100%); filter: gray; -webkit-transition: all .6s ease; -moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
} .fbox-img-overlay-blur img {
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-o-transition: all .25s ease;
-ms-transition: all .25s ease;
transition: all .25s ease;
}
.fbox-img-overlay-blur:hover img {
-webkit-filter: blur(2px);
-moz-filter: all .25s ease;
-o-filter: all .25s ease;
-ms-filter: all .25s ease;
filter: blur(2px);
} .feature-btn a {
border: 1px solid #e7e7e7;
border-radius: 50%;
font-size: 13px;
line-height: 46px;
height: 46px;
width: 46px;
display: inline-block;
} .max-width-none .elementor-image img {
max-width: none !important;
} .feature-box-wrapper.hover-style-1:hover {
box-shadow: 0 3px 30px rgba(110,122,182,0.1);
transform: translate3d(0, -20px, 0);
transition: .35s;
}
.feature-box-wrapper.hover-style-1:hover .feature-box-image {
-webkit-transform: rotateY(360deg);
-khtml-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);
transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-webkit-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
} .feature-box-wrapper > .media > *:first-child {
margin-right: 30px;
}
.feature-box-wrapper.list-fullwidth-active > .media {
margin-bottom: 40px;
}
.feature-box-wrapper.list-fullwidth-active:hover {
transform: translateY(-10px);
box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.1);
transition: .5s ease;
}
.feature-box-wrapper.list-fullwidth-active {
position: relative;
transition: .5s ease;
}
.feature-box-wrapper.list-fullwidth-active .feature-box-btn {
position: absolute;
bottom: -18px;
opacity: 0;
transform: scale(.5);
transition: .5s ease;
}
.feature-box-wrapper.list-fullwidth-active:hover .feature-box-btn {
opacity: 1;
transform: scale(1);
transition: .5s ease;
}
.list-fullwidth-active .feature-box-title:after {
position: absolute;
content: '';
background: #e9e6e6;
bottom: -22px;
left: 0px;
width: 50px;
height: 3px;
}
.list-fullwidth-active .feature-box-title {
position: relative;
}
.feature-box-wrapper.feature-style-3:hover .feature-box-icon:before, .feature-box-wrapper.feature-style-4:hover .feature-box-icon:before {
border: solid #bf0a30 6px;
background: #bf0a30;
-webkit-transition: all 350ms ease 0s;
-moz-transition: all 350ms ease 0s;
-ms-transition: all 350ms ease 0s;
-o-transition: all 350ms ease 0s;
transition: all 350ms ease 0s;
}
.feature-box-wrapper.feature-style-3 .feature-box-icon>span, .feature-box-wrapper.feature-style-4 .feature-box-icon>span {
position: relative;
}
.feature-box-wrapper.feature-style-3 .feature-box-icon, .feature-box-wrapper.feature-style-4 .feature-box-icon {
margin-top: -61px;
}
.feature-box-wrapper.feature-style-3:hover .feature-box-title, .feature-box-wrapper.feature-style-3:hover .fbox-content {
color: #fff;
}
.feature-box-wrapper.feature-style-4:hover .feature-box-title, .feature-box-wrapper.feature-style-4:hover .fbox-content {
color: #fff;
}
.feature-box-wrapper.feature-style-4 .feature-box-icon {
position: relative;
}
.feature-box-wrapper.feature-style-4 .feature-box-icon:before {
margin-top: 0;
width: 70px;
height: 70px;
} label {
width: 100%;
display:block;
}
input.wpcf7-form-control, select.wpcf7-form-control {
width: 100%;
height: 50px;
line-height: 50px;
border: 1px solid #eaeaea;
color: #6d8398;
border-radius: 4px;
}
input.wpcf7-form-control, textarea.wpcf7-form-control {
padding: 0 15px;
border-radius: 4px;
}
input.wpcf7-form-control.wpcf7-submit {
width: auto;
padding: 14px 32px 16px;
line-height: initial;
height: auto;
border-radius: 4px;
}
textarea {
width: 100%;
height: 140px;
border: 1px solid #eaeaea;
}
.wpcf7-form-control-wrap {
position: relative;
height: 43px;
line-height: 43px;
display: inline-block;
width: 100%;
}
span.wpcf7-form-control-wrap {
margin-bottom: 20px;
}
span.wpcf7-form-control-wrap textarea {
margin-bottom: 6px;
}
form.wpcf7-form > p {
margin-bottom: 25px;
}
textarea:focus {
outline: 0;
}
select:focus, input:focus, textarea:focus {
border: solid 1px;
} .cf-classic input.wpcf7-form-control, .cf-classic textarea.wpcf7-form-control {
border-bottom: 2px solid #eaeaea !important;
border: 0;
} .cf-modern input.wpcf7-form-control, .cf-modern textarea.wpcf7-form-control {
border-radius: 30px;
}
.contact-form-wrapper .wpcf7-form .row p {
margin-bottom: 0;
} .cf-classic-pro input.wpcf7-form-control, .cf-classic-pro textarea.wpcf7-form-control {
background: #f9f9f9;
border: 0;
} .contact-info-wrapper {
margin-bottom: 30px;
}
.contact-info-wrapper > * {
margin-bottom: 10px;
}
.contact-info-wrapper > *:last-child {
margin-bottom: 0px;
} .contact-info-wrapper.contact-info-style-classic {
padding: 60px 30px;
border: 1px solid #f2f2f2;
} .contact-info-wrapper.contact-info-style-modern {
padding: 30px;
box-shadow: 0px 5px 14px 0px rgba(130, 136, 147, 0.1);
} .contact-info-wrapper.contact-info-style-modern {
padding: 60px 30px;
box-shadow: 0px 0 36px 0px rgba(130, 136, 147, 0.08);
} .contact-info-wrapper.contact-info-style-classic-pro {
background: #f9f9f9;
padding: 60px 30px;
}
.contact-info-wrapper ul.social-icons>li>a i {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 12px;
}
.contact-info-wrapper ul.social-icons>li>a {
width: 30px;
height: 30px;
line-height: 30px;
}
.contact-info-wrapper > div span[class^="ti-"] {
font-weight: 700;
}
.contact-info-wrapper .contact-mail a {
font-weight: 600;
}
.contact-info-wrapper > *.contact-info {
margin-bottom: 15px;
}
.contact-info-wrapper .contact-phone > span:last-child {
text-decoration: underline;
}
.contact-info-wrapper .contact-info-title {
position: relative;
padding-bottom: 18px;
margin-bottom: 18px;
}
.contact-info-wrapper .contact-info-title:after {
content: "";
position: absolute;
left: 0;
width: 20px;
height: 3px;
bottom: 0;
background: #000000;
} .counter-wrapper > * {
margin-bottom: 10px;
}
.counter-wrapper > *:last-child {
margin-bottom: 0px;
}
.counter-wrapper  {
margin-bottom: 30px; 
}
.counter-value span.counter-suffix {
padding-left: 10px;
font-weight: 100;
font-size: 20px;
} .counter-style-default .counter-title-head {
font-weight: 300;
} .counter-style-classic {
box-shadow: 0px 20px 60px 0px rgba(0,11,40,0.06);
padding: 30px;
} .counter-style-modern {
border: 1px solid #f1f6f8;
background: #fbfbfd;
padding: 30px;
}
.elementor-counter .elementor-counter-title {
margin-top: 8px;
} .image-grid-wrapper > .row:last-child {
margin-bottom: 0;
}
.image-grid-wrapper > .row {
margin-bottom: 30px;
}
.image-grid-wrapper .owl-carousel div[class^="col-"] {
padding: 0;
width: auto;
max-width: 100%;
}
.image-grid-1 .image-grid-inner {
padding: 25px;
border: 1px solid #eaeaea;
border-radius: 10px;
}
.image-grid-wrapper.image-grid-1 .owl-carousel .owl-stage-outer {
padding-top: 13px;
}
.image-grid-1 .image-grid-inner:hover {
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
}
.image-grid-1 .image-grid-inner:hover img {
transform: scale(1.1);
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
opacity:1;
}
.image-grid-1 .image-grid-inner img {
transform: scale(0.8) rotate(20deg);
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
opacity: 0.5;
}
.image-grid-wrapper.image-grid-2 .image-grid-inner {
overflow: hidden;
}
.image-grid-wrapper.image-grid-2.custom .image-grid-inner {
overflow: hidden;
border: 1px solid #fbfbfb;
padding: 25px;
}
.image-grid-inner:after {
content: "";
display: block;
width: 22px;
height: 22px;
border-radius: 50%;
background: #000000;
-webkit-animation: pulse2 1s linear infinite;
-moz-animation: pulse2 1s linear infinite;
-ms-animation: pulse2 1s linear infinite;
animation: pulse2 1s linear infinite;
position: absolute;
right: 7px;
top: -6px;
}
@keyframes "pulse2" {
0% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
50% {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes pulse2 {
0% {
-moz-transform: scale(1.1);
transform: scale(1.1);
}
50% {
-moz-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-moz-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes "pulse2" {
0% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-ms-keyframes "pulse2" {
0% {
-ms-transform: scale(1.1);
transform: scale(1.1);
}
50% {
-ms-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-ms-transform: scale(1);
transform: scale(1);
}
} .image-grid-wrapper.image-grid-2 .image-grid-inner:hover img {
-webkit-filter: grayscale(0%);
filter: gray;
opacity: 1;
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-animation: clientSlider 550ms forwards;
-moz-animation: clientSlider 550ms forwards;
-ms-animation: clientSlider 550ms forwards;
-o-animation: clientSlider 550ms forwards;
animation: clientSlider 550ms forwards;
}
.image-grid-wrapper.image-grid-2 .image-grid-inner img {
-webkit-filter: grayscale(100%);
filter: gray;
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@-webkit-keyframes clientSlider {
49% {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
}
50% {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes clientSlider {
49% {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
}
50% {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@-ms-keyframes clientSlider {
49% {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
}
50% {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@-o-keyframes clientSlider {
49% {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
}
50% {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@keyframes clientSlider {
49% {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
}
50% {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
.image-grid-2 .image-grid-inner:after {
display:none;
}
.image-grid-3 .image-grid-inner {
padding: 40px;
box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.03);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.image-grid-3 .owl-stage-outer .image-grid-inner {
margin: 0 20px 50px 20px;
}
.image-grid-3 .image-grid-inner:after {
display: none;
}
.image-grid-3 .image-grid-inner:hover {
box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.05);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
} ul.nav.social-icons {
display: inline-block;
}
ul.social-icons > li {
text-align: center;
text-align: -webkit-center;
padding:0;
}
ul.social-icons > li > a {
display: inline-block;
height: 40px;
line-height: 40px;
margin-right: 5px;
width: 40px;
padding: 0;
background: #fff;
text-align: center;
transition: all ease 0.35s;
-webkit-transition: all ease 0.35s;
-moz-transition: all ease 0.35s;
-ms-transition: all ease 0.35s;
}
article ul.social-icons > li > a {
background: transparent;
border: solid 1px #d5eaea;
}
ul.social-icons.social-transparent > li a {
background: transparent;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
box-shadow: unset;
-webkit-box-shadow: unset;
-moz-box-shadow: unset;
-ms-box-shadow: unset;
-o-box-shadow: unset;
} ul.social-icons.social-circled > li a {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
ul.social-icons.social-rounded > li a {
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
}
ul.social-icons.social-white > li a, ul.social-icons.social-h-white > li a:hover {
color: #fff;
}
ul.social-icons.social-black > li a, ul.social-icons.social-h-black > li a:hover {
color: #333;
}
ul.social-icons.social-bg-white > li a, ul.social-icons.social-hbg-white > li a:hover {
background-color: #fff;
}
ul.social-icons.social-bg-black > li a, ul.social-icons.social-hbg-black > li a:hover {
background-color: #333;
}
ul.social-icons.social-bg-light > li a, ul.social-icons.social-hbg-light > li a:hover {
background: rgba(255, 255, 255, 0.5);
}
ul.social-icons.social-bg-dark > li a, ul.social-icons.social-hbg-dark > li a:hover {
background: rgba(0, 0, 0, 0.5);
} ul.social-icons.social-own > li a.social-fb, ul.social-icons.social-h-own > li a.social-fb:hover,
article.post ul.social-icons > li > a.social-fb, ul.social-icons > li > a.share-fb:hover {
color: #3b5999;
}
ul.social-icons.social-own > li a.social-twitter, ul.social-icons.social-h-own > li a.social-twitter:hover,
article.post ul.social-icons > li > a.social-twitter, ul.social-icons > li > a.share-twitter:hover {
color: #55acee;
}
ul.social-icons.social-own > li a.social-instagram, ul.social-icons.social-h-own > li a.social-instagram:hover ,
article.post ul.social-icons > li > a.social-instagram, ul.social-icons > li > a.share-instagram:hover {
color: #e4405f;
}
ul.social-icons.social-own > li a.social-linkedin, ul.social-icons.social-h-own > li a.social-linkedin:hover ,
article.post ul.social-icons > li > a.social-linkedin, ul.social-icons > li > a.share-linkedin:hover, ul.social-icons > li > a.share-linkedin:hover {
color: #0077B5;
}
ul.social-icons.social-own > li a.social-pinterest, ul.social-icons.social-h-own > li a.social-pinterest:hover,
article.post ul.social-icons > li > a.social-pinterest, ul.social-icons > li > a.share-pinterest:hover {
color: #bd081c;
}
ul.social-icons.social-own > li a.social-youtube, ul.social-icons.social-h-own > li a:hover.social-youtube,
article.post ul.social-icons > li > a.social-youtube, ul.social-icons > li > a.share-youtube:hover {
color: #cd201f;
}
ul.social-icons.social-own > li a.social-vimeo, ul.social-icons.social-h-own > li a.social-vimeo:hover,
article.post ul.social-icons > li > a.social-vimeo, ul.social-icons > li > a.share-vimeo:hover {
color: #1ab7ea;
}
ul.social-icons.social-own > li a.social-soundcloud, ul.social-icons.social-h-own > li a.social-soundcloud:hover ,
article.post ul.social-icons > li > a.social-soundcloud, ul.social-icons > li > a.share-soundcloud:hover {
color: #ff3300;
}
ul.social-icons.social-own > li a.social-yahoo, ul.social-icons.social-h-own > li a.social-yahoo:hover,
article.post ul.social-icons > li > a.social-yahoo, ul.social-icons > li > a.share-yahoo:hover {
color: #410093;
}
ul.social-icons.social-own > li a.social-tumblr, ul.social-icons.social-h-own > li a.social-tumblr:hover ,
article.post ul.social-icons > li > a.social-tumblr, ul.social-icons > li > a.share-tumblr:hover {
color: #34465d;
}
ul.social-icons.social-own > li a.social-paypal, ul.social-icons.social-h-own > li a.social-paypal:hover,
article.post ul.social-icons > li > a.social-paypal, ul.social-icons > li > a.share-paypal:hover {
color: #003087;
}
ul.social-icons.social-own > li a.social-mailto, ul.social-icons.social-h-own > li a.social-mailto:hover ,
article.post ul.social-mailto > li > a.social-mailto, ul.social-icons > li > a.share-mailto:hover {
color: #ffa500;
}
ul.social-icons.social-own > li a.social-flickr, ul.social-icons.social-h-own > li a.social-flickr:hover,
article.post ul.social-icons > li > a.social-flickr, ul.social-icons > li > a.share-flickr:hover {
color: #ff0084;
}
ul.social-icons.social-own > li a.social-dribbble, ul.social-icons.social-h-own > li a.social-dribbble:hover,
article.post ul.social-icons > li > a.social-dribble, ul.social-icons > li > a.share-dribble:hover {
color: #ea4c89;
}
ul.social-icons.social-own > li a.social-rss, ul.social-icons.social-h-own > li a.social-rss:hover,
article.post ul.social-icons > li > a.social-rss, ul.social-icons > li > a.share-rss:hover {
color: #ff6600;
} ul.social-icons.social-bg-own > li a.social-fb, ul.social-icons.social-hbg-own > li a.social-fb:hover,
article.post ul.social-icons > li > a.social-fb:hover {
background: #3b5999;
}
ul.social-icons.social-bg-own > li a.social-twitter, ul.social-icons.social-hbg-own > li a.social-twitter:hover,
article.post ul.social-icons > li > a.social-twitter:hover {
background: #55acee;
}
ul.social-icons.social-bg-own > li a.social-instagram, ul.social-icons.social-hbg-own > li a.social-instagram:hover ,
article.post ul.social-icons > li > a.social-instagram:hover {
background: #e4405f;
}
ul.social-icons.social-bg-own > li a.social-linkedin, ul.social-icons.social-hbg-own > li a.social-linkedin:hover ,
article.post ul.social-icons > li > a.social-linkedin:hover {
background: #0077B5;
}
ul.social-icons.social-bg-own > li a.social-pinterest, ul.social-icons.social-hbg-own > li a.social-pinterest:hover ,
article.post ul.social-icons > li > a.social-pinterest:hover {
background: #bd081c;
}
ul.social-icons.social-bg-own > li a.social-youtube, ul.social-icons.social-hbg-own > li a.social-youtube:hover,
article.post ul.social-icons > li > a.social-youtube:hover {
background: #cd201f;
}
ul.social-icons.social-bg-own > li a.social-vimeo, ul.social-icons.social-hbg-own > li a.social-vimeo:hover,
article.post ul.social-icons > li > a.social-vimeo:hover {
background: #1ab7ea;
}
ul.social-icons.social-bg-own > li a.social-soundcloud, ul.social-icons.social-hbg-own > li a.social-soundcloud:hover ,
article.post ul.social-icons > li > a.social-soundcloud:hover {
background: #ff3300;
}
ul.social-icons.social-bg-own > li a.social-yahoo, ul.social-icons.social-hbg-own > li a.social-yahoo:hover ,
article.post ul.social-icons > li > a.social-yahoo:hover {
background: #410093;
}
ul.social-icons.social-bg-own > li a.social-tumblr, ul.social-icons.social-hbg-own > li a.social-tumblr:hover ,
article.post ul.social-icons > li > a.social-tumblr:hover {
background: #34465d;
}
ul.social-icons.social-bg-own > li a.social-paypal, ul.social-icons.social-hbg-own > li a.social-paypal:hover ,
article.post ul.social-icons > li > a.social-paypal:hover {
background: #003087;
}
ul.social-icons.social-bg-own > li a.social-mailto, ul.social-icons.social-hbg-own > li a.social-mailto:hover ,
article.post ul.social-icons > li > a.social-mailto:hover {
background: #ffa500;
}
ul.social-icons.social-bg-own > li a.social-flickr, ul.social-icons.social-hbg-own > li a.social-flickr:hover,
article.post ul.social-icons > li > a.social-flickr:hover {
background: #ff0084;
}
ul.social-icons.social-bg-own > li a.social-dribbble, ul.social-icons.social-hbg-own > li a.social-dribbble:hover ,
article.post ul.social-icons > li > a.social-dribble:hover {
background: #ea4c89;
}
ul.social-icons.social-bg-own > li a.social-rss, ul.social-icons.social-hbg-own > li a.social-rss:hover ,
article.post ul.social-icons > li > a.social-rss:hover {
background: #ff6600;
}
ul.social-icons.social-bg-own > li a.social-bloglovin, ul.social-icons.social-hbg-own > li a.social-bloglovin:hover {
background: #00BFF8;
}
ul.social-icons.social-own > li a.social-bloglovin, ul.social-icons.social-h-own > li a.social-bloglovin:hover {
color: #00BFF8;
}
ul.social-icons.social-bg-transparent > li a,
ul.social-icons.social-hbg-transparent > li a:hover {
background: transparent;
border: transparent;
} ul.social-icons.social-h-white > li a:hover {
color: #fff;
}
ul.social-icons.social-h-black > li a:hover {
color: #333;
}
ul.social-icons.social-hbg-white > li a:hover {
background-color: #fff;
}
ul.social-icons.social-hbg-black > li a:hover {
background-color: #333;
}
ul.social-icons.social-hbg-light > li a:hover {
background: rgba(255, 255, 255, 0.5);
}
ul.social-icons.social-hbg-dark > li a:hover {
background: rgba(0, 0, 0, 0.5);
}
article.post ul.social-icons > li > a:hover {
color: #fff !important;
} .timeline {
list-style: none;
padding: 20px 0 20px;
position: relative;
}
.timeline:before {
top: 22px;
bottom: 42px;
position: absolute;
content: " ";
width: 1px;
border-right: 1px dotted #eaeaea;
left: 50%;
margin-left: -0.5px;
}
.timeline-title {
margin-bottom: 18px;
}
.timeline > li {
margin-bottom: 40px;
position: relative;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li > .timeline-panel {
width: 50%;
float: left;
border-radius: 2px;
padding: 30px;
position: relative;
-webkit-box-shadow: -1px 0px 12px 0 rgba(38,59,94,0.1);
box-shadow: -1px 0px 12px 0 rgba(38,59,94,0.1);
}
.timeline > li:not(.timeline-inverted) {
padding-right:90px;
}
.timeline > li.timeline-inverted {
padding-left:90px;
}
.timeline > li > .timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #eaeaea;
border-right: 0 solid #eaeaea;
border-bottom: 15px solid transparent;
content: " ";
}
.timeline > li > .timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}
.timeline > li > .timeline-badge, .timeline-sep-title {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 1.4em;
text-align: center;
position: absolute;
top: 16px;
left: 50%;
margin-left: -25px;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline-title {
margin-top: 0;
color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
margin-bottom: 0;
}
.timeline-body > p + p {
margin-top: 5px;
}
.timeline > li > .timeline-sep-title {
margin-left: 50px;
width: auto;
word-wrap: break-word;
text-align: left;
height: auto;
font-size: 28px;
line-height: 35px;
}
.timeline > li.timeline-inverted > .timeline-sep-title {
right: 50%;
left: 0;
text-align: right;
margin-right: 50px;
}
.timeline-sep-title > span {
display: block;
font-size: 15px;
line-height: 2;
color: #000;
font-weight:400;
margin-top: 15px;
}
.timeline.tl-border-solid:before {
border-right-style: solid;
}
.timeline-wrapper > ul.timeline > li .separator-shape-custom,
.timeline-wrapper > ul.timeline > li.sep-img-activated .timeline-badge {
background: transparent !important;
} .timeline.tl-left-layout > li > .timeline-sep-title {
text-align: left;
}
.separator-shape-custom > i,
.separator-shape-custom > img,
.separator-shape-custom > .separator-text {
position: absolute;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
} .timeline-style-2 .timeline > li > .timeline-panel {
box-shadow: none;
-webkit-box-shadow: none;
border: 1px dashed;
border-radius: 10px;
} .timeline-style-3 .timeline > li > .timeline-panel {
box-shadow: none;
-webkit-box-shadow: none;
border: 1px solid #eaeaea;
}
.timeline-style-3 .timeline > li > .timeline-panel .timeline-heading, 
.timeline-style-3 .timeline > li > .timeline-panel .timeline-body {
text-align: right;
}
.timeline-style-3 .timeline > li.timeline-inverted > .timeline-panel .timeline-heading, 
.timeline-style-3 .timeline > li.timeline-inverted > .timeline-panel .timeline-body {
text-align: initial;
}
.timeline-style-3 .timeline > li > .timeline-sep-title {
color: #fff;
font-size: 14px;
padding: 5px 0;
}
@media only screen and (max-width:767px)  {
.timeline > li > .timeline-sep-title {
font-size: 25px;
width: 100%;
position: relative;
height: 100%;
left: auto;
right: auto;
top: auto;
bottom: auto;
margin: 0;
padding-left: 80px;
}
.timeline > li > .timeline-panel {
float: none !important;
width: 80%;
margin-left: 60px;
}
h4.timeline-title {
font-size: 16px;
line-height: 21px;
}
.timeline > li:not(.timeline-inverted) {
padding: 0;
}
.timeline:before {
left:5%;
border-right: 2px dotted #eaeaea;
}
.timeline > li > .timeline-badge {
left: 5%;
right: auto;
display: inline-block;
margin-left: -23px;
}
.timeline > li.timeline-inverted > .timeline-sep-title {
text-align: left;
right: auto;
padding-left: 80px;
}
.timeline > li.timeline-inverted {
padding-left: 0;
}
.timeline > li.timeline-inverted > .timeline-panel:after, .timeline > li > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline > li > .timeline-panel:before {
display: none;
}
.timeline-sep-title > span {
margin-bottom: 15px;
margin-top: 0;
}
} .popup-trigger-img > img {
display: inline-block;
} .blog-inner {
margin-bottom: 30px;
}
.blog-inner > * {
margin-bottom: 15px;
}
.blog-inner > * {
word-break: break-all;
}
.blog-inner > *:last-child {
margin-bottom: 0px;
}
.blog-light .blog-inner {
background: transparent;
} .blog-style-default .blog-inner {
padding: 0;
}
.blog-wrapper.blog-style-default .post-date a {
color: #444444 !important;
font-size: 14px;
text-transform: uppercase;
}
.blog-wrapper.blog-style-default a.read-more {
text-decoration: underline;
color: #000 !important;
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
}
.blog-wrapper .post-title-head {
letter-spacing: -0.02em;
} .blog-style-classic .blog-inner {
box-shadow: 0px 3px 10px 0px rgba(38,59,94,0.1);
padding: 30px;
transition: all 0.3s linear;
margin-bottom: 35px;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
transform: translateY(-0px);
}
.blog-style-classic .blog-inner .post-thumb img {   
transform: scale(1) translateY(0);
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.blog-style-classic .blog-inner .post-thumb {
margin: 0 -30px;
overflow: hidden;
backface-visibility: hidden;    
position: relative;    
}
.blog-style-classic .blog-inner:hover .post-thumb img {
transform: scale(1.1) translateY(-12px);
}
.blog-style-classic .blog-inner > *.post-thumb:first-child {
margin-top: -30px;
}
.blog-style-classic .blog-inner:hover {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.12);
transition: all 0.3s linear;
transform: translateY(-6px);
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.blog-style-classic .post-date > a {
position: absolute;
top: 55%;
text-align: center;
font-size: 12px;
padding: 0 10px;
border-radius: 4px;
line-height: 25px;
text-transform: uppercase;
font-weight: 700;
transform: translateY(-50%);
}
.blog-style-classic .post-date a {
display: inline-block;
position: absolute;
top: 39%;
left: 15px;
padding: 0 12px 0 14px;
font-size: 12px;
font-weight: 600;
line-height: 30px;
text-transform: uppercase;
letter-spacing: .15em;
z-index: 3;
color: #fff;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
transform: translateX(-50%) translateY(-50%) rotate(-90deg);
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.blog-style-classic .blog-inner .post-date a:hover {
background: #070e20;
}
.blog-style-classic .blog-inner .post-more a.read-more {
border-bottom: solid 2px;
font-weight: 600;
}
.blog-style-classic .blog-inner .post-more a.read-more:hover {
color: #232323;
}
.blog-style-classic .blog-inner {
margin-top: 0;
}
.blog-style-classic .top-meta ul li i {
color: #fff;
}
.isotope .isotope-item .blog-inner {
margin-bottom: 0;
} .blog-style-modern .blog-inner {
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 12px;
box-shadow: 0px 3px 6px 2px rgba(235, 235, 235,0.4);
margin-bottom: 45px;
}
.blog-style-modern .blog-inner > *.post-thumb {
padding: 0;
}
.blog-style-modern .blog-inner > * {
padding: 0 30px;
}
.blog-style-modern .blog-inner > .bottom-meta:last-child {
padding-top: 20px;
position: relative;
display: flex;
}
.blog-style-modern .blog-inner > .bottom-meta:last-child:after {
content: "";
position: absolute;
top: 0;
left: 30px;
right: 30px;
margin: 0 auto;
background: #f2f2f2;
height: 1px;
}
.blog-style-modern .post-date a {
font-size: 15px;
} .blog-style-classic-pro .post-details-outer {
border: 1px solid #eaeaea;
background-color: #fff;
margin-right: 20px;
margin-left: 20px;
margin-top: -30px;
position: relative;
z-index: 1;
padding: 15px 20px 23px 20px;
transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
}
.blog-style-classic-pro .post-date a,
.blog-style-list .post-date a {
background: #000;
color: #fff !important;
padding: 4px 8px 5px;
font-size: 11px;
line-height: 2;
border-radius: 3px;
}
.blog-style-list .post-date a:hover,
.blog-style-classic-pro .post-date a:hover {
background: #050a18;
}
.blog-style-list .post-date a {
padding: 5px 12px 7px;
font-size: 12px;
}
.blog-wrapper.blog-style-list .top-meta ul li i {
color: #fff;
font-size: 11px;
vertical-align: 0px;
margin-right: 5px;
}
.blog-style-classic-pro .post-more,
.blog-style-list a.read-more {
font-weight: 600;
border-bottom: solid 2px;
line-height: 1;
}
.blog-style-list a.read-more:hover,
.blog-style-classic-pro .blog-inner .bottom-meta a.read-more:hover {
color: #252525;
}
.blog-style-classic-pro .blog-inner:hover .post-details-outer {
margin-top: -45px;
transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
}
.blog-style-classic-pro .blog-inner .post-date {
position: absolute;
top: -12px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
line-height: 1;
}
.blog-style-classic-pro .blog-inner .top-meta {
line-height: 1;
}
.blog-style-classic-pro .owl-carousel .blog-inner {
margin-bottom: 0;
}
.blog-style-classic-pro .top-meta ul li i {
color: #fff !important;
vertical-align: 0px;
margin-right: 3px;
} .blog-style-list .post-thumb {
max-width: 45%;
margin-right: 25px;
}
.blog-style-list .media {
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
}
.blog-wrapper.blog-style-list .row .blog-inner {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px dotted #eaeaea;
}
.blog-wrapper.blog-style-list .row:last-child .blog-inner {
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: 0px;
}
.post-excerpt {
word-break: break-word;
}
.entry-title {
word-break: break-word;
}
.single-post .entry-title {
font-size: 32px;
}
.blog-style-classic .owl-carousel .owl-dots {
margin-top: 0;
} @media only screen and (max-width:580px) {
.blog-style-list .post-thumb {
max-width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.blog-style-list .media {
display: block;
}
} .modal-popup-wrapper .modal-title {
text-align: center;
width: 100%;
}
.white-popup-block {
padding: 20px;
max-width: 600px;
margin: 40px auto;
position: relative;
color: #000;
}
.white-popup-block > *.modal-popup-size {
background: #FFF;
margin: 40px auto;
position: relative;
padding: 40px 20px;
}
a.modal-box-trigger.modal-trigger-icon { 
font-size: 40px;
line-height: 40px;
}
@media (min-width: 576px) {
.modal-popup-size.modal-sm {
max-width: 450px;
}
}
.mfp-hide {
display: none!important;
}
span.popup-modal-dismiss.ti-close {
position: absolute;
right: -15px;
top: -15px;;
line-height: 32px;
text-align: center;
width: 32px;
height: 32px;
border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-webkit-border-radius: 50%;
background: #000000;
color: #fff;
cursor: pointer;
} .mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
} .mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
} .mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
} .mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
} .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
} .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
.modal-popup-body input.wpcf7-form-control, .modal-popup-body textarea.wpcf7-form-control {
border: 2px solid #eaeaea;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
padding: 0;
height: 40px;
line-height: 30px;
border: 0;
}
.modal-popup-body form.wpcf7-form {
margin: 0 auto;
max-width: 80%;
}
.modal-popup-title {
margin-bottom: 35px;
text-align: center;
margin-left: auto;
margin-right: auto;
max-width: 80%;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.9;
}
.modal-popup-body input.wpcf7-form-control.wpcf7-submit {
border: 0px;
} .anim .popup-video-post.popup-trigger-icon {
position: relative;
width: 65px;
height: 65px;
border-radius: 100%;
background-color: #222;
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
opacity: 1;
margin: 0 auto;
color: #fff;
font-size: 16px;
}
.anim .popup-video-post.popup-trigger-icon:before {
content: "";
display: block;
position: absolute;
border-radius: 100%;
background-color: #111;
z-index: -1;
opacity: 0.6;
width: 100px;
height: 100px;
top: 50%;
left: 50%;
right: 0px;
transform: translateX(-50%) translateY(-50%);
}   
.anim .popup-video-post.popup-trigger-icon:after { 
content: "";
display: block;
position: absolute;
border-radius: 100%;
background-color: #000;
z-index: -1;
animation: video-toggle-animate 1.9s linear 0s infinite;
left: 50%;
margin: 0 auto;
top: 50%;
right: 0px;
transform: translateX(-50%) translateY(-50%);
}   
@keyframes video-toggle-animate {
0% {
width: 70px;
height: 70px;
opacity: 0.8; }
100% {
width: 150px;
height: 150px;
opacity: 0; }
} .pricing-table-wrapper {
overflow: hidden;
position: relative;
margin-bottom: 30px;
}
.pricing-inner-wrapper {
padding: 35px 0;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.pricing-inner-wrapper > *:last-child {
margin-bottom: 0;
}
.pricing-inner-wrapper > * {
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.content-area .page .pricing-table-body ul {
padding: 0;
}
ul.pricing-features-list > li {
display: inline-block;
border: medium none;
background: unset;
padding-left: 0;
padding-right: 0;
padding: 5px 0;
position: relative;
font-size: 13px;
}
li.feature-inactive {
text-decoration: line-through;
text-decoration-color: #000;
}
.pricing-icon > span {
font-size: 60px;
}
.corner-ribbon{
width: 180px;
position: absolute;
top: 25px;
left: -50px;
text-align: center;
line-height: 30px;
letter-spacing: 1px;
color: #f0f0f0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
box-shadow: 0 0 3px rgba(0,0,0,.3);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
-moz-box-shadow:  0 0 3px rgba(0,0,0,.3);
-ms-box-shadow:  0 0 3px rgba(0,0,0,.3);
-o-box-shadow: 0 0 3px rgba(0,0,0,.3);
z-index: 9;
}
.corner-ribbon.top-left{
top: 25px;
left: -50px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.corner-ribbon.top-right {
top: 17px;
right: -55px;
left: auto;
transform: rotate(40deg);
-webkit-transform: rotate(40deg);
}
.corner-ribbon.bottom-left{
top: auto;
bottom: 25px;
left: -50px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.corner-ribbon.bottom-right{
top: auto;
right: -50px;
bottom: 25px;
left: auto;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
} .price-text {
font-size: 42px;
line-height: 1;
font-weight: 500;
}
.pricing-table-info {
padding-bottom: 27px;
margin-bottom: 27px;
position: relative;
}
.pricing-table-info:after {
content: "";
width: 40%;
position: absolute;
height: 1px;
background: #eaeaea;
left: 0;
right: 0;
margin: 0 auto;
bottom: 0;
}
.pricing-table-wrapper .pricing-title {
line-height: 1;
font-size: 18px;
font-weight: 500;
margin-bottom: 15px;
}
.price-after p {
position: relative;
font-size: 14px;
color: #555555;
text-transform: uppercase;
margin-top: 10px;
letter-spacing: 1px;
} .pricing-inner-wrapper > .pricing-image {
padding: 0;
margin-bottom: 30px;
}
.pricing-table-wrapper .btn {
color: #fff;
}
.pricing-table-wrapper .btn:hover {
color: #fff;
} .pricing-table-wrapper.price-mar-top-150 {
margin-top: 150px;
}
.pricing-table-wrapper.price-mar-top-200 {
margin-top: 200px;
}
.pricing-table-foot .btn {
margin: 0 auto;
text-align: center;
width: auto;
max-width: 70%;
display: block;
border-radius: 8px;
padding: 20px 30px;
}
.pricing-inner-wrapper > .pricing-table-head {
margin-bottom: 25px;
}
.pricing-style-1 .pricing-inner-wrapper > .pricing-table-head {
text-align: center;
}
.pricing-style-1 .pricing-table-info > * > p {
margin-bottom: 0;
line-height: 1;
display: initial;
}
.pricing-inner-wrapper > * {
padding-left: 35px;
padding-right: 35px;
}
.pricing-style-1 ul.pricing-features-list > li {
padding: 5px 0;
position: relative;
font-size: 14px;
}
.pricing-table-wrapper.pricing-style-1 .pricing-inner-wrapper {
border: 1px solid #f2f2f2;
padding: 55px 0 60px;
background: #fff;
}
.pricing-table-wrapper.pricing-style-1 .btn {
background: #f5f8fb;
color: #000;
}
.pricing-table-wrapper.pricing-style-1 .btn:hover {
background: #000;
color: #fff;
}
.pricing-table-wrapper .pricing-inner-wrapper > *:last-child {
margin-top: 30px;
}
@media only screen and (max-width:1023px)  {
.pricing-table-wrapper.price-mar-top-150,
.pricing-table-wrapper.price-mar-top-200 {
margin-top: 0px;
}
.pricing-style-1 ul.pricing-features-list > li {
text-align: center;
}
} .pricing-style-2 .pricing-title {
font-size: 24px;
}
.pricing-style-2 .btn {
display: block;
padding: 15px 0;
max-width: 200px;
margin: 0 auto;
border-radius: 10px;
}
.pricing-style-2 .btn:hover {
color: #000 !important;
background: #fff !important;
}
.pricing-style-2 .pricing-inner-wrapper > .pricing-table-body {
margin-bottom: 0;
}
.pricing-style-2 .pricing-inner-wrapper > * {
padding-left: 25px;
padding-right: 25px;
margin-top: 15px;
}
.pricing-style-2 .pricing-table-info .price-text {
color: #fff;
}
.pricing-style-2 .pricing-table-info p {
margin-bottom: 0;
color: #fff;
}
.pricing-style-2 .pricing-inner-wrapper {
padding: 55px 0 55px 0;
border: 0;
background: #000;
color: #fff;
border-radius: 5px;
} .pricing-style-3 .pricing-inner-wrapper {
border: 0px solid;
padding: 60px 0 60px 0;
background: #fff;
}
.pricing-style-3 {
-webkit-box-shadow: rgba(2, 2, 2, 0.04) 0px 0px 50px;
-moz-box-shadow: rgba(2, 2, 2, 0.04) 0px 0px 50px;
-ms-box-shadow: rgba(2, 2, 2, 0.04) 0px 0px 50px;
-o-box-shadow: rgba(2, 2, 2, 0.04) 0px 0px 50px;
box-shadow: rgba(2, 2, 2, 0.04) 0px 0px 50px;
border-radius: 15px;
}
.owl-stage-outer .pricing-style-3 {
margin: 0 20px 20px 20px;
border-radius: 10px;
}
.pricing-style-3 .pricing-table-info > * > p {
margin-bottom: 0;
line-height: 1;
display: initial;
}
.pricing-style-3 ul.pricing-features-list > li:last-child {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
}
.pricing-style-3 .pricing-table-info:after {
display:none;    
}
.pricing-style-3 .pricing-table-info {
padding-bottom: 0;
}
.pricing-style-3 .price-after p {
color: #d0d0d3;
font-size: 11px;
text-transform: capitalize;
}
.pricing-style-3.text-left ul.pricing-features-list li:before {
content: "";
width: 5px;
height: 5px;
background: red;
border-radius: 10px;
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
left:0;
}
.pricing-style-3.text-left ul.pricing-features-list li {
position: relative;
padding-left: 25px;
}
.text-left .pricing-table-foot .btn {
margin-left: 0;
} ul.cd-timeline-navigation > li, .events-content > ul > li {
list-style: none;
}
.cd-horizontal-timeline {
opacity: 0;
margin: 2em auto;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.cd-horizontal-timeline .timeline:before {
border: none;
}
.cd-horizontal-timeline .timeline {
padding: 0;
}
.cd-horizontal-timeline::before { content: 'mobile';
display: none;
}
.cd-horizontal-timeline.loaded { opacity: 1;
}
.cd-horizontal-timeline .timeline {
position: relative;
height: 100px;
width: 90%;
max-width: 800px;
margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
position: relative;
height: 100%;
margin: 0 40px;
overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before { content: '';
position: absolute;
z-index: 2;
top: 0;
height: 100%;
width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
left: 0;
background-image: -webkit-linear-gradient( left , #ffffff, rgba(248, 248, 248, 0));
background-image: linear-gradient(to right, #ffffff, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events-wrapper::after {
right: 0;
background-image: -webkit-linear-gradient( right , #ffffff, rgba(248, 248, 248, 0));
background-image: linear-gradient(to left, #ffffff, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events { position: absolute;
z-index: 1;
left: 0;
top: 49px;
height: 2px; background: #dfdfdf;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line { position: absolute;
z-index: 1;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #7b9d6f;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
position: absolute;
bottom: 0;
z-index: 2;
text-align: center;
font-size: 12px;
padding-bottom: 15px;
color: #383838; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after { content: '';
position: absolute;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -5px;
height: 12px;
width: 12px;
border-radius: 50%;
border: 2px solid #dfdfdf;
background-color: #f8f8f8;
-webkit-transition: background-color 0.3s, border-color 0.3s;
-moz-transition: background-color 0.3s, border-color 0.3s;
transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
background-color: #7b9d6f;
border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.selected {
pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
background-color: #7b9d6f;
border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.older-event::after {
border-color: #7b9d6f;
}
@media only screen and (min-width: 1100px) {
.cd-horizontal-timeline {
margin: 6em auto;
}
.cd-horizontal-timeline::before { content: 'desktop';
}
}
.cd-timeline-navigation a { position: absolute;
z-index: 1;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 34px;
width: 34px;
border-radius: 50%;
border: 2px solid #dfdfdf; overflow: hidden;
color: transparent;
text-indent: 100%;
white-space: nowrap;
-webkit-transition: border-color 0.3s;
-moz-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
content: ">";
position: absolute;
height: 34px;
width: 34px;
line-height: 34px;
left: -4px;
top: 16px;
bottom: 0;
right: 0;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
color: #000;
display: inline-block;
}
.cd-timeline-navigation a.prev {
left: 0;
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
border-color: #7b9d6f;
}
.cd-timeline-navigation a.inactive {
cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
border-color: #dfdfdf;
}
.cd-horizontal-timeline .events-content {
position: relative;
width: 100%;
margin: 2em 0;
overflow: hidden;
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
position: absolute;
z-index: 1;
width: 100%;
left: 0;
top: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
padding: 0 5%;
opacity: 0;
-webkit-animation-duration: 0.4s;
-moz-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected { position: relative;
z-index: 2;
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
-webkit-animation-name: cd-enter-right;
-moz-animation-name: cd-enter-right;
animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
-webkit-animation-name: cd-enter-left;
-moz-animation-name: cd-enter-left;
animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
-webkit-animation-direction: reverse;
-moz-animation-direction: reverse;
animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
max-width: 800px;
margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
font-weight: bold;
font-size: 26px;
font-family: "Playfair Display", serif;
font-weight: 700;
line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
display: block;
font-style: italic;
margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
content: '- ';
}
.cd-horizontal-timeline .events-content p {
font-size: 14px;
color: #959595;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
line-height: 1.6;
}
@media only screen and (min-width: 768px) {
.cd-horizontal-timeline .events-content h2 {
font-size: 34px;
}
.cd-horizontal-timeline .events-content em {
font-size: 20px;
}
.cd-horizontal-timeline .events-content p {
font-size: 18px;
}
}
@-webkit-keyframes cd-enter-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes cd-enter-right {
0% {
opacity: 0;
-moz-transform: translateX(100%);
}
100% {
opacity: 1;
-moz-transform: translateX(0%);
}
}
@keyframes cd-enter-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
}
@-webkit-keyframes cd-enter-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes cd-enter-left {
0% {
opacity: 0;
-moz-transform: translateX(-100%);
}
100% {
opacity: 1;
-moz-transform: translateX(0%);
}
}
@keyframes cd-enter-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
} .line-chart {
box-shadow: 0px 0px 60px 0px rgba(0,11,40,0.06);
padding: 24px;
} .team-title > *:last-child {
margin-bottom: 0;
}
.team-title > * {
margin-bottom: 14px;
}
.team-info > *:last-child {
margin-bottom: 0;
}
.team-info > * {
margin-bottom: 30px;
}
.team-info > * ul.nav.social-icons.team-social {
padding-left: 15px;
}
.team-info-inner > div > * {
padding-left: 15px;
}
.team-wrapper.text-right .nav.social-icons {
display: inline-flex;
float: right;
}
.team-inner .post-more a.read-more:hover {
color: #fff;
}
.team-inner p {
margin-bottom: 0;
}
.team-wrapper .team-inner {
margin-bottom: 30px;
}
.team-light .team-inner {
background: #fff;
}
.team-wrapper .team-inner > *:first-child {
padding-top: 12px;
}
.team-inner > * {
margin-bottom: 15px;
}
.team-image-wrap.alignleft {
margin-right: 25px;
}
.single-zegen-team span.team-designation {
color: #000000;
font-size: 18px;
line-height: 32px;
font-weight: 600;
}
.single-zegen-team .team-content-wrap {
color: #131e25;
}
.team-excerpt {
font-size: 12px;
}
.team-info .team-title h2 {
font-size: 40px;
line-height: 1;
display: inline;
}
.client-name {
color: #333;
font-size: 20px;
}
.team-wrapper .team-inner > .team-thumb {
padding-top: 0;
}
.team-wrapper.team-dark .team-inner {
background: #111 none repeat scroll 0 0;
color: #ffffff;
border: none;
}
.team-wrapper.team-dark .team-inner {
padding: 30px 30px !important;
}
.team-wrapper.team-dark.team-default .team-inner > .team-thumb {
margin-left: -30px;
margin-right: -30px;
}
.team-wrapper.team-default .team-inner {
position: relative;
padding: 0px 30px 30px 30px;
-webkit-box-shadow: 7px 5px 30px 0px rgba(165, 165, 165, 0.15);
-moz-box-shadow: 7px 5px 30px 0px rgba(165, 165, 165, 0.15);
box-shadow: 7px 5px 30px 0px rgba(165, 165, 165, 0.15);
margin-bottom: 40px;
}
.team-wrapper.team-dark.team-default .team-inner > .team-thumb:first-child {
margin-top: -30px;
}
.team-social-wrap ul.social-icons > li > a {
width: 40px;
height: 40px;
line-height: 40px;
}
.single-zegen-team .team-social-wrap ul.social-icons > li > a {
border: 1px solid #eaeaea;
border-radius: 5px;
}
.single-zegen-team .team-social-wrap ul.social-icons > li > a > i {
width: 40px;
height: 40px;
line-height: 40px;
}
.team-dark .client-name ,.team-dark p {
color:#fff;
}
.team-wrapper.team-default.team-dark .team-inner .team-designation h6, 
.team-default.team-dark .client-name {
color: #fff;
}
.team-inner > .team-name {
margin-bottom: 0px;
} .team-wrapper .owl-carousel div[class^="col-"] {
padding: 0;
width: auto;
max-width: 100%;
}
.zegen-content .team-excerpt p {
font-size: 14px;
}
.team-name > * {
line-height: 1;
margin-bottom: 0;
}
.team-inner > *:last-child {
margin-bottom: 0;
} .team-wrapper.team-default .team-inner > .team-thumb {
margin-left: -30px;
margin-right: -30px;
overflow: hidden;
margin-bottom: 20px;
}
.team-wrapper.team-default.team-light .team-inner {
padding: 0px 30px 20px 30px;
}
.team-wrapper.team-default .team-inner:hover > .team-thumb img {
transform: scale(1.1);
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.team-wrapper.team-default .team-inner > .team-thumb img {
transform: scale(1);
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.team-wrapper.team-default .team-inner .team-name {
margin-bottom: 0;
}
.team-default.team-light .team-designation > p {
color: #000;
}
.zegen-content .team-wrapper.team-default .team-inner .team-thumb span.overlay-bg,
.zegen-content .team-wrapper.team-default .team-inner .team-thumb .team-social-wrap {
bottom: 0;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
-ms-transform: rotateY(180deg) scale(0.5,0.5);
-webkit-transform: rotateY(180deg) scale(0.5,0.5);
transform: rotateY(180deg) scale(0.5,0.5);
-webkit-transition: all 450ms ease-out 0s;
-moz-transition: all 450ms ease-out 0s;
-ms-transition: all 450ms ease-out 0s;
-o-transition: all 450ms ease-out 0s;
transition: all 450ms ease-out 0s;
}
.zegen-content .team-wrapper.team-default .team-inner:hover .team-thumb span.overlay-bg,
.zegen-content .team-wrapper.team-default .team-inner:hover .team-thumb .team-social-wrap {
opacity: 1;
transform: rotateY(0deg) scale(1,1);
-ms-transform: rotateY(0deg) scale(1,1);
-webkit-transform: rotateY(0deg) scale(1,1);
}
.team-inner ul.social-icons>li>a i {
width: 33px;
height: 33px;
line-height: 33px;
}
.team-inner ul.nav.social-icons > li {
margin-top: 2px;
}
.team-wrapper.team-default .team-inner > .team-thumb:before {
content: "\e6b7";
position: absolute;
bottom: 6px;
z-index: 9;
left: 0;
right: 0;
margin: auto; transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
font-family: "themify";
font-size: 21px;
color: #fff;
}
.team-wrapper.team-default .team-inner > .team-thumb:after {
content: "";
width: 60px;
height: 60px;
bottom: -16px;
position: absolute;
left: 0;
right: 0;
margin: auto;
transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
z-index: 1;
border-radius: 50%;
border-top-left-radius: 0;
transform: rotate(45deg);
}
.team-wrapper.team-default .owl-carousel .team-inner {
margin-bottom: 10px;
} .team-classic .team-thumb img {
-webkit-filter: grayscale(60%);
filter: grayscale(60%);
-webkit-transition: all 0.8s ease-in;
-moz-transition: all 0.8s ease-in;
-o-transition: all 0.8s ease-in;
transition: all 0.8s ease-in;
}
.team-classic .team-inner:hover .team-thumb img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
.team-classic .team-inner {
box-shadow: 0px 12px 50px 6px rgba(0,0,0,0.05);
-webkit-box-shadow: 0px 12px 50px 6px rgba(0,0,0,0.05);
padding: 25px;
}
.team-classic .owl-stage-outer .team-inner {
margin: 15px 15px 60px 15px;
}
.team-classic .team-thumb:first-child {
margin-top: -10px;
}
.team-classic .team-thumb {
margin: 0 -10px;
}
span.animate-bubble-box {
width: 100%;
height: 100%;
display: block;
position: absolute;
background: transparent;
z-index: 5;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: center;
}
span.animate-bubble-box:before {
content: "";
position: absolute;
width: 15px;
height: 15px;
background: #000;
left: auto;
right: auto;
bottom: -12px;
border-radius: 50%;
}
span.animate-bubble-box:after {
content: "";
position: absolute;
width: 15px;
height: 15px;
background: #000;
left: auto;
right: auto;
top: -12px;
border-radius: 50%;
}
span.animate-bubble-box {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-animation: ministries_hexagon_1 2s infinite linear;
-moz-animation: ministries_hexagon_1 2s infinite linear;
-o-animation: ministries_hexagon_1 2s infinite linear;
animation: ministries_hexagon_1 2s infinite linear;
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused;
border-radius: 50%;
}
.team-inner:hover span.animate-bubble-box{
-webkit-animation-play-state: running;
-moz-animation-play-state: running;
-o-animation-play-state: running;
animation-play-state: running;
}
@-webkit-keyframes ministries_hexagon_1 {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-moz-keyframes ministries_hexagon_1 {
0% {
-moz-transform: rotate(0);
transform: rotate(0)
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-o-keyframes ministries_hexagon_1 {
0% {
-o-transform: rotate(0);
transform: rotate(0)
}
100% {
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes ministries_hexagon_1 {
0% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
} .team-wrapper.team-modern .team-inner > .team-thumb {
box-shadow: 0 41px 135px rgba(68, 68, 68, 0.02), 0 15px 51px rgba(187, 184, 184, 0.14);
max-width: 160px;
margin-left: auto;
margin-right: auto;
border-radius: 50%;
padding: 9px;
}
.team-wrapper.team-modern .team-inner > .team-thumb img {
border-radius: 50%;
}
.team-wrapper.team-modern .team-inner {
box-shadow: 0 0 10px rgba(57,59,102,0.07);
-webkit-box-shadow: 0 0 10px rgba(57,59,102,0.07);
border: none;
padding: 35px 25px;
}
.team-modern .team-name a {
position: relative;
padding-bottom: 12px;
margin-bottom: 7px;
display: block;
}
.team-modern .team-name a::after {
content: "";
position: absolute;
bottom: -8px;
left: 0;
right: 0;
margin: 0 auto;
width: 30px;
height: 1px;
background: #000;
}
.team-modern.text-left .team-name a::after {
margin: 0;
}
.team-modern.text-right .team-name a::after {
margin-right: 0;
margin-left: auto;
}
.team-inner > .team-name h2,
.team-inner > .team-name h3,
.team-inner > .team-name h4,
.team-inner > .team-name h5,
.team-inner > .team-name h6 {
margin-bottom: 5px;
}
.team-wrapper.team-modern .owl-item .team-inner {
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
}
.team-modern .team-social-wrap ul.social-icons > li > a {
border: 1px solid #eaeaea;
border-radius: 50%;
font-size: 11px;
line-height: 33px;
}
.team-modern .team-social-wrap ul.social-icons > li > a > i {
width: 35px;
height: 35px;
line-height: 33px;
}
.team-modern span.animate-bubble-box:after {
content: "\e60a";
top: -18px;
transform: rotate(45deg);
}
.team-modern span.animate-bubble-box:before {
content: "\e60a";
bottom: 0px;
}
.team-modern span.animate-bubble-box:before,
.team-modern span.animate-bubble-box:after {
font-family: 'themify';
background: transparent !important;
font-size: 22px;  
}
.team-wrapper .team-thumb {
position: relative;
}
.team-wrapper .team-overlay {
position: absolute;
padding: 20px;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
.team-inner:hover .team-overlay {
opacity: 1;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
.team-wrapper .overlay-center {
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.team-wrapper .overlay-top-left {
left: 15px;
top: 15px;
}
.team-wrapper .overlay-top-right {
right: 15px;
top: 15px;
}
.team-wrapper .overlay-bottom-left {
left: 15px;
bottom: 15px;
}
.team-wrapper .overlay-bottom-right {
right: 15px;
bottom: 15px;
}
.team-wrapper .team-overlay > * {
margin-bottom: 15px;
}
.team-wrapper .team-overlay > *:last-child {
margin-bottom: 0;
}
.team-wrapper .team-thumb .overlay-bg {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
.team-inner:hover .team-thumb .overlay-bg {
opacity: 1;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
.team-wrapper .team-thumb .overlay-dark {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}
.team-wrapper .team-thumb .overlay-light {
background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
}
.single-zegen-team .zegen-content > .zegen-content-inner {
padding: 120px 0 35px;
}
.single-zegen-sermon h2.sermon-title {
display: none;
} .team-list-item .team-thumb {
max-width: 49%;
margin-right: 25px;
}
.owl-stage-outer .media.team-list-item {
margin: 15px 10px;
}
.media.team-list-item {
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
box-shadow: 0 0px 24px -4px rgba(158, 152, 153, 0.15);
}
.owl-stage-outer .media.team-list-item .media-body {
padding: 15px 15px 15px 0;
}
.cloud9-carousel {
width: 100%;
height: 460px;
margin-top: 12px;
visibility: hidden;
}
.cloud9-carousel img {
width: 50%;
} .testimonial-content-wrap {
margin-bottom: 30px;
}
.testimonial-rating i {
color: #ffc400;
}
.testimonial-wrapper .testimonial-inner {    
padding: 20px 15px;
}
.testimonial-wrapper .owl-carousel div[class^="col-"] {
padding: 0;
width: auto;
max-width: 100%;
}
.testimonial-wrapper.testimonial-dark .testimonial-inner {
background: #333333 none repeat scroll 0 0;
color: #ffffff;
}
.testimonial-wrapper.testimonial-dark a.client-name {
color: #fff;
}
.testimonial-wrapper .testimonial-info p {
margin-bottom: 0;
}
.testimonial-wrapper .testimonial-inner > * {
margin-bottom: 14px;
}
.testimonial-wrapper .testimonial-inner > *:last-child {
margin-bottom: 0;
}
.testimonial-info p > * {
display: block;
margin-bottom: 6px;
width: 100%;
}
.testimonial-info p > *:last-child {
margin-right: 0;
margin-bottom: 0;
}
.testimonial-3 .testimonial-info p > .client-designation {
line-height: 1;
font-size: 15px;
}
.testimonial-thumb img {
max-width: 80px;
margin: unset;
}
.text-right .testimonial-thumb img {
margin-left: auto;
}
.text-center .testimonial-thumb img {
margin:0 auto;
}
.testimonial-inner p {
margin-bottom: 0;
}
.testimonial-wrapper.testimonial-wrapper a.client-name {
font-size: 18px;
font-weight: bold;
}
.testimonial-wrapper.text-center .owl-dots {
text-align: center;
}
.testimonial-rating {
font-size: 20px;
}
.testimonial-name h1, .testimonial-name h2, .testimonial-name h3, .testimonial-name h4, .testimonial-name h5, .testimonial-name h6 {
line-height: 1;
margin-bottom: 0;
display: inline-flex;
}
.owl-carousel .owl-stage-outer .testimonial-thumb img {
width: auto;
} .testimonial-wrapper.testimonial-default .testimonial-inner {
background: #fff;
padding: 35px 45px 35px 45px;
box-shadow: 0 0px 14px rgba(0,0,0,0.05);
-webkit-box-shadow: 0 0px 14px rgba(0,0,0,0.05);
margin-bottom: 50px;
position: relative;
}
.testimonial-wrapper.testimonial-default .owl-item .testimonial-inner {
margin: 15px 10px;
background: #000;
}
.testimonial-wrapper.testimonial-default .testimonial-inner > * {
position: relative;
}
.testimonial-wrapper.testimonial-default .testimonial-inner:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 0;
border-radius: 102% 0% 100% 0% / 45% 100% 0% 9%;
}
.testimonial-wrapper.testimonial-default .owl-item .testimonial-inner > .testimonial-thumb:first-child {
float: left;
margin-right: 15px;
}
.testimonial-wrapper.testimonial-default .owl-item .testimonial-inner > *:not(.testimonial-info) {
float: none;
clear: both;
}
.testimonial-wrapper.testimonial-default .testimonial-inner > *.testimonial-info a.client-name {
margin-bottom: 0;
}
.testimonial-wrapper.testimonial-default .owl-item .testimonial-inner > .testimonial-thumb {
border: 3px solid #fff;
border-radius: 50%;
box-shadow: 0 0px 14px rgba(0,0,0,0.09);
}
.testimonial-wrapper.testimonial-default .testimonial-inner > .testimonial-info:nth-child(2) { 
padding-top: 20px;
}
.testimonial-wrapper.testimonial-default .testimonial-inner > *.testimonial-excerpt:before {
content: "\f10d";
position: absolute;
font-family: fontAwesome;
font-size: 41px;
z-index: 0;
color: #000;
opacity: 0.1;
}
.testimonial-wrapper.testimonial-default .testimonial-inner > *.testimonial-excerpt > p {
position: relative;
z-index: 1;
} .testimonial-classic .testimonial-inner {
background: #fff;
display: flex;
flex-direction: column;
align-items: center;
padding: 40px 7%;
margin: auto;
}
.testimonial-classic .testimonial-inner > * {
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
}
.testimonial-classic .testimonial-info {
position: relative;
}
.testimonial-classic .testimonial-info .client-name {
margin-bottom: 0;
}
.testimonial-classic.testimonial-wrapper a.client-name {
font-weight: 600;
font-size: 20px;
}   
.testimonial-classic .testimonial-excerpt {
font-size: 30px;
line-height: 1.53;
font-weight: 700;
letter-spacing: normal;
}
.testimonial-classic.testimonial-light .testimonial-excerpt {
color: #000;
}
.testimonial-classic .owl-prev, .testimonial-classic .owl-next {
top: 50%;
transform: translateY(-50%);
border: 1px solid #eaeaea;
line-height: 50px;
width: 50px;
height: 50px;
border-radius: 50%;
}
.testimonial-classic .owl-prev:before, .testimonial-classic .owl-next:before  {
line-height: 50px !important;
font-size: 25px !important;
}
.testimonial-classic .owl-prev {
left: 30px;
}
.testimonial-classic .owl-next {
right: 30px;
} .testimonial-wrapper.testimonial-modern .testimonial-inner > * {
margin-bottom: 24px;
}
.testimonial-wrapper.testimonial-modern .testimonial-inner > .testimonial-thumb {
display: inline-block;
vertical-align: middle;
}
.testimonial-wrapper.testimonial-modern .testimonial-inner > .testimonial-info {
margin-right: 0;
display: inline-block;
vertical-align: middle;
}
.testimonial-wrapper.testimonial-modern .testimonial-name {
color: #000;
}
.testimonial-wrapper.testimonial-modern .testimonial-inner > *:last-child {
margin-bottom: 0;
}
.testimonial-wrapper.testimonial-modern .testimonial-inner > .testimonial-excerpt:first-child {
margin-bottom: 20px;
} 
.testimonial-modern.testimonial-dark .testimonial-rating i {
color: #fff;
}
.testimonial-wrapper.testimonial-modern .testimonial-inner {
background: #fff;
padding: 70px 45px 45px 45px;
-webkit-box-shadow: 0 0px 14px rgba(0,0,0,0.05);
-ms-box-shadow: 0 0px 14px rgba(0,0,0,0.05);
box-shadow: 0 0px 14px rgba(0,0,0,0.05);
margin-bottom: 30px;
margin-top: 25px;
position: relative;
}
.testimonial-wrapper.testimonial-modern.testimonial-dark .testimonial-inner {
background: unset;
color: #dfdfdf;
}
.testimonial-wrapper.testimonial-modern .testimonial-inner .testimonial-designation > p {
line-height: 1;
}
.testimonial-wrapper.testimonial-modern .testimonial-inner > * {
position: relative;
}
.testimonial-wrapper.testimonial-modern .testimonial-inner:after {
font-family: fontAwesome;
position: absolute;
font-size: 20px;
line-height: 1;
color: #eaeaea;
-webkit-transition: 0.4s all;
transition: 0.4s all;
}
.testimonial-wrapper.testimonial-modern .testimonial-inner:after {
content: "\f10e";
top: -25px;
left: auto;
right: 9%;
width: 55px;
height: 55px;
line-height: 55px;
color: #fff;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
background: #000;
text-align: center;
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}
.testimonial-modern .owl-dot span {
background: #e2e0dd;
width: 15px;
height: 15px;
border-radius: 50%;
} 
.testimonial-wrapper.testimonial-modern .testimonial-info .client-name {
margin-bottom: 0;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
}
.testimonial-modern .owl-stage-outer .owl-item .item {
margin: 15px;
} .media.testimonial-list-item .media-body {
text-align: left;
margin-left: 28px;
}
.testimonial-list .testimonial-list-item {
padding: 25px 30px;
-webkit-box-shadow: 0 0px 14px rgba(0,0,0,0.05);
-ms-box-shadow: 0 0px 14px rgba(0,0,0,0.05);
box-shadow: 0 0px 14px rgba(0,0,0,0.05);
}
.testimonial-list .owl-item .testimonial-list-item {
margin: 10px 10px;
}
.testimonial-list .testimonial-list-item .testimonial-thumb {
position: relative;
}
.testimonial-list .testimonial-list-item .testimonial-thumb:before,
.single-zegen-testimonial .testimonial-info .testimonial-img:before {
position: absolute;
bottom: 0;
content: "\f10e";
font-family: fontAwesome;
left: 5px;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
color: #fff;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
background: #000;
text-align: center;
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
} .single .testimonial-info > .testimonial-img {
margin-bottom: 30px;
}
.single .testimonial-info > .testimonial-designation-wrap {
margin-bottom: 30px;
}
.single-zegen-testimonial .testimonial-info img {
margin: 0;
border-radius: 50%;
}
.single-zegen-testimonial .testimonial-title h2 {
margin-bottom: 0;
font-size: 23px;
line-height: 30px;
}
.single-zegen-testimonial .testimonial {
color: #000;
padding: 30px;
border-radius: 10px;
box-shadow: 0px 0px 42px 13px rgba(112,112,112,0.08);
}
.single .testimonial-info > *:last-child {
margin-bottom: 0;
}
.single-zegen-testimonial .testimonial-info .testimonial-img {
position: relative;
}
@media only screen and (min-width: 1024px) {
.single-zegen-testimonial .testimonial {
max-width: 60%;
margin: 0 auto;
}
} .custom-post-nav .prev-nav-link,
.custom-post-nav .next-nav-link {
display: inline-block;
}
.custom-post-nav .prev-nav-link > a,
.custom-post-nav .next-nav-link > a {
line-height: 1;
font-size: 14px;
color: #fff;
-webkit-box-shadow: 7px 5px 30px 0 rgba(72,73,121,0.15);
-moz-box-shadow: 7px 5px 30px 0 rgba(72,73,121,0.15);
-ms-box-shadow: 7px 5px 30px 0 rgba(72,73,121,0.15);
box-shadow: 10px 6px 37px 0 rgba(72,73,121,0.15);
padding: 15px 30px;
display: inline-block;
margin-bottom: 0;
border-radius: 6px;
}
.custom-post-nav .prev-nav-link > a:hover,
.custom-post-nav .next-nav-link > a:hover {
background: #252525;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
}
.custom-post-nav .prev-nav-link > a > i {
margin-right: 8px;
}
.custom-post-nav .next-nav-link > a > i {
margin-left: 8px;
}
.custom-post-nav .prev-nav-link > a > i,
.custom-post-nav .next-nav-link > a > i {
margin-bottom: 5px;
}
.custom-post-nav {
margin-top: 40px;
}
.custom-post-nav .next-nav-link {
text-align: right;
float: right;
}
.custom-post-nav .next-nav-link h4,
.custom-post-nav .prev-nav-link h4 {
margin-bottom: 0;
font-size: 16px;
line-height: 20px;
display: inline-block;
color: #fff;
}
.custom-post-nav a.disabled {
display: none;
} .ministries-archive-title {
margin-top: 23px;
}
.ministries-inner {
margin-bottom: 35px;
}
.ministries-content {
padding: 35px 0;
}
.ministries-inner > * {
margin-bottom: 20px;
}
.ministries-wrapper a.read-more.btn {
background: transparent;
color: #000;
padding: 0;
border-bottom: solid 2px;
border-radius: 0;
line-height: 1;
}
.ministries-inner > *:last-child {
margin-bottom: 0;
}
.ministries-wrapper a.read-more.btn:hover {
color: #232323;
} .ministries-classic .ministries-inner {
border: 1px solid #eaeaea;
padding: 30px;
border-radius: 10px;
}
.ministries-classic .ministries-inner > .ministries-thumb {
margin-left: -30px;
margin-right: -30px;
}
.ministries-classic .ministries-inner > .ministries-thumb img {
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.ministries-classic .ministries-inner {
position: relative;
overflow: hidden;
}
.ministries-classic .ministries-inner:before {
content: "";
width: 128px;
height: 128px;
position: absolute;
right: -40px;
bottom: 28px;
background: url(http://localhost/development/zegen/wp-content/themes/zegen/assets/images/church-i.png) center center no-repeat;
background-repeat: no-repeat;
background-size: contain;
opacity: 0.4;
}
.ministries-classic .ministries-inner > .ministries-thumb:first-child {
margin-top: -30px;
}
.ministries-wrapper.ministries-classic .ministries-inner a.read-more.btn {
padding: 12px 27px;
line-height: 1;
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
}
.ministries-wrapper.ministries-classic .ministries-inner a.read-more.btn:hover {
background-color: #252525;
}
.ministries-wrapper.ministries-classic .ministries-inner .ministries-title {
font-size: 21px;
line-height: 26px;
}
.grid-layout article.zegen-ministries {
padding: 20px 20px 16px;
} .ministries-modern .ministries-inner {
-webkit-box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px;
-moz-box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px;
box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px;
border: none;
border-radius: 10px;
padding: 30px 30px 30px;
overflow: hidden;
background-color: #fff;
border-bottom: solid 4px;
}
.ministries-modern .ministries-inner .ministries-thumb:before {
content: "";
position: absolute;
right: 0;
left: 0;
bottom: 0;
opacity: 0;
height: 0;
z-index: 1;
}
.ministries-modern .ministries-inner:hover .ministries-thumb:before {
opacity: 1;
height: 100%;
}
.ministries-modern .ministries-inner:hover .ministries-thumb:before,
.ministries-modern .ministries-inner .ministries-thumb:before,
.ministries-modern .ministries-inner:hover,
.ministries-modern .ministries-inner {
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
}
.ministries-modern .ministries-inner .ministries-thumb:after {
content: url(//elementor.zozothemes.com/zegen/wp-content/themes/zegen/assets/images/cross.png);
width: 16%;
height: 121px;
position: absolute;
left: 0;
background-repeat: repeat;
top: 50%;
transform: translateY(-50%) scale(0);
right: 0;
margin: auto;
z-index: 2;
}
.ministries-modern .ministries-inner:hover .ministries-thumb:after {
transform: translateY(-50%) scale(1);
}
.ministries-modern .ministries-inner:hover .ministries-thumb:after,
.ministries-modern .ministries-inner .ministries-thumb:after,
.ministries-modern .ministries-inner .ministries-thumb img,
.ministries-modern .ministries-inner:hover .ministries-thumb img:hover {
transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
}
.ministries-modern .ministries-inner .ministries-thumb img {
transform: scale(1);
}
.ministries-modern .ministries-inner .ministries-thumb img:hover {
transform: scale(1.1);
}
.ministries-modern .ministries-inner .ministries-thumb {
position: relative;
overflow: hidden;
}
.ministries-modern .ministries-inner > .ministries-thumb {
margin-left: -30px;
margin-right: -30px;
}
.ministries-modern .ministries-inner > .ministries-thumb:first-child {
margin-top: -30px;
}
.ministries-modern .ministries-inner .ministries-icon-img {
max-width: 75px;
padding: 15px;
border-radius: 50%;
margin-top: -40px;
position: relative;
z-index: 9;
} .media.ministries-list-item .ministries-thumb {
margin-right: 32px;
max-width: 49%;
}
.ministries-list-item .media-body > * {
margin-bottom: 13px;
} .ministries-title {
color: #000;
margin-bottom: 25px;
}
.ministries-info-wrap .ministries-img img {
border-radius: 10px;
} .sermon-inner .zegen-sermon-wrapper > * {
margin-bottom: 25px;
}
.sermon-inner .zegen-sermon-wrapper > *:last-child {
margin-bottom: 0;
}
.sermon-view-wrapper {
padding: 30px;
border-radius: 10px;
position: relative;
overflow: hidden;
margin: 0 50px;
margin-top: -70px;
margin-bottom: 40px;
}
.sermon-inner .zegen-sermon-wrapper > *.sermon-image {
margin-bottom: 0;
}
.sermon-image img {
border-radius: 10px;
}
.sermon-view-wrapper:before {
content: "";
width: 20px;
height: 127%;
background: #fff;
position: absolute;
margin: auto;
left: -40px;
right: 0;
top: -19px;
transform: rotate(27deg);
}
.sermon-play-list li,
.sermon-tool-list li {
display: inline-block;
}
.sermon-play-list li a, 
.sermon-tool-list li a {
width: 50px;
height: 50px;
line-height: 52px;
text-align: center;
font-size: 16px;
background: #fff;
border-radius: 6px;
display: block;
margin-bottom: 4px;
}
.sermon-play-list li:not(:last-child) a, 
.sermon-tool-list li:not(:last-child) a {
margin-right: 10px;
}
.sermon-subtitle {
color: #fff;
margin-bottom: 25px;
line-height: 1;
}
.sermon-tool-list {
text-align: right;
}
.sermon-info li {
display: inline-block;
margin-right: 20px;
}
.sermon-info a time:before {
content: "\e72b";
font-family: "themify";
font-size: 12px;
margin-right: 4px;
font-style: normal;
text-decoration: none;
font-weight: 900;
margin-right: 8px;
}
.sermon-info a:hover {
color: #252525;
}
.grid-layout .zegen-sermon .wp-post-image {
margin-bottom: 20px;
}
.grid-layout article.zegen-sermon {
padding: 25px 25px 30px;
}
.charitable-form-field input[type=radio] {
height: auto;
width: auto;
} .single-campaign .campaign-description {
font-size: inherit;
font-weight: 400;
}
.campaign-summary .campaign-figures .amount, .campaign-summary .campaign-raised .amount {
font-size: 15px;
font-weight: bolder;
} .sermon-wrapper .sermon-inner {
margin-bottom: 40px;
}
.sermon-wrapper .sermon-inner > * {
margin-bottom: 15px;
}
.sermon-wrapper .sermon-play-list li a, 
.sermon-wrapper .sermon-tool-list li a {
width: 45px;
height: 45px;
text-align: center;
font-size: 16px;
line-height: 45px;
border-radius: 6px;
display: block;
margin-bottom: 4px;
color: #fff;
margin-right: 8px;
}
.sermon-wrapper .sermon-play-list li:last-child a, 
.sermon-wrapper .sermon-tool-list li:last-child a {
margin-right: 0;
}
.sermon-inner .post-more > a:hover {
color: #252525;
}
.sermon-wrapper .sermon-play-list li a:hover, 
.sermon-wrapper .sermon-tool-list li a:hover {
background: #111;
}
.sermon-inner .post-more > a {
font-weight: 600;
border-bottom: solid 2px;
} .sermon-classic .sermon-inner .sermon-thumb,
.sermon-modern .sermon-inner .sermon-thumb {
margin-left: -30px;
margin-right: -30px;
}
.sermon-classic .sermon-inner .sermon-thumb:first-child,
.sermon-modern .sermon-inner .sermon-thumb:first-child {
margin-top: -35px;
}
.sermon-classic .sermon-inner,
.sermon-modern .sermon-inner {
-webkit-box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px;
-moz-box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px;
box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px;
border: none;
border-radius: 10px;
padding: 35px 30px;
position: relative;
overflow: hidden;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
background-color: #fff;
}
.sermon-classic .sermon-info li,
.sermon-modern .sermon-info li {
display: inline-block;
margin-right: 11px;
font-size: 13px;
}
.cus-sermon-sec .sermon-classic .sermon-info li {
font-size: 14px;
}
.sermon-wrapper .sermon-classic .sermon-inner .sermon-play-list {
position: absolute;
top: 20px;
right: 20px;
} .sermon-wrapper.sermon-modern .sermon-inner > *:nth-child(2) {
margin-top: -25px;
text-align: center;
}
.sermon-modern .sermon-inner .sermon-play-list li a {
-webkit-box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px;
-moz-box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px;
box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px;
}
.sermon-modern .sermon-inner .post-more > a {
color: #fff;
font-size: 13px;
padding: 7px 15px;
border-radius: 4px;
border: none;
}
.sermon-modern .sermon-inner .post-more > a:hover,
.sermon-list .sermon-list-item .post-more > a:hover {
background: #111;
color:#fff;
}
.sermon-modern .sermon-inner .sermon-info {
font-style: italic;
}
.cus-sermon-inner .sermon-modern .sermon-inner .sermon-name h4 a {
font-size: 26px;
line-height: 36px;
} .col-lg-12.col-md-12 .media.sermon-list-item .sermon-thumb {
margin-right: 32px;
max-width: 34%;
}
.sermon-list .sermon-play-list {
position: absolute;
left: 0;
bottom: 0;
background: #fff;
padding: 10px 10px 5px 10px;
-webkit-box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px;
-moz-box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px;
box-shadow: rgba(2, 2, 2, 0.18) 0px 0px 50px;
border-radius: 0px 10px 0 9px;
}
.sermon-list .sermon-play-list li {
display: inline-block;
}
.sermon-list-item {
margin-bottom: 35px;
}
.sermon-list-item .sermon-thumb img {
border-radius: 10px 0 0px 10px;
}
.sermon-list-item  .media-body {
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
}
.media.sermon-list-item {
align-items: center;
-webkit-box-shadow: rgba(2, 2, 2, 0.09) 0px 0px 50px;
-moz-box-shadow: rgba(2, 2, 2, 0.09) 0px 0px 50px;
box-shadow: rgba(2, 2, 2, 0.09) 0px 0px 50px;
position: relative;
border-radius: 10px;
}
.sermon-list-item .sermon-info li {
display: inline-block;
margin-right: 20px;
font-style: italic;
}
.sermon-list-item .sermon-name h4 a {
font-size: 24px;
line-height: 32px;
}
.sermon-list .sermon-list-item .post-more > a {
color: #fff;
font-size: 14px;
padding: 12px 18px;
border-radius: 4px;
border: none;
display: inline-block;
line-height: 1;
} .event-inner > * {
margin-bottom: 15px;
}
.event-inner > *.event-image-wrap {
margin-bottom: 50px;
}
.event-img img {
border-radius: 10px;
}
.event-details-wrap {
border-radius: 10px;
border: 1px dashed #eaeaea;
padding: 38px 30px 35px;
overflow: hidden;
}
.event-info {
padding-bottom: 30px;
}
.event-info p, .event-venue p {
padding-bottom: 17px;
border-bottom: 1px dashed #eaeaea;
}
.event-info p:last-child, 
.event-venue p:last-child {
margin-bottom: 0;
border-bottom: none;
padding-bottom: 0;
}
.event-info h4 {
margin-bottom: 15px;
margin-top: -40px; 
}
.event-info h4, .event-venue h4, .event-contact-title h4 {
margin-left: -30px;
margin-right: -30px;
padding: 17px 15px 17px 15px;
margin-bottom: 28px;
color: #fff;
text-align: center;
line-height: 1;
}
.event-info, .event-venue, .event-contact-wrap {
position: relative;
}
.event-info:before {
content: "\e618";
font-family: "themify";
position: absolute;
bottom: 28%;
font-size: 170px;
right: -104px;
color: #f7f7f7;
z-index: 0;
transform: rotate(-57deg);
}
.event-venue:before {
content: "\e693";
font-family: "themify";
position: absolute;
bottom: 29%;
font-size: 170px;
right: -112px;
color: #f7f7f7;
z-index: 0;
}
.event-contact-wrap:before {
content: "\e75a";
font-family: "themify";
position: absolute;
bottom: 26%;
font-size: 170px;
right: -89px;
color: #f7f7f7;
z-index: 0;
transform: rotate(-57deg);
}
.event-contact-wrap input.wpcf7-form-control, 
.event-contact-wrap select.wpcf7-form-control {
background: transparent;
border-radius: 4px;
}
.event-details-wrap strong {
padding-right: 8px;
color: #252525;
}
.event-contact-form form.wpcf7-form > p {
margin-bottom: 0px;
}
.event-venue {
padding-bottom: 30px;
}
.event-address {
position: relative;
}
.event-map {
margin-top: 20px;
}
.event-share-wrap {
display: none;
}
.event-map iframe {
border-radius: 10px;
}
.event-map .mapouter {
height: 100%;
} @-webkit-keyframes shadow-blink {
0% { opacity: 1; }
100% {
opacity: 0;
transform: scale(2); -webkit-transform: scale(2);  -ms-transform: scale(2);  -o-transform: scale(2);
}
}
@keyframes shadow-blink {
0% { opacity: 1; }
100% {
opacity: 0;
transform: scale(2); -webkit-transform: scale(2);  -ms-transform: scale(2); -o-transform: scale(2);
}
}
.event-address a.zegen-popup-gmaps {
position: absolute;
right: -10px;
font-size: 20px;
top: 32%;
transform: translateY(-50%);
}
.event-address a.zegen-popup-gmaps:after {
content: "\e693";
font-family: 'themify';
position: absolute;
left:0; right:0;
opacity: 0;
-webkit-animation-duration: 0.7s ; 
animation-duration: 0.7s;
-webkit-animation-fill-mode: forwards; 
animation-fill-mode: forwards;
animation-name: shadow-blink; 
-webkit-animation-name: shadow-blink;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}  .event-inner {
margin-bottom: 35px;
position: relative;
}
.single-zegen-events .event-inner {
margin-bottom: 0;
}
.event-inner .post-more > a:hover {
color: #252525;
}
.event-inner .post-more > a {
font-weight: 600;
border-bottom: solid 2px;
}
.event-inner > *.post-thumb {
margin-bottom: 25px;
}
.event-date {
display: inline-block;
margin-bottom: 6px;
font-weight: 600;
font-size: 14px;
}
span.event-time {
padding-left: 11px;
}
.event-inner > *:last-child {
margin-bottom: 0;
}
.event-wrapper.event-default .event-inner .event-date {
display: inline-block;
padding: 0 12px 0 14px;
font-size: 11px;
font-weight: 600;
line-height: 27px;
text-transform: uppercase;
letter-spacing: .15em;
z-index: 3;
color: #fff;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
border-radius: 4px;
}
.event-inner span.event-status {
position: absolute;
top: 10px;
right: 10px;
background: #007bff;
color: #fff;
padding: 0px 9px;
border-radius: 5px;
font-size: 11px;
} .event-classic .event-inner {
-webkit-box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px;
-moz-box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px;
box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px;
border: none;
border-radius: 10px;
padding: 35px 30px;
overflow: hidden;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
background-color: #fff;
}
.event-classic .event-inner > .post-thumb:first-child {
margin-top: -35px;
}
.event-classic .event-inner > .post-thumb {
margin-left: -30px;
margin-right: -30px;
}
.event-classic .event-inner .entry-title {
margin-left: -30px;
margin-right: -30px;
padding: 0 26px;
border-left: dotted 4px;
}
.event-classic .event-inner .event-date {
color: #fff;
line-height: 1;
padding: 8px 15px;
border-radius: 4px;
font-size: 13px;
position: relative;
font-weight: 400;
margin-bottom: 20px;
}
.event-classic .event-inner .event-time {
padding-left: 11px;
position: relative;
}
.event-classic .event-inner .event-time:before {
content: "\e72b";
font-family: "themify";
margin-right: 7px;
vertical-align: 0px;
font-size: 11px;
}
.event-classic .event-inner .event-date:before {
content: "\e6b6";
font-family: "themify";
margin-right: 7px;
vertical-align: 0px;
font-size: 11px;
} .event-wrapper.event-modern .owl-carousel .event-inner > *.event-date:nth-child(2) {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-top: 0;
} .media.event-list-item .post-thumb {
margin-right: 32px;
max-width: 49%;
}
.media.event-list-item {
margin-bottom: 35px;
align-items: center;
}
.event-list-item .event-date {
display: inline-block;
padding: 25px 15px 3px 15px;
position: relative;
margin-bottom: 30px;
font-weight: 400;
font-size: 18px;
text-align: center;
border-radius: 8px 8px 8px 8px;
margin-top: -40px;
background-color: #ffeef1;
}
.event-list-item .event-date:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 31px;
z-index: 0;
border-radius: 0px 0px 8px 8px;
}
.event-list-item .event-time {
padding-left: 0;
float: none;
display: block;
font-size: 14px;
z-index: 9999;
color: #fff;
font-weight: 600;
position: relative;
padding-top: 15px;
font-family: poppins;
} .col-lg-12.col-md-12 .media.event-list-item .post-thumb {
margin-right: 32px;
max-width: 40%;
padding-left: 120px;
}
.col-lg-12.col-md-12 .event-list-item .event-date {
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
margin-top:0;
}
.media.event-list-item .read-more {
font-weight: 600;
border-bottom: solid 2px;
}
.media.event-list-item .read-more:hover {
color: #252525;
}
.media.event-list-item .post-thumb img {
border-radius: 10px;
}
.media.event-list-item .event-date:after {
content: "\e72b";
font-family: "themify";
position: absolute;
top: -15px;
left: 0;
right: 0;
color: #fff;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
border-radius: 50%;
margin: auto;
background: #000;
} .event-wrapper.custom-event-1.event-modern .event-date {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-top: 0;
}
.event-wrapper.custom-event-1.event-modern .entry-title, 
.event-wrapper.custom-event-1.event-modern .event-inner .post-more,
.event-wrapper.custom-event-1.event-modern .event-inner .event-location {
padding-left: 106px;
} .event-wrapper.event-dark .event-inner {
background: #111;
}
.event-wrapper.event-modern .event-inner > .post-thumb:first-child {
margin-top: -35px;
}
.event-wrapper.event-dark .event-inner .post-title-head > a,
.event-wrapper.event-dark .event-inner .post-excerpt,
.event-wrapper.event-dark .event-inner .post-more > a:hover {
color: #fff;
} .event-wrapper.event-modern .event-inner > .post-thumb {
margin-left: -30px;
margin-right: -30px;
}
.event-wrapper.event-modern .event-inner {
-webkit-box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px;
-moz-box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px;
box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px;
border-radius: 10px;
padding: 35px 30px;
overflow: hidden;
position: relative;
background: #fff;
}
.event-wrapper.event-modern .event-date {
display: inline-block;
padding: 25px 15px 3px 15px;
position: relative;
margin-bottom: 30px;
font-weight: 400;
font-size: 18px;
text-align: center;
border-radius: 8px 8px 8px 8px;
margin-top: -40px;
background-color: #ffeef1;
}
.event-wrapper.event-modern .event-date:after {
content: "\e72b";
font-family: "themify";
position: absolute;
top: -20px;
left: 0;
right: 0;
color: #fff;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
border-radius: 0% 50% 50% 50%;
margin: auto;
transform: rotate(222deg);
}
.event-wrapper.event-modern .event-date:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 31px;
z-index: 0;
border-radius: 0px 0px 8px 8px;
}
.event-wrapper.event-modern .event-inner:before {
content: "\e6b6";
position: absolute;
font-family: "themify";
bottom: 30%;
right: -30px;
font-size: 85px;
color: #f1f1f1;
z-index: 0;
transform: rotate(-49deg);
}
.event-wrapper.event-modern .event-time {
padding-left: 0;
float: none;
display: block;
font-size: 14px;
z-index: 9999;
color: #fff;
font-weight: 600;
position: relative;
padding-top: 15px;
font-family: poppins;
}
.event-wrapper.event-modern .owl-carousel .event-inner > *.event-date:first-child {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-top: 0;
}
.event-wrapper.event-modern .owl-carousel .event-inner .entry-title,
.event-wrapper.event-modern .owl-carousel .event-inner .post-more {
padding-left: 106px;
position: relative;
}
.event-wrapper.event-slider-1.event-modern .owl-carousel .event-inner .entry-title, 
.event-wrapper.event-slider-1.event-modern .owl-carousel .event-inner .post-more {
padding-left: 0;
}
.event-wrapper.event-modern .owl-carousel .event-inner {
margin-bottom: 20px;
margin-top: 0px;
}
.event-wrapper.cus-event-list.event-modern .event-inner .entry-title, .event-wrapper.cus-event-list.event-modern .event-inner .post-more, .event-wrapper.cus-event-list.event-modern .event-inner .post-excerpt {
padding-left: 106px;
}
.event-wrapper.cus-event-list.event-modern .event-inner>*.event-date:first-child {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-top: 8px;
}  .zegen-toggle-post-wrap {
position: relative;
}
.zegen-toggle-post-wrap .zegen-popular_posts, .zegen-toggle-post-wrap .zegen-recent_posts {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: auto;
opacity: 0;
visibility: hidden;
transition: opacity ease 0.35s;
}
.zegen-toggle-post-wrap .zegen-recent_posts {
position: relative;
opacity: 1;
visibility: visible;
}
.zegen-toggle-post-wrap.zegen-active-post .zegen-recent_posts {
position: absolute;
opacity: 0;
visibility: hidden;
}
.zegen-toggle-post-wrap.zegen-active-post .zegen-popular_posts {
position: relative;
opacity: 1;
visibility: visible;
}
.zegen-toggle-post-trigger > ul.nav > li {
display: inline-block;
vertical-align: middle;
padding: 0 10px;
}
.zegen-toggle-post-trigger > ul.nav {
display: inline-block;
}
.zegen-toggle-post-wrap .switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
margin-bottom: 0;
}
.zegen-toggle-post-wrap .switch input { 
opacity: 0;
width: 0;
height: 0;
}
.zegen-toggle-post-wrap .switch .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.zegen-toggle-post-wrap .switch .slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
.zegen-toggle-post-wrap .switch input:checked + .slider {   
background-color: #000000;
}
.zegen-toggle-post-wrap .switch input:focus + .slider {
box-shadow: 0 0 1px #000000;
}
.zegen-toggle-post-wrap .switch input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
.zegen-toggle-post-wrap .switch .slider.round {
border-radius: 34px;
}
.zegen-toggle-post-wrap .switch .slider.round:before {
border-radius: 50%;
} .elementor img.img-thumbnail {
border: 1px solid #dee2e6;
} .popover-wrapper {
position: relative;
display: inline-block;
}
a.popover-trigger, a.popover-trigger > * {
display: inline-block;
vertical-align: middle;
}
.popover-content {
position: absolute;
left: 0;
top: 100%;
right: 0;
border: 1px solid #eaeaea;
border-radius: .3rem;
word-wrap: break-word;
z-index: 1060;
padding: .5rem .75rem;
color: #212529;
width: 180px;
z-index: 99999;
background: #fff;
opacity: 0;
visibility: hidden;
transition: all 0.35s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover-wrapper.popover-active .popover-content {
opacity: 1;
visibility: visible;
font-weight: 600;
}
.popover-wrapper .popover-content p {
margin: 0;
}
.popover-content .arrow {
width: .5rem;
height: 1rem;
position: absolute;
display: block;
}
.popover-left .popover-content .arrow {
left: calc((.5rem + 1px) * -1);
right: auto;
}
.popover-right .popover-content .arrow {
right: calc((.5rem + 1px) * -1);
left: auto;
}
.popover-top .popover-content .arrow, .popover-right .popover-content .arrow {
top: 100%;
transform: translateY(-50%) rotate(90deg);
left: 0;
right: 0;
margin: 0 auto;
margin-top: 5px;
}
.popover-bottom .popover-content .arrow {
bottom: 100%;
transform: translateY(-50%) rotate(270deg);
left: 0;
right: 0;
margin: 0 auto;
margin-bottom: -11px;
}
.popover-left .popover-content .arrow,
.popover-right .popover-content .arrow {
top: 50%;
transform: translateY(-50%);
}
.popover-right .popover-content .arrow {
transform: translateY(-50%) rotate(180deg);
right: 100%;
margin: 0;
left: auto;
}
.popover-left .popover-content .arrow {
transform: translateY(-50%);
right: auto;
left: 100%;
margin: 0;
}
.popover-content .arrow::after, .popover-content .arrow::before {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
border-width: .5rem 0 .5rem .5rem;
}
.popover-content .arrow::before {
right: 0;
border-left-color: rgba(0,0,0,.25);
}
.popover-content .arrow::after {
right: 1px;
border-left-color: #fff;
}
.popover-wrapper.popover-top .popover-content {
top: auto;
bottom: 100%;
margin: 0 auto;
transform: translateX(-50%) translateY(-15px);
left: 50%;
padding: 20px;
font-weight: 600;
}
.popover-wrapper.popover-top.popover-active .popover-content {
transform: translateX(-50%) translateY(-20px);
}
.popover-wrapper.popover-bottom .popover-content {
top: 100%;
bottom: auto;
margin: 0 auto;
transform: translateX(-50%) translateY(10px);
left: 50%;
}
.popover-wrapper.popover-bottom.popover-active .popover-content {
transform: translateX(-50%) translateY(15px);
}
.popover-wrapper.popover-left .popover-content {
top: 50%;
transform: translateY(-50%) translateX(5px);
left: auto;
right: 100%;
margin-right: 20px;
}
.popover-wrapper.popover-left.popover-active .popover-content {
transform: translateY(-50%) translateX(0);
}
.popover-wrapper.popover-right .popover-content {
top: 50%;
transform: translateY(-50%) translateX(-5px);
left: 100%;
right: auto;
margin-left: 20px;
}
.popover-wrapper.popover-right.popover-active .popover-content {
transform: translateY(-50%) translateX(0);
} .round-tab-wrapper {
border: solid 1px #000000;
border-radius: 50%;
position: relative;
z-index: 1;
padding-top: 0;
width: 460px;
height: 460px;
margin: 0 48px;
background: #fcfffe;
}
.round-tab-head {
position: absolute;
left: 0;
right: 0;
width: 100px;
height: 100px;
background: #fff;
line-height: 100px;
-webkit-box-shadow: 5px 7px 30px rgba(72, 73, 121, 0.15);
-moz-box-shadow: 5px 7px 30px rgba(72, 73, 121, 0.15);
box-shadow: 5px 7px 30px rgba(72, 73, 121, 0.15);
border: 2px solid #ffffff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
border-radius: 50%;
transition: all 0.3s;
cursor: pointer;
}
.active .round-tab-head {
color: #fff;
}
.round-tab-content {
position: absolute;
max-width: 50%;
height: auto;
vertical-align: middle;
transform: translate(-50%,-50%);
-webkit-transition: all ease .35s;
-moz-transition: all ease .35s;
transition: all ease .35s;
opacity: 0;
margin-left: 50%;
margin-top: 50%;
}
.round-tab-item.active .round-tab-content {
opacity: 1;
}
.elementor .round-tab-head-icon > img {
max-width: 50%;
display: inline-block;
vertical-align: middle;
}
.round-tab-wrapper .round-tab-item:first-child .round-tab-head {
left: calc(50% - 50px);
top: calc( 0% - 50px);
}
.round-tab-wrapper .round-tab-item:nth-child(5) .round-tab-head {
left: calc( 85% - 50px );
top: calc( 15% - 50px );
}
.round-tab-wrapper .round-tab-item:nth-child(2) .round-tab-head {
left: calc( 100% - 50px );
top: calc( 50% - 50px );
}
.round-tab-wrapper .round-tab-item:nth-child(6) .round-tab-head {
left: calc( 85% - 50px );
top: calc( 85% - 50px );
}
.round-tab-wrapper .round-tab-item:nth-child(3) .round-tab-head {
left: calc( 50% - 50px );
top: calc( 100% - 50px );
}
.round-tab-wrapper .round-tab-item:nth-child(7) .round-tab-head {
left: calc( 15% - 50px );
top: calc( 85% - 50px );
}
.round-tab-wrapper .round-tab-item:nth-child(4) .round-tab-head {
left: calc( 0% - 50px );
top: calc( 50% - 50px );
}
.round-tab-wrapper .round-tab-item:nth-child(8) .round-tab-head {
left: calc( 15% - 50px );
top: calc( 15% - 50px );
}
.round-tab-wrapper .round-tab-item.round-tab-2:nth-child(2) .round-tab-head {
left: calc( 50% - 50px );
top: calc( 100% - 50px );
}
.round-tab-wrapper .round-tab-item.round-tab-3:nth-child(2) .round-tab-head {
left: calc( 100% - 100px );
top: calc( 75% - 50px );
}
.round-tab-wrapper .round-tab-item.round-tab-3:nth-child(3) .round-tab-head {
left: calc( 5% - 50px );
top: calc( 75% - 50px );
}
.round-tab-wrapper .round-tab-item.round-tab-5:first-child .round-tab-head {
left: calc(10% - 50px);
top: calc( 20% - 50px);
}
.round-tab-wrapper .round-tab-item.round-tab-5:nth-child(2) .round-tab-head {
left: calc( 90% - 50px );
top: calc( 20% - 50px );
}
.round-tab-wrapper .round-tab-item.round-tab-5:nth-child(3) .round-tab-head {
left: calc( 95% - 50px );
top: calc( 70% - 50px );
}
.round-tab-wrapper .round-tab-item.round-tab-5:nth-child(4) .round-tab-head {
left: calc( 50% - 50px );
top: calc( 100% - 50px );
}
.round-tab-wrapper .round-tab-item.round-tab-5:nth-child(5) .round-tab-head {
left: calc( 5% - 50px );
top: calc( 70% - 50px );
}
.round-tab-wrapper .round-tab-item.round-tab-6:first-child .round-tab-head {
left: calc( 20% - 50px );
top: calc( 10% - 50px );
}
.round-tab-wrapper .round-tab-item.round-tab-6:nth-child(2) .round-tab-head {
left: calc( 80% - 50px );
top: calc( 10% - 50px );
}
.round-tab-wrapper .round-tab-item.round-tab-6:nth-child(3) .round-tab-head {
left: calc( 100% - 50px );
top: calc( 50% - 50px );
}
.round-tab-wrapper .round-tab-item.round-tab-6:nth-child(4) .round-tab-head {
left: calc( 80% - 50px );
top: calc( 90% - 50px );
}
.round-tab-wrapper .round-tab-item.round-tab-6:nth-child(5) .round-tab-head {
left: calc( 20% - 50px );
top: calc( 90% - 50px );
}
.round-tab-wrapper .round-tab-item.round-tab-6:nth-child(6) .round-tab-head {
left: calc( 0% - 50px );
top: calc( 50% - 50px );
}
.round-tab-wrapper .round-tab-item.round-tab-7:first-child .round-tab-head {
left: calc( 15% - 50px );
top: calc( 15% - 50px );
}
.round-tab-wrapper .round-tab-item.round-tab-7:nth-child(2) .round-tab-head {
left: calc( 60% - 50px );
top: calc( 1% - 50px );
}
.round-tab-wrapper .round-tab-item.round-tab-7:nth-child(3) .round-tab-head {
left: calc( 95% - 50px );
top: calc( 30% - 50px );
}
.round-tab-wrapper .round-tab-item.round-tab-7:nth-child(4) .round-tab-head {
left: calc( 95% - 50px );
top: calc( 70% - 50px );
}
.round-tab-wrapper .round-tab-item.round-tab-7:nth-child(5) .round-tab-head {
left: calc( 65% - 50px );
top: calc( 96% - 50px );
}
.round-tab-wrapper .round-tab-item.round-tab-7:nth-child(6) .round-tab-head {
left: calc( 18% - 50px );
top: calc( 88% - 50px );
}
.round-tab-wrapper .round-tab-item.round-tab-7:nth-child(6) .round-tab-head {
left: calc( 0% - 50px );
top: calc( 50% - 50px );
}
.elementor-widget-container.round-tab-wrapper:after,
.elementor-widget-container.round-tab-wrapper:before {
content: "";
width: 460px;
height: 460px;
background: transparent;
border-radius: 46% 49% 50% 48%;
border: 1px solid #000000;
-webkit-animation-name: Rotate;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: Rotate;
-moz-animation-duration: 5s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: Rotate;
-ms-animation-duration: 5s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
position: absolute;
z-index: -1;
}
.elementor-widget-container.round-tab-wrapper:before  {
border-radius: 50% 48% 49% 45%;
}   
@-webkit-keyframes Rotate
{
from{-webkit-transform:rotate(0deg);}
to{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes Rotate
{
from{-moz-transform:rotate(0deg);}
to{-moz-transform:rotate(360deg);}
}
@-ms-keyframes Rotate
{
from{-ms-transform:rotate(0deg);}
to{-ms-transform:rotate(360deg);}
}
.round-tab-title {
font-size: 25px;
font-weight: 600;
color: #000;
}
.round-tab-desc h3 {
margin-bottom: 0;
font-weight: 800;
font-size: 40px;
padding-top: 10px;
}
span.round-tab-head-icon {
font-size: 25px;
color: #000;
}
.active span.round-tab-head-icon {
color: #fff;
}
@media only screen and (max-width: 767px) {
.elementor-widget-container.round-tab-wrapper:after, .elementor-widget-container.round-tab-wrapper:before {
display:none;   
}
.round-tab-wrapper .round-tab-item {
margin: 10px 10px;
}
.round-tab-wrapper {
width: 100%;
height: auto;
margin: 0;
border: 0;
}
.round-tab-wrapper .round-tab-item .round-tab-head {
position: relative;
left: auto !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
}
.testimonial-classic .testimonial-excerpt {
font-size: 15px;
}
.event-details-wrap {
margin-top: 50px;
}
} body .elementor-widget-progress .elementor-title {
font-family: inherit;
font-weight: 600;
}
body .elementor-progress-wrapper, body .elementor-progress-bar {
height: 6px;
border-radius: 5px;
overflow: visible !important;
}
.elementor-widget.elementor-widget-progress {
margin-bottom: 22px !important;
}
.elementor-widget.elementor-widget-progress:last-child {
margin-bottom: 0px !important;
}
.elementor-progress-percentage {
padding-right: 15px;
color: #000;
position: relative;
top: -25px;
font-weight: 700;
} .zegen-rain-drops {
position: absolute !important;
left: 0;
right: 0;
}
.zegen-rain-drops > canvas,
.zegen-raindrops-wrap > canvas {
width: 120%;
}
.section-raindrops-actived .zegen-raindrops-wrap {
overflow: hidden;
position: absolute !important;
left: 0;
right: 0;
width: 100%;
} .zegen-parallax {
position: absolute;
height: 100%;
width: 100%;
left: 0;
right: 0;
top: 0;
background-attachment: fixed; 
background-size: cover;
} .toggle-content {
overflow: hidden;
opacity: 0;
transition: all .6s;
}
.toggle-content.toggle-content-shown {
opacity: 1;
transition: all .6s;
}
.toggle-btn-wrap a.toggle-content-trigger {
font-size: 18px;
text-decoration: underline;
font-weight: 600;
padding: 7px 0px;
display: inline-block;
} section {
position: relative;
}
section.float-parallax-started {
overflow: hidden;
}
.float-parallax {
position: absolute;
left: 50%;
margin: 0 auto;
text-align: center;
z-index: 9999;
height: auto;
width: auto;
opacity: 0;
transition: opacity ease 0.35s;
}
section.elementor-element.rotate-ball-sec .float-parallax {
z-index: 0;
}
section.float-parallax-started .float-parallax{
opacity: 1;
transition: opacity ease 0.35s;
z-index: -1;
}
.float-ele-rotation{
-webkit-animation: rotation 6s infinite linear;
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
section {
position: relative;
}
section.float-parallax-started {
overflow: hidden;
}
.float-parallax {
position: absolute;
left: 50%;
margin: 0 auto;
text-align: center;
z-index: 99;
height: auto;
width: auto;
opacity: 0;
transition: opacity ease 0.35s;
}
section.float-parallax-started .float-parallax{
opacity: 1;
transition: opacity ease 0.35s;
} .floating-animate-model-1 > img {
animation-name: floating-animate-model-1;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: floating-animate-model-1;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: floating-animate-model-1;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: floating-animate-model-1;
-ms-animation-duration: 2s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: floating-animate-model-1;
-o-animation-duration: 2s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}   
@-webkit-keyframes floating-animate-model-1 {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}
@keyframes floating-animate-model-1 {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
} .floating-animate-model-2 > img {
animation-name: floating-animate-model-2;
animation-duration: 24s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: floating-animate-model-2;
-webkit-animation-duration: 24s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: floating-animate-model-2;
-moz-animation-duration: 24s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: floating-animate-model-2;
-ms-animation-duration: 24s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: floating-animate-model-2;
-o-animation-duration: 24s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
@keyframes floating-animate-model-2 {
from {
transform: rotate(0deg);
}
to { 
transform: rotate(360deg);
}
}
@-webkit-keyframes floating-animate-model-2 {
from {
-webkit-transform: rotate(0deg);
}
to { 
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes floating-animate-model-2 {
from {
-moz-transform: rotate(0deg);
}
to { 
-moz-transform: rotate(360deg);
}
}
@-o-keyframes floating-animate-model-2 {
from {
-o-transform: rotate(0deg);
}
to { 
-o-transform: rotate(360deg);
}
}
.floating-animate-model-3 > img {
animation-name: floating-animate-model-3;
animation-duration: 7s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: floating-animate-model-3;
-webkit-animation-duration: 7s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: floating-animate-model-3;
-moz-animation-duration: 7s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: floating-animate-model-3;
-ms-animation-duration: 7s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: floating-animate-model-3;
-o-animation-duration: 7s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}   
@keyframes floating-animate-model-3 {
from {
transform: rotate(0deg);
}
to { 
transform: rotate(360deg);
}
}
@-webkit-keyframes floating-animate-model-3 {
from {
-webkit-transform: rotate(0deg);
}
to { 
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes floating-animate-model-3 {
from {
-moz-transform: rotate(0deg);
}
to { 
-moz-transform: rotate(360deg);
}
}
@-o-keyframes floating-animate-model-3 {
from {
-o-transform: rotate(0deg);
}
to { 
-o-transform: rotate(360deg);
}
} .verticalMove {
animation: verticalMove 3.5s infinite;
}
@-webkit-keyframes verticalMove {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
50% {
-webkit-transform: translate(0, 20px);
transform: translate(0, 20px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes verticalMove {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
50% {
-webkit-transform: translate(0, 20px);
transform: translate(0, 20px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
} .zegen-faq .elementor-toggle-item {
border: 1px solid #eaedf2;
margin-bottom: 1rem;
border-radius: 5px;
}
.zegen-faq .elementor-toggle .elementor-tab-title {
font-size: 1em;
} .elementor-button-link.elementor-button,
.elementor-button .elementor-button-text,
.custom-fbtn .btn {
position: relative;
}
.elementor-button-link.elementor-button:before,
.custom-fbtn .btn:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 50%;
background: rgba(255, 255, 255, 0.21);
z-index: 0;
width: 0;
border-radius: 4px;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
}
.elementor-button-link.elementor-button:hover:before,
.custom-fbtn .btn:hover:before {
width: 100%;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
top: 0;
} @media only screen and (max-width: 2800px) {
.cus-blog-inners .blog-style-classic .blog-inner h4.post-title-head {
font-size: 28px;
line-height: 40px;
}
}   
@media only screen and (max-width: 1699px) {
.cus-sermon-inner .sermon-modern .sermon-inner .sermon-name h4 a {
font-size: 26px;
line-height: 36px;
}
.cus-blog-inners .blog-style-classic .blog-inner h4.post-title-head {
font-size: 22px;
line-height: 32px;
}
}   
@media only screen and (max-width: 1500px) {
.cus-sermon-inner .sermon-modern .sermon-inner .sermon-name h4 a {
font-size: 21px;
line-height: 30px;
}
.cus-blog-inners .blog-style-classic .blog-inner h4.post-title-head {
font-size: 19px;
line-height: 29px;
}
}
@media only screen and (max-width: 1024px) {
.widget ul.social-icons>li {
margin-bottom: 8px;
}
.sermon-view-wrapper:before{
width: 15px;
}
.sermon-wrapper.sermon-list .post-pagination-wrap {
margin-top: 20px;
}
}
@media only screen and (max-width: 768px) {
.sermon-view-wrapper:before{
content: unset;
}
.media.sermon-list-item {
display: block;
}
.col-lg-12.col-md-12 .media.sermon-list-item .sermon-thumb {
max-width: 100%;
margin-right: 0;
}
.sermon-list-item .sermon-thumb img {
border-radius: 10px;
}
.sermon-list-item .media-body {
padding: 30px;
}
.sermon-list .sermon-play-list {
top: 0;
bottom: auto;
border-radius: 10px 0px 10px 0px;
}
.portfolio-model-2 .row.portfolio-details {
padding-top: 20px;
}
.portfolio-model-2 .row.portfolio-details .col-lg-8.col-md-8.col-sm-12, 
.portfolio-model-2 .row.portfolio-details .col-lg-4.col-md-4.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.portfolio-model-2 .row.portfolio-details .col-lg-4.col-md-4.col-sm-12 {
margin-top: 22px;
}
}
@media only screen and (max-width: 767px) {
.sermon-subtitle.text-right,
.sermon-subtitle,
.sermon-tool-list {
text-align: left !important;
}
.sermon-view-wrapper ul.sermon-play-list {
margin-bottom: 30px;
} 
.sermon-view-wrapper .col-md-6 {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
}
.event-wrapper.event-modern .owl-carousel .event-inner {
margin-bottom: 0;
margin-top: 0;
}
.event-wrapper.event-modern .event-inner {
padding: 35px 20px;
}
}
@media only screen and (max-width: 640px) {
.day-counter .rounded-circle {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 480px) {
.sermon-play-list li a, .sermon-tool-list li a {
width: 54px;
height: 54px;
font-size: 18px;
line-height: 57px;
}
.sermon-view-wrapper {
margin-top: 0;
margin-bottom: 40px;
margin-left: 0;
margin-right: 0;
}
.sermon-inner .zegen-sermon-wrapper > *.sermon-image {
margin-bottom: 35px;
}
}