h1, h2, h3, h4, h5, h6 {
-webkit-font-smoothing: antialiased;
}
body, p {
-webkit-font-smoothing: antialiased !important;
}
.fusion-main-menu > ul > li > a {
-webkit-font-smoothing: antialiased;
font-weight: 600;
}
.newstickyheader {
visibility: hidden;
opacity: 0;
width: 0;
}
.fusion-header-wrapper.fusion-is-sticky .newstickyheader {
visibility: visible;
opacity: 1;
margin-top: 17px;
width: inherit;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.grid {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 1000px;
list-style: none;
text-align: center;
} .grid figure {
position: relative;
float: left;
overflow: hidden;
margin: 0px;
max-width: 100%;
background: rgb(20, 36, 74);
text-align: center;
cursor: pointer;
}
.grid figure img {
position: relative;
display: block;
max-width: 100%;
opacity: 0.5;
}
.grid figure figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}  .grid figure h2 {
word-spacing: -0.15em;
font-weight: 300;
}
.grid figure h2 span {
font-weight: 800;
}
.grid figure h2,
.grid figure p {
margin: 0;
}
.grid figure p {
letter-spacing: 1px;
font-size: 68.5%;
}   figure.effect-chico img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
figure.effect-chico:hover img {
opacity: 0.4;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-chico figcaption {
padding: 15%;
}
figure.effect-chico figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 3px solid #fff;
content: '';
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
figure.effect-chico figcaption::before,
figure.effect-chico p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-chico h2 {
padding: 20% 0 20px 0;
}
figure.effect-chico p {
margin: 0 auto;
max-width: 200px;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
@media screen and (max-width: 50em) {
.content {
padding: 0 10px;
text-align: center;
}
.grid figure {
display: inline-block;
float: none;
margin:0;
width: 100%;
}
}
.portfolioThumbnailHeading {
color: #fff !important;
font-size: 32px !important;
position: absolute;
top: 25%;
left: 0;
width: 100%;
text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.35);
margin: 0 !important;
}
figure.effect-sadie figcaption::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);
}
figure.effect-sadie h2 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #484c61;
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0);
}
figure.effect-sadie figcaption::before,
figure.effect-sadie p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-sadie p {
position: absolute;
bottom: 0;
left: 0;
padding: 2em;
width: 100%;
opacity: 0;
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
}
figure.effect-sadie:hover h2 {
color: #fff;
-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}
figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.teejay-tab .tab-content {
max-width: 70%;
margin-left: auto;
margin-right: auto;
font-size: 20px;
line-height: 1.75;
}
.actionBtn1 {
overflow:hidden;
position:relative;
display:block;
width:166px;
height:38px;
margin:auto;
line-height:40px;
border:1px solid #4c4c4d;
color:#4c4c4d;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-size:14px;
font-family:oswald;
}
.actionBtn1 span {
position:relative;
transition:color .25s ease-out;
-webkit-transition:color .5s ease-out;
-moz-transition:color .5s ease-out;
}
.actionBtn1:hover span {
color:#fff;
}
.actionBtn1 .hover {
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:100%;
background:#4c4c4d;
border:1px solid transparent;
transform:scale(1,0);
-webkit-transform:scale(1,0);
-moz-transform:scale(1,0);
-ms-transform:scale(1,0);
transform-origin:center top;
-webkit-transform-origin:center top;
-moz-transform-origin:center top;
-ms-transform-origin:center top;
transition:all .2s ease-out;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
}
.actionBtn1:hover .hover {
transform:scale(1,1);
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);
}