.eg-wrap * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.eg-wrap ul li {
list-style: none;
}
.eg-wrap ul {
margin: 0;
padding: 0;
}
.entry-content a {
box-shadow: none !important;
}
.eg-wrap .eg-icon-search:before {
content: none;
}
.eg-wrap a:active,
.eg-wrap a:hover,
.eg-wrap a:focus,
.eg-wrap a:visited {
outline: 0;
box-shadow: none;
}
.clearfix:before,
.clearfix:after {
content: "";
display: table;
table-layout: fixed;
}
.clearfix:after {
clear: both
}
.eg-wrap a:active,
.eg-wrap a:hover,
.eg-wrap input {
outline: 0;
box-shadow: none;
}
.eg-button-holder {
z-index: 999999;
}
.eg-button-holder a {
cursor: pointer;
}
.eg-masonary-wrap .eg-overlay-wrapper > a {
display: block;
}
.eg-masonary-wrap .eg-overlay-wrapper > a img {
display: block;
}
.eg-wrap img {
display: block;
max-width: 100%;
vertical-align: middle;
}
.eg-wrap .eg-load-more-block img {
text-align: center;
margin: 0 auto;
}
div.pp_overlay {
z-index: 9999;
}
/*==================================================
pop up
==================================================*/
.eg-everest-lightbox-overlay {
opacity: 0;
visibility: hidden;
z-index: 999999;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
position: fixed;
width: 100%;
top: 0;
height:100%;
bottom:0;
}
.eg-everest-lightbox-overlay.eg-overlay-active {
opacity: 1;
visibility: visible;
overflow: hidden;
}
.eg-everest-lightbox-overlay .eg-everest-lightbox-inner-overlay {
position: fixed;
top: 0;
height: 100%;
width: 100%;
background: rgba(0,0,0,0.5);
z-index: 999;
}
.eg-everest-lightbox-overlay .eg-everest-lightbox-wrap {
width: 50%;
position: fixed;
top: 51%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
z-index: 999;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
padding: 7px;
background: #fff;
}
.eg-everest-lightbox-overlay .eg-everest-lightbox-wrap .eg-everest-lightbox-details-wrap {
margin-top: 10px;
padding: 5px 10px 10px;
color: #fff;
}
.eg-everest-lightbox-overlay .eg-everest-lightbox-wrap .eg-everest-lightbox-details-wrap .eg-everest-lightbox-description {
font-size: 13px;
}
.eg-everest-lightbox-overlay .eg-everest-lightbox-controls {
position: fixed;
top: 47%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width: 100%;
left: 0;
right: 0;
z-index: 9999;
}
.eg-everest-lightbox-overlay .eg-everest-lightbox-controls .eg-everest-lightbox-previous,
.eg-everest-lightbox-overlay .eg-everest-lightbox-controls .eg-everest-lightbox-next {
font-size: 0;
position: absolute;
left: 0;
text-align: center;
display: inline-block;
cursor: pointer;
}
.eg-everest-lightbox-overlay .eg-everest-lightbox-controls .eg-everest-lightbox-previous {
left: 50px
}
.eg-everest-lightbox-overlay .eg-everest-lightbox-controls .eg-everest-lightbox-next {
right: 50px;
left: auto;
}
.eg-everest-lightbox-overlay .eg-everest-lightbox-controls .eg-everest-lightbox-previous:before,
.eg-everest-lightbox-overlay .eg-everest-lightbox-controls .eg-everest-lightbox-next:before {
content: '';
position: absolute;
font-family: FontAwesome;
font-size: 50px;
color: #fff;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-everest-lightbox-overlay .eg-everest-lightbox-controls .eg-everest-lightbox-previous:hover:before,
.eg-everest-lightbox-overlay .eg-everest-lightbox-controls .eg-everest-lightbox-next:hover:before {
color: #65b5f4;
}
.eg-everest-lightbox-overlay .eg-everest-lightbox-controls .eg-everest-lightbox-previous:before {
content: '\f104';
left: 45px;
}
.eg-everest-lightbox-overlay .eg-everest-lightbox-controls .eg-everest-lightbox-next:before {
content: '\f105';
right: 45px;
}
.eg-everest-lightbox-overlay .eg-close-pop-up {
position: fixed;
top: 50px;
right: 70px;
font-size: 0;
line-height: 30px;
cursor: pointer;
border-radius: 5px;
-webkit-border-radius: 5px;
z-index: 999999;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-everest-lightbox-overlay .eg-close-pop-up:before,
.eg-everest-lightbox-overlay .eg-close-pop-up:after {
content: '';
position: absolute;
background: #fff;
width: 25px;
height: 4px;
top: 0;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-everest-lightbox-overlay .eg-close-pop-up:hover:before,
.eg-everest-lightbox-overlay .eg-close-pop-up:hover:after {
background: #ccc;
}
.eg-everest-lightbox-overlay .eg-close-pop-up:before {
transform: rotate(45deg);
transform: rotate(45deg);
}
.eg-everest-lightbox-overlay .eg-close-pop-up:after {
transform: rotate(-45deg);
transform: rotate(-45deg);
}
.eg-everest-lightbox-overlay.eg-black-lightbox .eg-everest-lightbox-wrap {
background: #000;
box-shadow: inset 0px 1px 4px #fbfbfb;
-webkit-box-shadow: inset 0px 1px 4px #fbfbfb;
border-radius: 5px;
}
.eg-everest-lightbox-overlay.eg-white-lightbox .eg-everest-lightbox-wrap,
.eg-everest-lightbox-overlay.eg-white-lightbox .eg-close-pop-up {
background: #fff;
box-shadow: inset 0 0 7px #151313;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 7px #151313;
-webkit-border-radius: 3px;
}
.eg-everest-lightbox-overlay.eg-white-lightbox .eg-everest-lightbox-details-wrap {
color: #000;
}
.eg-everest-lightbox-overlay.eg-blue-lightbox .eg-everest-lightbox-wrap,
.eg-everest-lightbox-overlay.eg-blue-lightbox .eg-close-pop-up {
background: #67b7f6;
border-radius: 5px;
}
.eg-everest-lightbox-overlay.eg-blue-lightbox .eg-close-pop-up:before,
.eg-everest-lightbox-overlay.eg-blue-lightbox .eg-everest-lightbox-details-wrap {
color: #655a5a;
background: #fff;
}
.eg-everest-lightbox-overlay.eg-blue-lightbox .eg-everest-lightbox-details-wrap {
margin-top: 7px;
padding: 8px 12px;
}
.eg-everest-lightbox-overlay.eg-grey-lightbox .eg-everest-lightbox-wrap {
background: #e1e1de;
border-radius: 5px;
box-shadow: inset 0 0 6px #000;
-webkit-border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px #000;
}
.eg-everest-lightbox-overlay.eg-grey-lightbox .eg-everest-lightbox-details-wrap {
color: #333;
}
.eg-everest-lightbox-wrap .eg-everest-lightbox-caption {
font-weight: 600;
text-transform: capitalize;
}
/*===================================================================================
width for columns
===================================================================================*/
.eg-grid-wrap .eg-each-item {
float: left;
}
.eg-grid-wrap.eg-column-1 .eg-each-item,
.eg-masonary-wrap.eg-column-1 .eg-each-item {
width: 100%;
display: block;
}
.eg-grid-wrap.eg-column-2 .eg-each-item,
.eg-masonary-wrap.eg-column-2 .eg-each-item {
width: 50%;
}
.eg-masonary-wrap.eg-column-2 .eg-each-item:nth-child(2n+1) {
clear: both
}
.eg-grid-wrap.eg-column-3 .eg-each-item {
width: 33.33%;
}
.eg-masonary-wrap.eg-column-3 .eg-each-item {
width: 33.33%;
}
.eg-grid-wrap.eg-column-3 .eg-each-item:nth-child(3n+1),
.eg-masonary-wrap.eg-column-3 .eg-each-item:nth-child(3n+1) {
clear: both
}
.eg-grid-wrap.eg-column-4 .eg-each-item,
.eg-masonary-wrap.eg-column-4 .eg-each-item {
width: 25%;
}
.eg-grid-wrap.eg-column-4 .eg-each-item:nth-child(4n+1),
.eg-masonary-wrap.eg-column-4 .eg-each-item:nth-child(4n+1) {
clear: both;
}
.eg-grid-wrap.eg-column-5 .eg-each-item,
.eg-masonary-wrap.eg-column-5 .eg-each-item {
width: 20%;
}
.eg-grid-wrap.eg-column-5 .eg-each-item:nth-child(5n+1),
.eg-masonary-wrap.eg-column-5 .eg-each-item:nth-child(5n+1) {
clear: both;
}
.eg-grid-wrap.eg-column-6 .eg-each-item,
.eg-masonary-wrap.eg-column-6 .eg-each-item {
width: 16.66%;
}
.eg-grid-wrap.eg-column-6 .eg-each-item:nth-child(6n+1),
.eg-masonary-wrap.eg-column-6 .eg-each-item:nth-child(6n+1) {
clear: both;
}
/*=====================================
grid layouts
======================================*/
.eg-grid-wrap.eg-column-2.eg-grid-layout-2 .eg-each-item {
width: 49%;
margin-right: 2%;
margin-bottom: 2%;
}
.eg-grid-wrap.eg-column-2.eg-grid-layout-2 .eg-each-item:nth-child(even) {
margin-right: 0;
}
.eg-grid-wrap.eg-column-3.eg-grid-layout-2 .eg-each-item {
width: 32.33%;
margin-right: 1.5%;
margin-bottom: 1.5%;
}
.eg-grid-wrap.eg-column-3.eg-grid-layout-2 .eg-each-item:nth-child(3n) {
margin-right: 0;
}
.eg-grid-wrap.eg-column-4.eg-grid-layout-2 .eg-each-item {
width: 23.8%;
margin-right: 1.5%;
margin-bottom: 1.5%;
}
.eg-grid-wrap.eg-column-4.eg-grid-layout-2 .eg-each-item:nth-child(4n) {
margin-right: 0;
}
.eg-grid-wrap.eg-column-5.eg-grid-layout-2 .eg-each-item {
width: 19%;
margin-right: 1.2%;
margin-bottom: 1.2%;
}
.eg-grid-wrap.eg-column-5.eg-grid-layout-2 .eg-each-item:nth-child(5n) {
margin-right: 0;
}
.eg-grid-wrap.eg-column-6.eg-grid-layout-2 .eg-each-item {
width: 15.5%;
margin-right: 1.4%;
margin-bottom: 1.4%;
}
.eg-grid-wrap.eg-column-6.eg-grid-layout-2 .eg-each-item:nth-child(6n) {
margin-right: 0;
}
/*=====================================
masonary padding
======================================*/
.eg-masonary-wrap.eg-masonary-layout-2 .eg-masonary-padding {
padding: 10px;
}
.eg-masonary-wrap.eg-column-6.eg-masonary-layout-2 .eg-masonary-padding,
.eg-masonary-wrap.eg-column-5.eg-masonary-layout-2 .eg-masonary-padding {
padding: 5px;
}
/*================
compatible
================*/
.eg-grid-wrap .eg-slider-caption,
.eg-masonary-wrap .eg-slider-caption {
display: none;
}
/*===========================
no hover animation
============================*/
.eg-no-hover .eg-mask {
display: none;
}
/*============================
hover layout css for frontend
============================*/
.eg-wrap .eg-overlay-wrapper {
position: relative;
overflow: hidden;
}
.eg-wrap .eg-overlay-wrapper div.eg-mask {
position: absolute;
width: 100%;
top: 0;
bottom: 0;
height: 100%;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
}
.eg-wrap .eg-overlay-wrapper > img {
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
}
.eg-wrap .eg-overlay-wrapper p {
margin: 0;
line-height: 1.3;
}
.eg-wrap .eg-overlay-wrapper .eg-caption {
padding: 0px 15px;
}
.eg-wrap .eg-overlay-wrapper .eg-button-holder {
margin-bottom: 0;
}
.eg-wrap .eg-overlay-wrapper .eg-button-holder a {
width: 40px;
height: 40px;
color: #fff;
display: inline-block;
margin: 0 2px;
line-height: 35px;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
border-width: 2px;
border-style: solid;
border-color: #fff;
text-align: center;
font-size: 13px;
}
.eg-wrap .eg-overlay-wrapper .eg-button-holder a i:before,
.eg-wrap .eg-overlay-wrapper .eg-layout-32-wrap a i:before {
line-height: 40px;
}
.eg-wrap .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-title {
display: block;
}
.eg-wrap .eg-overlay-wrapper .eg-caption {
color: #fff;
}
.eg-wrap .eg-overlay-wrapper .eg-caption,
.eg-wrap .eg-overlay-wrapper .eg-button-holder {
position: relative;
transition: all ease 1.5s;
-webkit-transition: all ease 1.5s;
-ms-transition: all ease 1.5s;
}
.eg-wrap .eg-overlay-wrapper .eg-button-holder {
margin-bottom: 10px;
}
.eg-wrap .eg-overlay-wrapper .eg-button-holder a i.fa-play {
font-size: 15px;
}
.eg-wrap .eg-overlay-wrapper img {
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-overlay-wrapper .eg-caption {
width: 80%;
margin: 0 auto;
}
.eg-wrap .eg-overlay-wrapper .eg-caption p {
text-overflow: ellipsis;
overflow: hidden;
font-size: 13px;
}
.eg-wrap .eg-overlay-wrapper .eg-mask .eg-inner-wrapper {
position: absolute;
left: 0;
right: 0;
z-index: 999;
height: 100%;
}
.eg-wrap .eg-overlay-wrapper .eg-title {
line-height: 1.2;
}
/*==============
layout-1
==============*/
.eg-overlay-layout-1 .eg-overlay-wrapper .eg-mask {
width: 100%;
opacity: 0;
visibility: hidden;
background: rgba(255, 255, 255, 0.85);
}
.eg-overlay-layout-1 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper {
text-align: center;
display: table;
width: 100%;
height: 100%;
}
.eg-overlay-layout-1 .eg-overlay-wrapper:hover .eg-mask {
opacity: 1;
visibility: visible;
}
.eg-overlay-layout-1 .eg-overlay-wrapper .eg-content-holder {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.eg-overlay-layout-1 .eg-overlay-wrapper .eg-caption {
color: #333;
position: absolute;
width: 100%;
top: 50%;
margin-top: -30px;
}
.eg-overlay-layout-1 .eg-overlay-wrapper .eg-caption p {
font-size: 16px;
}
.eg-overlay-layout-1 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper span.eg-title {
display: none !important;
}
.eg-overlay-layout-1 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-caption span.eg-title {
font-size: 22px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 8px;
display: block !important;
overflow: hidden;
}
.eg-overlay-layout-1 .eg-overlay-wrapper .eg-button-holder {
position: absolute;
top: -100%;
width: 100%;
text-align: left;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
left: 20px
}
.eg-overlay-layout-1 .eg-overlay-wrapper:hover .eg-button-holder {
top: 20px;
}
.eg-overlay-layout-1 .eg-overlay-wrapper .eg-button-holder a {
display: inline-block;
width: auto;
height: auto;
color: #333;
border: none;
font-size: 20px;
margin: 0 5px;
}
.eg-overlay-layout-1 .eg-overlay-wrapper .eg-button-holder a i:before {
line-height: 1 !important;
}
/*==============
layout-2
==============*/
.eg-overlay-layout-2 .eg-overlay-wrapper .eg-mask {
width: 100%;
left: 0;
right: 0;
background: rgba(48, 133, 163, 0.7);
opacity: 0;
visibility: hidden;
}
.eg-overlay-layout-2 .eg-overlay-wrapper:hover .eg-mask {
opacity: 1;
visibility: visible;
}
.eg-overlay-layout-2 .eg-overlay-wrapper .eg-content-holder {
position: absolute;
width: 100%;
height: 100%;
}
.eg-overlay-layout-2 .eg-overlay-wrapper .eg-caption,
.eg-overlay-layout-2 .eg-overlay-wrapper .eg-title {
width: 100%;
padding: 0 15px;
text-align: right;
position: absolute;
color: #fff;
right: -100%;
}
.eg-overlay-layout-2 .eg-overlay-wrapper .eg-title {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.eg-overlay-layout-2 .eg-overlay-wrapper:hover .eg-caption,
.eg-overlay-layout-2 .eg-overlay-wrapper:hover span.eg-title {
right: 0;
}
.eg-overlay-layout-2 .eg-overlay-wrapper:hover .eg-caption {
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
}
.eg-overlay-layout-2 .eg-overlay-wrapper:hover span.eg-title {
transition: all ease 0.6s;
-webkit-transition: all ease 0.6s;
}
.eg-overlay-layout-2 .eg-overlay-wrapper .eg-caption {
top: 50px;
}
.eg-overlay-layout-2 .eg-overlay-wrapper .eg-title {
font-size: 24px;
top: 18px;
}
.eg-overlay-layout-2 .eg-overlay-wrapper .eg-button-holder {
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
position: absolute;
width: 100%;
text-align: center;
top: 50%;
transform: translateY(-50%) scale(1.3);
-webkit-transform: translateY(-50%) scale(1.3);
}
.eg-overlay-layout-2 .eg-overlay-wrapper:hover .eg-button-holder {
transform: translateY(-50%) scale(1);
-webkit-transform: translateY(-50%) scale(1);
}
.eg-overlay-layout-2 .eg-overlay-wrapper .eg-button-holder a {
background: #222;
border: none !important;
border-radius: 50%;
-webkit-border-radius: 50%;
}
.eg-overlay-layout-2 .eg-overlay-wrapper .eg-button-holder a:hover,
.eg-overlay-layout-2 .eg-overlay-wrapper .eg-button-holder a.eg-icon-chain:hover {
background: #fff;
color: #333;
}
/*==============
layout-3
==============*/
.eg-wrap .eg-overlay-layout-3 .eg-overlay-wrapper .eg-mask {
height: 100%;
top: auto;
background: rgba(255, 255, 255, 0.8);
left: auto;
right: auto;
text-align: center;
opacity: 0;
visibility: hidden;
}
.eg-wrap .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-mask {
visibility: visible;
opacity: 1;
}
.eg-wrap .eg-overlay-layout-3 .eg-overlay-wrapper:hover img {
transform: scale(1.3);
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
}
.eg-wrap .eg-overlay-layout-3 .eg-overlay-wrapper .eg-content-holder {
top: -100%;
opacity: 0;
visibility: hidden;
}
.eg-wrap .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder {
top: 50%;
margin-top: -50px;
position: absolute;
width: 100%;
transition: all ease 1s;
-webkit-transition: all ease 1s;
opacity: 1;
visibility: visible;
}
.eg-wrap .eg-overlay-layout-3 .eg-overlay-wrapper .eg-caption {
color: #333;
text-transform: uppercase;
}
.eg-wrap .eg-overlay-layout-3 .eg-overlay-wrapper .eg-caption p {
font-size: 13px;
}
.eg-wrap .eg-overlay-layout-3 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper span.eg-title {
display: none !important;
}
.eg-wrap .eg-overlay-layout-3 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-caption span.eg-title {
font-size: 22px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 15px;
display: block !important;
}
.eg-wrap .eg-overlay-layout-3 .eg-overlay-wrapper .eg-button-holder a {
border: none;
position: relative;
margin: 0 8px;
}
.eg-wrap .eg-overlay-layout-3 .eg-overlay-wrapper .eg-button-holder a:before {
position: absolute;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 25px 43.3px 25px;
border-color: transparent transparent rgba(0,0,0,0.3) transparent;
z-index: -9;
left: -6px;
top: -8px;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
}
.eg-wrap .eg-overlay-layout-3 .eg-overlay-wrapper .eg-button-holder a:hover:before {
border-color: transparent transparent rgba(0,0,0,0.8) transparent;
}
/*==============
layout-4
==============*/
.eg-wrap .eg-overlay-layout-4 .eg-overlay-wrapper .eg-mask {
height: 100%;
bottom: -100%;
background: #000;
left: auto;
right: auto;
top: auto;
transition: all ease 0.2s;
-webkit-transition: all ease 0.2s;
}
.eg-wrap .eg-overlay-layout-4 .eg-overlay-wrapper:hover .eg-mask {
bottom: 0;
}
.eg-wrap .eg-overlay-layout-4 .eg-overlay-wrapper .eg-caption {
position: absolute;
width: 100%;
color: #fff;
}
.eg-wrap .eg-overlay-layout-4 .eg-overlay-wrapper span.eg-title {
display: none !important;
}
.eg-wrap .eg-overlay-layout-4 .eg-overlay-wrapper .eg-caption {
bottom: 10px;
}
.eg-wrap .eg-overlay-layout-4 .eg-overlay-wrapper .eg-caption span.eg-title {
display: block !important;
margin-bottom: 8px;
font-size: 24px;
}
.eg-wrap .eg-overlay-layout-4 .eg-overlay-wrapper .eg-caption p {
padding-bottom: 10px;
font-size: 15px;
color: #fff;
}
.eg-wrap .eg-overlay-layout-4 .eg-overlay-wrapper .eg-button-holder {
opacity: 0;
visibility: hidden;
right: -100%;
width: 100%;
position: absolute;
transition: all ease 0.8s;
-webkit-transition: all ease 0.8s;
text-align: right;
top: 20px;
}
.eg-wrap .eg-overlay-layout-4 .eg-overlay-wrapper:hover .eg-button-holder {
opacity: 1;
visibility: visible;
right: 20px;
}
.eg-wrap .eg-overlay-layout-4 .eg-overlay-wrapper .eg-button-holder a {
border: none;
border-radius: 50%;
-webkit-border-radius: 50%;
color: #000;
background: #fff;
}
.eg-wrap .eg-overlay-layout-4 .eg-overlay-wrapper .eg-button-holder a:hover,
.eg-wrap .eg-overlay-layout-4 .eg-overlay-wrapper .eg-button-holder a.eg-icon-chain:hover {
background: rgba(0,0,0,0.5);
color: #fff;
}
/*==============
layout-5
==============*/
.eg-overlay-layout-5 .eg-overlay-wrapper .eg-mask {
width: 100%;
height: 100%;
left: -100%;
background-color: rgba(53,56,61,0.6);
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
}
.eg-overlay-layout-5 .eg-overlay-wrapper:hover .eg-mask {
left: 0;
}
.eg-overlay-layout-5 .eg-overlay-wrapper .eg-mask span.eg-title {
display: none !important;
}
.eg-overlay-layout-5 .eg-overlay-wrapper .eg-mask .eg-caption {
color: #fff;
position: absolute;
left: -100%;
}
.eg-overlay-layout-5 .eg-overlay-wrapper .eg-mask .eg-caption span.eg-title {
font-size: 22px;
text-transform: capitalize;
width: 100%;
margin-bottom: 8px;
display: block !important;
}
.eg-overlay-layout-5 .eg-overlay-wrapper .eg-mask .eg-caption {
bottom: 20px;
width: 100%;
padding-left: 25px;
}
.eg-overlay-layout-5 .eg-overlay-wrapper:hover .eg-mask .eg-caption {
left: 0;
transition: all ease 1.5s;
-webkit-transition: all ease 1.5s;
}
.eg-overlay-layout-5 .eg-overlay-wrapper .eg-mask .eg-caption p {
font-size: 14px;
}
.eg-overlay-layout-5 .eg-overlay-wrapper .eg-button-holder {
text-align: right;
right: 15px;
position: absolute;
width: 100%;
top: -100%;
transition: all ease 1.5s;
-webkit-transition: all ease 1.5s;
opacity: 0;
visibility: hidden;
}
.eg-overlay-layout-5 .eg-overlay-wrapper:hover .eg-button-holder {
top: 15px;
opacity: 1;
visibility: visible;
}
.eg-overlay-layout-5 .eg-overlay-wrapper .eg-button-holder a {
border: none;
border-radius: 50%;
background: #fff;
color: rgb(53,56,61)
}
.eg-overlay-layout-5 .eg-overlay-wrapper .eg-button-holder a:hover {
background: rgba(255,255,255,0.6);
}
/*==============
layout-6
==============*/
.eg-overlay-layout-6 .eg-overlay-wrapper div.eg-mask {
left: auto;
right: auto;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
text-align: left;
color: #fff;
}
.eg-overlay-layout-6 span.eg-title {
display: none !important;
}
.eg-overlay-layout-6 .eg-caption span.eg-title {
display: block !important;
font-size: 22px;
margin-bottom: 8px;
}
.eg-overlay-layout-6 .eg-overlay-wrapper .eg-caption {
width: 100%;
padding: 0 15px;
position: absolute;
left: -100%;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
bottom: 20px;
color: #fff;
}
.eg-overlay-layout-6 .eg-overlay-wrapper:hover span.eg-title,
.eg-overlay-layout-6 .eg-overlay-wrapper:hover .eg-caption {
left: 0;
}
.eg-overlay-layout-6 .eg-overlay-wrapper:hover div.eg-mask {
background: rgba(246, 38, 91, 0.9);
}
.eg-overlay-layout-6 .eg-overlay-wrapper:hover img {
transform: rotate(10deg) scale(1.3);
-webkit-transform: rotate(10deg) scale(1.3);
-ms-transform: rotate(10deg) scale(1.3);
}
.eg-overlay-layout-6 .eg-overlay-wrapper .eg-button-holder {
text-align: center !important;
position: absolute !important;
top: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width: 100%;
opacity: 0;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
}
.eg-overlay-layout-6 .eg-overlay-wrapper:hover .eg-button-holder {
top: 50%;
opacity: 1;
}
.eg-overlay-layout-6 .eg-overlay-wrapper .eg-button-holder a {
border-radius: 50%;
-webkit-border-radius: 50%;
border-width: 0px;
background: rgba(255,255,255,1);
color: rgba(246, 38, 91, 1);
}
.eg-overlay-layout-6 .eg-overlay-wrapper .eg-button-holder a:hover {
background: rgba(255,255,255,0.6);
color: rgba(246, 38, 91, 1);
}
/*==============
layout-7
==============*/
.eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask {
width: calc(100% - 30px);
width: -webkit-calc(100% - 30px);
height: calc(100% - 30px);
height: -webkit-calc(100% - 30px);
transform: scale(0);
-webkit-transform: scale(0);
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
}
.eg-overlay-layout-7 .eg-overlay-wrapper:hover .eg-mask {
opacity: 1;
background: rgba(255,255,255,0.8);
transform: scale(1);
-webkit-transform: scale(1);
left: 15px;
right: 15px;
top: 15px;
bottom: 15px;
height: auto !important;
width: auto !important;
}
.eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder {
width: 100%;
padding: 0 30px;
text-align: center;
position: absolute;
top: 50%;
margin-top: -65px;
transition: all ease 0.6s;
-webkit-transition: all ease 0.6s;
}
.eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder span.eg-title {
font-size: 26px;
width: 100%;
text-transform: uppercase;
margin-bottom: 30px;
position: relative;
}
.eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder span.eg-title:before {
content: '';
position: absolute;
width: 50px;
height: 1px;
background: #333;
bottom: -18px;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
}
.eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder .eg-button-holder a {
background: #504747;
border: none;
border-radius: 50%;
box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
}
.eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder .eg-button-holder a:hover {
background: #fff;
color: #504747;
}
.eg-overlay-layout-7 .eg-overlay-wrapper .eg-inner-wrapper {
overflow: hidden;
}
.eg-overlay-layout-7 .eg-overlay-wrapper .eg-caption {
color: #000;
}
/*==============
layout-8
==============*/
.eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask {
background: rgba(76, 221, 243, 0.8);
opacity: 0;
transition: all ease 0.6s !important;
-webkit-transition: all ease 0.6s !important;
}
.eg-overlay-layout-8 .eg-overlay-wrapper:hover .eg-mask {
opacity: 1;
}
.eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder {
width: 100%;
position: absolute;
text-align: center;
padding: 0 30px;
top: 50%;
margin-top: -50px;
}
.eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-button-holder a {
border: none;
border-radius: 50%;
-webkit-border-radius: 50%;
color: rgba(76, 221, 243, 0.8);
background: #fff;
}
.eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-button-holder a:hover {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
.eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder span.eg-title {
text-transform: uppercase;
font-size: 24px;
color: #fff;
margin-bottom: 8px;
}
.eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder .eg-caption {
text-transform: uppercase;
font-size: 14px !important;
color: #000 !important;
}
/*==============
layout-9
==============*/
.eg-overlay-layout-9 .eg-overlay-wrapper .eg-mask {
background-color: #f0cac4;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.eg-overlay-layout-9 .eg-overlay-wrapper:hover .eg-mask {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
text-align: right;
}
.eg-overlay-layout-9 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper {
display: table;
width: 100%;
height: 100%;
}
.eg-overlay-layout-9 .eg-overlay-wrapper:hover .eg-mask .eg-content-holder {
display: table-cell;
vertical-align: middle;
padding: 0 30px;
}
.eg-overlay-layout-9 .eg-overlay-wrapper:hover .eg-mask .eg-content-holder .eg-caption {
padding: 0;
width: 100% !important;
}
.eg-overlay-layout-9 .eg-overlay-wrapper:hover .eg-mask .eg-content-holder span.eg-title {
width: 100%;
font-size: 25px;
margin-bottom: 6px;
}
.eg-overlay-layout-9 .eg-overlay-wrapper > img {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.eg-overlay-layout-9 .eg-overlay-wrapper:hover > img {
background-color: rgba(146,96,91,0.3);
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.eg-overlay-layout-9 .eg-overlay-wrapper .eg-button-holder a {
border-radius: 0;
-webkit-border-radius: 0;
background: #72463D;
border: none;
}
.eg-overlay-layout-9 .eg-overlay-wrapper .eg-button-holder a:hover {
margin-right: 10px;
border-radius: 50%;
-webkit-border-radius: 50%;
}
/*==============
layout-10
==============*/
.eg-overlay-layout-10 .eg-overlay-wrapper > img {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.eg-overlay-layout-10 .eg-overlay-wrapper:hover > img {
-webkit-transform: scale(10);
-moz-transform: scale(10);
-o-transform: scale(10);
-ms-transform: scale(10);
transform: scale(10);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.eg-overlay-layout-10 .eg-overlay-wrapper .eg-mask {
background-color: #4C4342;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.eg-overlay-layout-10 .eg-overlay-wrapper .eg-button-holder {
position: absolute;
width: 100%;
text-align: center;
z-index: 999;
top: -100%;
transition: all ease 0.7s;
-webkit-transition: all ease 0.7s;
}
.eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder {
top: 29%;
}
.eg-overlay-layout-10 .eg-overlay-wrapper .eg-button-holder a {
border: none;
border-radius: 50%;
-webkit-border-radius: 50%;
background: #C7CFCE;
color: #333;
}
.eg-overlay-layout-10 .eg-overlay-wrapper .eg-button-holder a:hover {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.eg-overlay-layout-10 .eg-overlay-wrapper .eg-content-holder {
text-align: center;
}
.eg-overlay-layout-10 .eg-overlay-wrapper .eg-content-holder span.eg-title {
width: 100%;
font-size: 26px;
color: #fff;
position: absolute;
left: -100%;
top: 52%;
margin-top: -20px;
transition: all ease 0.7s;
-webkit-transition: all ease 0.7s;
padding: 0 30px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-content-holder span.eg-title {
left: 0;
}
.eg-overlay-layout-10 .eg-overlay-wrapper .eg-content-holder .eg-caption {
position: absolute;
top: 63%;
margin-top: -20px;
color: #fff;
width: 100%;
right: -100%;
transition: all ease 0.7s;
-webkit-transition: all ease 0.7s;
}
.eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-content-holder .eg-caption {
right: 0;
}
/*==============
layout-11
==============*/
.eg-overlay-layout-11 .eg-overlay-wrapper .eg-mask {
background: rgba(0,0,0,0.6);
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
opacity: 0;
}
.eg-overlay-layout-11 .eg-overlay-wrapper:hover .eg-mask {
opacity: 1;
}
.eg-overlay-layout-11 .eg-overlay-wrapper .eg-mask .eg-content-holder span.eg-title.eg-main-title {
display: none;
}
.eg-overlay-layout-11 .eg-overlay-wrapper .eg-mask .eg-content-holder .eg-caption span.eg-title {
display: block !important;
font-size: 24px;
margin-bottom: 8px;
}
.eg-overlay-layout-11 .eg-overlay-wrapper .eg-mask .eg-content-holder .eg-caption {
position: absolute;
bottom: 0;
width: 100%;
background: #FF005A;
right: -100%;
color: #fff;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
padding: 15px;
}
.eg-overlay-layout-11 .eg-overlay-wrapper:hover .eg-mask .eg-content-holder .eg-caption {
right: 0;
}
.eg-overlay-layout-11 .eg-overlay-wrapper .eg-mask .eg-content-holder .eg-caption p {
font-style: italic;
}
.eg-overlay-layout-11 .eg-overlay-wrapper .eg-mask .eg-button-holder {
position: absolute;
width: 100%;
left: -100%;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
top: -100%;
padding-left: 20px;
}
.eg-overlay-layout-11 .eg-overlay-wrapper:hover .eg-mask .eg-button-holder {
top: 20px;
left: 0;
}
.eg-overlay-layout-11 .eg-overlay-wrapper .eg-mask .eg-button-holder a {
border: none;
background: #fff;
color: #FF005A;
border-radius: 50%;
}
.eg-overlay-layout-11 .eg-overlay-wrapper .eg-mask .eg-button-holder a:hover {
color: #fff;
background: #FF005A;
}
/*==============
layout-12
==============*/
.eg-overlay-layout-12 .eg-overlay-wrapper div.eg-mask:before,
.eg-overlay-layout-12 .eg-overlay-wrapper div.eg-mask:after {
position: absolute;
content: '';
height: 400px;
width: 50%;
background: rgba(0, 0, 0, 0.7);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out ;
transition: all 0.3s ease-in-out;
bottom: 0;
top: 0;
height: 100%;
}
.eg-overlay-layout-12 .eg-overlay-wrapper div.eg-mask:before {
left: -50%;
}
.eg-overlay-layout-12 .eg-overlay-wrapper:hover div.eg-mask:before {
left: 0;
}
.eg-overlay-layout-12 .eg-overlay-wrapper div.eg-mask:after {
right: -50%;
}
.eg-overlay-layout-12 .eg-overlay-wrapper:hover div.eg-mask:after {
right: 0;
}
.eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper {
top: -100%;
transform: translateY(0);
-webkit-transform: translateY(0);
transition: all ease 0.5s;
-wekbit-transition: all ease 0.5s;
}
.eg-overlay-layout-12 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper {
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder {
position: absolute;
top: 50%;
text-align: center;
margin-top: -50px;
width: 100%;
}
.eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder .eg-button-holder a {
border: none;
background: #fff;
color: #333;
border-radius: 50%;
-webkit-border-radius: 50%;
}
.eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder span.eg-title,
.eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder .eg-caption {
color: #fff;
padding: 0 30px;
}
.eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder span.eg-title {
font-size: 20px;
margin-bottom: 5px;
}
.eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder .eg-button-holder a:hover {
background: rgba(255,255,255,0.8);
}
/*==============
layout-13
==============*/
.eg-overlay-layout-13 .eg-overlay-wrapper div.eg-mask:before,
.eg-overlay-layout-13 .eg-overlay-wrapper div.eg-mask:after {
position: absolute;
content: '';
height: 50%;
width: 100%;
background: rgba(0, 0, 0, 0.7);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out ;
transition: all 0.3s ease-in-out;
left: 0;
right: 0;
}
.eg-overlay-layout-13 .eg-overlay-wrapper div.eg-mask:before {
top: -50%;
}
.eg-overlay-layout-13 .eg-overlay-wrapper:hover div.eg-mask:before {
top: 0;
}
.eg-overlay-layout-13 .eg-overlay-wrapper div.eg-mask:after {
bottom: -50%;
}
.eg-overlay-layout-13 .eg-overlay-wrapper:hover div.eg-mask:after {
bottom: 0;
}
.eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper {
left: -100%;
transition: all ease 0.5s;
-wekbit-transition: all ease 0.5s;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width: 100%;
}
.eg-overlay-layout-13 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper {
left: 0;
}
.eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder {
position: absolute;
top: 50%;
text-align: center;
margin-top: -50px;
width: 100%;
text-align: center;
}
.eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder .eg-button-holder a {
border: none;
background: #fff;
color: #333;
border-radius: 50%;
-webkit-border-radius: 50%;
}
.eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder span.eg-title,
.eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder .eg-caption {
color: #fff;
padding: 0 30px;
}
.eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder span.eg-title {
font-size: 20px;
margin-bottom: 5px;
}
.eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder .eg-button-holder a:hover {
background: rgba(255,255,255,0.8);
}
/*==============
layout-14
==============*/
.eg-overlay-layout-14 .eg-overlay-wrapper:hover img {
transform: scale(1.2);
-webkit-transform: scale(1.2);
}
.eg-overlay-layout-14 .eg-overlay-wrapper .eg-mask {
background: rgba(0, 0, 0, 0.9);
opacity: 0;
}
.eg-overlay-layout-14 .eg-overlay-wrapper:hover .eg-mask {
opacity: 1;
}
.eg-overlay-layout-14 .eg-overlay-wrapper .eg-mask span.eg-title {
display: none !important;
}
.eg-overlay-layout-14 .eg-overlay-wrapper .eg-mask .eg-caption {
color: #fff;
position: absolute;
top: 20px;
}
.eg-overlay-layout-14 .eg-overlay-wrapper .eg-mask .eg-caption span.eg-title {
display: block !important;
color: #fff;
font-size: 26px;
}
.eg-overlay-layout-14 .eg-overlay-wrapper .eg-mask .eg-button-holder {
position: absolute;
width: 100%;
text-align: right;
right: -100%;
bottom: 10px;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
padding-right: 20px;
}
.eg-overlay-layout-14 .eg-overlay-wrapper:hover .eg-mask .eg-button-holder {
right: 0;
}
.eg-overlay-layout-14 .eg-overlay-wrapper:hover .eg-mask .eg-button-holder a {
border: 1px solid #fff;
}
.eg-overlay-layout-14 .eg-overlay-wrapper:hover .eg-mask .eg-button-holder a i:before {
line-height: 38px;
}
.eg-overlay-layout-14 .eg-overlay-wrapper:hover .eg-mask .eg-button-holder a:hover {
background: #fff;
color: #000;
border-radius: 50%;
-webkit-border-radius: 50%;
}
/*==============
layout-15
==============*/
.eg-overlay-layout-15 .eg-overlay-wrapper .eg-content-holder span.eg-title {
display: none !important;
}
.eg-overlay-layout-15 .eg-overlay-wrapper .eg-caption span.eg-title {
display: block !important;
font-size: 22px;
color: #000;
text-transform: uppercase;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 5px;
}
.eg-overlay-layout-15 .eg-overlay-wrapper .eg-caption {
text-align: center;
position: absolute;
opacity: 0;
visibility: hidden;
width: 100%;
background: #fff;
box-shadow: inset 0 0 3px #ccc;
-webkit-box-shadow: inset 0 0 3px #ccc;
color: #333;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
bottom: 0;
padding: 20px;
}
.eg-overlay-layout-15 .eg-overlay-wrapper .eg-caption p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.eg-overlay-layout-15 .eg-overlay-wrapper:hover .eg-caption {
opacity: 1;
visibility: visible;
}
.eg-overlay-layout-15 .eg-overlay-wrapper .eg-button-holder {
position: absolute;
text-align: center;
top: -100%;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
width: 100%;
}
.eg-overlay-layout-15 .eg-overlay-wrapper:hover .eg-button-holder {
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.eg-overlay-layout-15 .eg-overlay-wrapper .eg-button-holder a {
background: #000;
border: none;
color: #fff;
}
.eg-overlay-layout-15 .eg-overlay-wrapper .eg-button-holder a:hover {
background: rgba(0,0,0,0.5);
border-radius: 50%;
-webkit-border-radius: 50%;
}
/*==============
layout-16
==============*/
.eg-overlay-layout-16 {
overflow: hidden;
}
.eg-overlay-layout-16 .eg-overlay-wrapper {
overflow: hidden;
}
.eg-overlay-layout-16 .eg-overlay-wrapper img {
position: relative;
z-index: 99;
}
.eg-overlay-layout-16 .eg-overlay-wrapper:hover img {
transform: translateX(50%);
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
}
.eg-wrap .eg-overlay-layout-16 .eg-overlay-wrapper div.eg-mask {
background: #333;
width: 51%;
height: 100%;
top: 0;
bottom: auto;
padding: 15px;
overflow: hidden;
left: -50%;
}
.eg-wrap .eg-overlay-layout-16 .eg-overlay-wrapper:hover div.eg-mask {
left: 0;
}
.eg-wrap .eg-overlay-layout-16 .eg-overlay-wrapper span.eg-title {
display: none !important;
}
.eg-wrap .eg-overlay-layout-16 .eg-overlay-wrapper .eg-caption {
position: absolute;
bottom: 30px;
color: #fff;
width: 100%;
left: -100%;
transition: all ease 0.8s;
-webkit-transition: all ease 0.8s;
}
.eg-wrap .eg-overlay-layout-16 .eg-overlay-wrapper:hover .eg-caption {
left: 0;
}
.eg-wrap .eg-overlay-layout-16 .eg-overlay-wrapper .eg-caption span.eg-title {
display: block !important;
font-size: 22px;
margin-bottom: 5px;
}
.eg-wrap .eg-overlay-layout-16 .eg-overlay-wrapper .eg-button-holder {
position: absolute;
top: 0;
left: -100%;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
width: 100%;
padding-left: 15px;
}
.eg-wrap .eg-overlay-layout-16 .eg-overlay-wrapper:hover .eg-button-holder {
left: 0;
}
.eg-wrap .eg-overlay-layout-16 .eg-overlay-wrapper .eg-button-holder a {
border: none;
border-radius: 50%;
-webkit-border-radius: 50%;
background: #fff;
color: #000;
}
.eg-wrap .eg-overlay-layout-16 .eg-overlay-wrapper .eg-button-holder a:hover {
background: rgba(255,255,255,0.6);
}
/*==============
layout-17
==============*/
.eg-overlay-layout-17 .eg-overlay-wrapper:hover img {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
}
.eg-overlay-layout-17 .eg-overlay-wrapper .eg-mask {
background: rgba(255,255,255,0.6);
opacity: 0;
visibility: hidden;
}
.eg-overlay-layout-17 .eg-overlay-wrapper:hover .eg-mask {
opacity: 1;
visibility: visible;
}
.eg-overlay-layout-17 .eg-overlay-wrapper .eg-mask span.eg-title {
display: none !important;
}
.eg-overlay-layout-17 .eg-overlay-wrapper .eg-caption {
color: #7f7f7f;
position: absolute;
bottom: -100%;
opacity: 0;
visibility: hidden;
padding-bottom: 15px;
transition: all ease 0.7s;
-webkit-transition: all ease 0.7s;
width: 100%;
}
.eg-overlay-layout-17 .eg-overlay-wrapper:hover .eg-caption {
opacity: 1;
visibility: visible;
bottom: 0;
}
.eg-overlay-layout-17 .eg-overlay-wrapper .eg-caption span.eg-title {
display: block !important;
color: #636363;
font-size: 24px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
margin-bottom: 5px;
}
.eg-overlay-layout-17 .eg-overlay-wrapper .eg-caption p {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
color: #333;
}
.eg-overlay-layout-17 .eg-overlay-wrapper .eg-button-holder {
position: absolute;
width: 100%;
text-align: center;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.eg-overlay-layout-17 .eg-overlay-wrapper .eg-button-holder a {
background: rgba(73, 73, 73, 0.8);
color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
border: none;
}
.eg-overlay-layout-17 .eg-overlay-wrapper .eg-button-holder a:hover {
background: rgba(73, 73, 73, 1);
}
/*==============
layout-18
==============*/
.eg-overlay-layout-18 .eg-overlay-wrapper .eg-mask {
background: rgba(0, 0, 0, 0.8);
opacity: 0;
visibility: hidden;
}
.eg-overlay-layout-18 .eg-overlay-wrapper:hover .eg-mask {
opacity: 1;
visibility: visible;
}
.eg-overlay-layout-18 .eg-overlay-wrapper span.eg-title {
display: none !important;
}
.eg-overlay-layout-18 .eg-overlay-wrapper .eg-caption span.eg-title {
display: block !important;
font-size: 22px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
margin-bottom: 5px;
}
.eg-overlay-layout-18 .eg-overlay-wrapper .eg-caption p {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.eg-overlay-layout-18 .eg-overlay-wrapper .eg-caption {
position: absolute;
bottom: 15px;
color: #fff;
width: 100%;
right: -100%;
transition: all ease 0.8s;
-webkit-transition: all ease 0.8s;
}
.eg-overlay-layout-18 .eg-overlay-wrapper:hover .eg-caption {
right: 0;
}
.eg-overlay-layout-18 .eg-overlay-wrapper .eg-button-holder {
position: absolute;
width: 100%;
text-align: center;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
opacity: 0;
visibility: hidden;
}
.eg-overlay-layout-18 .eg-overlay-wrapper:hover .eg-button-holder {
opacity: 1;
visibility: visible;
}
.eg-overlay-layout-18 .eg-overlay-wrapper .eg-button-holder a {
border-radius: 50%;
-webkit-border-radius: 50%;
background: #fff;
color: #333;
transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
transition: all 0.8s;
-webkit-transition: all 0.8s;
border: none;
}
.eg-overlay-layout-18 .eg-overlay-wrapper:hover .eg-button-holder a {
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
}
/*==============
layout-19
==============*/
.eg-overlay-layout-19 .eg-overlay-wrapper img,
.eg-overlay-layout-19 .eg-overlay-wrapper .eg-mask {
transition: all 800ms;
-webkit-transition: all 800ms;
-o-transition: all 800ms;
-ms-transition: all 800ms;
-moz-transition: all 800ms;
}
.eg-overlay-layout-19 .eg-overlay-wrapper .eg-mask {
opacity: 0;
visibility: hidden;
}
.eg-overlay-layout-19 .eg-overlay-wrapper:hover img,
.eg-overlay-layout-19 .eg-overlay-wrapper:hover .eg-mask {
transform: scale(1.5) rotate(360deg);
-webkit-transform: scale(1.5) rotate(360deg);
-o-transform: scale(1.5) rotate(360deg);
-ms-transform: scale(1.5) rotate(360deg);
-moz-transform: scale(1.5) rotate(360deg);
}
.eg-overlay-layout-19 .eg-overlay-wrapper:hover .eg-mask {
background: rgba(0,0,0,0.5);
opacity: 1;
visibility: visible;
transform: scale(1) rotate(360deg);
-webkit-transform: scale(1) rotate(360deg);
-o-transform: scale(1) rotate(360deg);
-ms-transform: scale(1) rotate(360deg);
-moz-transform: scale(1) rotate(360deg);
}
.eg-overlay-layout-19 .eg-overlay-wrapper .eg-inner-wrapper {
display: table;
width: 100%;
height: 100%;
}
.eg-overlay-layout-19 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder {
display: table-cell;
vertical-align: bottom;
padding: 0 20px 20px;
}
.eg-overlay-layout-19 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder span.eg-title,
.eg-overlay-layout-19 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder .eg-caption {
color: #fff;
}
.eg-overlay-layout-19 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder span.eg-title {
display: none !important;
}
.eg-overlay-layout-19 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder .eg-caption span.eg-title {
font-size: 22px;
width: 100%;
display: block !important;
margin-bottom: 7px;
}
.eg-overlay-layout-19 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder .eg-caption {
padding: 0;
width: 100%;
}
.eg-overlay-layout-19 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder .eg-button-holder a {
border: none;
background: #333;
}
.eg-overlay-layout-19 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder .eg-button-holder a:hover {
background: #fff;
color: #333;
}
/*==============
layout-20
==============*/
.eg-overlay-layout-20 .eg-overlay-wrapper:hover > img {
-webkit-animation: imghvr-zoom-out-up 0.4025s linear;
-moz-animation: imghvr-zoom-out-up 0.4025s linear;
animation: imghvr-zoom-out-up 0.4025s linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
opacity: 0;
}
.eg-overlay-layout-20 .eg-overlay-wrapper .eg-mask {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
}
.eg-overlay-layout-20 .eg-overlay-wrapper:hover .eg-mask {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
-moz-transition-delay: 0.35s;
transition-delay: 0.35s;
background: #23BAD2;
}
.eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper {
width: 100%;
text-align: center;
}
.eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper span.eg-title {
font-size: 20px;
color: #fff;
margin-bottom: 5px;
}
.eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder {
position: absolute;
top: 50%;
margin-top: -50px;
width: 100%;
}
.eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-button-holder a {
border: none;
background: #333;
color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
}
.eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-button-holder a:hover {
background: #fff;
color: #333;
}
.eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-caption {
color: #fff;
padding: 0 50px;
}
/*==============
layout-21
==============*/
.eg-overlay-layout-21 .eg-overlay-wrapper .eg-mask {
background: rgba(52, 220, 162, 0.9);
opacity: 0;
visibility: hidden;
}
.eg-overlay-layout-21 .eg-overlay-wrapper:hover .eg-mask {
opacity: 1;
visibility: visible;
}
.eg-overlay-layout-21 .eg-overlay-wrapper:hover img {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
.eg-overlay-layout-21 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper {
height: 100%;
bottom: -100%;
left: auto;
right: auto;
top: auto;
transition: all ease 0.2s;
-webkit-transition: all ease 0.2s;
display: table;
width: 100%;
height: 100%;
}
.eg-overlay-layout-21 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder {
text-align: center;
display: table-cell;
vertical-align: middle;
padding: 0 30px;
}
.eg-overlay-layout-21 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder span.eg-title {
font-size: 20px;
text-transform: uppercase;
margin-bottom: 5px;
}
.eg-overlay-layout-21 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder .eg-caption {
color: #000;
}
.eg-overlay-layout-21 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper {
bottom: 0;
}
.eg-overlay-layout-21 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder a {
background: #1577BB;
border: none;
border-radius: 50%;
-webkit-border-radius: 50%;
}
.eg-overlay-layout-21 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder a:hover {
background: #fff;
color: #1577BB;
}
/*==============
layout-22
==============*/
.eg-overlay-layout-22 .eg-overlay-wrapper {
background: #fff;
}
.eg-overlay-layout-22 .eg-overlay-wrapper:hover {
border: 1px solid #f3f3f3;
}
.eg-overlay-layout-22 .eg-overlay-wrapper a img {
opacity: 0.95;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.eg-overlay-layout-22 .eg-overlay-wrapper:hover a img {
webkit-transform: scale3d(0.75,0.75,1);
transform: scale3d(0.75,0.75,1);
opacity: 1;
}
.eg-overlay-layout-22 .eg-overlay-wrapper .eg-mask {
opacity: 0;
visibility: hidden;
background: rgba(0,0,0,0.6);
}
.eg-overlay-layout-22 .eg-overlay-wrapper:hover .eg-mask {
visibility: visible;
opacity: 1;
}
.eg-overlay-layout-22 .eg-overlay-wrapper .eg-mask .eg-button-holder a {
color: #333;
border: none;
background: #fff;
border-radius: 50%;
}
.eg-overlay-layout-22 .eg-overlay-wrapper .eg-mask .eg-button-holder a:hover {
border-radius: 0;
}
.eg-overlay-layout-22 .eg-overlay-wrapper .eg-mask .eg-caption,
.eg-overlay-layout-22 .eg-overlay-wrapper .eg-mask .eg-title {
color: #fff;
}
.eg-overlay-layout-22 .eg-overlay-wrapper .eg-mask .eg-title {
font-size: 20px;
letter-spacing: 2px;
margin-bottom: 5px;
}
.eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder {
position: absolute;
width: 100%;
text-align: center;
top: 50%;
margin-top: -50px;
padding: 0 40px;
}
/*==============
layout-23
==============*/
.eg-overlay-layout-23 .eg-overlay-wrapper .eg-mask:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-overlay-layout-23 .eg-overlay-wrapper:hover .eg-mask:before {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.eg-overlay-layout-23 .eg-overlay-wrapper .eg-mask .eg-content-holder {
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
text-align: center;
top: -100%;
margin-top: -50px;
position: absolute;
width: 100%;
}
.eg-overlay-layout-23 .eg-overlay-wrapper:hover .eg-mask .eg-content-holder {
top: 50%;
color: #fff;
}
.eg-overlay-layout-23 .eg-overlay-wrapper .eg-mask .eg-button-holder a {
border: none;
background: rgb(47,223,239);
background: -moz-linear-gradient(top, rgba(47,223,239,1) 0%, rgba(99,156,183,1) 100%);
background: -webkit-linear-gradient(top, rgba(47,223,239,1) 0%,rgba(99,156,183,1) 100%);
background: linear-gradient(to bottom, rgba(47,223,239,1) 0%,rgba(99,156,183,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fdfef', endColorstr='#639cb7',GradientType=0 );
border-radius: 50%
}
.eg-overlay-layout-23 .eg-overlay-wrapper:hover .eg-mask .eg-button-holder a:hover {
opacity: 0.6;
}
.eg-overlay-layout-23 .eg-overlay-wrapper .eg-mask .eg-content-holder span.eg-title {
font-size: 20px;
margin-bottom: 5px;
}
.eg-overlay-layout-23 .eg-overlay-wrapper .eg-mask .eg-content-holder .eg-caption {
font-size: 13px;
}
/*==============
layout-24
==============*/
.eg-overlay-layout-24 .eg-overlay-wrapper:hover .eg-mask {
background: rgba(0,0,0,0.8);
}
.eg-overlay-layout-24 .eg-overlay-wrapper .eg-mask:before,
.eg-overlay-layout-24 .eg-overlay-wrapper .eg-mask:after {
position: absolute;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.eg-overlay-layout-24 .eg-overlay-wrapper .eg-mask:before {
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.eg-overlay-layout-24 .eg-overlay-wrapper .eg-mask:after {
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.eg-overlay-layout-24 .eg-overlay-wrapper:hover .eg-mask:before,
.eg-overlay-layout-24 .eg-overlay-wrapper:hover .eg-mask:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.eg-overlay-layout-24 .eg-overlay-wrapper .eg-caption {
padding: 0 35px;
}
.eg-overlay-layout-24 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper span.eg-title,
.eg-overlay-layout-24 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-caption,
.eg-overlay-layout-24 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-button-holder {
position: absolute;
width: 100%;
}
.eg-overlay-layout-24 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper span.eg-title,
.eg-overlay-layout-24 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-caption {
left: -100%;
}
.eg-overlay-layout-24 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper span.eg-title {
font-size: 20px;
color: #fff;
bottom: 60px;
padding: 0 40px;
transition: all ease 0.4s;
-webkit-transition: all ease 0.4s;
}
.eg-overlay-layout-24 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-caption {
bottom: 40px;
padding: 0 40px;
color: #fff;
transition: all ease 0.6s;
-webkit-transition: all ease 0.6s;
}
.eg-overlay-layout-24 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper span.eg-title,
.eg-overlay-layout-24 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-caption {
left: 0%;
}
.eg-overlay-layout-24 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-caption p {
text-overflow: hidden;
overflow: hidden;
white-space: nowrap;
}
.eg-overlay-layout-24 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-button-holder {
top: 43px;
left: -100%;
transition: all ease 0.6s;
-webkit-transition: all ease 0.6s;
}
.eg-overlay-layout-24 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder {
left: 40px;
}
.eg-overlay-layout-24 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-button-holder a {
border: none;
background: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
color: #000;
}
.eg-overlay-layout-24 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-button-holder a:hover {
background: #000;
color: #fff;
}
/*==============
layout-25
==============*/
.eg-overlay-layout-25 .eg-overlay-wrapper img {
filter: grayscale(1);
-webkit-filter: grayscale(1);
-ms-filter: grayscale(1);
}
.eg-overlay-layout-25 .eg-overlay-wrapper:hover img {
filter: grayscale(0);
-webkit-filter: grayscale(0);
-ms-filter: grayscale(0);
}
.eg-overlay-layout-25 .eg-overlay-wrapper .eg-mask:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.eg-overlay-layout-25 .eg-overlay-wrapper:hover .eg-mask:before {
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
.eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper {
opacity: 0;
visibility: hidden;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
transform: scale(0) rotate(360deg);
-webkit-transform: scale(0) rotate(360deg);
width: 100%;
}
.eg-overlay-layout-25 .eg-overlay-wrapper:hover .eg-inner-wrapper {
opacity: 1;
visibility: visible;
transform: scale(1) rotate(0deg);
-webkit-transform: scale(1) rotate(0deg);
}
.eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder {
position: absolute;
top: 50%;
margin-top: -50px;
width: 100%;
text-align: center;
}
.eg-overlay-layout-25 .eg-overlay-wrapper:hover .eg-mask {
background: rgba(52, 220, 162, 0.9);
}
.eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-caption,
.eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper span.eg-title {
color: #333;
}
.eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper span.eg-title {
font-size: 24px;
margin-bottom: 5px;
}
.eg-overlay-layout-25 .eg-overlay-wrapper .eg-button-holder a {
border: none;
border-radius: 5px !important;
background: #333;
}
.eg-overlay-layout-25 .eg-overlay-wrapper .eg-button-holder a:hover {
background: #fff;
color: #333;
}
/*==============
layout-26
==============*/
.eg-overlay-layout-26 .eg-overlay-wrapper .eg-mask {
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
background: linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
opacity: 0;
}
.eg-overlay-layout-26 .eg-overlay-wrapper .eg-mask:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-mask:before {
opacity: 1;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
.eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-mask {
background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
background: linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
opacity: 1;
}
.eg-overlay-layout-26 .eg-overlay-wrapper:hover img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.eg-overlay-layout-26 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder {
position: absolute;
top: -100%;
text-align: center;
width: 100%;
}
.eg-overlay-layout-26 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder .eg-caption,
.eg-overlay-layout-26 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder span.eg-title {
width: 80%;
margin: 0 auto;
color: #fff;
}
.eg-overlay-layout-26 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder .eg-caption {
font-size: 13px;
}
.eg-overlay-layout-26 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder span.eg-title {
font-size: 22px;
margin-bottom: 5px;
}
.eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder {
margin-top: -50px;
top: 50%;
}
.eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-button-holder a {
border: none;
background: #444;
}
.eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-button-holder a:hover {
border-radius: 50%;
-webkit-border-radius: 50%;
}
/*==============
layout-27
==============*/
.eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask:before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.8s,
-webkit-transform 0.8;
transition: opacity 0.35s, transform 0.8s;
-webkit-transform: scale3d(1.4,1.4,1);
transform: scale3d(1.4,1.4,1);
}
.eg-overlay-layout-27 .eg-overlay-wrapper:hover .eg-mask:before {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
background: rgba(255,255,255,0.9);
box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);
}
.eg-overlay-layout-27 .eg-overlay-wrapper img {
transform: scale(1);
-webkit-transform: scale(1);
transition: all ease 0.8s;
-webkit-transition: all ease 0.8s;
}
.eg-overlay-layout-27 .eg-overlay-wrapper:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.eg-overlay-layout-27 .eg-overlay-wrapper .eg-caption {
padding: 0 25px;
color: #a1a1a1;
}
.eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder {
-webkit-transform: 0.8;
transition: opacity 0.35s, transform 0.8s;
text-align: center;
top: 50%;
position: absolute;
transform: scale(0);
-webkit-transform: scale(0);
opacity: 0;
visibility: hidden;
padding: 0 60px;
width: 100%;
margin-top: -50px;
width: 100%;
}
.eg-overlay-layout-27 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
visibility: visible;
}
.eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder span.eg-title {
font-size: 21px;
text-transform: uppercase;
letter-spacing: 2px;
}
.eg-overlay-layout-27 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder {
margin-bottom: 10px;
}
.eg-overlay-layout-27 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder a {
background: #000;
border: none;
border-radius: 10px;
}
.eg-overlay-layout-27 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder a:hover {
background: rgba(0,0,0,0.5);
}
/*==============
layout-28
==============*/
.eg-overlay-layout-28 .eg-overlay-wrapper .eg-mask:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: 100% 100%;
content: '';
-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
transition: opacity 0.45s, transform 0.45s;
-webkit-transform: rotate3d(0,0,1,45deg);
transform: rotate3d(0,0,1,90deg);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
background: rgba(0,0,0,0.8);
}
.eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask:before {
opacity: 0.7;
-webkit-transform: rotate3d(0,0,1,0deg);
transform: rotate3d(0,0,1,0deg);
}
.eg-overlay-layout-28 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper {
-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
transition: opacity 0.45s, transform 0.45s;
-webkit-transform: rotate3d(0,0,1,45deg);
transform: rotate3d(0,0,1,90deg);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
opacity: 0;
visibility: hidden;
}
.eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper {
-webkit-transform: rotate3d(0,0,1,0deg) translateY(0%);
transform: rotate3d(0,0,1,0deg) translateY(0%);
opacity: 1;
visibility: visible;
height: 100%;
}
.eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder {
width: 100%;
text-align: center;
position: absolute;
top: 50%;
margin-top: -50px;
}
.eg-overlay-layout-28 .eg-overlay-wrapper span.eg-title {
color: #fff;
font-size: 20px;
margin-bottom: 5px;
}
.eg-overlay-layout-28 .eg-overlay-wrapper .eg-caption {
padding: 0 35px;
color: #fff;
font-size: 13px;
}
.eg-overlay-layout-28 .eg-overlay-wrapper .eg-button-holder a {
border: none;
background: rgba(255,255,255,0.8);
color: #000;
}
.eg-overlay-layout-28 .eg-overlay-wrapper .eg-button-holder a:hover {
background: #fff;
border-radius: 50%;
}
/*==============
layout-29
==============*/
.eg-overlay-layout-29 .eg-overlay-wrapper .eg-mask {
transform: scale(0);
-webkit-transform: scale(0);
}
.eg-overlay-layout-29 .eg-overlay-wrapper:hover .eg-mask {
background: rgba(246, 128, 0, 0.8);
transform: scale(1);
-webkit-transform: scale(1);
}
.eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder {
width: 100%;
text-align: center;
position: absolute;
top: 50%;
margin-top: -50px;
}
.eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-caption,
.eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper span.eg-title {
color: #fff;
}
.eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-caption {
font-size: 13px;
}
.eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper span.eg-title {
font-size: 20px;
text-transform: uppercase;
margin-bottom: 6px;
}
.eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-button-holder a {
border: 1px solid #fff;
border-radius: 50%;
background: #fff;
color: #333;
}
.eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-button-holder a:hover {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
background: rgba(255,255,255,0.8);
}
/*==============
layout-30
==============*/
.eg-overlay-layout-30 .eg-overlay-wrapper .eg-mask .eg-caption-holder {
background: #fff;
bottom: 0;
position: absolute;
padding: 15px 20px;
box-shadow: inset 0px 0px 2px #ccc;
-webkit-box-shadow: inset 0px 0px 2px #ccc;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
width: 100%;
color: #333;
display: block !important;
text-align: left;
font-size: 14px;
}
.eg-overlay-layout-30 .eg-overlay-wrapper:hover .eg-mask .eg-caption-holder {
background: #f68000;
color: #fff;
}
.eg-overlay-layout-30 .eg-overlay-wrapper .eg-mask .eg-caption-holder span {
font-size: 20px;
margin-bottom: 5px;
display: block;
}
.eg-overlay-layout-30 .eg-overlay-wrapper .eg-mask .eg-caption-holder p {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.eg-overlay-layout-30 .eg-overlay-wrapper .eg-mask .eg-caption {
display: none;
}
.eg-overlay-layout-30 .eg-overlay-wrapper:hover .eg-mask {
background: rgba(0,0,0,0.8);
}
.eg-overlay-layout-30 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper {
top: 0;
transform: translateY(0);
-webkit-transform: translateY(0);
opacity: 0;
visibility: hidden;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
padding-left: 20px;
padding-top: 20px;
left: -100%;
}
.eg-overlay-layout-30 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper {
opacity: 1;
visibility: visible;
left: 0%;
}
.eg-overlay-layout-30 .eg-overlay-wrapper div.eg-mask {
text-align: left;
}
.eg-overlay-layout-30 .eg-overlay-wrapper .eg-content-holder span.eg-title {
display: none !important;
}
.eg-overlay-layout-30 .eg-overlay-wrapper .eg-button-holder {
position: absolute;
left: -100%;
width: 100%;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
padding: 0 15px;
}
.eg-overlay-layout-30 .eg-overlay-wrapper:hover .eg-button-holder {
left: 0;
}
.eg-overlay-layout-30 .eg-button-holder a {
border: none !important;
background: #f68000;
}
.eg-overlay-layout-30 .eg-button-holder a:hover {
border-radius: 50%;
-webkit-border-radius: 50%;
}
/*==============
layout-31
==============*/
.eg-overlay-layout-31 .eg-overlay-wrapper .eg-mask .eg-caption {
background: #fff;
bottom: 0;
position: absolute;
padding: 20px;
box-shadow: inset 0px 0px 2px #ccc;
-webkit-box-shadow: inset 0px 0px 2px #ccc;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
width: 100%;
text-align: center;
}
.eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-caption {
background: #4cddf3;
}
.eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask {
background: rgba(0,0,0,0.9);
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
}
.eg-overlay-layout-31 .eg-overlay-wrapper .eg-mask .eg-caption span.eg-title {
display: block !important;
color: #404141;
font-size: 20px;
padding: 5px 0;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 2.5px;
}
.eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-caption span.eg-title {
color: #fff;
}
.eg-overlay-layout-31 .eg-overlay-wrapper .eg-mask .eg-caption span.sub-title {
display: block !important;
color: #000;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 0;
}
.eg-overlay-layout-31 .eg-overlay-wrapper .eg-mask .eg-caption p {
display: none;
}
.eg-overlay-layout-31 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-button-holder {
opacity: 0;
visibility: hidden;
top: -100%;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
position: absolute;
left: 0;
right: 0;
text-align: center;
}
.eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder {
top: 30%;
opacity: 1;
visibility: visible;
}
.eg-overlay-layout-31 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-title.eg-main-title {
display: none !important;
}
.eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-title.eg-main-title {
opacity: 1;
visibility: visible;
top: 48%;
}
.eg-overlay-layout-31 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-button-holder a {
border-radius: 50%;
-webkit-border-radius: 50%;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
border: none;
background: #4cddf3;
color: #000;
}
.eg-overlay-layout-31 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-button-holder a:hover {
opacity: 0.8;
}
.eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask span.title {
display: none !important;
}
/*==============
layout-32
==============*/
.eg-overlay-layout-32 .eg-overlay-wrapper .eg-mask .eg-main-title,
.eg-overlay-layout-32 .eg-overlay-wrapper .eg-mask .eg-button-holder {
display: none;
}
.eg-overlay-layout-32 .eg-overlay-wrapper .eg-mask {
background: rgba(0,0,0,0.5);
}
.eg-overlay-layout-32 .eg-overlay-wrapper .eg-mask .eg-layout-32-wrap {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: left;
color: #000;
font-size: 16px;
font-weight: 500;
background: #fff;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: transform .35s;
-moz-transition: transform .35s;
-ms-transition: transform .35s;
-o-transition: transform .35s;
transition: transform .35s;
padding: 20px 15px;
text-transform: uppercase;
display: block !important;
box-shadow: inset 0 0 2px #ccc;
-webkit-box-shadow: inset 0 0 2px #ccc;
}
.eg-overlay-layout-32 .eg-overlay-wrapper .eg-mask .eg-layout-32-wrap a {
color: #000;
text-decoration: none;
}
.eg-overlay-layout-32 .eg-overlay-wrapper .eg-mask .eg-layout-32-wrap a:first-child {
padding-top: 5px;
float: left;
width: 70%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.eg-overlay-layout-32 .eg-overlay-wrapper .eg-mask .eg-layout-32-wrap a.eg-icon-search,
.eg-overlay-layout-32 .eg-overlay-wrapper .eg-mask .eg-layout-32-wrap a.eg-icon-chain,
.eg-overlay-layout-32 .eg-overlay-wrapper .eg-mask .eg-layout-32-wrap a.eg-link,
.eg-overlay-layout-32 .eg-overlay-wrapper .eg-mask .eg-layout-32-wrap a.eg-zoom {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.eg-overlay-layout-32 .eg-overlay-wrapper .eg-mask .eg-layout-32-wrap a.eg-icon-search,
.eg-overlay-layout-32 .eg-overlay-wrapper .eg-mask .eg-layout-32-wrap a.eg-zoom {
right: 50px;
}
.eg-overlay-layout-32 .eg-overlay-wrapper .eg-mask .eg-layout-32-wrap a.eg-icon-chain,
.eg-overlay-layout-32 .eg-overlay-wrapper .eg-mask .eg-layout-32-wrap a.eg-link {
right: 20px;
}
.eg-overlay-layout-32 .eg-overlay-wrapper:hover .eg-mask .eg-layout-32-wrap {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.eg-overlay-layout-32 .eg-overlay-wrapper img {
webkit-transition: transform .35s;
-moz-transition: transform .35s;
-ms-transition: transform .35s;
-o-transition: transform .35s;
transition: transform .35s;
}
.eg-overlay-layout-32 .eg-overlay-wrapper:hover img {
-webkit-transform: translate3d(0,-20px,0);
-moz-transform: translate3d(0,-20px,0);
-ms-transform: translate3d(0,-20px,0);
-o-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0);
}
.eg-overlay-layout-32 .eg-overlay-wrapper .eg-mask {
text-align: left;
}
.eg-overlay-layout-32 .eg-overlay-wrapper .eg-mask span.eg-title {
display: none !important;
}
.eg-overlay-layout-32 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper {
position: relative;
top: auto;
transform: translateY(0);
-webkit-transform: translateY(0);
bottom: 0;
height: 100%;
}
.eg-overlay-layout-32 .eg-overlay-wrapper .eg-caption {
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%) scale(0);
-webkit-transform: translateY(-50%) scale(0);
color: #fff;
transition: all ease 0.6s;
-webkit-transition: all ease 0.6s;
padding: 0 30px;
width: 100%;
font-size: 15px;
}
.eg-overlay-layout-32 .eg-overlay-wrapper:hover .eg-caption {
transform: translateY(-50%) scale(1);
-webkit-transform: translateY(-50%) scale(1);
}
/*==============
layout-33
==============*/
.eg-overlay-layout-33 .eg-overlay-wrapper .eg-mask {
background: rgba(0,0,0,0.5);
transition: all 0.45s linear;
-webkit-transition: all 0.45s linear;
-ms-transition: all 0.45s linear
}
.eg-overlay-layout-33 .eg-overlay-wrapper:hover .eg-mask {
background: rgba(0,0,0,0.1);
}
.eg-overlay-layout-33 .eg-overlay-wrapper .eg-mask .eg-title {
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
padding: 0 15px;
font-size: 26px;
color: #fff;
z-index: 999999;
text-transform: uppercase;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transition: all 0.45s linear;
-webkit-transition: all 0.45s linear;
-ms-transition: all 0.45s linear;
letter-spacing: 2px;
}
.eg-overlay-layout-33 .eg-overlay-wrapper:hover .eg-mask .eg-title {
transform: translateY(-60px);
-webkit-transform: translateY(-60px);
-ms-transform: translateY(-60px);
}
.eg-overlay-layout-33 .eg-overlay-wrapper .eg-mask .eg-button-holder .eg-center-desc,
.eg-overlay-layout-33 .eg-overlay-wrapper .eg-mask .eg-caption {
display: none;
}
.eg-overlay-layout-33 .eg-overlay-wrapper .eg-button-holder {
position: absolute;
top: 52%;
transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.eg-overlay-layout-33 .eg-overlay-wrapper .eg-button-holder a {
display: inline-block;
height: 40px;
width: 40px;
background: #ffc857;
text-align: center;
color: #fff;
font-size: 13px;
border-radius: 50%;
box-shadow: -1px 3px 10px 0px rgba(50, 48, 49, 0.5);
-webkit-box-shadow: -1px 3px 10px 0px rgba(50, 48, 49, 0.5);
transition: all 0.25s linear 0.25s;
-webkit-transition: all 0.25s linear 0.25s;
transform: translate(0, -50%) scale(0) rotate(359deg);
-ms-transform: translate(0, -50%) scale(0) rotate(359deg);
border: none;
}
.eg-overlay-layout-33 .eg-overlay-wrapper .eg-button-holder a:hover {
background: #fff;
color: #ffc857;
}
.eg-overlay-layout-33 .eg-overlay-wrapper:hover .eg-button-holder a {
transform: translate(0, -50%) scale(1) rotate(0deg);
-webkit-transform: translate(0, -50%) scale(1) rotate(0deg);
}
.eg-overlay-layout-33 .eg-overlay-wrapper .eg-content-holder {
text-align: center;
}
/*==============
layout-34
==============*/
.eg-overlay-layout-34,
.eg-overlay-layout-34 .eg-overlay-wrapper {
overflow: visible !important;
}
.eg-overlay-layout-34 .eg-overlay-wrapper {
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.eg-overlay-layout-34 .eg-overlay-wrapper:hover {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
.eg-overlay-layout-34 .eg-overlay-wrapper:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
}
.eg-overlay-layout-34 .eg-overlay-wrapper:hover:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
.eg-overlay-layout-34 .eg-overlay-wrapper .eg-mask {
background: rgba(0,0,0,0.5);
opacity: 0;
visibility: hidden;
transform: scale(0);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
}
.eg-overlay-layout-34 .eg-overlay-wrapper:hover .eg-mask {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
}
.eg-overlay-layout-34 .eg-overlay-wrapper .eg-button-holder a {
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
border: none;
border-radius: 50%;
background: #FF005A;
}
.eg-overlay-layout-34 .eg-overlay-wrapper .eg-button-holder a:hover {
color: #FF005A;
background: #fff;
}
.eg-overlay-layout-34 .eg-content-holder {
width: 100%;
position: absolute;
top: 50%;
margin-top: -50px;
text-align: center;
}
.eg-overlay-layout-34 .eg-content-holder span.eg-title,
.eg-overlay-layout-34 .eg-content-holder .eg-caption {
color: #fff;
width: 100%;
}
.eg-overlay-layout-34 .eg-content-holder .eg-caption {
font-size: 13px;
}
.eg-overlay-layout-34 .eg-content-holder span.eg-title {
font-size: 18px;
margin-bottom: 10px;
}
.eg-blog-layout-4 .eg-overlay-layout-34 {
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.eg-blog-layout-4 .eg-overlay-layout-34:hover:before {
opacity: 1;
-webkit-transform: translateY(7px);
transform: translateY(7px);
}
.eg-blog-layout-4 .eg-overlay-layout-34:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
}
.eg-blog-layout-4 .eg-overlay-layout-34:hover:before {
opacity: 1;
-webkit-transform: translateY(7px);
transform: translateY(7px);
}
.eg-blog-layout-4 .eg-overlay-layout-34:hover {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
/**/
.eg-blog-layout-4 .eg-overlay-layout-34 .eg-overlay-wrapper:hover {
-webkit-transform: none;
transform: none;
}
.eg-blog-layout-4 .eg-overlay-layout-34 .eg-overlay-wrapper:before {
display: none;
}
.eg-blog-layout-4 .eg-overlay-layout-34 .eg-overlay-wrapper:hover:before {
display: none;
}
/*==============
layout-35
==============*/
.eg-overlay-layout-35 .eg-overlay-wrapper .eg-caption,
.eg-overlay-layout-35 .eg-overlay-wrapper .eg-content-holder .eg-title {
display: none !important;
}
.eg-overlay-layout-35 .eg-overlay-wrapper .eg-caption-holder {
position: absolute;
bottom: -100%;
left: 0;
width: 100%;
padding: 15px 20px;
opacity: 0.9;
background: inherit;
color: inherit;
-webkit-transition: all .4s;
transition: all .4s;
background-color: #fff;
color: #555;
text-align: left;
display: block !important;
}
.eg-overlay-layout-35 .eg-overlay-wrapper:hover .eg-caption-holder {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate(0,0);
transform: translate3d(0,0,0);
opacity: 1;
bottom: 0;
}
.eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask {
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: opacity 0.4s,-webkit-transform 0.4s;
transition: opacity 0.4s,transform 0.4s;
background-color: #9373de;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
.eg-overlay-layout-35 .eg-overlay-wrapper:hover .eg-mask {
-webkit-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
opacity: 0.90;
}
.eg-overlay-layout-35 .eg-overlay-wrapper .eg-caption-holder .eg-title {
display: block !important;
margin-bottom: 5px;
color: #f00;
font-size: 20px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.eg-overlay-layout-35 .eg-overlay-wrapper .eg-caption-holder p {
margin: 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-size: 13px;
}
.eg-overlay-layout-35 .eg-overlay-wrapper .eg-button-holder {
text-align: center;
}
.eg-overlay-layout-35 .eg-overlay-wrapper .eg-button-holder a {
border: none;
background: #fff;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
color: #333;
}
.eg-overlay-layout-35 .eg-overlay-wrapper .eg-button-holder a:hover {
background: rgba(255,255,255,0.8);
}
.eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper {
top: 36%;
}
/*===============================
filter css
===============================*/
.eg-filter-wrap {
margin-bottom: 40px;
}
.eg-pagination-block {
margin-top: 40px;
position: relative;
text-align: center;
}
.eg-filter-wrap ul,
.eg-pagination-block ul {
text-align: center;
}
.eg-filter-wrap ul li,
.eg-pagination-block ul li {
display: inline-block;
}
.eg-pagination-block ul li {
display: inline-block;
}
.eg-pagination-block ul {
display: inline-block !important;
}
.eg-pagination-block img {
display: inline-block;
position: static;
float: none;
vertical-align: middle;
}
/*================================
filter layout 1
=================================*/
.eg-filter-wrap.eg-filter-layout-1 ul li {
letter-spacing: 2px;
margin: 0 2px;
padding: 6px 15px;
position: relative;
text-transform: uppercase;
}
.eg-filter-wrap.eg-filter-layout-1 ul li:before {
background: #333;
content: "";
height: 15px;
position: absolute;
right: -2px;
top: 14px;
transform: rotate(45deg);
width: 1px;
}
.eg-filter-wrap.eg-filter-layout-1 ul li a.eg-active-filter,
.eg-filter-wrap.eg-filter-layout-1 ul li a {
position: relative;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
color: #333
}
.eg-filter-wrap.eg-filter-layout-1 ul li a.eg-active-filter:before,
.eg-filter-wrap.eg-filter-layout-1 ul li a:hover:before {
background: #777 none repeat scroll 0 0;
bottom: -10px;
content: "";
height: 4px;
left: 0;
margin: auto;
opacity: 1;
position: absolute;
right: 0;
transition: all 0.3s ease 0s;
width: 4px;
}
/*================================
filter layout 2
=================================*/
.eg-filter-wrap.eg-filter-layout-2 ul li {
margin: 0 5px;
}
.eg-filter-wrap.eg-filter-layout-2 ul li a {
padding: 5px 15px;
border: 1px solid #ccc;
border-radius: 40px;
font-size: 13px;
text-transform: uppercase;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
color: #8e8b8b;
}
.eg-filter-wrap.eg-filter-layout-2 ul li a.eg-active-filter,
.eg-filter-wrap.eg-filter-layout-2 ul li a:hover {
background: #FF6969;
color: #fff;
border-color: #FF6969;
}
/*================================
filter layout 3
=================================*/
.eg-filter-wrap.eg-filter-layout-3 ul li {
margin: 0 5px;
}
.eg-filter-wrap.eg-filter-layout-3 ul li a {
padding: 5px 15px;
border: 1px solid transparent;
border-radius: 40px;
font-size: 13px;
text-transform: uppercase;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
color: #8e8b8b;
}
.eg-filter-wrap.eg-filter-layout-3 ul li a.eg-active-filter,
.eg-filter-wrap.eg-filter-layout-3 ul li a:hover {
border-color: #8e8b8b;
}
/*================================
filter layout 4
=================================*/
.eg-filter-wrap.eg-filter-layout-4 ul li {
margin: 0 1px;
}
.eg-filter-wrap.eg-filter-layout-4 ul li a {
padding: 10px 15px;
font-size: 13px;
text-transform: capitalize;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
color: #000;
background: #f1f1f1;
}
.eg-filter-wrap.eg-filter-layout-4 ul li a.eg-active-filter,
.eg-filter-wrap.eg-filter-layout-4 ul li a:hover {
background: #d40054;
color: #fff;
}
.eg-filter-wrap.eg-filter-layout-4 ul li:first-child a {
border-radius: 40px 0 0 40px
}
.eg-filter-wrap.eg-filter-layout-4 ul li:last-child a {
border-radius: 0 40px 40px 0;
}
.eg-filter-wrap.eg-filter-layout-4 ul li a.eg-active-filter,
.eg-filter-wrap.eg-filter-layout-4 ul li a:hover {
border-color: #8e8b8b;
}
/*================================
filter layout 5
=================================*/
.eg-filter-wrap.eg-filter-layout-5 ul li {
margin: 0 3px;
}
.eg-filter-wrap.eg-filter-layout-5 ul li a {
padding: 10px 15px;
position: relative;
color: #333;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-filter-wrap.eg-filter-layout-5 ul li a.eg-active-filter,
.eg-filter-wrap.eg-filter-layout-5 ul li a:hover {
border-bottom: solid 1px #333333;
border-top: solid 1px #333333;
}
/*================================
filter layout 6
=================================*/
.eg-filter-wrap.eg-filter-layout-6 ul li {
margin: 0 7px 5px;
}
.eg-filter-wrap.eg-filter-layout-6 ul li a {
padding: 12px 15px;
font-size: 15px;
font-family: 'Open Sans', Sans-serif;
font-weight: 600;
color: #4d4d4d;
border-radius: 3px;
border: 0;
box-shadow: none;
letter-spacing: 0.5px;
text-transform: uppercase;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-filter-wrap.eg-filter-layout-6 ul li a.eg-active-filter,
.eg-filter-wrap.eg-filter-layout-6 ul li a:hover {
background-color: #8cc63e;
color: #ffffff;
}
/*================================
filter layout 7
=================================*/
.eg-filter-wrap.eg-filter-layout-7 ul li a {
padding: 0 23px 0 20px;
font-size: 14px;
font-weight: 700;
font-family: 'Lato', Sans-serif;
text-transform: uppercase;
color: rgba(114,114,114,0.5);
position: relative;
border: 0;
box-shadow: none;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-filter-wrap.eg-filter-layout-7 ul li a:before {
content: '';
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 2px;
background-color: #727272;
}
.eg-filter-wrap.eg-filter-layout-7 ul li a.eg-active-filter,
.eg-filter-wrap.eg-filter-layout-7 ul li a:hover {
color: #000000;
}
/*================================
filter layout 8
=================================*/
.eg-filter-wrap.eg-filter-layout-8 ul li {
margin: 0 7px 5px;
}
.eg-filter-wrap.eg-filter-layout-8 ul li a {
margin: 4px;
padding: 10px 20px;
background-color: #3a3a3a;
color: #ffffff;
font-size: 13px;
font-family: 'Open Sans', Sans-serif;
font-weight: 600;
border: 0;
box-shadow: none;
text-transform: uppercase;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-filter-wrap.eg-filter-layout-8 ul li a.eg-active-filter,
.eg-filter-wrap.eg-filter-layout-8 ul li a:hover {
background-color: #8cc63e;
color: #ffffff;
}
/*================================
filter layout 9
=================================*/
.eg-filter-wrap.eg-filter-layout-9 ul {
text-align: right;
border-bottom: 1px solid #cfcfcf;
}
.eg-filter-wrap.eg-filter-layout-9 ul li a {
padding: 10px 15px;
margin-left: 5px;
font-size: 16px;
font-family: 'Open Sans', Sans-serif;
font-weight: 400;
color: #333333;
text-transform: capitalize;
border: 0;
box-shadow: none;
display: block;
}
.eg-filter-wrap.eg-filter-layout-9 ul li a.eg-active-filter {
color: #0091d5;
border-top: 1px solid #cfcfcf;
border-left: 1px solid #cfcfcf;
border-right: 1px solid #cfcfcf;
border-bottom: 1px solid #ffffff;
margin-bottom: -1px;
border-radius: 3px;
}
/*================================
filter layout 10
=================================*/
.eg-filter-wrap.eg-filter-layout-10 ul li a {
padding: 3px 15px;
margin-left: 5px;
font-size: 16px;
font-family: 'Open Sans', Sans-serif;
font-weight: 400;
color: #333333;
text-transform: capitalize;
border: 0;
box-shadow: none;
display: block;
position: relative;
height: 35px;
text-transform: uppercase;
}
.eg-filter-wrap.eg-filter-layout-10 ul li a.eg-active-filter {
background: red;
color: #fff;
}
.eg-filter-wrap.eg-filter-layout-10 ul li a.eg-active-filter:before,
.eg-filter-wrap.eg-filter-layout-10 ul li a.eg-active-filter:after {
content: '';
position: absolute;
top: 0;
}
.eg-filter-wrap.eg-filter-layout-10 ul li a.eg-active-filter:before {
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 35px 15px;
border-color: transparent transparent red transparent;
left: -15px;
}
.eg-filter-wrap.eg-filter-layout-10 ul li a.eg-active-filter:after {
width: 0;
height: 0;
border-style: solid;
border-width: 35px 15px 0 0;
border-color: red transparent transparent transparent;
right: -15px;
}
/*===========================
pagination layout-1
============================*/
.eg-pagination-block.eg-pagination-layout-1 ul li {
margin: 0 5px;
display: inline-block;
vertical-align: middle;
}
.eg-pagination-block.eg-pagination-layout-1 ul li:first-child {
display: inline-block !important;
}
.eg-pagination-block.eg-pagination-layout-1 ul li:first-child a,
.eg-pagination-block.eg-pagination-layout-1 ul li:last-child a {
background: #eeeff3;
border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0px 1px 3px #d2d3d7 !important;
-webkit-box-shadow: 1px 2px 4px #d2d3d7 !important;
padding: 6px 15px;
height: 35px;
display: block;
color: #e5444a;
}
.eg-pagination-block.eg-pagination-layout-1 ul li a {
color: #000;
padding: 7px 10px;
border-radius: 3px;
-webkit-border-radius: 3px;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-pagination-block.eg-pagination-layout-1 ul li a:hover,
.eg-pagination-block.eg-pagination-layout-1 ul li a.eg-current-page {
background: #e8444b;
color: #fff;
}
/*===========================
pagination layout-2
============================*/
.eg-pagination-block.eg-pagination-layout-2 ul {
display: table;
background: #eeeff3;
margin: 0 auto;
border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0px 1px 3px #d2d3d7 !important;
-webkit-box-shadow: 1px 2px 4px #d2d3d7 !important;
border: 1px solid #d2d3d7;
padding: 8px 0;
}
.eg-pagination-block.eg-pagination-layout-2 ul li {
margin: 0 7px;
}
.eg-pagination-block.eg-pagination-layout-2 ul li:first-child {
display: inline-block !important;
border-right: 1px solid #adadad;
}
.eg-pagination-block.eg-pagination-layout-2 ul li:last-child {
border-left: 1px solid #adadad;
}
.eg-pagination-block.eg-pagination-layout-2 ul li a {
color: #000;
padding: 7px 10px;
border-radius: 3px;
-webkit-border-radius: 3px;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-pagination-block.eg-pagination-layout-2 ul li a:hover,
.eg-pagination-block.eg-pagination-layout-2 ul li a.eg-current-page {
background: #e8444b;
color: #fff;
}
/*===========================
pagination layout-3
============================*/
.eg-pagination-block.eg-pagination-layout-3 ul {
display: table;
background: #eeeff3;
margin: 0 auto;
border-radius: 40px;
-webkit-border-radius: 40px;
box-shadow: 0px 1px 3px #d2d3d7 !important;
-webkit-box-shadow: 1px 2px 4px #d2d3d7 !important;
border: 1px solid #d2d3d7;
padding: 8px 0;
}
.eg-pagination-block.eg-pagination-layout-3 ul li {
margin: 0 7px;
}
.eg-pagination-block.eg-pagination-layout-3 ul li:first-child {
display: inline-block !important;
border-right: 1px solid #adadad;
}
.eg-pagination-block.eg-pagination-layout-3 ul li:last-child {
border-left: 1px solid #adadad;
}
.eg-pagination-block.eg-pagination-layout-3 ul li a {
color: #000;
padding: 7px 10px;
}
.eg-pagination-block.eg-pagination-layout-3 ul li a:hover,
.eg-pagination-block.eg-pagination-layout-3 ul li a.eg-current-page {
border-bottom: 1px solid #e8444b;
color: #e8444b;
}
.eg-pagination-block.eg-pagination-layout-3 ul li:first-child a,
.eg-pagination-block.eg-pagination-layout-3 ul li:last-child a {
border-bottom: none;
}
/*===========================
pagination layout-4
============================*/
.eg-pagination-block.eg-pagination-layout-4 ul {
display: table;
margin: 0 auto;
list-style: none;
background-color: #f4f4f4;
padding: 5px 7px;
border-radius: 30px;
border-width: 0px;
box-shadow: 0px 0px 5px #ccc;
}
.eg-pagination-block.eg-pagination-layout-4 ul li a {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
font-weight: 400;
cursor: pointer;
padding: 0;
color: #8d8d8d;
}
.eg-pagination-block.eg-pagination-layout-4 ul li a.eg-current-page {
border-radius: 30px;
background: #47c9e5;
color: #fff;
font-weight: 600;
}
.eg-pagination-block.eg-pagination-layout-4 ul li a:hover {
color: #47c9e5;
}
/*===========================
pagination layout-5
============================*/
.eg-pagination-block.eg-pagination-layout-5 ul {
display: table;
margin: 0 auto;
}
.eg-pagination-block.eg-pagination-layout-5 ul li {
margin: 0 3px;
}
.eg-pagination-block.eg-pagination-layout-5 ul li a {
padding: 5px 10px;
border: 1px solid #ccc;
border-radius: 7px 0 7px 0;
-webkit-border-radius: 7px 0 7px 0;
color: #717171;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-pagination-block.eg-pagination-layout-5 ul li a.eg-current-page,
.eg-pagination-block.eg-pagination-layout-5 ul li a:hover {
background: #47c9e5;
color: #fff;
border-color: #47c9e5;
}
/*===========================
pagination layout-6
============================*/
.eg-pagination-block.eg-pagination-layout-6 ul {
display: table;
margin: 0 auto;
background: #fff;
}
.eg-pagination-block.eg-pagination-layout-6 ul li:first-child {
display: inline-block !important;
}
.eg-pagination-block.eg-pagination-layout-6 ul li:first-child,
.eg-pagination-block.eg-pagination-layout-6 ul li:last-child {
background: #e67b09;
}
.eg-pagination-block.eg-pagination-layout-6 ul li:first-child a,
.eg-pagination-block.eg-pagination-layout-6 ul li:last-child a {
color: #fff;
}
.eg-pagination-block.eg-pagination-layout-6 ul li a {
color: #969595;
display: block;
padding: 5px 15px;
width: 45px;
position: relative;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
}
.eg-pagination-block.eg-pagination-layout-6 ul li a:hover:before,
.eg-pagination-block.eg-pagination-layout-6 ul li a.eg-current-page:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0 7px 8.7px 7px;
border-color: transparent transparent rgba(230, 123, 9, 1) transparent;
top: -8px;
left: 0;
right: 0;
margin: 0 auto;
}
.eg-pagination-block.eg-pagination-layout-6 ul li a:hover,
.eg-pagination-block.eg-pagination-layout-6 ul li a.eg-current-page {
background: rgba(230, 123, 9, 1);
color: #fff;
}
/*===========================
pagination layout-7
============================*/
.eg-pagination-block.eg-pagination-layout-7 ul {
display: table;
margin: 0 auto;
}
.eg-pagination-block.eg-pagination-layout-7 ul li {
margin: 0 5px;
}
.eg-pagination-block.eg-pagination-layout-7 ul li a {
height: 40px;
width: 40px;
text-align: center;
color: #fff;
font-weight: 600;
position: relative;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
display: block;
background: rgb(189,234,251);
background: -moz-linear-gradient(top, rgba(189,234,251,1) 0%, rgba(125,185,232,1) 100%);
background: -webkit-linear-gradient(top, rgba(189,234,251,1) 0%,rgba(125,185,232,1) 100%);
background: linear-gradient(to bottom, rgba(189,234,251,1) 0%,rgba(125,185,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdeafb', endColorstr='#7db9e8',GradientType=0 );
border: 1px solid #a5e0f4;
line-height: 37px;
}
.eg-pagination-block.eg-pagination-layout-7 ul li a:before {
position: absolute;
content: '';
box-shadow: 0px 1px 0px #afafaf;
top: 96%;
left: 0px;
width: 100%;
height: 3px;
}
.eg-pagination-block.eg-pagination-layout-7 ul li a:hover,
.eg-pagination-block.eg-pagination-layout-7 ul li a.eg-current-page {
background: rgb(108,170,201);
background: -moz-linear-gradient(top, rgba(108,170,201,1) 0%, rgba(189,234,251,1) 100%);
background: -webkit-linear-gradient(top, rgba(108,170,201,1) 0%,rgba(189,234,251,1) 100%);
background: linear-gradient(to bottom, rgba(108,170,201,1) 0%,rgba(189,234,251,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6caac9', endColorstr='#bdeafb',GradientType=0 );
}
/*===========================
pagination layout-8
============================*/
.eg-pagination-block.eg-pagination-layout-8 ul {
display: table;
margin: 0 auto;
}
.eg-pagination-block.eg-pagination-layout-8 ul li {
margin: 0 5px;
}
.eg-pagination-block.eg-pagination-layout-8 ul li a {
height: 40px;
width: 40px;
text-align: center;
color: #fff;
font-weight: 600;
position: relative;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
display: block;
background: rgb(249,155,172);
background: -moz-linear-gradient(top, rgba(249,155,172,1) 0%, rgba(246,109,125,1) 100%);
background: -webkit-linear-gradient(top, rgba(249,155,172,1) 0%,rgba(246,109,125,1) 100%);
background: linear-gradient(to bottom, rgba(249,155,172,1) 0%,rgba(246,109,125,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99bac', endColorstr='#f66d7d',GradientType=0 );
border: 1px solid #F66D7D;
line-height: 37px;
border-radius: 100%;
}
.eg-pagination-block.eg-pagination-layout-8 ul li a:hover,
.eg-pagination-block.eg-pagination-layout-8 ul li a.eg-current-page {
background: rgb(244,9,37);
background: -moz-linear-gradient(top, rgba(244,9,37,1) 0%, rgba(250,158,173,1) 100%);
background: -webkit-linear-gradient(top, rgba(244,9,37,1) 0%,rgba(250,158,173,1) 100%);
background: linear-gradient(to bottom, rgba(244,9,37,1) 0%,rgba(250,158,173,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f40925', endColorstr='#fa9ead',GradientType=0 );
}
/*===========================
pagination layout-9
============================*/
.eg-pagination-block.eg-pagination-layout-9 ul {
display: table;
margin: 0 auto;
}
.eg-pagination-block.eg-pagination-layout-9 ul li {
margin: 0 5px;
}
.eg-pagination-block.eg-pagination-layout-9 ul li a {
height: 40px;
width: 40px;
text-align: center;
color: #b3d286;
position: relative;
border: 1px solid #b3d286;
display: block;
line-height: 37px;
position: relative;
}
.eg-pagination-block.eg-pagination-layout-9 ul li a.eg-current-page {
background: rgb(206,227,146);
background: -moz-linear-gradient(top, rgba(206,227,146,1) 0%, rgba(161,202,88,1) 100%);
background: -webkit-linear-gradient(top, rgba(206,227,146,1) 0%,rgba(161,202,88,1) 100%);
background: linear-gradient(to bottom, rgba(206,227,146,1) 0%,rgba(161,202,88,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cee392', endColorstr='#a1ca58',GradientType=0 );
color: #fff;
}
.eg-pagination-block.eg-pagination-layout-9 ul li a.eg-current-page:before,
.eg-pagination-block.eg-pagination-layout-9 ul li a.eg-current-page:after {
position: absolute;
content: '';
bottom: -10px;
}
.eg-pagination-block.eg-pagination-layout-9 ul li a.eg-current-page:before {
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 0;
border-color: transparent #b3d286 transparent transparent;
left: -1px;
}
.eg-pagination-block.eg-pagination-layout-9 ul li a.eg-current-page:after {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 0;
border-color: #b3d286 transparent transparent transparent;
right: -1px;
}
/*===========================
pagination layout-10
============================*/
.eg-pagination-block.eg-pagination-layout-10 ul {
display: table;
margin: 0 auto;
}
.eg-pagination-block.eg-pagination-layout-10 ul li {
background: #fc8d77;
}
.eg-pagination-block.eg-pagination-layout-10 ul li a {
display: block;
height: 35px;
width: 35px;
line-height: 32px;
color: #fff;
border-right: 1px solid #ccc;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-pagination-block.eg-pagination-layout-10 ul li a.eg-current-page,
.eg-pagination-block.eg-pagination-layout-10 ul li a:hover {
background: #ff6446;
}
.eg-pagination-block.eg-pagination-layout-10 ul li:first-child a,
.eg-pagination-block.eg-pagination-layout-10 ul li:last-child a {
background: #ff6446;
position: relative;
border-right: none;
}
.eg-pagination-block.eg-pagination-layout-10 ul li:first-child a {
border-right: 1px solid #ccc
}
.eg-pagination-block.eg-pagination-layout-10 ul li:first-child a:before,
.eg-pagination-block.eg-pagination-layout-10 ul li:last-child a:before {
position: absolute;
content: '';
}
.eg-pagination-block.eg-pagination-layout-10 ul li:first-child a:before {
width: 0;
height: 0;
border-style: solid;
border-width: 17.5px 10px 17.5px 0;
border-color: transparent #ff6446 transparent transparent;
left: -10px;
}
.eg-pagination-block.eg-pagination-layout-10 ul li:last-child a:before {
width: 0;
height: 0;
border-style: solid;
border-width: 17.5px 0 17.5px 10px;
border-color: transparent transparent transparent #ff6446;
right: -10px;
}
/*==============================
image filter
==============================*/
.eg-image-filter-filter-1 .eg-overlay-wrapper .eg-mask,
.eg-image-filter-filter-2 .eg-overlay-wrapper .eg-mask,
.eg-image-filter-filter-3 .eg-overlay-wrapper .eg-mask,
.eg-image-filter-filter-4 .eg-overlay-wrapper .eg-mask,
.eg-image-filter-filter-5 .eg-overlay-wrapper .eg-mask,
.eg-image-filter-filter-6 .eg-overlay-wrapper .eg-mask,
.eg-image-filter-filter-7 .eg-overlay-wrapper .eg-mask,
.eg-image-filter-filter-8 .eg-overlay-wrapper .eg-mask,
.eg-image-filter-filter-9 .eg-overlay-wrapper .eg-mask,
.eg-image-filter-filter-10 .eg-overlay-wrapper .eg-mask {
display: none;
}
.eg-image-filter img {
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
}
.eg-image-filter-filter-1 .eg-overlay-wrapper img {
opacity: 0.7;
}
.eg-image-filter-filter-2 .eg-overlay-wrapper img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.eg-image-filter-filter-3 .eg-overlay-wrapper img {
-webkit-filter: sepia(1);
filter: sepia(1);
}
.eg-image-filter-filter-4 .eg-overlay-wrapper img {
-webkit-filter: saturate(3);
filter: saturate(3);
}
.eg-image-filter-filter-5 .eg-overlay-wrapper img {
-webkit-filter: hue-rotate(90deg);
filter: hue-rotate(90deg);
}
.eg-image-filter-filter-6 .eg-overlay-wrapper img {
-webkit-filter: invert(.8);
filter: invert(.8);
}
.eg-image-filter-filter-7 .eg-overlay-wrapper img {
-webkit-filter: brightness(3);
filter: brightness(3);
}
.eg-image-filter-filter-8 .eg-overlay-wrapper img {
filter: blur(3px);
-webkit-filter: blur(3px);
}
.eg-image-filter-filter-9 .eg-overlay-wrapper img {
-webkit-filter: sepia(1) blur(1px);
filter: sepia(1) blur(1px);
}
.eg-image-filter-filter-10 .eg-overlay-wrapper img {
-webkit-filter: sepia(1) invert(.8);
filter: sepia(1) invert(.8);
}
.eg-image-filter-filter-1 .eg-overlay-wrapper:hover img {
opacity: 1;
}
.eg-image-filter-filter-2 .eg-overlay-wrapper:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.eg-image-filter-filter-3 .eg-overlay-wrapper:hover img {
-webkit-filter: sepia(0);
filter: sepia(0);
}
.eg-image-filter-filter-4 .eg-overlay-wrapper:hover img {
-webkit-filter: saturate(1);
filter: saturate(1);
}
.eg-image-filter-filter-5 .eg-overlay-wrapper:hover img {
-webkit-filter: hue-rotate(0deg);
filter: hue-rotate(0deg);
}
.eg-image-filter-filter-6 .eg-overlay-wrapper:hover img {
-webkit-filter: invert(0);
filter: invert(0);
}
.eg-image-filter-filter-7 .eg-overlay-wrapper:hover img {
-webkit-filter: brightness(1);
filter: brightness(1);
}
.eg-image-filter-filter-8 .eg-overlay-wrapper:hover img {
filter: blur(0px);
-webkit-filter: blur(0px);
}
.eg-image-filter-filter-9 .eg-overlay-wrapper:hover img {
-webkit-filter: sepia(0) blur(0px);
filter: sepia(0) blur(0px);
}
.eg-image-filter-filter-10 .eg-overlay-wrapper:hover img {
-webkit-filter: sepia(0) invert(0);
filter: sepia(0) invert(0);
}
/*====================================
load more button
====================================*/
.eg-load-more-block {
text-align: center;
margin-top: 50px;
}
.eg-load-more-block a.eg-load-more-trigger {
background: transparent;
border-radius: 0;
padding: 12px 15px;
font-weight: 500;
text-transform: capitalize;
font-size: 13px;
letter-spacing: 0;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
display: inline-block;
}
/*==========================
layout-1
===========================*/
.eg-load-more-block.eg-load-more-layout-1 a.eg-load-more-trigger {
background: #51a1f3;
border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #51a1f3;
color: #fff;
}
.eg-load-more-block.eg-load-more-layout-1 a.eg-load-more-trigger:hover {
background: transparent;
color: #51a1f3;
}
/*==========================
layout-2
===========================*/
.eg-load-more-block.eg-load-more-layout-2 a.eg-load-more-trigger {
overflow: hidden;
position: relative;
color: #ef3d56;
border: 1px solid #ef3d56;
z-index: 999;
}
.eg-load-more-block.eg-load-more-layout-2 a.eg-load-more-trigger:hover {
color: #fff;
}
.eg-load-more-block.eg-load-more-layout-2 a.eg-load-more-trigger:before {
content: '';
position: absolute;
background: #ef3d56;
left: -100%;
width: 100%;
top: 0;
height: 100%;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
z-index: -9;
}
.eg-load-more-block.eg-load-more-layout-2 a.eg-load-more-trigger:hover:before {
left: 0;
}
/*==========================
layout-3
===========================*/
.eg-load-more-block.eg-load-more-layout-3 a.eg-load-more-trigger {
background: #fb9855;
border-radius: 5px;
box-shadow: 0 0 3px #fb9855 !important;
-webkit-box-shadow: 0px 4px 0px #fb9855 !important;
color: #fff;
line-height: 20px;
padding-bottom: 10px;
}
.eg-load-more-block.eg-load-more-layout-3 a.eg-load-more-trigger:hover {
background: #ffba77;
}
/*==========================
layout-4
===========================*/
.eg-load-more-block.eg-load-more-layout-4 a.eg-load-more-trigger {
background: rgb(238,227,90);
background: -moz-linear-gradient(top, rgba(238,227,90,1) 0%, rgba(249,185,54,1) 100%);
background: -webkit-linear-gradient(top, rgba(238,227,90,1) 0%,rgba(249,185,54,1) 100%);
background: linear-gradient(to bottom, rgba(238,227,90,1) 0%,rgba(249,185,54,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee35a', endColorstr='#f9b936',GradientType=0 );
color: #fff7f7;
border-radius: 5px;
-webkit-border-radius: 5px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.eg-load-more-block.eg-load-more-layout-4 a.eg-load-more-trigger:hover {
background: rgb(249,185,54);
background: -moz-linear-gradient(top, rgba(249,185,54,1) 0%, rgba(238,227,90,1) 100%);
background: -webkit-linear-gradient(top, rgba(249,185,54,1) 0%,rgba(238,227,90,1) 100%);
background: linear-gradient(to bottom, rgba(249,185,54,1) 0%,rgba(238,227,90,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9b936', endColorstr='#eee35a',GradientType=0 );
}
/*==========================
layout-5
===========================*/
.eg-load-more-block.eg-load-more-layout-5 a.eg-load-more-trigger {
background: rgb(3,248,243);
background: -moz-linear-gradient(top, rgba(3,248,243,1) 0%, rgba(1,131,107,1) 100%);
background: -webkit-linear-gradient(top, rgba(3,248,243,1) 0%,rgba(1,131,107,1) 100%);
background: linear-gradient(to bottom, rgba(3,248,243,1) 0%,rgba(1,131,107,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03f8f3', endColorstr='#01836b',GradientType=0 );
color: #fff;
}
.eg-load-more-block.eg-load-more-layout-5 a.eg-load-more-trigger:hover {
border-radius: 30px;
}
/*==========================
layout-6
===========================*/
.eg-load-more-block.eg-load-more-layout-6 a.eg-load-more-trigger {
position: relative;
border: 1px solid #38495a;
z-index: 999;
color: #38495a;
overflow: hidden;
}
.eg-load-more-block.eg-load-more-layout-6 a.eg-load-more-trigger:hover {
color: #fff;
}
.eg-load-more-block.eg-load-more-layout-6 a.eg-load-more-trigger:before {
position: absolute;
content: '';
height: 100%;
width: 100%;
top: -100%;
left: 0;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
z-index: -9;
background: #38495a;
}
.eg-load-more-block.eg-load-more-layout-6 a.eg-load-more-trigger:hover:before {
top: 0;
}
/*==========================
layout-7
===========================*/
.eg-load-more-block.eg-load-more-layout-7 a.eg-load-more-trigger {
position: relative;
border: 1px solid #FFAD01;
z-index: 999;
color: #38495a;
overflow: hidden;
}
.eg-load-more-block.eg-load-more-layout-7 a.eg-load-more-trigger:hover {
color: #fff;
}
.eg-load-more-block.eg-load-more-layout-7 a.eg-load-more-trigger:before {
position: absolute;
content: '';
height: 100%;
width: 100%;
bottom: -100%;
left: 0;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
z-index: -9;
background: rgb(255,173,1);
background: -moz-linear-gradient(top, rgba(255,173,1,1) 0%, rgba(255,92,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,173,1,1) 0%,rgba(255,92,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,173,1,1) 0%,rgba(255,92,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffad01', endColorstr='#ff5c00',GradientType=0 );
}
.eg-load-more-block.eg-load-more-layout-7 a.eg-load-more-trigger:hover:before {
bottom: 0;
}
/*==========================
layout-8
===========================*/
.eg-load-more-block.eg-load-more-layout-8 a.eg-load-more-trigger {
position: relative;
background: #54c2c1;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
height: 40px;
line-height: 1.2;
color: #fff;
}
.eg-load-more-block.eg-load-more-layout-8 a.eg-load-more-trigger:before,
.eg-load-more-block.eg-load-more-layout-8 a.eg-load-more-trigger:after {
content: '';
position: absolute;
top: 0;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-load-more-block.eg-load-more-layout-8 a.eg-load-more-trigger:before {
width: 0;
height: 0;
border-style: solid;
border-width: 20px 25px 20px 0;
border-color: transparent #54c2c1 transparent transparent;
left: -25px;
}
.eg-load-more-block.eg-load-more-layout-8 a.eg-load-more-trigger:hover:before {
left: -30px;
}
.eg-load-more-block.eg-load-more-layout-8 a.eg-load-more-trigger:hover:after {
right: -30px;
}
.eg-load-more-block.eg-load-more-layout-8 a.eg-load-more-trigger:after {
width: 0;
height: 0;
border-style: solid;
border-width: 20px 0 20px 25px;
border-color: transparent transparent transparent #54c2c1;
right: -25px;
}
/*==========================
layout-9
===========================*/
.eg-load-more-block.eg-load-more-layout-9 a.eg-load-more-trigger {
background: #3A6998;
border-radius: 5px;
color: #fff;
}
.eg-load-more-block.eg-load-more-layout-9 a.eg-load-more-trigger:hover {
background: #5586B7;
box-shadow: inset 0px 3px 7px rgba(0,0,0,0.5) !important;
-webkit-box-shadow: inset 0px 3px 7px rgba(0,0,0,0.5) !important;
}
/*==========================
layout-10
===========================*/
.eg-load-more-block.eg-load-more-layout-10 a.eg-load-more-trigger {
background: #00c0ef;
box-shadow: 0px 3px 0px 0px #03a8d0 !important;
-webkit-box-shadow: 0px 3px 0px 0px #03a8d0 !important;
color: #fff;
border-radius: 5px;
}
.eg-load-more-block.eg-load-more-layout-10 a.eg-load-more-trigger:hover {
transform: translate(0px, 3px);
-webkit-transform: translate(0px, 3px);
box-shadow: 0px 1px 0px 0px;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
box-shadow: 0px 0px 0px 0px #03a8d0 !important;
-webkit-box-shadow: 0px 0px 0px 0px #03a8d0 !important;
}
/*==============================================================
slider layout
==============================================================*/
.eg-slideshow-wrap a {
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
}
.eg-slideshow-wrap .bx-wrapper .bx-controls-direction a {
background-image: none;
text-indent: 0;
font-size: 0;
}
.eg-slideshow-wrap .bx-wrapper {
box-shadow: none;
border: none;
background: transparent;
}
.eg-slideshow-wrap .eg-slider-caption p {
margin: 0;
}
/*=============
slider layout 1
===============*/
.eg-slideshow-wrap .eg-slideshow-layout-1 {
position: relative;
}
.eg-slideshow-wrap .eg-slideshow-layout-1 .eg-slider-caption {
position: absolute;
bottom: 0;
background: rgba(0,0,0,0.7);
color: #fff;
width: 100%;
padding: 15px 40px 20px;
font-size: 14px;
text-align: left;
}
.eg-slideshow-wrap .eg-slideshow-layout-1 .eg-slider-caption span.eg-title {
display: block !important;
font-size: 24px;
margin-bottom: 5px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .bx-wrapper .bx-controls-direction a {
width: 50px;
height: 50px;
background: rgba(0,0,0,0.6);
color: #fff;
line-height: 50px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .bx-wrapper .bx-controls-direction a:hover {
background: rgba(0,0,0,0.8)
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .bx-wrapper .bx-controls-direction a.bx-prev:before,
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .bx-wrapper .bx-controls-direction a.bx-next:before {
position: absolute;
content:'';
font-family: FontAwesome;
font-size: 40px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .bx-wrapper .bx-controls-direction a.bx-prev:before {
content: '\f104';
left: 15px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .bx-wrapper .bx-controls-direction a.bx-next:before {
content: '\f105';
left: 20px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .eg-content-holder .eg-caption,
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .eg-content-holder .eg-title.eg-main-title {
display: none !important;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .eg-overlay-layout-14 .eg-content-holder .eg-caption,
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .eg-overlay-layout-14 .eg-content-holder .eg-caption .eg-title {
display: block !important;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .eg-overlay-layout-14 .eg-slider-caption {
display: none;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .eg-overlay-layout-15 .eg-content-holder .eg-caption,
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .eg-overlay-layout-15 .eg-content-holder .eg-caption .eg-title {
display: block !important;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .eg-overlay-layout-15 .eg-slider-caption {
display: none;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .eg-overlay-layout-17 .eg-slider-caption {
text-align: right;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .eg-overlay-layout-30 .eg-caption-holder,
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .eg-overlay-layout-32 .eg-slider-caption,
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .eg-overlay-layout-35 .eg-caption-holder {
display: none !important;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .bx-wrapper .bx-controls.bx-has-pager .bx-pager {
width: 100%;
text-align: center;
padding: 0 75px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .bx-wrapper .bx-controls.bx-has-pager .bx-pager a {
border-radius: 0;
-webkit-border-radius: 0;
background: transparent;
border: 1px solid #ccc;
width: 15px;
height: 15px;
box-shadow: inset 0 0 3px #ccc;
-webkit-box-shadow: inset 0 0 3px #ccc;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .bx-wrapper .bx-controls.bx-has-pager .bx-pager a.active,
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .bx-wrapper .bx-controls.bx-has-pager .bx-pager a:hover {
background: rgba(0,0,0,0.2);
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-1 .bx-controls .bx-controls-auto {
display: block;
position: absolute;
top: auto;
background: #fff;
height: 30px;
width: 30px !important;
padding: 9px 8px;
right: 13px !important;
bottom: 13px;
z-index: 999999;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
box-shadow: inset 0 0 15px #737070;
-webkit-box-shadow: inset 0 0 15px #737070;
}
/*=============
slider layout 2
===============*/
.eg-slideshow-wrap .eg-slideshow-layout-2 .eg-slider-caption {
display: none;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-2 .bx-controls .bx-controls-auto {
display: block;
position: absolute;
top: auto;
background: #fff;
height: 30px;
width: 30px !important;
padding: 9px 8px;
right: 13px !important;
bottom: 13px;
border-radius: 3px;
-webkit-border-radius: 3px;
z-index: 999999;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-2 .bx-controls .bx-controls-auto:hover {
background: rgba(255,255,255,0.6);
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-2 .bx-controls .bx-pager.bx-default-pager {
width: 100% !important;
text-align: center !important;
padding-top: 0 !important;
position: absolute;
bottom: 0;
padding: 20px 0;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-2 .bx-controls .bx-pager.bx-default-pager .bx-pager-item {
margin-top: 25px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-2 .bx-controls .bx-pager.bx-default-pager a {
background: #fff;
width: 9px;
height: 9px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-2 .bx-controls .bx-pager.bx-default-pager a.bx-pager-link.active {
transform: scale(1.5);
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-2 .bx-wrapper .bx-controls-direction a {
background: #fff;
height: 45px;
width: 50px;
color: #000;
line-height: 45px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-2 .bx-wrapper .bx-controls-direction a:before {
position: absolute;
content:'';
font-family: FontAwesome;
font-size: 25px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-2 .bx-wrapper .bx-controls-direction a.bx-prev:before {
content: '\f177';
left: 12px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-2 .bx-wrapper .bx-controls-direction a.bx-next:before {
content: '\f178';
right: 12px;
}
/*=============
slider layout 3
===============*/
.eg-slideshow-wrap .eg-slideshow-layout-3 .eg-slider-caption {
right: 0;
bottom: auto;
left: auto;
width: 300px;
background: rgba(255,255,255,0.9);
position: absolute;
top: 0;
height: 100%;
padding: 40px;
}
.eg-slideshow-wrap .eg-slideshow-layout-3 .eg-slider-caption span.eg-title {
display: block !important;
font-size: 20px;
color: #1e1e1e;
margin-bottom: 15px;
}
.eg-slideshow-wrap .eg-slideshow-layout-3 .eg-slider-caption {
color: #454545;
font-size: 14px;
line-height: 1.5;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-3 .bx-controls-auto {
display: block;
position: absolute;
top: 14px;
background: #fff;
height: 30px;
width: 30px !important;
padding: 7px 6px;
right: 13px !important;
border: 2px solid #fd6a62;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-3 .bx-wrapper .bx-controls.bx-has-pager .bx-pager {
text-align: right;
width: 100%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
bottom: -40px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-3 .bx-wrapper .bx-pager.bx-default-pager a {
width: 19px;
height: 19px;
border: 2px solid #fd6a62;
background: transparent;
border-radius: 50%;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-3 .bx-wrapper .bx-pager.bx-default-pager a.bx-pager-link.active {
background: #fd6a62;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-3 .bx-wrapper .bx-controls .bx-controls-direction {
width: 140px;
right: auto;
left: 0;
position: relative;
top: 35px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-3 .bx-wrapper .bx-controls .bx-controls-direction a {
top: 100%;
width: auto;
height: auto;
font-size: 14px;
border: 1px solid #cccccc;
padding: 5px 10px;
border-radius: 0;
color: #333333;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-3 .bx-wrapper .bx-controls .bx-controls-direction a:hover {
background: #fd6a62;
border-color: #fd6a62;
color: #fff;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-3 .bx-wrapper .bx-controls .bx-controls-direction a:before {
content: '';
position: absolute;
font-family: FontAwesome;
font-size: 16px;
line-height: 1.5;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-3 .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {
left: 0;
padding: 5px 10px 5px 20px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-3 .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev:before {
content: '\f104';
left: 8px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-3 .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {
right: 0;
padding: 5px 20px 5px 10px
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-3 .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:before {
content: '\f105';
right: 8px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-3 .eg-slider-caption.eg-filmstrip-caption {
display: none;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-3 .eg-overlay-layout-2 .eg-overlay-wrapper .eg-title {
font-size: 26px;
}
/*=============
slider layout 4
===============*/
.eg-slideshow-wrap .eg-slideshow-layout-4 .eg-slider-caption {
display: none;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-4 .bx-controls-auto {
display: block;
position: absolute;
top: 14px;
background: #fff;
height: 30px;
width: 30px !important;
padding: 9px 8px;
right: 13px !important;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-4 .bx-wrapper .bx-controls.bx-has-pager .bx-pager {
width: auto;
text-align: center;
background: rgba(0,0,0,0.5);
bottom: 0;
padding-top: 10px;
padding-bottom: 15px;
left: 50%;
transform: translateX(-50%);
padding-left: 10px;
padding-right: 10px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-4 .bx-wrapper .bx-pager.bx-default-pager a {
border-radius: 0;
background: #fff;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-4 .bx-wrapper .bx-pager.bx-default-pager a.bx-pager-link.active,
.eg-slideshow-wrap .eg-slideshow-outer-layout-4 .bx-wrapper .bx-pager.bx-default-pager a:hover {
height: 20px;
background: #c32d3b;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-4 .bx-wrapper .bx-pager-item {
vertical-align: bottom;
margin: 0 -1px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-4 .bx-wrapper .bx-controls-direction a {
height: 64px;
width: 64px;
background: #fff;
border-bottom: 3px solid #c32d3b;
color: #c32d3b;
line-height: 64px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-4 .bx-wrapper .bx-controls-direction a:hover {
background: rgba(255,255,255,0.8);
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-4 .bx-wrapper .bx-controls-direction a:before {
content: '';
position: absolute;
font-family: FontAwesome;
font-size: 20px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-4 .bx-wrapper .bx-controls-direction a.bx-prev:before {
content: '\f060';
left: 20px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-4 .bx-wrapper .bx-controls-direction a.bx-next:before {
content: '\f061';
right: 25px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-4 .bx-wrapper .bx-controls-direction a.bx-prev {
left: 0;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-4 .bx-wrapper .bx-controls-direction a.bx-next {
right: -1px;
}
.eg-slideshow-outer-layout-4 .eg-overlay-layout-6 .eg-caption span.eg-title {
font-size: 25px;
}
/*=============
slider layout 5
===============*/
.eg-slideshow-wrap .eg-slideshow-outer-layout-5 .eg-slider-caption {
display: none;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-5 .eg-slider-caption span.eg-title {
display: block !important;
font-size: 16px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-5 .slider-overlay {
position: absolute;
top: 0;
height: 100%;
width: 100%;
background: rgba(0,0,0,0.3);
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-5 .eg-masonary-padding:hover .slider-overlay {
opacity: 0;
visibility: hidden;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-5 .bx-controls .bx-controls-direction a {
height: auto;
width: auto;
top: 50%;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-5 .bx-controls .bx-controls-direction a:before {
content: '';
position: absolute;
font-family: FontAwesome;
color: #fff;
font-size: 45px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-5 .bx-controls .bx-controls-direction a.bx-prev:before {
content: '\f104';
left: 10px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-5 .bx-controls .bx-controls-direction a.bx-next:before {
content: '\f105';
right: 10px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-5 .bx-pager.bx-default-pager a {
border: 2px solid #fff;
box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-5 .bx-pager.bx-default-pager a.active,
.eg-slideshow-wrap .eg-slideshow-outer-layout-5 .bx-pager.bx-default-pager a:hover {
border-color: rgba(0,0,0,0.6);
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-5 .bx-controls-auto {
width: 30px !important;
height: 30px;
border: 1px solid #ccc;
padding: 8px 7px;
margin-bottom: -8px;
}
/*=========================
number css
=========================*/
.eg-slideshow-wrap .eg-slideshow-outer-layout-2 .bx-controls .bx-pager.bx-default-pager,
.eg-slideshow-wrap .eg-slideshow-outer-layout-4 .bx-controls .bx-pager.bx-default-pager {
color: #fff;
}
/*==============================================================
filmstrip layout
==============================================================*/
.eg-filmstrip-wrap .eg-filmstrip-caption {
position: absolute;
bottom: 0px;
width: 100%;
padding: 20px 30px;
line-height: 1;
}
.eg-filmstrip-wrap a {
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
}
.eg-filmstrip-wrap .bx-wrapper .bx-controls-direction a {
background-image: none;
text-indent: 0;
font-size: 0;
}
.eg-filmstrip-wrap .bx-wrapper {
box-shadow: none;
border: none;
background: transparent;
}
.eg-filmstrip-wrap .eg-slider-caption p {
margin-bottom: 0;
}
/*=============
layout 1
=============*/
.eg-filmstrip-wrap .eg-filmstrip-outer-layout-1 .eg-filmstrip-caption {
background: rgba(0,0,0,0.5);
color: #fff;
font-size: 16px;
text-align: left;
}
.eg-filmstrip-outer-layout-1 .eg-filmstrip-items-outerwrap .eg-filmstrip-caption span.eg-title {
display: block !important;
font-size: 24px;
}
.eg-filmstrip-outer-layout-1 .bx-wrapper {
margin-bottom: 20px;
}
.eg-filmstrip-outer-layout-1 .eg-filmstrip-pager-outerwrap .bx-controls-direction a {
width: auto;
height: auto;
margin-top: -46px;
}
.eg-filmstrip-outer-layout-1 .eg-filmstrip-pager-outerwrap .bx-controls-direction a:before {
content: '';
position: absolute;
font-family: FontAwesome;
font-size: 50px;
color: #fff;
}
.eg-filmstrip-outer-layout-1 .eg-filmstrip-pager-outerwrap .bx-controls-direction a.bx-prev {
left: 30px;
}
.eg-filmstrip-outer-layout-1 .eg-filmstrip-pager-outerwrap .bx-controls-direction a.bx-next {
right: 50px;
}
.eg-filmstrip-outer-layout-1 .eg-filmstrip-pager-outerwrap .bx-controls-direction a.bx-prev:before {
content: '\f104';
}
.eg-filmstrip-outer-layout-1 .eg-filmstrip-pager-outerwrap .bx-controls-direction a.bx-next:before {
content: '\f105';
}
.eg-filmstrip-outer-layout-1 .eg-filmstrip-pager-outerwrap .bx-viewport a.eg-active-filmstrip {
opacity: 0.5;
}
.eg-filmstrip-outer-layout-1 .eg-title,
.eg-filmstrip-outer-layout-1 .eg-caption {
display: none !important;
}
.eg-filmstrip-outer-layout-1 .eg-overlay-layout-17 .eg-filmstrip-caption,
.eg-filmstrip-outer-layout-1 .eg-overlay-layout-16 .eg-filmstrip-caption {
position: static;
background: #000;
}
.eg-filmstrip-outer-layout-1 .eg-overlay-layout-30 .eg-filmstrip-caption {
display: none;
}
.eg-filmstrip-outer-layout-1 .eg-overlay-layout-30 .eg-caption-holder .eg-title,
.eg-filmstrip-outer-layout-1 .eg-overlay-layout-30 .eg-caption-holder .eg-caption {
display: block !important;
}
.eg-filmstrip-outer-layout-1 .eg-overlay-layout-32 .eg-masonary-padding .eg-filmstrip-caption,
.eg-filmstrip-outer-layout-1 .eg-overlay-layout-35 .eg-masonary-padding .eg-filmstrip-caption {
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-filmstrip-outer-layout-1 .eg-overlay-layout-32 .eg-masonary-padding:hover .eg-filmstrip-caption,
.eg-filmstrip-outer-layout-1 .eg-overlay-layout-35 .eg-masonary-padding:hover .eg-filmstrip-caption {
opacity: 0;
}
.eg-filmstrip-outer-layout-1 .eg-filmstrip-items-outerwrap .bx-wrapper .bx-controls-direction a {
width: 50px;
height: 50px;
background: rgba(0,0,0,0.6);
color: #fff;
line-height: 50px;
}
.eg-filmstrip-outer-layout-1 .eg-filmstrip-items-outerwrap .bx-wrapper .bx-controls-direction a:before {
position: absolute;
content: '';
font-family: FontAwesome;
font-size: 40px;
}
.eg-filmstrip-outer-layout-1 .eg-filmstrip-items-outerwrap .bx-wrapper .bx-controls-direction a.bx-prev:before {
content: '\f104';
left: 15px;
}
.eg-filmstrip-outer-layout-1 .eg-filmstrip-items-outerwrap .bx-wrapper .bx-controls-direction a.bx-next:before {
content: '\f105';
left: 20px;
}
.eg-filmstrip-outer-layout-1 .bx-controls .bx-controls-auto {
display: block;
position: absolute;
top: auto;
background: #fff;
height: 30px;
width: 50px !important;
padding: 9px 8px;
right: 13px !important;
bottom: 13px;
z-index: 999;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
box-shadow: inset 0 0 15px #737070;
-webkit-box-shadow: inset 0 0 15px #737070;
}
/*=============
layout 2
=============*/
.eg-filmstrip-outer-layout-2 .eg-filmstrip-caption {
bottom: auto;
top: 0;
background: rgba(0,0,0,0.7);
color: #fff;
font-size: 13px;
}
.eg-filmstrip-outer-layout-2 .eg-filmstrip-caption span.eg-title {
display: block !important;
color: #169bf7;
font-size: 18px;
margin-bottom: 5px;
}
.eg-filmstrip-outer-layout-2 .bx-controls-auto {
display: none;
}
.eg-filmstrip-outer-layout-2 .bx-wrapper {
margin-bottom: 10px;
}
.eg-filmstrip-outer-layout-2 .eg-filmstrip-pager-outerwrap {
width: 80%;
margin: 0 auto;
}
.eg-filmstrip-outer-layout-2 .eg-filmstrip-pager-outerwrap .bx-viewport {
width: 90% !important;
margin: 0 auto;
}
.eg-filmstrip-outer-layout-2 .eg-filmstrip-pager-outerwrap .bx-viewport {
padding-top: 15px;
}
.eg-filmstrip-outer-layout-2 .eg-filmstrip-pager-outerwrap .bx-viewport a {
border: 4px solid #d5d4d7;
position: relative;
}
.eg-filmstrip-outer-layout-2 .eg-filmstrip-pager-outerwrap .bx-viewport a.eg-active-filmstrip:before {
position: absolute;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 12px 10px;
border-color: transparent transparent #d5d4d7 transparent;
top: -15px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.eg-filmstrip-outer-layout-2 .eg-filmstrip-pager-outerwrap .bx-controls-direction a {
width: auto;
height: auto;
margin-top: -10px;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
}
.eg-filmstrip-outer-layout-2 .eg-filmstrip-pager-outerwrap .bx-controls-direction a.bx-prev {
left: -10px;
}
.eg-filmstrip-outer-layout-2 .eg-filmstrip-pager-outerwrap .bx-controls-direction a.bx-prev:before {
position: absolute;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 16px 17px 16px 0;
border-color: transparent #222 transparent transparent;
}
.eg-filmstrip-outer-layout-2 .eg-filmstrip-pager-outerwrap .bx-controls-direction a.bx-next:before {
position: absolute;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 16px 0 16px 17px;
border-color: transparent transparent transparent #222;
}
.eg-filmstrip-outer-layout-2 .eg-filmstrip-pager-outerwrap .bx-controls-direction a.bx-prev:hover:before {
border-color: transparent rgba(34,34,34,0.6) transparent transparent;
}
.eg-filmstrip-outer-layout-2 .eg-filmstrip-pager-outerwrap .bx-controls-direction a.bx-next:hover:before {
border-color: transparent transparent transparent rgba(34,34,34,0.6);
}
.eg-filmstrip-outer-layout-2 .eg-masonary-padding .eg-filmstrip-caption {
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-filmstrip-outer-layout-2 .eg-masonary-padding:hover .eg-filmstrip-caption {
opacity: 0;
visibility: hidden;
}
.eg-filmstrip-outer-layout-2 .eg-overlay-layout-16 .eg-filmstrip-caption,
.eg-filmstrip-outer-layout-2 .eg-overlay-layout-17 .eg-filmstrip-caption {
position: fixed;
z-index: 999;
}
.eg-filmstrip-outer-layout-2 .eg-overlay-layout-30 .eg-filmstrip-caption,
.eg-filmstrip-outer-layout-2 .eg-overlay-layout-31 .eg-filmstrip-caption {
display: none;
}
.eg-filmstrip-outer-layout-2 .eg-overlay-layout-32 .eg-content-holder .eg-main-title {
display: none !important;
}
.eg-filmstrip-outer-layout-2 .eg-filmstrip-items-outerwrap .bx-wrapper .bx-controls-direction a {
background: #fff;
height: 45px;
width: 50px;
color: #000;
line-height: 45px;
}
.eg-filmstrip-outer-layout-2 .eg-filmstrip-items-outerwrap .bx-wrapper .bx-controls-direction a:before {
position: absolute;
content: '';
font-family: FontAwesome;
font-size: 25px;
}
.eg-filmstrip-outer-layout-2 .eg-filmstrip-items-outerwrap .bx-wrapper .bx-controls-direction a.bx-prev:before {
content: '\f177';
left: 12px;
}
.eg-filmstrip-outer-layout-2 .eg-filmstrip-items-outerwrap .bx-wrapper .bx-controls-direction a.bx-next:before {
content: '\f178';
right: 12px;
}
.eg-filmstrip-outer-layout-2 .bx-controls .bx-controls-auto {
display: block;
position: absolute;
top: auto;
background: #fff;
height: 30px;
width: 50px !important;
padding: 9px 8px;
right: 13px !important;
bottom: 13px;
z-index: 999999;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
box-shadow: inset 0 0 15px #737070;
-webkit-box-shadow: inset 0 0 15px #737070;
}
/*=============
layout 3
=============*/
.eg-filmstrip-outer-layout-3 .eg-filmstrip-caption {
bottom: 0;
top: auto;
background: rgba(0,0,0,0.5);
color: #fff;
font-size: 14px;
}
.eg-filmstrip-outer-layout-3 .eg-filmstrip-caption span.eg-title {
display: block !important;
font-size: 25px;
}
.eg-filmstrip-outer-layout-3 .bx-wrapper {
margin-bottom: 0;
}
.eg-filmstrip-outer-layout-3 .eg-filmstrip-pager-outerwrap {
background: #232323;
}
.eg-filmstrip-outer-layout-3 .eg-filmstrip-pager-outerwrap .bx-viewport {
width: 90% !important;
margin: 0 auto;
}
.eg-filmstrip-outer-layout-3 .eg-filmstrip-pager-outerwrap .bx-controls-direction a {
width: auto;
height: auto;
margin-top: -36px;
}
.eg-filmstrip-outer-layout-3 .eg-filmstrip-pager-outerwrap a:before {
position: absolute;
content: '';
font-family: FontAwesome;
font-size: 36px;
color: #fff;
}
.eg-filmstrip-outer-layout-3 .eg-filmstrip-pager-outerwrap a.bx-next {
right: 20px;
}
.eg-filmstrip-outer-layout-3 .eg-filmstrip-pager-outerwrap a.bx-prev:before {
content: '\f104';
}
.eg-filmstrip-outer-layout-3 .eg-filmstrip-pager-outerwrap a.bx-next:before {
content: '\f105';
}
.eg-filmstrip-outer-layout-3 .eg-filmstrip-pager-outerwrap a.eg-active-filmstrip:before {
background: rgba(0,0,0,0.5);
position: absolute;
content: '';
top: 0;
width: 100%;
height: 100%;
}
.eg-filmstrip-outer-layout-3 .bx-wrapper .bx-controls-auto {
bottom: auto;
width: 60px;
right: 20px;
top: auto;
background: rgba(0,0,0,0.5);
height: 35px;
bottom: 20px;
padding: 5px;
}
.eg-filmstrip-outer-layout-3 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
margin: 0 10px;
display: block !important;
}
.eg-filmstrip-outer-layout-3 .bx-wrapper .bx-controls-auto a {
background-image: none;
width: auto;
height: auto;
text-indent: 0;
font-size: 0;
}
.eg-filmstrip-outer-layout-3 .bx-wrapper .bx-controls-auto a:before {
position: absolute;
content: '';
font-size: 18px;
color: rgba(255,255,255,0.7);
font-family: FontAwesome;
}
.eg-filmstrip-outer-layout-3 .bx-wrapper .bx-controls-auto a.bx-start:before {
content: '\f04b';
left: 10px;
}
.eg-filmstrip-outer-layout-3 .bx-wrapper .bx-controls-auto a.bx-stop:before {
content: '\f04c';
right: 10px;
}
.eg-filmstrip-outer-layout-3 .bx-wrapper .bx-controls-auto a.bx-start.active:before,
.eg-filmstrip-outer-layout-3 .bx-wrapper .bx-controls-auto a.bx-stop.active:before {
color: #fff;
}
.eg-filmstrip-outer-layout-3 .eg-masonary-padding .eg-filmstrip-caption {
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-filmstrip-outer-layout-3 .eg-masonary-padding:hover .eg-filmstrip-caption {
opacity: 0;
visibility: hidden;
}
.eg-filmstrip-outer-layout-3 .eg-overlay-layout-16 .eg-filmstrip-caption,
.eg-filmstrip-outer-layout-3 .eg-overlay-layout-17 .eg-filmstrip-caption {
position: fixed;
z-index: 999;
}
.eg-filmstrip-outer-layout-3 .eg-overlay-layout-30 .eg-masonary-padding .eg-filmstrip-caption {
display: none;
}
.eg-filmstrip-outer-layout-3 .eg-filmstrip-items-outerwrap .bx-wrapper .bx-controls-direction a {
width: auto;
height: auto;
font-size: 14px;
border: 1px solid #cccccc;
padding: 5px 10px;
border-radius: 0;
color: #333333;
background: #fff;
}
.eg-filmstrip-outer-layout-3 .eg-filmstrip-items-outerwrap .bx-wrapper .bx-controls-direction a:hover {
background: #fd6a62;
border-color: #fd6a62;
}
.eg-filmstrip-outer-layout-3 .eg-filmstrip-items-outerwrap .bx-wrapper .bx-controls-direction a:before {
position: absolute;
content: '';
font-family: FontAwesome;
font-size: 25px;
}
/*=============
layout 4
=============*/
.eg-filmstrip-outer-layout-4 .bx-wrapper {
padding: 5px;
background: #fff;
border: 1px solid #ccc;
margin-bottom: 30px;
}
.eg-filmstrip-outer-layout-4 .eg-filmstrip-pager-outerwrap .bx-wrapper {
padding: 0;
margin-bottom: 0;
border: none;
background: transparent;
}
.eg-filmstrip-outer-layout-4 .eg-filmstrip-pager-outerwrap .bx-wrapper .bx-controls-direction {
display: block;
}
.eg-filmstrip-outer-layout-4 .bx-wrapper .eg-filmstrip-caption {
display: none;
}
.eg-filmstrip-outer-layout-4 .eg-filmstrip-pager-outerwrap .bx-viewport {
width: 80.5% !important;
margin: 0 auto;
height: auto !important;
}
.eg-filmstrip-outer-layout-4 .eg-filmstrip-pager-outerwrap .bx-viewport a {
padding: 3px;
background: #fff;
border: 1px solid #ccc;
}
.eg-filmstrip-outer-layout-4 .eg-filmstrip-pager-outerwrap .bx-viewport a.eg-active-filmstrip {
background: #ccc;
}
.eg-filmstrip-outer-layout-4 .eg-filmstrip-pager-outerwrap .bx-viewport a .eg-filmstrip-caption {
opacity: 0;
visibility: hidden;
position: absolute;
}
.eg-filmstrip-outer-layout-4 .eg-filmstrip-pager-outerwrap .bx-wrapper .bx-controls-direction a {
background-image: none;
width: auto;
height: auto;
text-indent: 0;
font-size: 0;
margin-top: -46px;
}
.eg-filmstrip-outer-layout-4 .eg-filmstrip-pager-outerwrap .bx-controls-direction a:before {
content: '';
position: absolute;
font-family: FontAwesome;
font-size: 50px;
color: #000;
}
.eg-filmstrip-outer-layout-4 .eg-filmstrip-pager-outerwrap .bx-controls-direction a.bx-prev:before {
content: '\f104';
}
.eg-filmstrip-outer-layout-4 .eg-filmstrip-pager-outerwrap .bx-controls-direction a.bx-next {
right: 20px;
}
.eg-filmstrip-outer-layout-4 .eg-filmstrip-pager-outerwrap .bx-controls-direction a.bx-next:before {
content: '\f105';
}
.eg-filmstrip-outer-layout-4 .eg-filmstrip-items-outerwrap .bx-wrapper .bx-controls-direction a {
height: 64px;
width: 64px;
background: #fff;
border-bottom: 3px solid #c32d3b;
color: #c32d3b;
line-height: 64px;
z-index: 999;
}
.eg-filmstrip-outer-layout-4 .eg-filmstrip-items-outerwrap .bx-wrapper .bx-controls-direction a:hover {
background: rgba(255,255,255,0.6);
}
.eg-filmstrip-outer-layout-4 .eg-filmstrip-items-outerwrap .bx-wrapper .bx-controls-direction a:before {
position: absolute;
content: '';
font-family: FontAwesome;
font-size: 20px;
}
.eg-filmstrip-outer-layout-4 .eg-filmstrip-items-outerwrap .bx-wrapper .bx-controls-direction a.bx-prev:before {
content: '\f060';
left: 20px;
}
.eg-filmstrip-outer-layout-4 .eg-filmstrip-items-outerwrap .bx-wrapper .bx-controls-direction a.bx-next:before {
content: '\f061';
right: 25px;
}
.eg-filmstrip-outer-layout-4 .bx-controls .bx-controls-auto {
display: block;
position: absolute;
top: auto;
background: #fff;
height: 30px;
width: 50px !important;
padding: 9px 8px;
right: 13px !important;
bottom: 12px;
}
/*============================================================================
eg-filmstrip-outer-layout-5
============================================================================*/
.eg-filmstrip-outer-layout-5.eg-filmstrip-outer-wrap .bx-controls .bx-controls-auto {
background: #8CC14C;
padding: 8px 0;
bottom: -40px;
height: 40px;
}
.eg-filmstrip-outer-layout-5 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
margin: 0;
display: block;
}
.eg-filmstrip-outer-layout-5.eg-filmstrip-outer-wrap .bx-controls .bx-controls-auto .bx-controls-auto-item:first-child {
margin-left: -50px;
}
.eg-filmstrip-outer-layout-5 .bx-wrapper .bx-controls-auto a {
background-image: none;
width: auto;
height: auto;
text-indent: 0;
font-size: 0;
}
.eg-filmstrip-outer-layout-5 .bx-wrapper .bx-controls-auto a:before {
position: absolute;
content: '';
font-size: 18px;
color: rgba(255,255,255,0.7);
font-family: FontAwesome;
}
.eg-filmstrip-outer-layout-5 .bx-wrapper .bx-controls-auto a.bx-start:before {
content: '\f04b';
}
.eg-filmstrip-outer-layout-5 .bx-wrapper .bx-controls-auto a.bx-stop:before {
content: '\f04c';
}
.eg-filmstrip-outer-layout-5 .bx-wrapper .bx-controls-auto a.bx-start.active:before,
.eg-filmstrip-outer-layout-5 .bx-wrapper .bx-controls-auto a.bx-stop.active:before {
color: #fff;
}
.eg-filmstrip-outer-layout-5 .eg-filmstrip-pager-outerwrap .bx-viewport .eg-filmstrip-pager a.eg-active-filmstrip:before {
content: '';
width: 100%;
height: 5px;
background: #8CC14C;
top: 0;
left: 0;
position: absolute;
}
.eg-filmstrip-outer-layout-5 .eg-filmstrip-pager-outerwrap .bx-viewport .eg-filmstrip-pager a.eg-active-filmstrip:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #8CC14C transparent transparent transparent;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
top: 5px;
}
.eg-filmstrip-outer-layout-5 .eg-filmstrip-pager-outerwrap .bx-controls-direction a {
background: rgba(0,0,0,0.7);
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-filmstrip-outer-layout-5 .eg-filmstrip-pager-outerwrap .bx-controls-direction a:hover {
background: #000;
}
.eg-filmstrip-outer-layout-5 .eg-filmstrip-pager-outerwrap .bx-controls-direction a:before {
content: '';
position: absolute;
font-family: FontAwesome;
color: #fff;
font-size: 18px;
}
.eg-filmstrip-outer-layout-5 .eg-filmstrip-pager-outerwrap .bx-controls-direction a.bx-prev:before {
content: '\f104';
left: 13px;
}
.eg-filmstrip-outer-layout-5 .eg-filmstrip-pager-outerwrap .bx-controls-direction a.bx-next:before {
content: '\f105';
right: 13px;
}
.eg-filmstrip-outer-layout-5 .eg-filmstrip-items-outerwrap .bx-wrapper .bx-controls-direction a {
height: 50px;
width: 50px;
background: #8CC14C;
border: 1px solid #8CC14C;
color: #fff;
line-height: 48px;
}
.eg-filmstrip-outer-layout-5 .eg-filmstrip-items-outerwrap .bx-wrapper .bx-controls-direction a:hover {
opacity: 0.7;
}
.eg-filmstrip-outer-layout-5 .eg-filmstrip-items-outerwrap .bx-wrapper .bx-controls-direction a:before {
position: absolute;
content: '';
font-family: FontAwesome;
font-size: 20px;
}
.eg-filmstrip-outer-layout-5 .eg-filmstrip-items-outerwrap .bx-wrapper .bx-controls-direction a.bx-prev:before {
content: '\f060';
left: 16px;
}
.eg-filmstrip-outer-layout-5 .eg-filmstrip-items-outerwrap .bx-wrapper .bx-controls-direction a.bx-next:before {
content: '\f061';
right: 16px;
}
/*===========================
end
===========================*/
/*============================================================================
blog css
============================================================================*/
.eg-blog-wrap .eg-masonary-padding {
display: none;
}
.eg-blog-wrap a.read-more {
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
}
.eg-blog-wrap .eg-blog-item-inner-wrap .eg-blog-caption p {
margin-bottom: 20px;
}
.eg-blog-wrap .eg-blog-item-inner-wrap .eg-blog-caption p a.read-more {
display: none !important;
}
.eg-blog-wrap .eg-each-item .blog-image-holer {
position: relative;
overflow: hidden;
}
.eg-blog-wrap .eg-blog-item-inner-wrap .eg-blog-caption .eg-title {
position: static;
padding: 0;
margin-bottom: 5px;
display: block;
text-align: left;
}
/*=============
blog layout 1
=============*/
.eg-blog-wrap .eg-blog-layout-1 .eg-each-item {
margin-bottom: 30px;
}
.eg-blog-wrap .eg-blog-layout-1 .eg-each-item:last-child {
margin-bottom: 0;
}
.eg-blog-wrap .eg-blog-layout-1 .eg-blog-item-inner-wrap {
border: 1px solid #eaeaea;
padding: 35px;
margin-bottom: 30px;
}
.eg-blog-wrap .eg-blog-layout-1 .eg-blog-item-inner-wrap .blog-image-holer {
float: left;
width: 40%;
}
.eg-blog-wrap .eg-blog-layout-1 .eg-each-item:nth-child(odd) .eg-blog-item-inner-wrap .blog-image-holer {
float: right;
}
.eg-blog-wrap .eg-blog-layout-1 .eg-blog-item-inner-wrap .eg-blog-caption {
float: left;
width: 60%;
padding-left: 50px;
text-align: left;
}
.eg-blog-wrap .eg-blog-layout-1 .eg-each-item:nth-child(odd) .eg-blog-item-inner-wrap .eg-blog-caption {
float: left;
padding-left: 0;
padding-right: 50px;
}
.eg-blog-wrap .eg-blog-layout-1 .eg-blog-item-inner-wrap .eg-blog-caption {
font-size: 16px;
color: #555555;
}
.eg-blog-wrap .eg-blog-layout-1 .eg-blog-item-inner-wrap .eg-blog-caption .eg-title {
font-size: 28px;
color: #1a1a1a;
line-height: 1.5;
margin-bottom: 5px;
}
.eg-blog-wrap .eg-blog-layout-1 .eg-blog-item-inner-wrap .eg-blog-caption a.read-more {
display: inline-block;
color: #5a5b5c;
font-size: 12px;
text-transform: uppercase;
padding: 8px 15px;
border: 1px solid #eaeaea !important;
}
.eg-blog-wrap .eg-blog-layout-1 .eg-blog-item-inner-wrap .eg-blog-caption a.read-more:hover {
border-color: #188ae8;
background: #188ae8;
color: #fff;
}
/*=============
blog layout 2
=============*/
.eg-blog-wrap .eg-blog-layout-2 .eg-each-item {
margin-bottom: 30px;
border-bottom: 1px solid #eaeaea;
padding-bottom: 30px;
}
.eg-blog-wrap .eg-blog-layout-2 .eg-each-item:last-child {
margin-bottom: 0px;
border-bottom: none;
padding-bottom: 0;
}
.eg-blog-wrap .eg-blog-layout-2 .eg-each-item .blog-image-holer {
width: 40%;
float: left;
}
.eg-blog-wrap .eg-blog-layout-2 .eg-each-item .eg-blog-caption {
width: 60%;
padding: 20px 40px;
float: left;
font-size: 15px;
color: #636363;
}
.eg-blog-wrap .eg-blog-layout-2 .eg-each-item .eg-blog-caption .eg-title {
color: #292929;
font-size: 20px;
margin-bottom: 5px;
display: block;
line-height: 1.5;
}
.eg-blog-wrap .eg-blog-layout-2 .eg-each-item .eg-blog-caption a.read-more {
display: none;
}
.eg-blog-wrap .eg-blog-layout-2 .eg-each-item .eg-blog-caption p a.read-more {
display: block !important;
font-size: 12px;
text-transform: uppercase;
margin-top: 10px;
text-decoration: underline;
color: #41ceda;
}
.eg-blog-wrap .eg-blog-layout-2 .eg-each-item .eg-blog-caption p a.read-more:hover {
text-decoration: none;
}
/*==========================
blog layout 3
==========================*/
.eg-blog-wrap .eg-blog-layout-3 .eg-each-item {
background: #f8f8f8;
}
.eg-blog-wrap .eg-blog-layout-3 .eg-each-item .blog-image-holer {
width: 40%;
float: left;
}
.eg-blog-wrap .eg-blog-layout-3 .eg-each-item .eg-blog-caption {
width: 60%;
float: left;
font-size: 14px;
color: #636363;
padding: 20px 40px;
}
.eg-blog-wrap .eg-blog-layout-3 .eg-each-item {
margin-bottom: 30px;
}
.eg-blog-wrap .eg-blog-layout-3 .eg-each-item:last-child {
margin-bottom: 0;
}
.eg-blog-wrap .eg-blog-layout-3 .eg-each-item .eg-blog-caption .eg-title {
color: #292929;
font-size: 20px;
margin-bottom: 5px;
display: block;
line-height: 1.5;
}
.eg-blog-wrap .eg-blog-layout-3 .eg-each-item .eg-blog-caption a.read-more {
display: none;
}
.eg-blog-wrap .eg-blog-layout-3 .eg-each-item .eg-blog-caption p a.read-more {
display: inline-block !important;
font-size: 12px;
text-transform: uppercase;
margin-left: 5px;
text-decoration: underline;
color: #41ceda;
}
.eg-blog-wrap .eg-blog-layout-3 .eg-each-item .eg-blog-caption p a.read-more:hover {
text-decoration: none;
}
/*==========================
blog layout 4
==========================*/
.eg-blog-wrap .eg-blog-layout-4 .eg-each-item {
box-shadow: 0 0 30px #d2d3d4;
margin-bottom: 30px;
}
.eg-blog-wrap .eg-blog-layout-4 .eg-each-item:last-child {
margin-bottom: 0;
}
.eg-blog-wrap .eg-blog-layout-4 .eg-each-item .blog-image-holer,
.eg-blog-wrap .eg-blog-layout-4 .eg-each-item .eg-blog-caption {
width: 50%;
float: left;
}
.eg-blog-wrap .eg-blog-layout-4 .eg-each-item .eg-blog-caption {
padding: 35px 25px;
font-size: 14px;
color: #434343;
}
.eg-blog-wrap .eg-blog-layout-4 .eg-each-item .eg-blog-caption p {
margin-bottom: 15px;
}
.eg-blog-wrap .eg-blog-layout-4 .eg-each-item .eg-blog-caption span.eg-title {
font-size: 26px;
color: #1a1a1a;
line-height: 1.5;
margin-bottom: 10px;
display: block;
}
.eg-blog-wrap .eg-blog-layout-4 .eg-each-item .eg-blog-caption a.read-more {
background: #188ae8;
color: #fff;
padding: 6px 15px 9px;
text-transform: capitalize;
border: 1px solid #188ae8;
display: inline-block;
}
.eg-blog-wrap .eg-blog-layout-4 .eg-each-item .eg-blog-caption a.read-more:hover {
background: transparent;
color: #188ae8;
}
.eg-blog-wrap .eg-blog-layout-4 .eg-overlay-layout-18 .eg-overlay-wrapper:before,
.eg-blog-wrap .eg-blog-layout-4 .eg-overlay-layout-18 .eg-overlay-wrapper:after {
display: none;
}
/*==========================
blog layout 5
==========================*/
.eg-blog-wrap .eg-blog-layout-5 .eg-each-item {
margin-bottom: 30px;
border-bottom: 1px solid #eaeaea;
padding-bottom: 30px;
}
.eg-blog-wrap .eg-blog-layout-5 .eg-each-item:last-child {
margin-bottom: 0px;
border-bottom: none;
padding-bottom: 0;
}
.eg-blog-wrap .eg-blog-layout-5 .eg-each-item .blog-image-holer {
width: 40%;
float: left;
}
.eg-blog-wrap .eg-blog-layout-5 .eg-each-item .eg-blog-caption {
width: 60%;
float: left;
padding: 10px 30px;
font-size: 14px;
color: #555555;
}
.eg-blog-wrap .eg-blog-layout-5 .eg-each-item .eg-blog-caption p {
margin-bottom: 15px;
}
.eg-blog-wrap .eg-blog-layout-5 .eg-each-item .eg-blog-caption span.eg-title {
font-size: 22px;
color: #1a1a1a;
line-height: 1.5;
margin-bottom: 10px;
display: block;
}
.eg-blog-wrap .eg-blog-layout-5 .eg-each-item .eg-blog-caption a.read-more {
background: #e0991f;
color: #fff;
padding: 7px 15px 8px;
text-transform: uppercase;
border: 1px solid #e0991f;
display: inline-block;
font-size: 13px;
border-radius: 30px;
-webkit-border-radius: 30px;
}
.eg-blog-wrap .eg-blog-layout-5 .eg-each-item .eg-blog-caption a.read-more:hover {
background: transparent;
color: #e0991f;
}
/*==========================
blog layout 6
==========================*/
.eg-blog-wrap .eg-blog-layout-6 .eg-each-item {
width: 48%;
float: left;
background: #f6f6f6;
margin-bottom: 30px;
}
.eg-blog-wrap .eg-blog-layout-6 .eg-each-item:nth-child(even) {
margin-left: 4%;
}
.eg-blog-wrap .eg-blog-layout-6 .eg-each-item:nth-child(2n+1) {
clear: both;
}
.eg-blog-wrap .eg-blog-layout-6 .eg-each-item .blog-image-holder,
.eg-blog-wrap .eg-blog-layout-6 .eg-each-item .eg-blog-caption {
width: 100%;
}
.eg-blog-wrap .eg-blog-layout-6 .eg-each-item {
border-top: 5px solid #41ceda;
}
.eg-blog-wrap .eg-blog-layout-6 .eg-each-item .blog-header {
display: block !important;
padding: 18px 30px;
font-size: 22px;
}
.eg-blog-wrap .eg-blog-layout-6 .eg-each-item .eg-blog-caption {
font-size: 15px;
color: #262626;
padding: 25px 30px 30px;
}
.eg-blog-wrap .eg-blog-layout-6 .eg-each-item .eg-blog-caption span.eg-title {
display: none;
}
.eg-blog-wrap .eg-blog-layout-6 .eg-each-item .eg-blog-caption a.read-more {
font-size: 14px;
color: #262626;
position: relative;
text-transform: capitalize;
display: inline-block;
}
.eg-blog-wrap .eg-blog-layout-6 .eg-each-item .eg-blog-caption a.read-more:before {
content: '\f101';
position: absolute;
font-size: 16px;
right: -15px;
font-family: FontAwesome;
color: #262626;
line-height: 1.5;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
}
.eg-blog-wrap .eg-blog-layout-6 .eg-each-item .eg-blog-caption a.read-more:hover:before {
right: -25px;
}
/*==========================
blog layout 7
==========================*/
.eg-blog-wrap .eg-blog-layout-7 .eg-each-item {
width: 50%;
float: left;
}
.eg-blog-wrap .eg-blog-layout-7 .eg-each-item .eg-blog-item-inner-wrap .blog-image-holer {
float: left;
width: 50%;
}
.eg-blog-wrap .eg-blog-layout-7 .eg-each-item .eg-blog-item-inner-wrap .eg-blog-caption {
float: right;
width: 50%;
padding: 20px;
}
.eg-blog-wrap .eg-blog-layout-7 .eg-each-item .eg-blog-item-inner-wrap .eg-blog-caption {
font-size: 14px;
color: #636363;
}
.eg-blog-wrap .eg-blog-layout-7 .eg-each-item .eg-blog-item-inner-wrap .eg-blog-caption span.eg-title {
font-size: 18px;
color: #292929;
}
.eg-blog-wrap .eg-blog-layout-7 .eg-each-item .eg-blog-item-inner-wrap .eg-blog-caption a.read-more {
display: none;
}
.eg-blog-wrap .eg-blog-layout-7 .eg-each-item .eg-blog-item-inner-wrap .eg-blog-caption p a.read-more {
display: inline-block !important;
font-size: 12px;
text-transform: uppercase;
text-decoration: underline;
color: #41ceda;
margin-left: 10px;
}
.eg-blog-wrap .eg-blog-layout-7 .eg-each-item .eg-blog-item-inner-wrap .eg-blog-caption p a.read-more:hover {
text-decoration: none;
}
.eg-blog-wrap .eg-blog-layout-7 .eg-each-item:nth-child(2n+1) {
clear: both;
}
.eg-blog-wrap .eg-blog-layout-7 .eg-each-item .eg-blog-item-inner-wrap.eg-blog-image-right .eg-blog-caption {
float: left;
}
.eg-blog-wrap .eg-blog-layout-7 .eg-each-item .eg-blog-item-inner-wrap.eg-blog-image-right .blog-image-holer {
float: right;
}
/*===========================================================================
carousel layout
============================================================================*/
.eg-carousel-wrap .bx-wrapper {
box-shadow: none;
border: none;
background: none;
}
.eg-carousel-wrap .bx-wrapper .bx-controls-direction a {
background-image: none;
text-indent: 0;
font-size: 0;
width: auto;
height: auto;
}
.eg-carousel-wrap {
margin-bottom: 50px;
}
/*.eg-carousel-wrap .eg-content-holder .eg-caption p {
display: none;
}*/
/*=================================
layout-1
=================================*/
.eg-carousel-wrap .eg-carousel-outer-layout-1 .bx-wrapper {
width: 90%;
margin: 0 auto;
}
.eg-carousel-wrap .eg-carousel-outer-layout-1 .bx-wrapper .eg-slider-caption {
display: none;
}
.eg-carousel-wrap .eg-carousel-outer-layout-1 .bx-wrapper .bx-controls-direction a {
height: 34px;
width: 34px;
line-height: 32px;
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
border-radius: 50%;
background: #75be08;
color: #fff;
}
.eg-carousel-wrap .eg-carousel-outer-layout-1 .bx-wrapper .bx-controls-direction a:hover {
color: #75be08;
background: #fff;
}
.eg-carousel-wrap .eg-carousel-outer-layout-1 .bx-wrapper .bx-controls-direction a:before {
content: '';
position: absolute;
font-family: FontAwesome;
font-size: 16px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-1 .bx-wrapper .bx-controls-direction a.bx-prev:before {
content: '\f060';
left: 9px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-1 .bx-wrapper .bx-controls-direction a.bx-next:before {
content: '\f061';
right: 9px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-1 .bx-wrapper .bx-controls-direction a.bx-prev {
left: -40px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-1 .bx-wrapper .bx-controls-direction a.bx-next {
right: -40px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-1 .bx-wrapper .bx-pager-item a {
background: #ccc;
text-indent: -9999px;
display: block;
width: 20px;
height: 5px;
margin: 0 5px;
outline: 0;
border-radius: 0;
-webkit-border-radius: 0;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-carousel-wrap .eg-carousel-outer-layout-1 .bx-wrapper .bx-pager-item a.active,
.eg-carousel-wrap .eg-carousel-outer-layout-1 .bx-wrapper .bx-pager-item a:hover {
width: 25px;
background: #ff9117;
}
.eg-carousel-wrap .eg-overlay-layout-1 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-caption p,
.eg-carousel-wrap .eg-overlay-layout-2 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-caption p,
.eg-carousel-wrap .eg-overlay-layout-3 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-caption p,
.eg-carousel-wrap .eg-overlay-layout-4 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-caption p,
.eg-carousel-wrap .eg-overlay-layout-5 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-caption p,
.eg-carousel-wrap .eg-overlay-layout-6 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-caption p,
.eg-carousel-wrap .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-caption p,
.eg-carousel-wrap .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-caption p,
.eg-carousel-wrap .eg-overlay-layout-9 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-caption p,
.eg-carousel-wrap .eg-overlay-layout-10 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-caption p{
display: block !important;
}
/*=================================
layout-2
=================================*/
.eg-carousel-wrap .eg-carousel-outer-layout-2 .bx-wrapper .eg-slider-caption {
display: none;
}
.eg-carousel-wrap .eg-carousel-outer-layout-2 .bx-wrapper .eg-each-item {
padding: 5px;
border: 1px solid #ccc;
}
.eg-carousel-wrap .eg-carousel-outer-layout-2 .bx-wrapper .bx-controls-direction a {
width: 40px;
height: 40px;
background: #75be08;
color: #fff;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
}
.eg-carousel-wrap .eg-carousel-outer-layout-2 .bx-wrapper .bx-controls-direction a:before {
content: '';
position: absolute;
font-family: FontAwesome;
font-size: 23px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-2 .bx-wrapper .bx-controls-direction a.bx-prev,
.eg-carousel-wrap .eg-carousel-outer-layout-2 .bx-wrapper .bx-controls-direction a.bx-next {
opacity: 0;
visibility: hidden;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
}
.eg-carousel-wrap .eg-carousel-outer-layout-2 .bx-wrapper:hover .bx-controls-direction a.bx-prev,
.eg-carousel-wrap .eg-carousel-outer-layout-2 .bx-wrapper:hover .bx-controls-direction a.bx-next {
opacity: 1;
visibility: visible;
}
.eg-carousel-wrap .eg-carousel-outer-layout-2 .bx-wrapper .bx-controls-direction a.bx-prev {
left: 0;
}
.eg-carousel-wrap .eg-carousel-outer-layout-2 .bx-wrapper .bx-controls-direction a.bx-next {
right: 0;
}
.eg-carousel-wrap .eg-carousel-outer-layout-2 .bx-wrapper .bx-controls-direction a.bx-prev:before {
content: '\f104';
left: 16px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-2 .bx-wrapper .bx-controls-direction a.bx-next:before {
content: '\f105';
right: 16px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-2 .bx-wrapper .bx-pager-item a {
background: #EC6851;
text-indent: -9999px;
display: block;
width: 15px;
height: 15px;
margin: 0 5px;
outline: 0;
border-radius: 0;
-webkit-border-radius: 0;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
border: 2px solid #fff;
box-shadow: 0px 0px 1px #EC6851 !important;
-webkit-box-shadow: 0px 0px 1px #EC6851 !important;
}
.eg-carousel-wrap .eg-carousel-outer-layout-2 .bx-wrapper .bx-pager-item a.active,
.eg-carousel-wrap .eg-carousel-outer-layout-2 .bx-wrapper .bx-pager-item a:hover {
background: #75be08;
}
/*=================================
layout-3
=================================*/
.eg-carousel-wrap .eg-carousel-outer-layout-3 .bx-wrapper .eg-slider-caption span.eg-title {
display: block !important;
font-size: 20px;
margin-bottom: 7px;
line-height: 1.2;
}
.eg-carousel-wrap .eg-carousel-outer-layout-3 .bx-wrapper .eg-slider-caption {
font-size: 12px;
color: #fff;
padding: 10px 15px 10px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-3 .bx-wrapper .eg-slider-caption p {
margin-bottom: 5px;
line-height: 1.2;
margin-top: 0;
}
.eg-carousel-wrap .eg-carousel-outer-layout-3 .bx-wrapper .eg-masonary-padding {
background: #bd315f;
}
.eg-carousel-wrap .eg-carousel-outer-layout-3 .bx-wrapper .bx-pager {
width: 50%;
left: -10px;
margin-top: 20px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-3 .bx-wrapper .bx-controls-direction {
position: absolute;
right: 0;
bottom: -10px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-3 .bx-wrapper .bx-controls-direction a {
margin-top: 0;
top: 0;
height: 30px;
width: 30px;
background: #00C9CA;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
}
.eg-carousel-wrap .eg-carousel-outer-layout-3 .bx-wrapper .bx-controls-direction a:hover {
background: #BD315F;
}
.eg-carousel-wrap .eg-carousel-outer-layout-3 .bx-wrapper .bx-controls-direction a:before {
content: '';
position: absolute;
font-family: FontAwesome;
font-size: 18px;
color: #fff;
}
.eg-carousel-wrap .eg-carousel-outer-layout-3 .bx-wrapper .bx-controls-direction a.bx-prev:before {
content: '\f104';
left: 10px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-3 .bx-wrapper .bx-controls-direction a.bx-next:before {
content: '\f105';
right: 11px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-3 .bx-wrapper .bx-controls-direction a.bx-prev {
right: 35px;
left: auto;
}
.eg-carousel-wrap .eg-carousel-outer-layout-3 .bx-wrapper .bx-controls-direction a.bx-next {
right: 0;
}
.eg-carousel-wrap .eg-carousel-outer-layout-3 .bx-wrapper .bx-pager.bx-default-pager a {
background: #00C9CA;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-carousel-wrap .eg-carousel-outer-layout-3 .bx-wrapper .bx-pager-item a.active,
.eg-carousel-wrap .eg-carousel-outer-layout-3 .bx-wrapper .bx-pager-item a:hover {
background: #BD315F;
}
.eg-carousel-wrap .eg-carousel-outer-layout-3 .bx-wrapper .bx-pager {
bottom: auto !important;
padding-top: 0 !important;
}
/*=================================
layout-4
=================================*/
.eg-carousel-wrap .eg-carousel-outer-layout-4 .bx-wrapper .eg-slider-caption {
display: none;
}
.eg-carousel-wrap .eg-carousel-outer-layout-4 .bx-wrapper .bx-viewport {
margin-bottom: 40px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-4 .bx-wrapper .bx-controls-direction a {
font-size: 16px;
text-transform: capitalize;
}
.eg-carousel-wrap .eg-carousel-outer-layout-4 .bx-wrapper .bx-controls-direction {
position: absolute;
width: 145px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.eg-carousel-wrap .eg-carousel-outer-layout-4 .bx-wrapper .bx-controls-direction a {
border: 1px solid #64cefd;
color: #fff;
background: #64cefd;
font-size: 14px;
text-transform: uppercase;
padding: 5px 10px;
line-height: 1.3;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
}
.eg-carousel-wrap .eg-carousel-outer-layout-4 .bx-wrapper .bx-controls-direction a:hover {
background: transparent;
color: #64cefd;
}
.eg-carousel-wrap .eg-carousel-outer-layout-4 .bx-wrapper .bx-pager {
display: none;
}
/*=================================
layout-5
=================================*/
.eg-carousel-wrap .eg-carousel-outer-layout-5 .bx-wrapper .eg-slider-caption {
display: none;
}
.eg-carousel-wrap .eg-carousel-outer-layout-5 .bx-wrapper .bx-viewport {
width: 85% !important;
margin: 0 auto;
}
.eg-carousel-wrap .eg-carousel-outer-layout-5 .bx-wrapper .bx-controls-direction a {
width: 40px;
height: 40px;
background: #58585A;
}
.eg-carousel-wrap .eg-carousel-outer-layout-5 .bx-wrapper .bx-controls-direction a.bx-prev:before {
position: absolute;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 0;
border-color: transparent #a5a5a5 transparent transparent;
bottom: -10px;
left: 0;
}
.eg-carousel-wrap .eg-carousel-outer-layout-5 .bx-wrapper .bx-controls-direction a.bx-next:before {
position: absolute;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 0;
border-color: #a5a5a5 transparent transparent transparent;
bottom: -10px;
right: 0;
}
.eg-carousel-wrap .eg-carousel-outer-layout-5 .bx-wrapper .bx-controls-direction a.bx-prev:after,
.eg-carousel-wrap .eg-carousel-outer-layout-5 .bx-wrapper .bx-controls-direction a.bx-next:after {
position: absolute;
content: '';
font-family: FontAwesome;
font-size: 22px;
color: #fff;
}
.eg-carousel-wrap .eg-carousel-outer-layout-5 .bx-wrapper .bx-controls-direction a.bx-prev:after {
content: '\f104';
left: 15px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-5 .bx-wrapper .bx-controls-direction a.bx-next:after {
content: '\f105';
right: 15px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-5 .bx-wrapper .bx-pager.bx-default-pager a {
background: #d0c9c9;
width: 13px;
height: 13px;
border: 1px solid #d0c9c9;
border-radius: 50%;
-webkit-border-radius: 50%;
box-shadow: inset 2px 2px 16px #fff !important;
-webkit-box-shadow: inset 2px 2px 16px #fff !important;
}
.eg-carousel-wrap .eg-carousel-outer-layout-5 .bx-wrapper .bx-pager.bx-default-pager a.active,
.eg-carousel-wrap .eg-carousel-outer-layout-5 .bx-wrapper .bx-pager.bx-default-pager a:hover {
box-shadow: none !important;
background: #58585A;
}
/*=================================
layout-6
=================================*/
.eg-carousel-wrap .eg-carousel-outer-layout-6 .bx-wrapper .eg-slider-caption {
display: none;
}
.eg-carousel-wrap .eg-carousel-outer-layout-6 .bx-wrapper {
background: #81B6BA;
padding: 20px 35px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-6 .bx-wrapper .bx-controls-direction a.bx-prev {
height: 45px;
width: 25px;
border-radius: 0 90px 90px 0;
-moz-border-radius: 0 90px 90px 0;
-webkit-border-radius: 0 90px 90px 0;
background: rgba(255,255,255,0.8);
left: 0;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-carousel-wrap .eg-carousel-outer-layout-6 .bx-wrapper .bx-controls-direction a.bx-next {
height: 45px;
width: 25px;
border-radius: 90px 0 0 90px;
-moz-border-radius: 90px 0 0 90px;
-webkit-border-radius: 90px 0 0 90px;
background: rgba(255,255,255,0.8);
right: 0;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-carousel-wrap .eg-carousel-outer-layout-6 .bx-wrapper .bx-controls-direction a.bx-next:hover,
.eg-carousel-wrap .eg-carousel-outer-layout-6 .bx-wrapper .bx-controls-direction a.bx-prev:hover {
background: #fff;
}
.eg-carousel-wrap .eg-carousel-outer-layout-6 .bx-wrapper .bx-pager {
display: none;
}
.eg-carousel-wrap .eg-carousel-outer-layout-6 .bx-wrapper .bx-controls-direction a.bx-prev:before,
.eg-carousel-wrap .eg-carousel-outer-layout-6 .bx-wrapper .bx-controls-direction a.bx-next:before {
content: '';
position: absolute;
font-family: FontAwesome;
font-size: 20px;
color: #333;
line-height: 45px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-6 .bx-wrapper .bx-controls-direction a.bx-prev:before {
content: '\f104';
left: 6px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-6 .bx-wrapper .bx-controls-direction a.bx-next:before {
content: '\f105';
right: 6px;
}
/*=================================
layout-7
=================================*/
.eg-carousel-wrap .eg-carousel-outer-layout-7 .bx-wrapper {
background: #FF5A5C;
padding: 20px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-7 .bx-wrapper .eg-slider-caption {
position: absolute;
background: rgba(0,0,0,0.6);
bottom: 0;
width: 100%;
padding: 5px 10px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-7 .bx-wrapper .eg-slider-caption span.eg-title {
display: block !important;
color: #fff;
}
.eg-carousel-wrap .eg-carousel-outer-layout-7 .bx-wrapper .eg-slider-caption p {
display: none;
}
.eg-carousel-wrap .eg-carousel-outer-layout-7 .bx-wrapper .bx-controls-direction a {
margin-top: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.eg-carousel-wrap .eg-carousel-outer-layout-7 .bx-wrapper .bx-controls-direction a.bx-prev {
height: 45px;
width: 25px;
border-radius: 90px 0 0 90px;
-moz-border-radius: 90px 0 0 90px;
-webkit-border-radius: 90px 0 0 90px;
background: #FF5A5C;
left: -25px;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-carousel-wrap .eg-carousel-outer-layout-7 .bx-wrapper .bx-controls-direction a.bx-next {
height: 45px;
width: 25px;
border-radius: 0 90px 90px 0;
-moz-border-radius: 0 90px 90px 0;
-webkit-border-radius: 0 90px 90px 0;
background: #FF5A5C;
right: -25px;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-carousel-wrap .eg-carousel-outer-layout-7 .bx-wrapper .bx-controls-direction a.bx-prev:hover,
.eg-carousel-wrap .eg-carousel-outer-layout-7 .bx-wrapper .bx-controls-direction a.bx-next:hover {
opacity: 0.7;
}
.eg-carousel-wrap .eg-carousel-outer-layout-7 .bx-wrapper .bx-controls-direction a:before {
content: '';
position: absolute;
font-family: FontAwesome;
font-size: 20px;
color: #fff;
line-height: 45px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-7 .bx-wrapper .bx-controls-direction a.bx-next:before {
content: '\f105';
right: 11px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-7 .bx-wrapper .bx-controls-direction a.bx-prev:before {
content: '\f104';
left: 10px;
}
.eg-carousel-wrap.eg-wrap .eg-carousel-outer-layout-7 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper span.eg-title,
.eg-carousel-wrap .eg-carousel-outer-layout-7 .eg-content-holder .eg-caption {
display: none;
}
.eg-carousel-wrap .eg-carousel-outer-layout-7 .bx-wrapper .bx-pager.bx-default-pager a {
width: 25px;
height: 25px;
background: transparent;
text-indent: 0;
font-weight: 400;
font-size: 13px;
color: #27ae60;
line-height: 25px;
margin: 0;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
border-radius: 50%;
-webkit-border-radius: 50%;
}
.eg-carousel-wrap .eg-carousel-outer-layout-7 .bx-wrapper .bx-pager.bx-default-pager a.active,
.eg-carousel-wrap .eg-carousel-outer-layout-7 .bx-wrapper .bx-pager.bx-default-pager a:hover {
background: #FF5A5C;
color: #fff;
}
.eg-carousel-wrap .eg-carousel-outer-layout-7 .bx-wrapper .bx-pager.bx-default-pager {
left: 0;
bottom: -40px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-7 .eg-overlay-layout-30 .eg-caption-holder {
display: none !important;
}
.eg-carousel-wrap .eg-carousel-outer-layout-7 .eg-overlay-layout-32 .eg-masonary-padding .eg-slider-caption,
.eg-carousel-wrap .eg-carousel-outer-layout-7 .eg-overlay-layout-35 .eg-masonary-padding .eg-slider-caption {
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-carousel-wrap .eg-carousel-outer-layout-7 .eg-overlay-layout-32 .eg-masonary-padding:hover .eg-slider-caption,
.eg-carousel-wrap .eg-carousel-outer-layout-7 .eg-overlay-layout-35 .eg-masonary-padding:hover .eg-slider-caption {
opacity: 0;
visibility: hidden;
}
.eg-carousel-wrap .eg-carousel-outer-layout-7 .eg-overlay-layout-16 .eg-filmstrip-caption,
.eg-carousel-wrap .eg-carousel-outer-layout-7 .eg-overlay-layout-17 .eg-filmstrip-caption {
position: static;
background: rgba(0,0,0,0.9);
}
/*=================================
layout-8
=================================*/
.eg-carousel-wrap .eg-carousel-outer-layout-8 .bx-wrapper {
background: #fff;
padding: 15px;
box-shadow: 0 0 15px #ccc;
-webkit-box-shadow: 0 0 15px #ccc;
}
.eg-carousel-wrap .eg-carousel-outer-layout-8 .bx-wrapper .eg-slider-caption {
display: none;
}
.eg-carousel-wrap .eg-carousel-outer-layout-8 .bx-wrapper .bx-controls-direction a {
width: 40px;
height: 40px;
background: #fff;
box-shadow: 0 0 15px #ccc !important;
-webkit-box-shadow: 0 0 15px #ccc !important;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-carousel-wrap .eg-carousel-outer-layout-8 .bx-wrapper .bx-controls-direction a.bx-prev {
box-shadow: -4px 0 15px #ccc !important;
-webkit-box-shadow: -4px 0 15px #ccc !important;
}
.eg-carousel-wrap .eg-carousel-outer-layout-8 .bx-wrapper .bx-controls-direction a.bx-next {
box-shadow: 4px 0 15px #ccc !important;
-webkit-box-shadow: 4px 0 15px #ccc !important;
}
.eg-carousel-wrap .eg-carousel-outer-layout-8 .bx-wrapper .bx-controls-direction a.bx-prev:hover,
.eg-carousel-wrap .eg-carousel-outer-layout-8 .bx-wrapper .bx-controls-direction a.bx-next:hover {
background: rgba(0,0,0,0.1);
}
.eg-carousel-wrap .eg-carousel-outer-layout-8 .bx-wrapper .bx-controls-direction a:before {
position: absolute;
content: '';
font-family: FontAwesome;
font-size: 20px;
color: #333;
line-height: 40px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-8 .bx-wrapper .bx-controls-direction a.bx-prev {
left: -40px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-8 .bx-wrapper .bx-controls-direction a.bx-next {
right: -40px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-8 .bx-wrapper .bx-controls-direction a.bx-prev:before {
content: '\f104';
left: 15px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-8 .bx-wrapper .bx-controls-direction a.bx-next:before {
content: '\f105';
right: 15px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-8 .bx-wrapper .bx-pager.bx-default-pager a {
border-radius: 0;
background: #b9b9b9;
box-shadow: 0 0 2px #ccc !important;
-webkit-box-shadow: 0 0 2px #ccc !important;
}
.eg-carousel-wrap .eg-carousel-outer-layout-8 .bx-wrapper .bx-pager.bx-default-pager a.active,
.eg-carousel-wrap .eg-carousel-outer-layout-8 .bx-wrapper .bx-pager.bx-default-pager a:hover {
background: #545050;
}
/*=================================
layout-9
=================================*/
.eg-carousel-wrap .eg-carousel-outer-layout-9 .bx-wrapper .eg-slider-caption {
display: none;
}
.eg-carousel-wrap .eg-carousel-outer-layout-9 .bx-wrapper .bx-controls-direction a {
width: 40px;
height: 40px;
background: #fff;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
border-bottom: 3px solid #c32d3b;
color: #c32d3b;
line-height: 40px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-9 .bx-wrapper .bx-controls-direction a:hover {
background: rgba(255,255,255,0.7);
}
.eg-carousel-wrap .eg-carousel-outer-layout-9 .bx-wrapper .bx-controls-direction a:before {
content: '';
position: absolute;
font-family: FontAwesome;
font-size: 15px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-9 .bx-wrapper .bx-controls-direction a.bx-prev:before {
content: '\f060';
left: 12px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-9 .bx-wrapper .bx-controls-direction a.bx-next:before {
content: '\f061';
right: 12px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-9 .bx-wrapper .bx-controls-direction a.bx-prev {
left: 0;
}
.eg-carousel-wrap .eg-carousel-outer-layout-9 .bx-wrapper .bx-controls-direction a.bx-next {
right: 0;
}
.eg-carousel-wrap .eg-carousel-outer-layout-9 .bx-wrapper .bx-pager {
position: relative;
padding-top: 0;
width: auto;
text-align: center;
bottom: 0;
padding-bottom: 15px;
padding-top: 15px;
left: 50%;
transform: translateX(-50%);
padding-left: 10px;
padding-right: 10px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-9 .bx-wrapper .bx-pager .bx-pager-item {
vertical-align: bottom;
}
.eg-carousel-wrap .eg-carousel-outer-layout-9 .bx-wrapper .bx-pager a {
border-radius: 0;
background: rgba(195, 45, 59, 0.5);
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-carousel-wrap .eg-carousel-outer-layout-9 .bx-wrapper .bx-pager a.active,
.eg-carousel-wrap .eg-carousel-outer-layout-9 .bx-wrapper .bx-pager a:hover {
height: 20px;
background: #c32d3b;
}
/*=================================
layout-10
=================================*/
.eg-carousel-wrap .eg-carousel-outer-layout-10 .bx-wrapper .eg-slider-caption,
.eg-carousel-wrap .eg-carousel-outer-layout-10 .bx-wrapper .bx-pager {
display: none;
}
.eg-carousel-wrap .eg-carousel-outer-layout-10 .bx-wrapper .bx-viewport {
width: 85% !important;
margin: 0 auto;
}
.eg-carousel-wrap .eg-carousel-outer-layout-10 .bx-wrapper .bx-controls-direction a {
top: 0;
margin-top: 0;
height: 100%;
width: 50px;
background: rgba(0,0,0,0.5);
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.eg-carousel-wrap .eg-carousel-outer-layout-10 .bx-wrapper .bx-controls-direction a:hover {
background: #000;
}
.eg-carousel-wrap .eg-carousel-outer-layout-10 .bx-wrapper .bx-controls-direction a:before {
content: '';
position: absolute;
font-family: FontAwesome;
font-size: 36px;
color: #fff;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.eg-carousel-wrap .eg-carousel-outer-layout-10 .bx-wrapper .bx-controls-direction a.bx-prev:before {
content: '\f104';
left: 17px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-10 .bx-wrapper .bx-controls-direction a.bx-next:before {
content: '\f105';
right: 17px;
}
.eg-carousel-wrap .eg-carousel-outer-layout-10 .bx-wrapper .bx-controls-direction a.bx-prev {
left: 0;
}
.eg-carousel-wrap .eg-carousel-outer-layout-10 .bx-wrapper .bx-controls-direction a.bx-next {
right: 0;
}
/*=======================================================
slider layout hover css
========================================================*/
.eg-slideshow-outer-layout-1 .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder {
top: 50%;
margin-top: -5px;
}
.eg-slideshow-outer-layout-1 .eg-overlay-layout-14 .eg-overlay-wrapper .eg-button-holder {
padding-right: 60px;
}
.eg-slideshow-outer-layout-1 .eg-overlay-layout-19 .eg-overlay-wrapper .eg-button-holder {
position: absolute;
top: 20px;
}
.eg-slideshow-outer-layout-1 .eg-overlay-layout-35 .eg-overlay-wrapper .eg-button-holder {
top: 50%;
margin-top: 50px;
}
/*==============*/
.eg-slideshow-outer-layout-2 .eg-overlay-layout-9 .eg-overlay-wrapper:hover .eg-mask .eg-content-holder {
padding: 0 90px 0 30px;
}
.eg-slideshow-outer-layout-2 .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder {
top: 50%;
margin-top: -65px;
}
.eg-slideshow-outer-layout-2 .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-caption {
top: 59%;
}
.eg-slideshow-outer-layout-2 .eg-overlay-layout-14 .eg-overlay-wrapper .eg-mask .eg-button-holder {
padding-right: 12px;
bottom: 50px;
}
.eg-slideshow-outer-layout-2 .eg-overlay-layout-15 .eg-overlay-wrapper .eg-caption {
padding-bottom: 45px;
}
.eg-slideshow-outer-layout-2 .eg-overlay-layout-31 .eg-overlay-wrapper .eg-mask .eg-caption {
padding-bottom: 40px;
}
.eg-slideshow-outer-layout-2 .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder {
top: 50%;
margin-top: -50px;
}
/*====================*/
.eg-slideshow-outer-layout-3 .eg-overlay-layout-2 .eg-overlay-wrapper .eg-title {
top: 50px;
}
.eg-slideshow-outer-layout-3 .eg-overlay-layout-2 .eg-overlay-wrapper .eg-caption {
top: 85px;
}
.eg-slideshow-outer-layout-3 .eg-overlay-layout-4 .eg-overlay-wrapper .eg-button-holder {
top: 60px;
}
.eg-slideshow-outer-layout-3 .eg-overlay-layout-5 .eg-overlay-wrapper .eg-button-holder {
top: 60px;
}
.eg-slideshow-outer-layout-3 .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder {
top: 50%;
margin-top: -60px;
}
.eg-slideshow-outer-layout-3 .eg-overlay-layout-10 .eg-overlay-wrapper .eg-content-holder .eg-caption {
top: 58%;
}
/*=======================*/
.eg-slideshow-outer-layout-4 .eg-overlay-layout-2 .eg-overlay-wrapper .eg-title {
top: 50px;
}
.eg-slideshow-outer-layout-4 .eg-overlay-layout-2 .eg-overlay-wrapper .eg-caption {
top: 80px;
}
.eg-slideshow-outer-layout-4 .eg-overlay-layout-4 .eg-overlay-wrapper .eg-button-holder {
top: 60px;
}
.eg-slideshow-outer-layout-4 .eg-overlay-layout-5 .eg-overlay-wrapper .eg-button-holder {
top: 60px;
}
.eg-slideshow-outer-layout-4 .eg-overlay-layout-9 .eg-overlay-wrapper:hover .eg-mask .eg-content-holder {
padding: 0 90px 0 30px;
}
.eg-slideshow-outer-layout-4 .eg-overlay-layout-15 .eg-overlay-wrapper .eg-caption {
text-align: left;
}
.eg-slideshow-outer-layout-4 .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder {
top: 50%;
margin-top: -50px;
}
.eg-slideshow-outer-layout-4 .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-caption {
padding-bottom: 50px;
}
.eg-slideshow-outer-layout-4 .eg-overlay-layout-35 .eg-overlay-wrapper .eg-button-holder {
margin-top: 40px;
}
/*=======================================================
filmstirp layout hover css
========================================================*/
.eg-filmstrip-outer-layout-1 .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder {
top: 50%;
margin-top: -50px;
}
.eg-filmstrip-outer-layout-1 .eg-overlay-layout-19 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder {
position: absolute;
top: 20px;
}
.eg-filmstrip-wrap .eg-filmstrip-outer-layout-5 .eg-filmstrip-caption {
display: none;
}
/*=======================================================
blog layout hover css
========================================================*/
.eg-blog-layout-2 .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-blog-layout-2 .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-2 .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-2 .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-2 .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-blog-layout-2 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-blog-layout-2 .eg-overlay-layout-34 .eg-content-holder,
.eg-blog-layout-2 .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-2 .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-2 .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-blog-layout-2 .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-2 .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-2 .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-2 .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-blog-layout-2 .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-blog-layout-2 .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-blog-layout-1 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-blog-layout-1 .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-blog-layout-1 .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-1 .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-1 .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-1 .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-blog-layout-1 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-blog-layout-1 .eg-overlay-layout-34 .eg-content-holder,
.eg-blog-layout-1 .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-1 .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-1 .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-blog-layout-1 .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-1 .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-1 .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-1 .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-blog-layout-1 .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-blog-layout-1 .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-blog-layout-3 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-blog-layout-3 .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-blog-layout-3 .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-3 .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-3 .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-3 .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-blog-layout-3 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-blog-layout-3 .eg-overlay-layout-34 .eg-content-holder,
.eg-blog-layout-3 .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-3 .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-3 .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-blog-layout-3 .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-3 .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-3 .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-3 .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-blog-layout-3 .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-blog-layout-3 .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-blog-layout-4 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-blog-layout-4 .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-blog-layout-4 .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-4 .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-4 .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-4 .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-blog-layout-4 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-blog-layout-4 .eg-overlay-layout-34 .eg-content-holder,
.eg-blog-layout-4 .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-4 .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-4 .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-blog-layout-4 .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-4 .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-4 .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-4 .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-blog-layout-4 .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-blog-layout-4 .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-blog-layout-5 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-blog-layout-5 .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-blog-layout-5 .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-5 .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-5 .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-5 .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-blog-layout-5 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-blog-layout-5 .eg-overlay-layout-34 .eg-content-holder,
.eg-blog-layout-5 .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-5 .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-5 .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-blog-layout-5 .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-5 .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-5 .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-5 .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-blog-layout-5 .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-blog-layout-5 .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-blog-layout-6 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-blog-layout-6 .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-blog-layout-6 .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-6 .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-6 .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-6 .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-blog-layout-6 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-blog-layout-6 .eg-overlay-layout-34 .eg-content-holder,
.eg-blog-layout-6 .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-6 .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-6 .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-blog-layout-6 .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-6 .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-6 .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-6 .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-blog-layout-6 .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-blog-layout-6 .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-blog-layout-7 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-blog-layout-7 .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-blog-layout-7 .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-7 .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-7 .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-7 .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-blog-layout-7 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-blog-layout-7 .eg-overlay-layout-34 .eg-content-holder,
.eg-blog-layout-7 .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-7 .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-7 .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-blog-layout-7 .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-7 .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-7 .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-blog-layout-7 .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-blog-layout-7 .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-blog-layout-7 .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-carousel-outer-layout-1 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-carousel-outer-layout-1 .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-carousel-outer-layout-1 .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-1 .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-1 .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-1 .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-carousel-outer-layout-1 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-carousel-outer-layout-1 .eg-overlay-layout-34 .eg-content-holder,
.eg-carousel-outer-layout-1 .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-1 .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-1 .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-carousel-outer-layout-1 .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-1 .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-1 .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-1 .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-carousel-outer-layout-1 .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-carousel-outer-layout-1 .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-carousel-outer-layout-2 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-carousel-outer-layout-2 .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-carousel-outer-layout-2 .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-2 .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-2 .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-2 .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-carousel-outer-layout-2 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-carousel-outer-layout-2 .eg-overlay-layout-34 .eg-content-holder,
.eg-carousel-outer-layout-2 .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-2 .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-2 .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-carousel-outer-layout-2 .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-2 .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-2 .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-2 .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-carousel-outer-layout-2 .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-carousel-outer-layout-2 .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-carousel-outer-layout-3 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-carousel-outer-layout-3 .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-carousel-outer-layout-3 .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-3 .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-3 .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-3 .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-carousel-outer-layout-3 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-carousel-outer-layout-3 .eg-overlay-layout-34 .eg-content-holder,
.eg-carousel-outer-layout-3 .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-3 .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-3 .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-carousel-outer-layout-3 .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-3 .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-3 .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-3 .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-carousel-outer-layout-3 .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-carousel-outer-layout-3 .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-carousel-outer-layout-4 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-carousel-outer-layout-4 .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-carousel-outer-layout-4 .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-4 .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-4 .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-4 .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-carousel-outer-layout-4 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-carousel-outer-layout-4 .eg-overlay-layout-34 .eg-content-holder,
.eg-carousel-outer-layout-4 .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-4 .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-4 .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-carousel-outer-layout-4 .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-4 .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-4 .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-4 .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-carousel-outer-layout-4 .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-carousel-outer-layout-4 .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-carousel-outer-layout-5 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-carousel-outer-layout-5 .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-carousel-outer-layout-5 .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-5 .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-5 .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-5 .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-carousel-outer-layout-5 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-carousel-outer-layout-5 .eg-overlay-layout-34 .eg-content-holder,
.eg-carousel-outer-layout-5 .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-5 .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-5 .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-carousel-outer-layout-5 .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-5 .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-5 .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-5 .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-carousel-outer-layout-5 .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-carousel-outer-layout-5 .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-carousel-outer-layout-6 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-carousel-outer-layout-6 .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-carousel-outer-layout-6 .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-6 .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-6 .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-6 .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-carousel-outer-layout-6 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-carousel-outer-layout-6 .eg-overlay-layout-34 .eg-content-holder,
.eg-carousel-outer-layout-6 .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-6 .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-6 .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-carousel-outer-layout-6 .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-6 .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-6 .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-6 .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-carousel-outer-layout-6 .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-carousel-outer-layout-6 .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-carousel-outer-layout-7 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-carousel-outer-layout-7 .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-carousel-outer-layout-7 .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-7 .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-7 .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-7 .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-carousel-outer-layout-7 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-carousel-outer-layout-7 .eg-overlay-layout-34 .eg-content-holder,
.eg-carousel-outer-layout-7 .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-7 .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-7 .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-carousel-outer-layout-7 .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-7 .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-7 .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-7 .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-carousel-outer-layout-7 .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-carousel-outer-layout-7 .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-carousel-outer-layout-8 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-carousel-outer-layout-8 .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-carousel-outer-layout-8 .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-8 .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-8 .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-8 .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-carousel-outer-layout-8 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-carousel-outer-layout-8 .eg-overlay-layout-34 .eg-content-holder,
.eg-carousel-outer-layout-8 .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-8 .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-8 .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-carousel-outer-layout-8 .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-8 .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-8 .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-8 .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-carousel-outer-layout-8 .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-carousel-outer-layout-8 .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-carousel-outer-layout-9 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-carousel-outer-layout-9 .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-carousel-outer-layout-9 .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-9 .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-9 .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-9 .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-carousel-outer-layout-9 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-carousel-outer-layout-9 .eg-overlay-layout-34 .eg-content-holder,
.eg-carousel-outer-layout-9 .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-9 .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-9 .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-carousel-outer-layout-9 .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-9 .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-9 .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-9 .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-carousel-outer-layout-9 .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-carousel-outer-layout-9 .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-carousel-outer-layout-10 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-carousel-outer-layout-10 .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-carousel-outer-layout-10 .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-10 .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-10 .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-10 .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-carousel-outer-layout-10 .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-carousel-outer-layout-10 .eg-overlay-layout-34 .eg-content-holder,
.eg-carousel-outer-layout-10 .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-10 .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-10 .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-carousel-outer-layout-10 .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-10 .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-10 .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-carousel-outer-layout-10 .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-carousel-outer-layout-10 .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-carousel-outer-layout-10 .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder {
top: 50%;
margin-top: -20px;
}
.eg-grid-wrap.eg-component-lightbox-link .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-grid-wrap.eg-component-lightbox-link .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-grid-wrap.eg-component-lightbox-link .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link .eg-overlay-layout-34 .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-grid-wrap.eg-component-lightbox-link .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-masonary-wrap.eg-component-lightbox-link .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-masonary-wrap.eg-component-lightbox-link .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link .eg-overlay-layout-34 .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-masonary-wrap.eg-component-lightbox-link .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-grid-wrap.eg-component-lightbox .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-grid-wrap.eg-component-lightbox .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox .eg-overlay-layout-34 .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-grid-wrap.eg-component-lightbox .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-masonary-wrap.eg-component-lightbox .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-masonary-wrap.eg-component-lightbox .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox .eg-overlay-layout-34 .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-masonary-wrap.eg-component-lightbox .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-grid-wrap.eg-component-link .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-link .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-grid-wrap.eg-component-link .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-grid-wrap.eg-component-link .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-link .eg-overlay-layout-34 .eg-content-holder,
.eg-grid-wrap.eg-component-link .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-grid-wrap.eg-component-link .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-grid-wrap.eg-component-link .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-link .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-link .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-masonary-wrap.eg-component-link .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-masonary-wrap.eg-component-link .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-link .eg-overlay-layout-34 .eg-content-holder,
.eg-masonary-wrap.eg-component-link .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-masonary-wrap.eg-component-link .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-link .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-grid-wrap.eg-component-title-caption .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-title-caption .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-grid-wrap.eg-component-title-caption .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-title-caption .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-title-caption .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-title-caption .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-grid-wrap.eg-component-title-caption .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-title-caption .eg-overlay-layout-34 .eg-content-holder,
.eg-grid-wrap.eg-component-title-caption .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-title-caption .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-title-caption .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-title-caption .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-title-caption .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-title-caption .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-title-caption .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-grid-wrap.eg-component-title-caption .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-grid-wrap.eg-component-title-caption .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-title-caption .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-title-caption .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-masonary-wrap.eg-component-title-caption .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-title-caption .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-title-caption .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-title-caption .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-masonary-wrap.eg-component-title-caption .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-title-caption .eg-overlay-layout-34 .eg-content-holder,
.eg-masonary-wrap.eg-component-title-caption .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-title-caption .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-title-caption .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-title-caption .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-title-caption .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-title-caption .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-title-caption .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-masonary-wrap.eg-component-title-caption .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-title-caption .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-grid-wrap.eg-component-title .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-title .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-grid-wrap.eg-component-title .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-title .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-title .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-title .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-grid-wrap.eg-component-title .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-title .eg-overlay-layout-34 .eg-content-holder,
.eg-grid-wrap.eg-component-title .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-title .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-title .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-title .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-title .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-title .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-title .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-grid-wrap.eg-component-title .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-grid-wrap.eg-component-title .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-title .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-title .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-masonary-wrap.eg-component-title .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-title .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-title .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-title .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-masonary-wrap.eg-component-title .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-title .eg-overlay-layout-34 .eg-content-holder,
.eg-masonary-wrap.eg-component-title .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-title .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-title .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-title .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-title .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-title .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-title .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-masonary-wrap.eg-component-title .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-title .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder
{
top: 50%;
margin-top: -20px;
}
.eg-grid-wrap.eg-component-lightbox-link-title .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-title .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-grid-wrap.eg-component-lightbox-link-title .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-title .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-title .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-title .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-grid-wrap.eg-component-lightbox-link-title .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-title .eg-overlay-layout-34 .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-title .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-title .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-title .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-title .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-title .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-title .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-title .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-grid-wrap.eg-component-lightbox-link-title .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-title .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-title .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-title .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-masonary-wrap.eg-component-lightbox-link-title .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-title .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-title .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-title .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-masonary-wrap.eg-component-lightbox-link-title .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-title .eg-overlay-layout-34 .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-title .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-title .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-title .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-title .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-title .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-title .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-title .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-masonary-wrap.eg-component-lightbox-link-title .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-title .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-grid-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-grid-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-34 .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-grid-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-masonary-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-masonary-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-34 .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-masonary-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-link-caption .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder {
top: 50%;
margin-top: -30px;
}
.eg-grid-wrap.eg-component-link-title .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-link-title .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-grid-wrap.eg-component-link-title .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link-title .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link-title .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link-title .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-grid-wrap.eg-component-link-title .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-link-title .eg-overlay-layout-34 .eg-content-holder,
.eg-grid-wrap.eg-component-link-title .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link-title .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link-title .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link-title .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link-title .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link-title .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link-title .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-grid-wrap.eg-component-link-title .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-grid-wrap.eg-component-link-title .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-link-title .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-link-title .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-masonary-wrap.eg-component-link-title .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link-title .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link-title .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link-title .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-masonary-wrap.eg-component-link-title .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-link-title .eg-overlay-layout-34 .eg-content-holder,
.eg-masonary-wrap.eg-component-link-title .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link-title .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link-title .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link-title .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link-title .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link-title .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link-title .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-masonary-wrap.eg-component-link-title .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-link-title .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-title .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-title .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-grid-wrap.eg-component-lightbox-title .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-title .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-title .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-title .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-grid-wrap.eg-component-lightbox-title .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-title .eg-overlay-layout-34 .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-title .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-title .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-title .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-title .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-title .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-title .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-title .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-grid-wrap.eg-component-lightbox-title .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-title .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-title .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-title .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-masonary-wrap.eg-component-lightbox-title .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-title .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-title .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-title .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-masonary-wrap.eg-component-lightbox-title .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-title .eg-overlay-layout-34 .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-title .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-title .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-title .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-title .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-title .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-title .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-title .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-masonary-wrap.eg-component-lightbox-title .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-title .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-caption .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-caption .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-grid-wrap.eg-component-lightbox-caption .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-caption .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-caption .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-caption .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-grid-wrap.eg-component-lightbox-caption .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-caption .eg-overlay-layout-34 .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-caption .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-caption .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-caption .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-caption .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-caption .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-caption .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-caption .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-grid-wrap.eg-component-lightbox-caption .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-grid-wrap.eg-component-lightbox-caption .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-caption .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-caption .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-masonary-wrap.eg-component-lightbox-caption .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-caption .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-caption .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-caption .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-masonary-wrap.eg-component-lightbox-caption .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-caption .eg-overlay-layout-34 .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-caption .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-caption .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-caption .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-caption .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-caption .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-caption .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-caption .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-masonary-wrap.eg-component-lightbox-caption .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-lightbox-caption .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-grid-wrap.eg-component-link-caption .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-link-caption .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-grid-wrap.eg-component-link-caption .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link-caption .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link-caption .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link-caption .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-grid-wrap.eg-component-link-caption .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-link-caption .eg-overlay-layout-34 .eg-content-holder,
.eg-grid-wrap.eg-component-link-caption .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link-caption .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link-caption .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link-caption .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link-caption .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link-caption .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-link-caption .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-grid-wrap.eg-component-link-caption .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-grid-wrap.eg-component-link-caption .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-link-caption .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-link-caption .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-masonary-wrap.eg-component-link-caption .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link-caption .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link-caption .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link-caption .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-masonary-wrap.eg-component-link-caption .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-link-caption .eg-overlay-layout-34 .eg-content-holder,
.eg-masonary-wrap.eg-component-link-caption .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link-caption .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link-caption .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link-caption .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link-caption .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link-caption .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-link-caption .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-masonary-wrap.eg-component-link-caption .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-link-caption .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder {
top: 50%;
margin-top: -40px;
}
.eg-grid-wrap.eg-component-caption .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-caption .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-grid-wrap.eg-component-caption .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-caption .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-caption .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-caption .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-grid-wrap.eg-component-caption .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-grid-wrap.eg-component-caption .eg-overlay-layout-34 .eg-content-holder,
.eg-grid-wrap.eg-component-caption .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-caption .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-caption .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-caption .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-caption .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-caption .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-grid-wrap.eg-component-caption .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-grid-wrap.eg-component-caption .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-grid-wrap.eg-component-caption .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-caption .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-caption .eg-overlay-layout-31 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-button-holder,
.eg-masonary-wrap.eg-component-caption .eg-overlay-layout-28 .eg-overlay-wrapper:hover .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-caption .eg-overlay-layout-29 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-caption .eg-overlay-layout-27 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-caption .eg-overlay-layout-35 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper,
.eg-masonary-wrap.eg-component-caption .eg-overlay-layout-3 .eg-overlay-wrapper:hover .eg-content-holder,
.eg-masonary-wrap.eg-component-caption .eg-overlay-layout-34 .eg-content-holder,
.eg-masonary-wrap.eg-component-caption .eg-overlay-layout-26 .eg-overlay-wrapper:hover .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-caption .eg-overlay-layout-25 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-caption .eg-overlay-layout-22 .eg-overlay-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-caption .eg-overlay-layout-20 .eg-overlay-wrapper .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-caption .eg-overlay-layout-13 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-caption .eg-overlay-layout-12 .eg-overlay-wrapper .eg-mask .eg-inner-wrapper .eg-content-holder,
.eg-masonary-wrap.eg-component-caption .eg-overlay-layout-10 .eg-overlay-wrapper:hover .eg-button-holder,
.eg-masonary-wrap.eg-component-caption .eg-overlay-layout-8 .eg-overlay-wrapper .eg-mask .eg-content-holder,
.eg-masonary-wrap.eg-component-caption .eg-overlay-layout-7 .eg-overlay-wrapper .eg-mask .eg-content-holder {
top: 50%;
margin-top: -10px;
}
.eg-everest-lightbox-source-holder audio {
width: 100%;
}
.eg-overlay-wrapper .eg-item-type-icon {
position: absolute;
z-index: 999;
top: 50%;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
width: 40px;
font-size: 20px;
color: #fff;
transform: translateY(-50%);
background: rgba(0,0,0,0.9);
height: 40px;
text-align: center;
padding: 9px;
border-radius: 5px;
opacity: 1;
visibility: visible;
transiton: all ease 0.3s;
-webkit-transiton: all ease 0.3s;
line-height: 1;
}
.eg-overlay-wrapper:hover .eg-item-type-icon {
opacity: 0;
visibility: hidden;
}
/*=============================
responsive
=============================*/
@media (max-width: 1170px) {
.eg-blog-wrap .eg-blog-layout-7 .eg-each-item {
width: 100%;
float: none;
margin-bottom: 10px;
}
.eg-blog-wrap .eg-blog-layout-7 .eg-each-item .eg-blog-item-inner-wrap.eg-blog-image-right .blog-image-holer {
float: left;
}
}
@media (max-width: 768px) {
.eg-blog-layout-1 .blog-image-holer,
.eg-blog-layout-1 .eg-blog-caption {
width: 100% !important;
float: none !important;
}
.eg-blog-layout-1 .blog-image-holer {
margin-bottom: 5px;
}
.eg-blog-wrap .eg-blog-layout-1 .eg-each-item:nth-child(odd) .eg-blog-item-inner-wrap .eg-blog-caption {
padding-right: 0;
}
.eg-blog-wrap .eg-blog-layout-1 .eg-blog-item-inner-wrap .eg-blog-caption {
padding-left: 0;
}
.eg-blog-wrap .eg-blog-layout-2 .eg-each-item .blog-image-holer,
.eg-blog-wrap .eg-blog-layout-2 .eg-each-item .eg-blog-caption,
.eg-blog-wrap .eg-blog-layout-3 .eg-each-item .blog-image-holer,
.eg-blog-wrap .eg-blog-layout-3 .eg-each-item .eg-blog-caption,
.eg-blog-wrap .eg-blog-layout-5 .eg-each-item .blog-image-holer,
.eg-blog-wrap .eg-blog-layout-5 .eg-each-item .eg-blog-caption,
.eg-blog-wrap .eg-blog-layout-6 .eg-each-item,
.eg-blog-wrap .eg-blog-layout-7 .eg-each-item .eg-blog-item-inner-wrap .blog-image-holer,
.eg-blog-wrap .eg-blog-layout-7 .eg-each-item .eg-blog-item-inner-wrap .eg-blog-caption {
width: 100%;
float: none;
}
.eg-blog-wrap .eg-blog-layout-7 .eg-each-item .eg-blog-item-inner-wrap .eg-blog-caption {
padding-left: 0;
}
.eg-blog-wrap .eg-blog-layout-2 .eg-each-item .eg-blog-caption,
.eg-blog-wrap .eg-blog-layout-3 .eg-each-item .eg-blog-caption,
.eg-blog-wrap .eg-blog-layout-5 .eg-each-item .eg-blog-caption {
padding: 20px 0;
}
.eg-blog-wrap .eg-blog-layout-6 .eg-each-item:nth-child(even) {
margin-left: 0;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-4 .bx-wrapper .bx-controls-direction a:before {
font-size: 16px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-4 .bx-wrapper .bx-controls-direction a.bx-next:before {
right: 8px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-4 .bx-wrapper .bx-controls-direction a.bx-prev:before {
left: 7px;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-3 .bx-wrapper .bx-controls.bx-has-pager .bx-pager {
position: static;
text-align: center;
}
.eg-slideshow-wrap .eg-slideshow-outer-layout-3 .bx-wrapper .bx-controls .bx-controls-direction {
margin: 0 auto;
}
}
/* Version 1.0.3 */
.eg-grid-items-wrap{
margin:0 -10px;
}
.eg-grid-wrap.eg-column-4.eg-grid-layout-2 .eg-each-item {
width: 25%;
margin-right: 0;
padding:0 10px;
}
.eg-grid-wrap.eg-column-3.eg-grid-layout-2 .eg-each-item{
width: 33.33%;
margin-right: 0;
padding:0 10px;
}
.eg-grid-wrap.eg-column-2.eg-grid-layout-2 .eg-each-item{
width: 50%;
margin-right: 0;
padding:0 10px;
}
.eg-grid-wrap.eg-column-5.eg-grid-layout-2 .eg-each-item {
width: 20%;
margin-right: 0;
padding:0 10px;
}
.eg-grid-wrap.eg-column-6.eg-grid-layout-2 .eg-each-item {
width: 16.66%;
margin-right: 0;
padding:0 10px;
}
.eg-grid-wrap.eg-column-2 .eg-each-item:nth-child(2n+1), .eg-masonary-wrap.eg-column-2 .eg-each-item:nth-child(2n+1),
.eg-grid-wrap.eg-column-3 .eg-each-item:nth-child(3n+1), .eg-masonary-wrap.eg-column-3 .eg-each-item:nth-child(3n+1),
.eg-grid-wrap.eg-column-4 .eg-each-item:nth-child(4n+1), .eg-masonary-wrap.eg-column-4 .eg-each-item:nth-child(4n+1),
.eg-grid-wrap.eg-column-5 .eg-each-item:nth-child(5n+1), .eg-masonary-wrap.eg-column-5 .eg-each-item:nth-child(5n+1),
.eg-grid-wrap.eg-column-6 .eg-each-item:nth-child(6n+1), .eg-masonary-wrap.eg-column-6 .eg-each-item:nth-child(6n+1) {
clear:none;
}
.eg-carousel-wrap .eg-content-holder .eg-caption p {
display:block !important;
}
/* Version 1.0.3 */