5191 lines
113 KiB
CSS
5191 lines
113 KiB
CSS
/*
|
|
PageLayer Frontend Framework
|
|
*/
|
|
|
|
[pagelayer-id]{
|
|
transition:0.5s;
|
|
}
|
|
|
|
/* Experimental All FLEX code
|
|
.pagelayer-ele,
|
|
.pagelayer-ele-wrap,*/
|
|
|
|
/*Flex - Rows and Cols*/
|
|
.pagelayer-row,
|
|
.pagelayer-inner_row,
|
|
.pagelayer-row-holder,
|
|
.pagelayer-col,
|
|
.pagelayer-col-holder{
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
width:100%;
|
|
align-content: stretch;
|
|
position: relative;
|
|
}
|
|
|
|
/* The col holder should be flex-start and not stretch because elements in it should take automatic height */
|
|
.pagelayer-col,
|
|
.pagelayer-col-holder{
|
|
align-content: flex-start;
|
|
}
|
|
|
|
/* Each immediate element in the col-holder should have full width */
|
|
.pagelayer-col-holder>*{
|
|
width: 100%;
|
|
}
|
|
|
|
.pagelayer-row.pagelayer-auto .pagelayer-col {
|
|
flex-grow: 1; }
|
|
|
|
.pagelayer-col-1 {
|
|
width: 8.33333%; }
|
|
|
|
.pagelayer-offset-1 {
|
|
margin-left: 8.33333%; }
|
|
|
|
.pagelayer-col-2 {
|
|
width: 16.66667%; }
|
|
|
|
.pagelayer-offset-2 {
|
|
margin-left: 16.66667%; }
|
|
|
|
.pagelayer-col-3 {
|
|
width: 25%; }
|
|
|
|
.pagelayer-offset-3 {
|
|
margin-left: 25%; }
|
|
|
|
.pagelayer-col-4 {
|
|
width: 33.33333%; }
|
|
|
|
.pagelayer-offset-4 {
|
|
margin-left: 33.33333%; }
|
|
|
|
.pagelayer-col-5 {
|
|
width: 41.66667%; }
|
|
|
|
.pagelayer-offset-5 {
|
|
margin-left: 41.66667%; }
|
|
|
|
.pagelayer-col-6 {
|
|
width: 50%; }
|
|
|
|
.pagelayer-offset-6 {
|
|
margin-left: 50%; }
|
|
|
|
.pagelayer-col-7 {
|
|
width: 58.33333%; }
|
|
|
|
.pagelayer-offset-7 {
|
|
margin-left: 58.33333%; }
|
|
|
|
.pagelayer-col-8 {
|
|
width: 66.66667%; }
|
|
|
|
.pagelayer-offset-8 {
|
|
margin-left: 66.66667%; }
|
|
|
|
.pagelayer-col-9 {
|
|
width: 75%; }
|
|
|
|
.pagelayer-offset-9 {
|
|
margin-left: 75%; }
|
|
|
|
.pagelayer-col-10 {
|
|
width: 83.33333%; }
|
|
|
|
.pagelayer-offset-10 {
|
|
margin-left: 83.33333%; }
|
|
|
|
.pagelayer-col-11 {
|
|
width: 91.66667%; }
|
|
|
|
.pagelayer-offset-11 {
|
|
margin-left: 91.66667%; }
|
|
|
|
.pagelayer-col-12 {
|
|
width: 100%; }
|
|
|
|
.pagelayer-offset-12 {
|
|
margin-left: 100%; }
|
|
|
|
.pagelayer-gutters > .pagelayer-col-1 {
|
|
width: calc(8.33333% - 2%); }
|
|
|
|
.pagelayer-gutters > .pagelayer-offset-1 {
|
|
margin-left: calc(8.33333% + 2%) !important; }
|
|
|
|
.pagelayer-gutters > .pagelayer-col-2 {
|
|
width: calc(16.66667% - 2%); }
|
|
|
|
.pagelayer-gutters > .pagelayer-offset-2 {
|
|
margin-left: calc(16.66667% + 2%) !important; }
|
|
|
|
.pagelayer-gutters > .pagelayer-col-3 {
|
|
width: calc(25% - 2%); }
|
|
|
|
.pagelayer-gutters > .pagelayer-offset-3 {
|
|
margin-left: calc(25% + 2%) !important; }
|
|
|
|
.pagelayer-gutters > .pagelayer-col-4 {
|
|
width: calc(33.33333% - 2%); }
|
|
|
|
.pagelayer-gutters > .pagelayer-offset-4 {
|
|
margin-left: calc(33.33333% + 2%) !important; }
|
|
|
|
.pagelayer-gutters > .pagelayer-col-5 {
|
|
width: calc(41.66667% - 2%); }
|
|
|
|
.pagelayer-gutters > .pagelayer-offset-5 {
|
|
margin-left: calc(41.66667% + 2%) !important; }
|
|
|
|
.pagelayer-gutters > .pagelayer-col-6 {
|
|
width: calc(50% - 2%); }
|
|
|
|
.pagelayer-gutters > .pagelayer-offset-6 {
|
|
margin-left: calc(50% + 2%) !important; }
|
|
|
|
.pagelayer-gutters > .pagelayer-col-7 {
|
|
width: calc(58.33333% - 2%); }
|
|
|
|
.pagelayer-gutters > .pagelayer-offset-7 {
|
|
margin-left: calc(58.33333% + 2%) !important; }
|
|
|
|
.pagelayer-gutters > .pagelayer-col-8 {
|
|
width: calc(66.66667% - 2%); }
|
|
|
|
.pagelayer-gutters > .pagelayer-offset-8 {
|
|
margin-left: calc(66.66667% + 2%) !important; }
|
|
|
|
.pagelayer-gutters > .pagelayer-col-9 {
|
|
width: calc(75% - 2%); }
|
|
|
|
.pagelayer-gutters > .pagelayer-offset-9 {
|
|
margin-left: calc(75% + 2%) !important; }
|
|
|
|
.pagelayer-gutters > .pagelayer-col-10 {
|
|
width: calc(83.33333% - 2%); }
|
|
|
|
.pagelayer-gutters > .pagelayer-offset-10 {
|
|
margin-left: calc(83.33333% + 2%) !important; }
|
|
|
|
.pagelayer-gutters > .pagelayer-col-11 {
|
|
width: calc(91.66667% - 2%); }
|
|
|
|
.pagelayer-gutters > .pagelayer-offset-11 {
|
|
margin-left: calc(91.66667% + 2%) !important; }
|
|
|
|
.pagelayer-gutters > .pagelayer-col-12 {
|
|
width: calc(100% - 2%); }
|
|
|
|
.pagelayer-gutters > .pagelayer-offset-12 {
|
|
margin-left: calc(100% + 2%) !important; }
|
|
|
|
.pagelayer-first {
|
|
order: -1; }
|
|
|
|
.pagelayer-last {
|
|
order: 1; }
|
|
|
|
/**************My Style for front-end *********/
|
|
.pagelayer-img{
|
|
vertical-align:bottom;
|
|
max-width: 100%;
|
|
}
|
|
|
|
/* To give no decoration to a link for a pagelayer element */
|
|
.pagelayer-ele-link{
|
|
text-decoration:none;
|
|
box-shadow:none !important;
|
|
border:none;
|
|
}
|
|
|
|
.pagelayer-bgimg-slider{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.pagelayer-bgimg-slide {
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
transition: all 1s ease-in-out;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
opacity: 0;
|
|
}
|
|
|
|
.pagelayer-slide-show {
|
|
opacity: 1;
|
|
}
|
|
|
|
.pagelayer-row-overlay,
|
|
.pagelayer-col-overlay{
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
right: 0px;
|
|
top: 0px;
|
|
z-index: -1;
|
|
pointer-events:none;
|
|
}
|
|
|
|
.pagelayer-row-shape{
|
|
width:100%;
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
right:0;
|
|
bottom:0;
|
|
line-height:0;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.pagelayer-row-svg{
|
|
position:relative;
|
|
height:100%;
|
|
}
|
|
|
|
.pagelayer-row-svg svg{
|
|
width:100%;
|
|
position:absolute;
|
|
}
|
|
|
|
.pagelayer-row-svg svg.pagelayer-svg-top{
|
|
top:-1px;
|
|
}
|
|
|
|
.pagelayer-row-svg svg.pagelayer-svg-bottom{
|
|
bottom:-1px;
|
|
}
|
|
|
|
.pagelayer-height-fit{
|
|
height:100vh;
|
|
}
|
|
|
|
.pagelayer-row-wrapper{
|
|
width:100%;
|
|
}
|
|
|
|
.pagelayer-background-overlay{
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 0;
|
|
left:0;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.pagelayer-background-video{
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 0;
|
|
height: 100%;
|
|
pointer-events: none;
|
|
z-index: 0;
|
|
overflow: hidden;
|
|
left:0;
|
|
}
|
|
|
|
.pagelayer-background-video iframe,
|
|
.pagelayer-background-video video{
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
-webkit-transform: translateX(-50%) translateY(-50%);
|
|
-ms-transform: translateX(-50%) translateY(-50%);
|
|
transform: translateX(-50%) translateY(-50%);
|
|
max-width: none;
|
|
}
|
|
|
|
.pagelayer-service-container{
|
|
position:relative;
|
|
-webkit-box-align: start;
|
|
-webkit-align-items: flex-start;
|
|
-ms-flex-align: start;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.pagelayer-service-image{
|
|
line-height:0;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.pagelayer-service-image img{
|
|
height: auto;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.pagelayer-service-btn{
|
|
display:inline-block;
|
|
position:relative;
|
|
z-index:9;
|
|
}
|
|
|
|
.pagelayer-service-details{
|
|
width:100%;
|
|
}
|
|
|
|
.pagelayer-service-text{
|
|
word-break:break-word;
|
|
}
|
|
|
|
.pagelayer-service-align-left{
|
|
display:flex;
|
|
}
|
|
|
|
.pagelayer-service-align-right{
|
|
display:flex;
|
|
text-align: right;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: reverse;
|
|
flex-direction: row-reverse;
|
|
}
|
|
|
|
.pagelayer-service-align-top{
|
|
display:block;
|
|
text-align: center;
|
|
}
|
|
|
|
.pagelayer-service-align-top .pagelayer-service-image{
|
|
margin:0 auto;
|
|
text-align:center;
|
|
}
|
|
|
|
.pagelayer-service-box-centered{
|
|
text-align: center;
|
|
}
|
|
|
|
.pagelayer-service-box-media-left,
|
|
.pagelayer-service-box-media-right{
|
|
display: flex;
|
|
}
|
|
|
|
.pagelayer-service-vertical-top{
|
|
align-items: flex-start;
|
|
-webkit-align-items: flex-start;
|
|
-webkit-box-align: start;
|
|
-ms-flex-align: start;
|
|
}
|
|
|
|
.pagelayer-service-vertical-middle{
|
|
align-items: center;
|
|
-webkit-align-items: center;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
}
|
|
|
|
.pagelayer-service-vertical-bottom{
|
|
align-items: flex-end;
|
|
-webkit-align-items: flex-end;
|
|
-webkit-box-align: end;
|
|
-ms-flex-align: end;
|
|
}
|
|
|
|
.pagelayer-service-box-media-right .pagelayer-service-box-media-section{
|
|
order: 2;
|
|
}
|
|
.pagelayer-service-box-media-right .pagelayer-service-box-content-section{
|
|
order: 1;
|
|
}
|
|
|
|
.pagelayer-service-box-icon-holder{
|
|
display: inline-block;
|
|
color:#000000;
|
|
text-align: center;
|
|
line-height: 1;
|
|
font-size: 60px;
|
|
}
|
|
|
|
.pagelayer-service-icon{
|
|
line-height: 0;
|
|
}
|
|
|
|
.pagelayer-service-icon.pagelayer-service-framed i{
|
|
border:4px solid;
|
|
background-color:transparent !important;
|
|
}
|
|
|
|
.pagelayer-service-icon.pagelayer-service-stacked i,
|
|
.pagelayer-service-icon.pagelayer-service-framed i{
|
|
position:relative;
|
|
}
|
|
|
|
.pagelayer-service-icon.pagelayer-service-stacked i:before,
|
|
.pagelayer-service-icon.pagelayer-service-framed i:before{
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.pagelayer-service-box-icon-holder.square-holder{
|
|
padding: 15px;
|
|
color:#000000;
|
|
}
|
|
|
|
.pagelayer-service-box-icon-holder.circle-holder{
|
|
padding: 15px;
|
|
color:#000000;
|
|
border-radius:50% !Important;
|
|
}
|
|
|
|
.pagelayer-service-box-icon-holder i{
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.pagelayer-service-heading{
|
|
line-height:1;
|
|
}
|
|
|
|
.pagelayer-box-link{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
/* Icon widget */
|
|
|
|
.pagelayer-icon-mini{
|
|
font-size: 16px !important;
|
|
}
|
|
|
|
.pagelayer-icon-small{
|
|
font-size: 24px !important;
|
|
}
|
|
|
|
.pagelayer-icon-large{
|
|
font-size: 36px !important;
|
|
}
|
|
|
|
.pagelayer-icon-extra-large{
|
|
font-size: 56px !important;
|
|
}
|
|
|
|
.pagelayer-icon-double-large{
|
|
font-size: 78px !important;
|
|
}
|
|
|
|
.pagelayer-icon-circle,
|
|
.pagelayer-icon-outline-circle,
|
|
.pagelayer-social-shape-circle .pagelayer-icon-holder{
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.pagelayer-icon-rounded,
|
|
.pagelayer-icon-outline-rounded,
|
|
.pagelayer-social-shape-rounded .pagelayer-share-content,
|
|
.pagelayer-social-shape-rounded .pagelayer-icon-holder{
|
|
border-radius: 10px;
|
|
}
|
|
|
|
/* Icon widget end */
|
|
|
|
/* Icon animation */
|
|
.pagelayer-animation-grow{
|
|
transition: transform 400ms;
|
|
}
|
|
|
|
.pagelayer-animation-grow:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-grow{
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
.pagelayer-animation-shrink{
|
|
transition: transform 400ms;
|
|
}
|
|
|
|
.pagelayer-animation-shrink:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-shrink{
|
|
transform: scale(0.9);
|
|
}
|
|
|
|
@keyframes pagelayer-animation-pulse{25%{transform:scale(1.1)}75%{transform:scale(0.9)}}
|
|
|
|
.pagelayer-animation-pulse:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-pulse{
|
|
animation-name: pagelayer-animation-pulse;
|
|
animation-duration: 1s;
|
|
animation-timing-function: linear;
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
@keyframes pagelayer-animation-pulse-grow{to{transform:scale(1.1)}}
|
|
|
|
.pagelayer-animation-pulse-grow:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-pulse-grow{
|
|
animation-name: pagelayer-animation-pulse-grow;
|
|
animation-duration: 0.4s;
|
|
animation-timing-function: linear;
|
|
animation-iteration-count: infinite;
|
|
animation-direction:alternate;
|
|
}
|
|
|
|
@keyframes pagelayer-animation-pulse-shrink{to{transform:scale(0.9)}}
|
|
|
|
.pagelayer-animation-pulse-shrink:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-pulse-shrink{
|
|
animation-name: pagelayer-animation-pulse-shrink;
|
|
animation-duration: 0.4s;
|
|
animation-timing-function: linear;
|
|
animation-iteration-count: infinite;
|
|
animation-direction:alternate;
|
|
}
|
|
|
|
@keyframes pagelayer-animation-push{50%{transform:scale(0.8)}100%{transform:scale(1)}}
|
|
|
|
.pagelayer-animation-push:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-push{
|
|
animation-name:pagelayer-animation-push;
|
|
animation-duration:0.4s;
|
|
animation-timing-function:linear;
|
|
animation-iteration-count:1
|
|
}
|
|
|
|
@keyframes pagelayer-animation-pop{50%{transform:scale(1.2)}}
|
|
|
|
.pagelayer-animation-pop:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-pop{
|
|
animation-name:pagelayer-animation-pop;
|
|
animation-duration:0.4s;
|
|
animation-timing-function:linear;
|
|
animation-iteration-count:1
|
|
}
|
|
|
|
@keyframes pagelayer-animation-buzz{
|
|
50%{
|
|
transform:translateX(3px) rotate(2deg)
|
|
}
|
|
100%{
|
|
transform:translateX(-3px) rotate(-2deg)
|
|
}
|
|
}
|
|
|
|
.pagelayer-animation-buzz:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-buzz{
|
|
animation-name:pagelayer-animation-buzz;
|
|
animation-duration:0.15s;
|
|
animation-timing-function:linear;
|
|
animation-iteration-count:infinite;
|
|
}
|
|
|
|
@keyframes pagelayer-animation-buzz-out{
|
|
10%{transform:translateX(3px) rotate(2deg)}
|
|
20%{transform:translateX(-3px) rotate(-2deg)}
|
|
30%{transform:translateX(3px) rotate(2deg)}
|
|
40%{transform:translateX(-3px) rotate(-2deg)}
|
|
50%{transform:translateX(2px) rotate(1deg)}
|
|
60%{transform:translateX(-2px) rotate(-1deg)}
|
|
70%{transform:translateX(2px) rotate(1deg)}
|
|
80%{transform:translateX(-2px) rotate(-1deg)}
|
|
90%{transform:translateX(1px) rotate(0)}
|
|
100%{transform:translateX(-1px) rotate(0)}
|
|
}
|
|
|
|
.pagelayer-animation-buzz-out:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-buzz-out{
|
|
animation-name:pagelayer-animation-buzz-out;
|
|
animation-duration:0.7s;
|
|
animation-timing-function:linear;
|
|
animation-iteration-count:1;
|
|
}
|
|
|
|
.pagelayer-animation-float:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-float{
|
|
transform:translateY(-8px)
|
|
}
|
|
|
|
.pagelayer-animation-sink:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-sink{
|
|
transform:translateY(8px)
|
|
}
|
|
|
|
@keyframes pagelayer-animation-bob{
|
|
0%{transform:translateY(-8px)}
|
|
50%{transform:translateY(-4px)}
|
|
100%{transform:translateY(-8px)}
|
|
}
|
|
|
|
@keyframes pagelayer-animation-bob-up{
|
|
100%{transform:translateY(-8px)}
|
|
}
|
|
|
|
.pagelayer-animation-bob:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-bob{
|
|
animation-name:pagelayer-animation-bob-up,pagelayer-animation-bob;
|
|
animation-duration:0.4s,1.5s;
|
|
animation-timing-function:ease-out,ease-in-out;
|
|
animation-delay:0s,0.3s;
|
|
animation-iteration-count:infinite;
|
|
}
|
|
|
|
@keyframes pagelayer-animation-hang{
|
|
0%{transform:translateY(8px)}
|
|
50%{transform:translateY(4px)}
|
|
100%{transform:translateY(8px)}
|
|
}
|
|
|
|
@keyframes pagelayer-animation-hang-up{
|
|
100%{transform:translateY(8px)}
|
|
}
|
|
|
|
.pagelayer-animation-hang:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-hang{
|
|
animation-name:pagelayer-animation-hang-up,pagelayer-animation-hang;
|
|
animation-duration:0.4s,1.5s;
|
|
animation-timing-function:ease-out,ease-in-out;
|
|
animation-delay:0s,0.3s;
|
|
animation-iteration-count:1,infinite;
|
|
animation-direction:normal,alternate;
|
|
}
|
|
|
|
.pagelayer-animation-bounce-in{
|
|
transition-duration:0.5s;
|
|
}
|
|
.pagelayer-animation-bounce-in:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-bounce-in{
|
|
transform:scale(1.2);
|
|
transition-timing-function:cubic-bezier(0.52,2.07,0.36,-0.41);
|
|
}
|
|
|
|
.pagelayer-animation-bounce-out{
|
|
transition-duration:0.5s;
|
|
}
|
|
|
|
.pagelayer-animation-bounce-out:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-bounce-out{
|
|
transform:scale(0.8);
|
|
transition-timing-function:cubic-bezier(0.52,2.07,0.36,-0.41);
|
|
}
|
|
|
|
.pagelayer-animation-rotate:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-rotate{
|
|
transform:rotate(6deg);
|
|
}
|
|
|
|
.pagelayer-animation-grow-rotate:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-grow-rotate{
|
|
transform:scale(1.1) rotate(6deg);
|
|
}
|
|
|
|
.pagelayer-animation-skew-forward:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-skew-forward{
|
|
transform:skew(-9deg);
|
|
}
|
|
|
|
.pagelayer-animation-skew-backward:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-skew-backward{
|
|
transform:skew(9deg);
|
|
}
|
|
|
|
@keyframes pagelayer-animation-wobble-vertical{
|
|
17%{transform:translateY(9px)}
|
|
33%{transform:translateY(-7px)}
|
|
45%{transform:translateY(5px)}
|
|
67%{transform:translateY(-3px)}
|
|
83%{transform:translateY(1px)}
|
|
100%{transform:translateY(0)}
|
|
}
|
|
|
|
.pagelayer-animation-wobble-vertical:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-wobble-vertical{
|
|
animation-name:pagelayer-animation-wobble-vertical;
|
|
animation-duration:1s;
|
|
animation-timing-function:ease-in-out;
|
|
animation-iteration-count:1;
|
|
}
|
|
|
|
@keyframes pagelayer-animation-wobble-horizontal{
|
|
17%{transform:translateX(9px)}
|
|
33%{transform:translateX(-7px)}
|
|
50%{transform:translatex(5px)}
|
|
67%{transform:translateX(-3px)}
|
|
83%{transform:translateX(1px)}
|
|
100%{transform:translateX(0)}
|
|
}
|
|
|
|
.pagelayer-animation-wobble-horizontal:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-wobble-horizontal{
|
|
animation-name:pagelayer-animation-wobble-horizontal;
|
|
animation-duration:1s;
|
|
animation-timing-function:ease-in-out;
|
|
animation-iteration-count:1;
|
|
}
|
|
|
|
@keyframes pagelayer-animation-wobble-bottom-to-right{
|
|
17%{transform:translate(9px,9px)}
|
|
33%{transform:translate(-7px,-7px)}
|
|
50%{transform:translate(5px,5px)}
|
|
67%{transform:translate(-3px,-3px)}
|
|
83%{transform:translate(1px,1px)}
|
|
100%{transform:translate(0,0)}
|
|
}
|
|
|
|
|
|
.pagelayer-animation-wobble-bottom-to-right:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-wobble-bottom-to-right{
|
|
animation-name:pagelayer-animation-wobble-bottom-to-right;
|
|
animation-duration:1s;
|
|
animation-timing-function:ease-in-out;
|
|
animation-iteration-count:1;
|
|
}
|
|
|
|
@keyframes pagelayer-animation-wobble-top-to-right{
|
|
17%{transform:translate(9px,-9px)}
|
|
33%{transform:translate(-7px,7px)}
|
|
50%{transform:translate(5px,-5px)}
|
|
67%{transform:translate(-3px,3px)}
|
|
83%{transform:translate(1px,-1px)}
|
|
100%{transform:translate(0,0)}
|
|
}
|
|
|
|
|
|
.pagelayer-animation-wobble-top-to-right:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-wobble-top-to-right{
|
|
animation-name:pagelayer-animation-wobble-top-to-right;
|
|
animation-duration:1s;
|
|
animation-timing-function:ease-in-out;
|
|
animation-iteration-count:1;
|
|
}
|
|
|
|
.pagelayer-animation-wobble-top{
|
|
transform-origin:0 100%;
|
|
}
|
|
|
|
@keyframes pagelayer-animation-wobble-top{
|
|
17%{transform:skew(-13deg)}
|
|
33%{transform:skew(11deg)}
|
|
50%{transform:skew(-7deg)}
|
|
67%{transform:skew(5deg)}
|
|
83%{transform:skew(-3deg)}
|
|
100%{transform:skew(0)}
|
|
}
|
|
|
|
.pagelayer-animation-wobble-top:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-wobble-top{
|
|
animation-name:pagelayer-animation-wobble-top;
|
|
animation-duration:1s;
|
|
animation-timing-function:ease-in-out;
|
|
animation-iteration-count:1
|
|
}
|
|
|
|
.pagelayer-animation-wobble-bottom{
|
|
transform-origin:100% 0;
|
|
}
|
|
|
|
@keyframes pagelayer-animation-wobble-bottom{
|
|
17%{transform:skew(-13deg)}
|
|
33%{transform:skew(11deg)}
|
|
50%{transform:skew(-7deg)}
|
|
67%{transform:skew(5deg)}
|
|
83%{transform:skew(-3deg)}
|
|
100%{transform:skew(0)}
|
|
}
|
|
|
|
.pagelayer-animation-wobble-bottom:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-wobble-bottom{
|
|
animation-name:pagelayer-animation-wobble-bottom;
|
|
animation-duration:1s;
|
|
animation-timing-function:ease-in-out;
|
|
animation-iteration-count:1
|
|
}
|
|
|
|
@keyframes pagelayer-animation-wobble-skew{
|
|
17%{transform:skew(-13deg)}
|
|
33%{transform:skew(11deg)}
|
|
50%{transform:skew(-7deg)}
|
|
67%{transform:skew(5deg)}
|
|
83%{transform:skew(-3deg)}
|
|
100%{transform:skew(0)}
|
|
}
|
|
|
|
.pagelayer-animation-wobble-skew:hover,
|
|
.pagelayer-anim-par:hover .pagelayer-animation-wobble-skew{
|
|
animation-name:pagelayer-animation-wobble-skew;
|
|
animation-duration:1s;
|
|
animation-timing-function:ease-in-out;
|
|
animation-iteration-count:1
|
|
}
|
|
|
|
/* Icon animation end */
|
|
|
|
/*Badge widget */
|
|
.pagelayer-badge a{
|
|
text-decoration: none !important;
|
|
}
|
|
.pagelayer-badge-btn{
|
|
display:none;
|
|
padding:10px;
|
|
padding: 0.40em 0.36em;
|
|
}
|
|
|
|
.pagelayer-badge-details{
|
|
margin-left:1px;
|
|
border-radius:.25rem;
|
|
padding: 0.10rem;
|
|
position: relative;
|
|
top: -3px;
|
|
}
|
|
|
|
.pagelayer-badge-details.pagelayer-badge-normal{
|
|
border-radius:.25rem;
|
|
}
|
|
|
|
.pagelayer-badge-details.pagelayer-badge-pills{
|
|
border-radius:10rem;
|
|
}
|
|
|
|
.pagelayer-badge-btn .pagelayer-badge-details{
|
|
position:relative;
|
|
top:-1px;
|
|
}
|
|
|
|
/*Badge widget end*/
|
|
|
|
/*Tooltip widget*/
|
|
.pagelayer-tooltip-container{
|
|
position:relative;
|
|
display:inline-block;
|
|
line-height: 1;
|
|
}
|
|
|
|
.pagelayer-tooltip-text{
|
|
visibility: hidden;
|
|
width: 300px;
|
|
background-color: #000000;
|
|
color: #ffffff;
|
|
text-align: center;
|
|
border-radius: 6px;
|
|
position: absolute;
|
|
z-index: 1;
|
|
padding:5px;
|
|
word-break:break-word;
|
|
}
|
|
|
|
.pagelayer-tooltip-icon{
|
|
margin:0px 4px;
|
|
}
|
|
.pagelayer-tooltip-top{
|
|
bottom: calc(100% + 10px);
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.pagelayer-tooltip-top:after{
|
|
content: "";
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-width: 5px;
|
|
border-style: solid;
|
|
border-color: #000000 transparent transparent transparent;
|
|
}
|
|
|
|
.pagelayer-tooltip-right{
|
|
top: 50%;
|
|
left: calc(100% + 10px);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.pagelayer-tooltip-right:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 100%;
|
|
margin-top: -5px;
|
|
border-width: 5px;
|
|
border-style: solid;
|
|
border-color: transparent #000000 transparent transparent;
|
|
}
|
|
|
|
.pagelayer-tooltip-bottom{
|
|
top: calc(100% + 10px);
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.pagelayer-tooltip-bottom:after{
|
|
content: "";
|
|
position: absolute;
|
|
bottom: 100%;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-width: 5px;
|
|
border-style: solid;
|
|
border-color: transparent transparent #000000 transparent;
|
|
}
|
|
|
|
.pagelayer-tooltip-left{
|
|
top: 50%;
|
|
bottom: auto;
|
|
right: calc(100% + 10px);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.pagelayer-tooltip-left:after{
|
|
content: "";
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 100%;
|
|
transform: translateY(-50%);
|
|
margin-top: -5px;
|
|
border-width: 5px;
|
|
border-style: solid;
|
|
border-color: transparent transparent transparent #000000;
|
|
}
|
|
|
|
.pagelayer-tooltip-container:hover .pagelayer-tooltip-text,
|
|
.pagelayer-tooltip-text:focus{
|
|
visibility: visible !important;
|
|
}
|
|
|
|
.pagelayer-tooltip-on-click{
|
|
visibility: visible !important;
|
|
}
|
|
/*Tooltip widget end*/
|
|
|
|
/* Button widget */
|
|
|
|
.pagelayer-btn-holder{
|
|
border-radius:5px;
|
|
display:inline-block;
|
|
line-height:1em;
|
|
transition:all 0.3s;
|
|
cursor: pointer;
|
|
box-sizing:border-box;
|
|
}
|
|
|
|
.pagelayer-btn-default{
|
|
background-color:#818a91 !important;
|
|
color:#ffffff !important;
|
|
}
|
|
|
|
.pagelayer-btn-primary,
|
|
.pagelayer-badge-primary,
|
|
.pagelayer-progress-primary{
|
|
color:#ffffff !important;
|
|
background-color:#007bff !important;
|
|
}
|
|
|
|
.pagelayer-btn-primary:hover{
|
|
color:#ffffff !important;
|
|
background-color: #0069d9 !important;
|
|
}
|
|
|
|
.pagelayer-btn-secondary,
|
|
.pagelayer-badge-secondary,
|
|
.pagelayer-progress-secondary{
|
|
color:#ffffff !important;
|
|
background-color:#6c757d !important;
|
|
}
|
|
|
|
.pagelayer-btn-secondary:hover{
|
|
color: #ffffff !important;
|
|
background-color: #5a6268 !important;
|
|
}
|
|
|
|
.pagelayer-btn-success,
|
|
.pagelayer-badge-success,
|
|
.pagelayer-progress-success{
|
|
color: #fff;
|
|
background-color: #28a745 !important;
|
|
}
|
|
|
|
.pagelayer-btn-success:hover{
|
|
color: #ffffff !important;
|
|
background-color: #218838 !important;
|
|
}
|
|
|
|
.pagelayer-btn-info,
|
|
.pagelayer-badge-info,
|
|
.pagelayer-progress-info{
|
|
color: #ffffff !important;
|
|
background-color: #17a2b8 !important;
|
|
}
|
|
|
|
.pagelayer-btn-info:hover{
|
|
color: #ffffff !important;
|
|
background-color: #138496 !important;
|
|
}
|
|
|
|
.pagelayer-btn-warning,
|
|
.pagelayer-badge-warning,
|
|
.pagelayer-progress-warning{
|
|
color: #212529 !important;
|
|
background-color: #ffc107 !important;
|
|
}
|
|
|
|
.pagelayer-btn-warning:hover{
|
|
color: #212529 !important;
|
|
background-color: #e0a800 !important;
|
|
}
|
|
|
|
.pagelayer-btn-danger,
|
|
.pagelayer-badge-danger,
|
|
.pagelayer-progress-danger{
|
|
color: #ffffff !important;
|
|
background-color: #dc3545 !important;
|
|
}
|
|
|
|
.pagelayer-btn-danger:hover{
|
|
color: #ffffff !important;
|
|
background-color: #c82333 !important;
|
|
}
|
|
|
|
.pagelayer-btn-dark,
|
|
.pagelayer-badge-dark,
|
|
.pagelayer-progress-dark{
|
|
color: #ffffff !important;
|
|
background-color: #343a40 !important;
|
|
}
|
|
|
|
.pagelayer-btn-dark:hover{
|
|
color: #ffffff !important;
|
|
background-color: #23272b !important;
|
|
}
|
|
|
|
.pagelayer-btn-light,
|
|
.pagelayer-badge-light,
|
|
.pagelayer-progress-light{
|
|
color: #212529 !important;
|
|
background-color: #f8f9fa !important;
|
|
}
|
|
|
|
.pagelayer-btn-light:hover{
|
|
color: #212529 !important;
|
|
background-color: #e2e6ea !important;
|
|
}
|
|
|
|
.pagelayer-btn-link{
|
|
color: #007bff !important;
|
|
}
|
|
|
|
.pagelayer-btn-link:hover{
|
|
text-decoration: underline !important;
|
|
}
|
|
|
|
.pagelayer-btn-default:hover{
|
|
color:#ffffff;
|
|
}
|
|
|
|
.pagelayer-btn-mini{
|
|
font-size: 14px;
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.pagelayer-btn-small{
|
|
font-size: 16px;
|
|
padding: 15px 30px;
|
|
}
|
|
|
|
.pagelayer-btn-large{
|
|
font-size: 18px;
|
|
padding: 20px 40px;
|
|
}
|
|
|
|
.pagelayer-btn-extra-large{
|
|
font-size: 20px;
|
|
padding: 25px 50px;
|
|
}
|
|
|
|
.pagelayer-btn-double-large{
|
|
font-size: 22px;
|
|
padding: 30px 60px;
|
|
}
|
|
|
|
.pagelayer-btn-icon-left .pagelayer-btn-icon:last-child,
|
|
.pagelayer-btn-icon-right .pagelayer-btn-icon:first-child,
|
|
.pagelayer-btn-icon-left .pagelayer-btn-load-icon:last-child,
|
|
.pagelayer-btn-icon-right .pagelayer-btn-load-icon:first-child,
|
|
.pagelayer-btn-icon-left .pagelayer-cf-icon-right,
|
|
.pagelayer-btn-icon-right .pagelayer-cf-icon-left{
|
|
display: none;
|
|
}
|
|
|
|
.pagelayer-btn-icon-left .pagelayer-btn-icon,
|
|
.pagelayer-btn-icon-left .pagelayer-btn-load-icon{
|
|
padding-left:0 !important;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.pagelayer-btn-icon-right .pagelayer-btn-icon,
|
|
.pagelayer-btn-icon-right .pagelayer-btn-load-icon{
|
|
padding-right:0 !important;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Button widget end */
|
|
|
|
/* Social Profile */
|
|
.pagelayer-icon-holder[class*="pagelayer-facebook"] .pagelayer-social-fa{
|
|
color:#3B5998;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-facebook"],
|
|
.pagelayer-share-content[class*="pagelayer-facebook"]{
|
|
background-color:#3B5998;
|
|
color:#3B5998;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-twitter"] .pagelayer-social-fa{
|
|
color:#1DA1F2;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-twitter"],
|
|
.pagelayer-share-content[class*="pagelayer-twitter"]{
|
|
background-color:#1DA1F2;
|
|
color:#1DA1F2;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-android"] .pagelayer-social-fa{
|
|
color:#A4C639
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-android"],
|
|
.pagelayer-share_grp[class*="pagelayer-social-shape"] .pagelayer-share-content[class*="pagelayer-android"]{
|
|
background-color:#A4C639;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-google-plus"] .pagelayer-social-fa{
|
|
color:#DD4B39
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-google-plus"],
|
|
.pagelayer-share-content[class*="pagelayer-google-plus"]{
|
|
background-color:#DD4B39;
|
|
color:#DD4B39;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-instagram"] .pagelayer-social-fa{
|
|
color:#262626;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-instagram"],
|
|
.pagelayer-share-content[class*="pagelayer-instagram"]{
|
|
background-color:#1DA1F2;
|
|
color:#262626;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-linkedin"] .pagelayer-social-fa{
|
|
color:#0077B5;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-linkedin"],
|
|
.pagelayer-share-content[class*="pagelayer-linkedin"]{
|
|
background-color:#0077B5;
|
|
color:#0077B5;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-behance"] .pagelayer-social-fa{
|
|
color:#053eff;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-behance"],
|
|
.pagelayer-share-content[class*="pagelayer-behance"]{
|
|
background-color:#053eff;
|
|
color:#053eff;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-pinterest"] .pagelayer-social-fa{
|
|
color:#c8232c;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-pinterest"],
|
|
.pagelayer-share-content[class*="pagelayer-pinterest"]{
|
|
background-color:#c8232c;
|
|
color:#c8232c;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-get-pocket"] .pagelayer-social-fa{
|
|
color:#ef4156;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-get-pocket"],
|
|
.pagelayer-share-content[class*="pagelayer-get-pocket"]{
|
|
background-color:#ef4156;
|
|
color:#ef4156;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-envelope"] .pagelayer-social-fa{
|
|
color:#292929;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-envelope"],
|
|
.pagelayer-share-content[class*="pagelayer-envelope"]{
|
|
background-color:#292929;
|
|
color:#292929;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-reddit"] .pagelayer-social-fa{
|
|
color:#ff4301;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-reddit"],
|
|
.pagelayer-share-content[class*="pagelayer-reddit"]{
|
|
background-color:#ff4301;
|
|
color:#ff4301;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-rss"] .pagelayer-social-fa{
|
|
color:#F26522;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-rss"],
|
|
.pagelayer-share-content[class*="pagelayer-rss"]{
|
|
background-color:#F26522;
|
|
color:#F26522;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-skype"] .pagelayer-social-fa{
|
|
color:#00aff0;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-skype"],
|
|
.pagelayer-share-content[class*="pagelayer-skype"]{
|
|
background-color:#00aff0;
|
|
color:#00aff0;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-slideshare"] .pagelayer-social-fa{
|
|
color:#0077b5;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-slideshare"],
|
|
.pagelayer-share-content[class*="pagelayer-slideshare"]{
|
|
background-color:#0077b5;
|
|
color:#0077b5;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-snapchat"] .pagelayer-social-fa{
|
|
color:#fffc00;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-snapchat"],
|
|
.pagelayer-share-content[class*="pagelayer-snapchat"]{
|
|
background-color:#fffc00;
|
|
color:#fffc00;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-soundcloud"] .pagelayer-social-fa{
|
|
color:#ff8800;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-soundcloud"],
|
|
.pagelayer-share-content[class*="pagelayer-soundcloud"]{
|
|
background-color:#ff8800;
|
|
color:#ff8800;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-spotify"] .pagelayer-social-fa{
|
|
color:#1ED760;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-spotify"],
|
|
.pagelayer-share-content[class*="pagelayer-spotify"]{
|
|
background-color:#1ED760;
|
|
color:#1ED760;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-stack-overflow"] .pagelayer-social-fa{
|
|
color:#F48024;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-stack-overflow"],
|
|
.pagelayer-share-content[class*="pagelayer-stack-overflow"]{
|
|
background-color:#F48024;
|
|
color:#F48024;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-steam"] .pagelayer-social-fa{
|
|
color:#00adee;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-steam"],
|
|
.pagelayer-share-content[class*="pagelayer-steam"]{
|
|
background-color:#00adee;
|
|
color:#00adee;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-stumbleupon"] .pagelayer-social-fa{
|
|
color:#EB4924;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-stumbleupon"],
|
|
.pagelayer-share-content[class*="pagelayer-stumbleupon"]{
|
|
background-color:#EB4924;
|
|
color:#EB4924;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-telegram"] .pagelayer-social-fa{
|
|
color:#0088cc;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-telegram"],
|
|
.pagelayer-share-content[class*="pagelayer-telegram"]{
|
|
background-color:#0088cc;
|
|
color:#0088cc;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-thumb-tack"] .pagelayer-social-fa{
|
|
color:#1AA1D8;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-thumb-tack"],
|
|
.pagelayer-share-content[class*="pagelayer-thumb-tack"]{
|
|
background-color:#1AA1D8;
|
|
color:#1AA1D8;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-tripadvisor"] .pagelayer-social-fa{
|
|
color:#00af87;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-tripadvisor"],
|
|
.pagelayer-share-content[class*="pagelayer-tripadvisor"]{
|
|
background-color:#00af87;
|
|
color:#00af87;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-tumblr"] .pagelayer-social-fa{
|
|
color:#001935;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-tumblr"],
|
|
.pagelayer-share-content[class*="pagelayer-tumblr"]{
|
|
background-color:#001935;
|
|
color:#001935;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-twitch"] .pagelayer-social-fa{
|
|
color:#6441a5;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-twitch"],
|
|
.pagelayer-share-content[class*="pagelayer-twitch"]{
|
|
background-color:#6441a5;
|
|
color:#6441a5;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-vimeo"] .pagelayer-social-fa{
|
|
color:#1CB7EA;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-vimeo"],
|
|
.pagelayer-share-content[class*="pagelayer-vimeo"]{
|
|
background-color:#1CB7EA;
|
|
color:#1CB7EA;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-vk"] .pagelayer-social-fa{
|
|
color:#4C75A3;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-vk"],
|
|
.pagelayer-share-content[class*="pagelayer-vk"]{
|
|
background-color:#4C75A3;
|
|
color:#4C75A3;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-weibo"] .pagelayer-social-fa{
|
|
color:#DF2029;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-weibo"],
|
|
.pagelayer-share-content[class*="pagelayer-weibo"]{
|
|
background-color:#DF2029;
|
|
color:#DF2029;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-weixin"] .pagelayer-social-fa{
|
|
color:#7bb32e;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-weixin"],
|
|
.pagelayer-share-content[class*="pagelayer-weixin"]{
|
|
background-color:#7bb32e;
|
|
color:#7bb32e;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-whatsapp"] .pagelayer-social-fa{
|
|
color:#25D366;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-whatsapp"],
|
|
.pagelayer-share-content[class*="pagelayer-whatsapp"]{
|
|
background-color:#25D366;
|
|
color:#25D366;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-wordpress"] .pagelayer-social-fa{
|
|
color:#21759b;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-wordpress"],
|
|
.pagelayer-share-content[class*="pagelayer-wordpress"]{
|
|
background-color:#21759b;
|
|
color:#21759b;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-xing"] .pagelayer-social-fa{
|
|
color:#026466;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-xing"],
|
|
.pagelayer-share-content[class*="pagelayer-xing"]{
|
|
background-color:#026466;
|
|
color:#026466;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-yelp"] .pagelayer-social-fa{
|
|
color:#af0606;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-yelp"],
|
|
.pagelayer-share-content[class*="pagelayer-yelp"]{
|
|
background-color:#af0606;
|
|
color:#af0606;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-youtube"] .pagelayer-social-fa{
|
|
color:#ff0000;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-youtube"],
|
|
.pagelayer-share-content[class*="pagelayer-youtube"]{
|
|
background-color:#ff0000;
|
|
color:#ff0000;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-500px"] .pagelayer-social-fa{
|
|
color:#0099e5;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-500px"],
|
|
.pagelayer-share-content[class*="pagelayer-500px"]{
|
|
background-color:#0099e5;
|
|
color:#0099e5;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-flickr"] .pagelayer-social-fa{
|
|
color:#0063dc;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-flickr"],
|
|
.pagelayer-share-content[class*="pagelayer-flickr"]{
|
|
background-color:#0063dc;
|
|
color:#0063dc;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-github"] .pagelayer-social-fa{
|
|
color:#4078c0;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-github"],
|
|
.pagelayer-share-content[class*="pagelayer-github"]{
|
|
background-color:#4078c0;
|
|
color:#4078c0;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-gitlab"] .pagelayer-social-fa{
|
|
color:#fca326;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-gitlab"],
|
|
.pagelayer-share-content[class*="pagelayer-gitlab"]{
|
|
background-color:#fca326;
|
|
color:#fca326;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-apple"] .pagelayer-social-fa{
|
|
color:#999999;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-apple"],
|
|
.pagelayer-share-content[class*="pagelayer-apple"]{
|
|
background-color:#999999;
|
|
color:#999999;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-jsfiddle"] .pagelayer-social-fa{
|
|
color:#0084FF;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-jsfiddle"],
|
|
.pagelayer-share-content[class*="pagelayer-jsfiddle"]{
|
|
background-color:#0084FF;
|
|
color:#0084FF;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-houzz"] .pagelayer-social-fa{
|
|
color:#7ac142;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-houzz"],
|
|
.pagelayer-share-content[class*="pagelayer-houzz"]{
|
|
background-color:#7ac142;
|
|
color:#7ac142;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-bitbucket"] .pagelayer-social-fa{
|
|
color:#205081;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-bitbucket"],
|
|
.pagelayer-share-content[class*="pagelayer-bitbucket"]{
|
|
background-color:#205081;
|
|
color:#205081;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-codepen"] .pagelayer-social-fa{
|
|
color:#0ebeff;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-codepen"],
|
|
.pagelayer-share-content[class*="pagelayer-codepen"]{
|
|
background-color:#0ebeff;
|
|
color:#0ebeff;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-delicious"] .pagelayer-social-fa{
|
|
color:#3399ff;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-delicious"],
|
|
.pagelayer-share-content[class*="pagelayer-delicious"]{
|
|
background-color:#3399ff;
|
|
color:#3399ff;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-medium"] .pagelayer-social-fa{
|
|
color:#00ab6c;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-medium"],
|
|
.pagelayer-share-content[class*="pagelayer-medium"]{
|
|
background-color:#00ab6c;
|
|
color:#00ab6c;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-meetup"] .pagelayer-social-fa{
|
|
color:#e0393e;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-meetup"],
|
|
.pagelayer-share-content[class*="pagelayer-meetup"]{
|
|
background-color:#e0393e;
|
|
color:#e0393e;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-mixcloud"] .pagelayer-social-fa{
|
|
color:#52aad8;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-mixcloud"],
|
|
.pagelayer-share-content[class*="pagelayer-mixcloud"]{
|
|
background-color:#52aad8;
|
|
color:#52aad8;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-dribbble"] .pagelayer-social-fa{
|
|
color:#444444;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-dribbble"],
|
|
.pagelayer-share-content[class*="pagelayer-dribbble"]{
|
|
background-color:#444444;
|
|
color:#444444;
|
|
}
|
|
|
|
.pagelayer-icon-holder[class*="pagelayer-foursquare"] .pagelayer-social-fa{
|
|
color:#f94877;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-icon-holder[class*="pagelayer-foursquare"],
|
|
.pagelayer-share-content[class*="pagelayer-foursquare"]{
|
|
background-color:#f94877;
|
|
color:#f94877;
|
|
}
|
|
|
|
.pagelayer-share_grp .pagelayer-social-fa,
|
|
.pagelayer-share_grp .pagelayer-social-fa:before{
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50% , -50%);
|
|
}
|
|
.pagelayer-share_grp{
|
|
font-size: 0;
|
|
}
|
|
.pagelayer-share_grp > div{
|
|
display: inline-block;
|
|
}
|
|
|
|
.pagelayer-share_grp .pagelayer-social-fa{
|
|
height:1em;
|
|
width:1em;
|
|
}
|
|
|
|
.pagelayer-share_grp .pagelayer-icon-holder{
|
|
position: relative;
|
|
min-height: 1em;
|
|
min-width: 1em;
|
|
}
|
|
|
|
.pagelayer-share-content .pagelayer-social-fa,
|
|
.pagelayer-share-content span{
|
|
color: inherit;
|
|
}
|
|
|
|
.pagelayer-share_grp.pagelayer-social-bg-none .pagelayer-share-content,
|
|
.pagelayer-share_grp.pagelayer-social-outline-border .pagelayer-share-content{
|
|
background-color:unset;
|
|
}
|
|
|
|
.pagelayer-share_grp.pagelayer-social-outline-border .pagelayer-share-content{
|
|
border:2px solid;
|
|
}
|
|
|
|
.pagelayer-social_grp[class*="pagelayer-social-shape"] .pagelayer-social-fa,
|
|
.pagelayer-share_grp[class*="pagelayer-social-shape"] .pagelayer-social-fa,
|
|
.pagelayer-share_grp[class*="pagelayer-social-shape"] .pagelayer-icon-name span{
|
|
color: #ffffff;
|
|
}
|
|
|
|
.pagelayer-social_grp .pagelayer-icon-holder{
|
|
display:inline-block;
|
|
line-height: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.pagelayer-share-content,
|
|
.pagelayer-share-content .pagelayer-icon-name{
|
|
display:flex;
|
|
}
|
|
|
|
.pagelayer-share-content .pagelayer-icon-name{
|
|
align-items:center;
|
|
}
|
|
|
|
.pagelayer-social-shape-circle .pagelayer-share-content{
|
|
border-radius:100000px;
|
|
}
|
|
|
|
.pagelayer-icon-name span{
|
|
padding:0 20px 0 5px;
|
|
}
|
|
|
|
.pagelayer-share-buttons{
|
|
position:relative;
|
|
border-radius: inherit;
|
|
}
|
|
|
|
.pagelayer-social-shape-boxed .pagelayer-share-buttons:before{
|
|
content: "";
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0,0,0,0.15);
|
|
border-top-left-radius: inherit;
|
|
border-bottom-left-radius: inherit;
|
|
left: 0;
|
|
}
|
|
|
|
.pagelayer-share_grp .pagelayer-icon-name span,
|
|
.pagelayer-share_grp .pagelayer-icon-holder{
|
|
display:none;
|
|
}
|
|
|
|
.pagelayer-share-type-icon .pagelayer-icon-holder,
|
|
.pagelayer-share-type-icon-label .pagelayer-icon-holder,
|
|
.pagelayer-share-type-label .pagelayer-icon-name span,
|
|
.pagelayer-share-type-icon-label .pagelayer-icon-name span{
|
|
display:block;
|
|
}
|
|
|
|
/* Social Profile end */
|
|
|
|
.pagelayer-list-icon-holder{
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: start;
|
|
-webkit-align-items: flex-start;
|
|
-ms-flex-align: start;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.pagelayer-list-icon,
|
|
.pagelayer-list-item{
|
|
-webkit-align-self: center;
|
|
-ms-flex-item-align: center;
|
|
align-self: center;
|
|
}
|
|
|
|
.pagelayer-list-item{
|
|
width:100%;
|
|
}
|
|
|
|
.pagelayer-list-ul{
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
/* Video */
|
|
|
|
.pagelayer-video .pagelayer-video-holder{
|
|
position:relative;
|
|
width: 100%;
|
|
height: auto;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.pagelayer-video-iframe{
|
|
position:absolute;
|
|
width:100%;
|
|
height:100%;
|
|
top:0;
|
|
left:0;
|
|
}
|
|
|
|
.pagelayer-video-aspect-1-1{
|
|
padding-top:100%;
|
|
}
|
|
|
|
.pagelayer-video-aspect-3-2{
|
|
padding-top:66.66%;
|
|
}
|
|
|
|
.pagelayer-video-aspect-4-3{
|
|
padding-top: 75%;
|
|
}
|
|
|
|
.pagelayer-video-aspect-8-5{
|
|
padding-top:62.5%;
|
|
}
|
|
|
|
.pagelayer-video-aspect-16-9{
|
|
padding-top: 56.25%;
|
|
}
|
|
|
|
.pagelayer-video .pagelayer-video-holder .pagelayer-video-overlay{
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
right:0;
|
|
bottom:0;
|
|
background-size: cover;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.pagelayer-video .pagelayer-video-holder a{
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
right:0;
|
|
bottom:0;
|
|
}
|
|
|
|
.pagelayer-video .pagelayer-video-holder .pagelayer-video-overlay i{
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
-webkit-transform: translateX(-50%) translateY(-50%);
|
|
-ms-transform: translateX(-50%) translateY(-50%);
|
|
transform: translateX(-50%) translateY(-50%);
|
|
}
|
|
/* Video end */
|
|
|
|
/** Image **/
|
|
|
|
.pagelayer-image, .pagelayer-image .pagelayer-image-holder{
|
|
position: relative;
|
|
}
|
|
|
|
.pagelayer-image-link{
|
|
text-decoration:none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.pagelayer-image-caption{
|
|
margin-bottom: unset;
|
|
}
|
|
|
|
.pagelayer-image-overlay{
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 0;
|
|
height: 100%;
|
|
left: 0;
|
|
opacity:0;
|
|
overflow:auto;
|
|
transition: .5s ease;
|
|
}
|
|
|
|
.pagelayer-image:hover .pagelayer-image-overlay{
|
|
opacity:1;
|
|
}
|
|
|
|
.pagelayer-image .pagelayer-image-overlay .pagelayer-image-overlay-content{
|
|
width:100%;
|
|
}
|
|
|
|
.pagelayer-image *{
|
|
border-radius:inherit;
|
|
}
|
|
|
|
/** Image End **/
|
|
|
|
.pagelayer-button {
|
|
text-align: center
|
|
}
|
|
|
|
.pagelayer-button i{
|
|
padding: 0 3px;
|
|
}
|
|
|
|
.pagelayer-audio-container, .pagelayer-audio-container audio{
|
|
width:100%;
|
|
}
|
|
|
|
.pagelayer-testimonial-avatar img{
|
|
border: 1px solid #eee;
|
|
border-radius: 50%;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.pagelayer-alignment-center{
|
|
text-align: center;
|
|
}
|
|
|
|
.pagelayer-alignment-left{
|
|
text-align: left;
|
|
}
|
|
|
|
.pagelayer-alignment-right{
|
|
text-align: right;
|
|
}
|
|
|
|
/* Testimonial */
|
|
.pagelayer-testimonial{
|
|
padding:0.4em 0.8em;
|
|
line-height: normal;
|
|
}
|
|
|
|
.pagelayer-testimonial-image{
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
display: unset !important;
|
|
}
|
|
|
|
.pagelayer-testimonial-square{
|
|
border-radius:0px;
|
|
}
|
|
|
|
.pagelayer-testimonial-circle{
|
|
border-radius:50%;
|
|
}
|
|
|
|
.pagelayer-aside-position{
|
|
display:inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.pagelayer-aside-position .pagelayer-testimonial-cite{
|
|
text-align: left;
|
|
}
|
|
.pagelayer-top-position, .pagelayer-testimonial-author{
|
|
display:block;
|
|
}
|
|
|
|
.pagelayer-aside-position .pagelayer-testimonial-author{
|
|
position: relative;
|
|
}
|
|
|
|
.pagelayer-testimonial-container .pagelayer-testimonial-avatar,
|
|
.pagelayer-testimonial-container .pagelayer-testimonial-details{
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.pagelayer-testimonial-designation{
|
|
color: #999;
|
|
font-size: 12px;
|
|
}
|
|
|
|
/* Testimonial End */
|
|
|
|
/* Progress bar */
|
|
.pagelayer-progress-goal{
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.pagelayer-progress-container{
|
|
background-color:#eeeeee;
|
|
}
|
|
|
|
.pagelayer-progress-bar{
|
|
overflow:hidden;
|
|
}
|
|
|
|
.pagelayer-progress-percent{
|
|
float:right;
|
|
padding-right:10px;
|
|
}
|
|
|
|
.pagelayer-progress-text{
|
|
float:left;
|
|
padding-left:10px;
|
|
}
|
|
|
|
.pagelayer-progress-prefix {
|
|
float: left;
|
|
text-align: left;
|
|
display: inline-block;
|
|
}
|
|
|
|
.pagelayer-progress-suffix{
|
|
text-align: right;
|
|
}
|
|
|
|
/*Progress bar end*/
|
|
|
|
/*Stars widget start*/
|
|
|
|
.pagelayer-stars > *{
|
|
vertical-align:middle;
|
|
}
|
|
.pagelayer-stars-container{
|
|
text-align:center;
|
|
color: #ccd6df;
|
|
font-family: "FontAwesome", "Font Awesome 5 Free";
|
|
display: inline-block;
|
|
position: relative;
|
|
border-color: 1px solid #ccd6df;
|
|
}
|
|
|
|
.pagelayer-stars-container .pagelayer-stars-icon{
|
|
position: relative;
|
|
display:inline-block;
|
|
line-height: 1;
|
|
}
|
|
|
|
.pagelayer-stars-container .pagelayer-stars-icon:before{
|
|
content: "\f005";
|
|
font-size: inherit;
|
|
font-family: inherit;
|
|
overflow: hidden;
|
|
color: #f0ad4e;
|
|
position:absolute;
|
|
font-weight:900;
|
|
top:0;
|
|
left:0;
|
|
}
|
|
|
|
.pagelayer-stars-icon.pagelayer-stars-empty:before{
|
|
width:0em;
|
|
}
|
|
|
|
.pagelayer-stars-icon.pagelayer-stars-1:before{
|
|
width:0.1em;
|
|
}
|
|
|
|
.pagelayer-stars-icon.pagelayer-stars-2:before{
|
|
width:0.2em;
|
|
}
|
|
|
|
.pagelayer-stars-icon.pagelayer-stars-3:before{
|
|
width:0.3em;
|
|
}
|
|
|
|
.pagelayer-stars-icon.pagelayer-stars-4:before{
|
|
width:0.4em;
|
|
}
|
|
|
|
.pagelayer-stars-icon.pagelayer-stars-5:before{
|
|
width:0.5em;
|
|
}
|
|
|
|
.pagelayer-stars-icon.pagelayer-stars-6:before{
|
|
width:0.6em;
|
|
}
|
|
|
|
.pagelayer-stars-icon.pagelayer-stars-7:before{
|
|
width:0.7em;
|
|
}
|
|
|
|
.pagelayer-stars-icon.pagelayer-stars-8:before{
|
|
width:0.8em;
|
|
}
|
|
|
|
.pagelayer-stars-icon.pagelayer-stars-9:before{
|
|
width:0.9em;
|
|
}
|
|
|
|
.pagelayer-stars-icon.pagelayer-stars-full:before{
|
|
width:1.1em;
|
|
}
|
|
/*Stars widget end*/
|
|
|
|
/* Site Title Start */
|
|
.pagelayer-wp-title-align-top{
|
|
display:block;
|
|
text-align: center;
|
|
}
|
|
|
|
.pagelayer-wp-title-heading{
|
|
padding:5px 20px;
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
text-decoration-style: solid !important;
|
|
margin: 0px;
|
|
transition: all 400ms;
|
|
flex-grow:1;
|
|
}
|
|
|
|
.pagelayer-wp-title-img{
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.pagelayer-wp-title-desc{
|
|
padding: 5px 20px;
|
|
}
|
|
|
|
.pagelayer-wp-title-align-left,
|
|
.pagelayer-wp-title-align-right{
|
|
display: flex;
|
|
}
|
|
|
|
.pagelayer-wp-title-align-right{
|
|
text-align: right;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: reverse;
|
|
flex-direction: row-reverse;
|
|
}
|
|
|
|
.pagelayer-wp-title-vertical-top{
|
|
align-items: flex-start;
|
|
-webkit-align-items: flex-start;
|
|
-webkit-box-align: start;
|
|
-ms-flex-align: start;
|
|
}
|
|
|
|
.pagelayer-wp-title-vertical-middle{
|
|
align-items: center;
|
|
-webkit-align-items: center;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
}
|
|
|
|
.pagelayer-wp-title-vertical-bottom{
|
|
align-items: flex-end;
|
|
-webkit-align-items: flex-end;
|
|
-webkit-box-align: end;
|
|
-ms-flex-align: end;
|
|
}
|
|
|
|
.pagelayer-wp-title-section .pagelayer-wp-title-link{
|
|
text-decoration: none !important;
|
|
}
|
|
/* Site title End */
|
|
|
|
/*pricing plans*/
|
|
.pagelayer-pricing{
|
|
text-align:center;
|
|
border:2px solid #e8e3e3;
|
|
border-radius:6px;
|
|
}
|
|
|
|
.pagelayer-pricing-rate-section{
|
|
padding:20px;
|
|
}
|
|
|
|
.pagelayer-pricing-details h1,
|
|
.pagelayer-pricing-details h2,
|
|
.pagelayer-pricing-details h3,
|
|
.pagelayer-pricing-details h4,
|
|
.pagelayer-pricing-details h5{
|
|
margin:10px 0px; padding:0px;
|
|
}
|
|
|
|
.pagelayer-pricing-details{
|
|
position: relative;
|
|
background-color:#1e1558;
|
|
border-top-left-radius: inherit;
|
|
border-top-right-radius: inherit;
|
|
}
|
|
|
|
.pagelayer-pricing-details .pagelayer-pricing-type{
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.pagelayer-pricing-sub-title{
|
|
font-weight: normal;
|
|
}
|
|
|
|
.pagelayer-pricing-details .pagelayer-pricing-price{
|
|
font-weight:800;
|
|
}
|
|
|
|
.pagelayer-pricing-price.pagelayer-pricing-original{
|
|
display:none;
|
|
text-decoration: line-through;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
h2.pagelayer-pricing-price{
|
|
display:inline-block;
|
|
margin:5px 0px;
|
|
}
|
|
|
|
.pagelayer-pricing-details{
|
|
font-size:15px;
|
|
}
|
|
|
|
.pagelayer-pricing-duration{
|
|
font-size:15px;
|
|
margin:0px;
|
|
}
|
|
|
|
.pagelayer-pricing-features{
|
|
padding:20px;
|
|
border-bottom-left-radius: inherit;
|
|
border-bottom-right-radius: inherit;
|
|
}
|
|
|
|
.pagelayer-pricing-features .pagelayer-pricing-ul{
|
|
padding:0px;
|
|
}
|
|
|
|
.pagelayer-pricing-ul li{
|
|
display: inline-block;
|
|
list-style-type: none;
|
|
padding:5px 0px;
|
|
}
|
|
|
|
.pagelayer-pricing-ul .pagelayer-list_item:after{
|
|
border-bottom:2px solid #c5c5c5;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.pagelayer-list-li span i{
|
|
margin-right:5px;
|
|
}
|
|
|
|
.pagelayer-pricing-btn{
|
|
display: inline-block;
|
|
}
|
|
|
|
.pagelayer-pricing-additional{
|
|
margin:20px 0px 0px;
|
|
}
|
|
|
|
.pagelayer-pricing-ribbon-container{
|
|
position: absolute;
|
|
top: 0;
|
|
left: auto;
|
|
right: 0;
|
|
transform: rotate(90deg);
|
|
width: 150px;
|
|
overflow: hidden;
|
|
height: 150px;
|
|
}
|
|
|
|
.pagelayer-pricing-ribbon{
|
|
display: none;
|
|
width: 200%;
|
|
background-color: #ce4210ff;
|
|
position: absolute;
|
|
left:0;
|
|
text-align: center;
|
|
line-height: 2;
|
|
letter-spacing: 1px;
|
|
color: #f0f0f0;
|
|
margin-top: 40px;
|
|
transform: translateY(-50%) translateX(-50%) translateX(50px) rotate(-45deg);
|
|
}
|
|
|
|
.pagelayer-pricing-currency-top{
|
|
vertical-align: top;
|
|
}
|
|
|
|
.pagelayer-pricing-currency-middle{
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.pagelayer-pricing-currency-bottom{
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
/*pricing plans end*/
|
|
|
|
/* Quote */
|
|
|
|
.pagelayer-quotation-overlay{
|
|
position: absolute;
|
|
font-size: 70px;
|
|
top: 0;
|
|
}
|
|
|
|
.pagelayer-quote-content .fa-quote-right{
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
/* Quote end */
|
|
|
|
.pagelayer-call-icon-section,
|
|
.pagelayer-call-content-section,
|
|
.pagelayer-call-button-section{
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.pagelayer-call-center{
|
|
text-align: center;
|
|
}
|
|
|
|
.pagelayer-call-center .pagelayer-call-icon-section,
|
|
.pagelayer-call-center .pagelayer-call-content-section,
|
|
.pagelayer-call-center .pagelayer-call-button-section{
|
|
display: block;
|
|
}
|
|
|
|
.pagelayer-call-3d{
|
|
background: #eee;
|
|
border-bottom: 5px solid #ddd;
|
|
padding: 30px;
|
|
}
|
|
|
|
.pagelayer-call-3d.pagelayer-call-left .pagelayer-call-icon-section{
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.pagelayer-call-3d.pagelayer-call-left .pagelayer-call-content-section{
|
|
padding-right: 20px
|
|
}
|
|
|
|
.pagelayer-call-3d.pagelayer-call-center .pagelayer-call-icon-section{
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.pagelayer-call-3d.pagelayer-call-center .pagelayer-call-content-section{
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.pagelayer-call-3d .pagelayer-call-title{
|
|
font-size: 26px;
|
|
font-weight: 700;
|
|
/* margin-bottom: 5px; */
|
|
}
|
|
.pagelayer-call-3d .pagelayer-call-subtitle{
|
|
font-size: 18px;
|
|
/* margin-bottom: 10px; */
|
|
}
|
|
|
|
/* .pagelayer-call-3d .pagelayer-call-text{
|
|
color: #777;
|
|
} */
|
|
|
|
.pagelayer-call-left .pagelayer-call-button{
|
|
display:flex;
|
|
}
|
|
|
|
.pagelayer-button-mini{
|
|
font-size: 13px;
|
|
padding: 8px 12px;
|
|
line-height: 13px;
|
|
min-height: unset;
|
|
}
|
|
|
|
.pagelayer-button-small{
|
|
font-size: 15px;
|
|
padding: 10px 18px;
|
|
line-height: 15px;
|
|
min-height: unset;
|
|
}
|
|
|
|
.pagelayer-button-middle{
|
|
font-size: 17px;
|
|
padding: 14px 26px;
|
|
line-height: 17px;
|
|
min-height: unset;
|
|
}
|
|
|
|
.pagelayer-button-large{
|
|
font-size: 20px;
|
|
padding: 18px 35px;
|
|
line-height: 20px;
|
|
min-height: unset;
|
|
}
|
|
|
|
|
|
.pagelayer-modal-content,
|
|
.pagelayer-splash-container{
|
|
display: none;
|
|
position: fixed;
|
|
padding: 50px;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 100%;
|
|
overflow: auto;
|
|
color: #000;
|
|
opacity: 1;
|
|
z-index: 99999;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.pagelayer-modal-bottom-content,
|
|
.pagelayer-splash-bottom-content{
|
|
padding: 50px;
|
|
background-color: #fefefe;
|
|
}
|
|
.pagelayer-modal-body,
|
|
.pagelayer-splash-body{
|
|
position: absolute;
|
|
margin: auto;
|
|
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
|
|
-webkit-animation-name: animatetop;
|
|
-webkit-animation-duration: 0.4s;
|
|
animation-name: animatetop;
|
|
animation-duration: 0.4s;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.pagelayer-modal-content-overflow, .pagelayer-splash-content-overflow{
|
|
max-height:500px;
|
|
overflow:auto;
|
|
}
|
|
|
|
.pagelayer-splash-bg-close, .pagelayer-modal-bg-close{
|
|
position: absolute;
|
|
top:0;
|
|
left:0;
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
|
|
.pagelayer-btn-icon-left .pagelayer-icon-right{
|
|
display: none;
|
|
}
|
|
|
|
.pagelayer-btn-icon-right .pagelayer-icon-left{
|
|
display: none;
|
|
}
|
|
|
|
/* Add Animation */
|
|
@-webkit-keyframes pagelayer-animatetop {
|
|
from {top:-300px; opacity:0}
|
|
to {top:0; opacity:1}
|
|
}
|
|
|
|
@keyframes pagelayer-animatetop {
|
|
from {top:-300px; opacity:0}
|
|
to {top:0; opacity:1}
|
|
}
|
|
|
|
.pagelayer-modal-close,
|
|
.pagelayer-splash-close{
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 25px;
|
|
color: #fff;
|
|
font-size: 70px !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.pagelayer-modal-close:before,
|
|
.pagelayer-modal-close:after,
|
|
.pagelayer-splash-close:before,
|
|
.pagelayer-splash-close:after{
|
|
position: absolute;
|
|
top: 2px;
|
|
right: 38px;
|
|
content: ' ';
|
|
width: 2px;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.pagelayer-modal-close:before,
|
|
.pagelayer-splash-close:before{
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.pagelayer-modal-close:after,
|
|
.pagelayer-splash-close:after{
|
|
-webkit-transform: rotate(-45deg);
|
|
-ms-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
.pagelayer-modal-title,
|
|
.pagelayer-splash-title{
|
|
background-color: #3D54DF;
|
|
color: #ffffff;
|
|
}
|
|
|
|
|
|
/* Countdown Start */
|
|
.pagelayer-countdown-item{
|
|
padding:20px 30px;
|
|
text-align:center;
|
|
}
|
|
|
|
.pagelayer-countdown-counter{
|
|
display: flex;
|
|
flex-wrap:wrap;
|
|
justify-content: center;
|
|
}
|
|
|
|
.pagelayer-countdown-days,
|
|
.pagelayer-countdown-hours,
|
|
.pagelayer-countdown-minutes,
|
|
.pagelayer-countdown-seconds{
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background: #eee;
|
|
margin: 0 5px 5px;
|
|
flex:1;
|
|
}
|
|
|
|
.pagelayer-countdown-days div,
|
|
.pagelayer-countdown-hours div,
|
|
.pagelayer-countdown-minutes div,
|
|
.pagelayer-countdown-seconds div{
|
|
/* display: inline-block; */
|
|
line-height: 1;
|
|
}
|
|
|
|
.pagelayer-countdown-inline .pagelayer-countdown-name{
|
|
display:inline-block;
|
|
}
|
|
|
|
.pagelayer-countdown-inline .pagelayer-countdown-count{
|
|
display:inline-block;
|
|
}
|
|
|
|
.pagelayer-countdown-expired{
|
|
display:none;
|
|
}
|
|
|
|
.pagelayer-countdown[display_expired_text="true"] .pagelayer-countdown-expired{
|
|
display:block !important;
|
|
}
|
|
|
|
.pagelayer-countdown[display_expired_text="true"] .pagelayer-countdown-counter{
|
|
display:none !important;
|
|
}
|
|
/* Countdown End*/
|
|
|
|
#pagelayer-header-menu{
|
|
display: inline-block;
|
|
}
|
|
|
|
|
|
/* splash style */
|
|
.pagelayer-splash .pagelayer-splash-dark,
|
|
.pagelayer-modal .pagelayer-modal-dark{
|
|
background-color:#000000e0;
|
|
}
|
|
|
|
.pagelayer-modal .pagelayer-modal-light,
|
|
.pagelayer-splash .pagelayer-splash-light{
|
|
background-color:#ffffffe0;
|
|
}
|
|
|
|
.pagelayer-splash-light .pagelayer-splash-close::after,
|
|
.pagelayer-splash-light .pagelayer-splash-close::before,
|
|
.pagelayer-modal-light .pagelayer-modal-close::after,
|
|
.pagelayer-modal-light .pagelayer-modal-close::before{
|
|
background-color:#000000;
|
|
}
|
|
|
|
.pagelayer-splash-dark .pagelayer-splash-close::after,
|
|
.pagelayer-splash-dark .pagelayer-splash-close::before,
|
|
.pagelayer-modal-dark .pagelayer-modal-close::after,
|
|
.pagelayer-modal-dark .pagelayer-modal-close::before{
|
|
background-color:#fff;
|
|
}
|
|
|
|
.pagelayer-splash-content{
|
|
padding:30px;
|
|
}
|
|
|
|
/* splash style end */
|
|
|
|
.pagelayer-modal-close{
|
|
z-index:999;
|
|
}
|
|
|
|
/* Style the tab */
|
|
.pagelayer-tabs-holder {
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* Style the buttons inside the tab */
|
|
.pagelayer-tabs-holder .pagelayer-tablinks {
|
|
background-color: inherit;
|
|
display:inline-block;
|
|
border: none;
|
|
outline: none;
|
|
cursor: pointer;
|
|
padding: 14px 16px;
|
|
transition: 0.3s;
|
|
font-size: 17px;
|
|
color:#000000;
|
|
}
|
|
|
|
/* Change background color of buttons on hover */
|
|
.pagelayer-tabs-holder .pagelayer-tablinks:hover {
|
|
background-color: #ddd;
|
|
}
|
|
|
|
/* Create an active/current tablink class */
|
|
.pagelayer-tabs-holder .pagelayer-tablinks.active {
|
|
background-color: #ccc;
|
|
}
|
|
|
|
/* Style the tab content */
|
|
.pagelayer-tabs .pagelayer-tabcontainer .pagelayer-tab{
|
|
display: none;
|
|
padding: 6px 12px;
|
|
border-top: none;
|
|
}
|
|
.pagelayer-tabs-holder .pagelayer-tablinks .fa{
|
|
line-height:1.5;
|
|
}
|
|
/* Tabs style end */
|
|
|
|
/* Divider start */
|
|
.pagelayer-divider-holder{
|
|
line-height: 0;
|
|
font-size: 0;
|
|
}
|
|
.pagelayer-divider-seperator{
|
|
display: inline-block;
|
|
}
|
|
/* Divider end */
|
|
|
|
/* Counter style start*/
|
|
|
|
.pagelayer-counter{
|
|
padding: 20px;
|
|
}
|
|
|
|
.pagelayer-counter-content{
|
|
line-height:1;
|
|
}
|
|
|
|
/* Counter style end*/
|
|
|
|
/*Image Slider style start*/
|
|
.pagelayer-image-slider-ul{
|
|
display:none;
|
|
padding:0;
|
|
margin:0;
|
|
list-style: none;
|
|
}
|
|
|
|
.pagelayer-image-slider-ul[pagelayer-setup]{
|
|
display:block;
|
|
}
|
|
/*Image Slider style End*/
|
|
|
|
/*Google Maps start*/
|
|
.pagelayer-google-maps-holder{
|
|
line-height:0;
|
|
}
|
|
|
|
.pagelayer-google-maps-holder iframe{
|
|
margin:0px;
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
|
|
/* accordion style */
|
|
.pagelayer-accordion_item{
|
|
overflow:hidden;
|
|
}
|
|
|
|
.pagelayer-accordion-tabs {
|
|
cursor: pointer;
|
|
padding: 15px;
|
|
width: 100%;
|
|
text-align: left;
|
|
display:inline-block;
|
|
text-decoration:none !important;
|
|
}
|
|
|
|
.pagelayer-accordion-panel {
|
|
padding: 0 18px;
|
|
display: none;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* accordion style end */
|
|
|
|
/* Alert Box style start */
|
|
.pagelayer-alert{
|
|
position: relative;
|
|
border: 1px solid transparent;
|
|
border-radius:5px;
|
|
padding:15px 20px;
|
|
}
|
|
|
|
.pagelayer-alert-title{
|
|
display:inline-block;
|
|
}
|
|
|
|
.pagelayer-alert-icon,
|
|
.pagelayer-alert-title{
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.pagelayer-alert-primary{
|
|
color: #004085;
|
|
background-color: #cce5ff;
|
|
border-color: #b8daff;
|
|
}
|
|
|
|
.pagelayer-alert-secondary{
|
|
color: #383d41;
|
|
background-color: #e2e3e5;
|
|
border-color: #d6d8db;
|
|
}
|
|
|
|
.pagelayer-alert-success{
|
|
color: #155724;
|
|
background-color: #d4edda;
|
|
border-color: #c3e6cb;
|
|
}
|
|
|
|
.pagelayer-alert-info{
|
|
color: #0c5460;
|
|
background-color: #d1ecf1;
|
|
border-color: #bee5eb;
|
|
}
|
|
|
|
.pagelayer-alert-warning{
|
|
color: #856404;
|
|
background-color: #fff3cd;
|
|
border-color: #ffeeba;
|
|
}
|
|
|
|
.pagelayer-alert-danger{
|
|
color: #721c24;
|
|
background-color: #f8d7da;
|
|
border-color: #f5c6cb;
|
|
}
|
|
|
|
.pagelayer-alert-dark{
|
|
color: #1b1e21;
|
|
background-color: #d6d8d9;
|
|
border-color: #c6c8ca;
|
|
}
|
|
|
|
.pagelayer-alert-primary-link {
|
|
color: #002752;
|
|
}
|
|
|
|
.pagelayer-alert-secondary-link{
|
|
color: #202326;
|
|
}
|
|
|
|
.pagelayer-alert-success-link{
|
|
color: #0b2e13;
|
|
}
|
|
|
|
.pagelayer-alert-danger-link{
|
|
color: #491217;
|
|
}
|
|
|
|
.pagelayer-alert-warning-link{
|
|
color: #533f03;
|
|
}
|
|
|
|
.pagelayer-alert-info-link{
|
|
color: #062c33;
|
|
}
|
|
|
|
.pagelayer-alert-secondary-link{
|
|
color: #686868;
|
|
}
|
|
|
|
.pagelayer-alert-secondary-link{
|
|
color: #040505;
|
|
}
|
|
|
|
.pagelayer-alert-success hr{
|
|
background-color: #b1dfbb;
|
|
}
|
|
|
|
.pagelayer-alert-primary hr{
|
|
background-color: #9fcdff;
|
|
}
|
|
|
|
.pagelayer-alert-secondary hr{
|
|
background-color: #c8cbcf;
|
|
}
|
|
|
|
.pagelayer-alert-info hr{
|
|
background-color: #abdde5;
|
|
}
|
|
|
|
.pagelayer-alert-warning hr{
|
|
background-color: #ffe8a1;
|
|
}
|
|
|
|
.pagelayer-alert-danger hr{
|
|
background-color: #f1b0b7;
|
|
}
|
|
|
|
.pagelayer-alert-dark hr{
|
|
background-color: #b9bbbe;
|
|
}
|
|
|
|
.pagelayer-alert-close {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
color: inherit;
|
|
height: 100%;
|
|
width:15px;
|
|
background:rgba(3,3,3,0.1);
|
|
cursor:pointer;
|
|
}
|
|
|
|
.pagelayer-alert-close:before,
|
|
.pagelayer-alert-close:after {
|
|
position: absolute;
|
|
left: 7px;
|
|
content: ' ';
|
|
height: 13px;
|
|
width: 1px;
|
|
background-color: #333;
|
|
top: calc(50% - 6.5px);
|
|
}
|
|
|
|
.pagelayer-alert-close:before {
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.pagelayer-alert-close:after {
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
/* Alert Box Style Ends */
|
|
|
|
/* Grid Gallery Style Start */
|
|
|
|
.pagelayer-grid-gallery-ul{
|
|
display:block;
|
|
list-style:none;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
|
|
.pagelayer-gallery-item{
|
|
list-style:none;
|
|
border: none;
|
|
}
|
|
|
|
.pagelayer-gallery-item img{
|
|
height: 100%;
|
|
width: 100%;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.pagelayer-grid-gallery-caption{
|
|
display:block;
|
|
}
|
|
|
|
.pagelayer-grid-gallery-pagination{
|
|
text-align:center;
|
|
}
|
|
|
|
.pagelayer-grid-page-ul{
|
|
display: inline-block;
|
|
list-style-type: none;
|
|
margin-top:10px;
|
|
}
|
|
|
|
.pagelayer-grid-page-ul li.active {
|
|
background-color:#00A0D2;
|
|
color:white;
|
|
}
|
|
|
|
.pagelayer-grid-page-item{
|
|
color: black;
|
|
float: left;
|
|
padding: 8px 16px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.pagelayer-grid-page-ul li:hover:not(.active){
|
|
background-color: #ddd;
|
|
cursor:pointer;
|
|
}
|
|
|
|
/* Grid Gallery Style Ends */
|
|
|
|
.pagelayer-heading-holder *,
|
|
.pagelayer-text-holder *{
|
|
padding: 0;
|
|
margin: 0;
|
|
overflow-wrap: break-word;
|
|
}
|
|
|
|
/* animation */
|
|
|
|
.animated.pagelayer-anim-fast{
|
|
-webkit-animation-duration: 0.7s;
|
|
animation-duration: 0.7s;
|
|
}
|
|
|
|
.animated.pagelayer-anim-fastest{
|
|
-webkit-animation-duration: 0.5s;
|
|
animation-duration: 0.5s;
|
|
}
|
|
|
|
.animated.pagelayer-anim-slow{
|
|
-webkit-animation-duration: 1.5s;
|
|
animation-duration: 1.5s;
|
|
}
|
|
|
|
.animated.pagelayer-anim-slowest{
|
|
-webkit-animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
}
|
|
|
|
/* animation end */
|
|
|
|
.pagelayer-parallax-window{
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.pagelayer-parallax-window .simpleParallax{
|
|
height:100%;
|
|
}
|
|
|
|
.pagelayer-parallax-window img{
|
|
max-width:unset;
|
|
}
|
|
|
|
/* WooCommerce widget */
|
|
.pagelayer-product-images-container{
|
|
display:flow-root;
|
|
}
|
|
|
|
.pagelayer-add-to-cart-holder,
|
|
.pagelayer-product-rating{
|
|
display:inline-block;
|
|
}
|
|
|
|
.pagelayer-product-related-container:not([pagelayer-heading-show]) .products > h2,
|
|
.pagelayer-product-related-container:not([pagelayer-sale-flash]) ul.products li.product span.onsale,
|
|
.pagelayer-addi-info-container:not([pagelayer-show-heading]) h2 {
|
|
display:none;
|
|
}
|
|
|
|
.pagelayer-product-related-container[pagelayer-content-align="right"] ul.products li.product .star-rating{
|
|
margin-left: auto;
|
|
}
|
|
|
|
.pagelayer-product-related-container[pagelayer-content-align="center"] ul.products li.product .star-rating{
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
/*******************/
|
|
|
|
/* PageLayer Owl */
|
|
|
|
.pagelayer-owl-stage-outer [class^="pagelayer-owl-"],
|
|
.pagelayer-owl-carousel .pagelayer-owl-item > .pagelayer-ele-wrap,
|
|
.pagelayer-owl-stage-outer{
|
|
height: 100%;
|
|
}
|
|
|
|
.pagelayer-owl-carousel .pagelayer-owl-item{
|
|
height: auto;
|
|
}
|
|
|
|
.pagelayer-owl-prev,
|
|
.pagelayer-owl-next{
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.pagelayer-owl-prev{
|
|
left: 0;
|
|
}
|
|
|
|
.pagelayer-owl-next{
|
|
right: 0;
|
|
}
|
|
|
|
.pagelayer-owl-theme .pagelayer-owl-nav{
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.pagelayer-owl-nav span{
|
|
position:absolute;
|
|
transform:translate(-50%, -53%);
|
|
}
|
|
|
|
.pagelayer-owl-dot{
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* PageLayer Owl End */
|
|
|
|
/* Space Widget */
|
|
.pagelayer-space-holder{
|
|
height: 10px;
|
|
}
|
|
/* Space Widget End */
|
|
|
|
/* Address and Number */
|
|
|
|
.pagelayer-phone-holder,
|
|
.pagelayer-address-holder,
|
|
.pagelayer-email-holder{
|
|
display:flex;
|
|
}
|
|
|
|
.pagelayer-address-icon,
|
|
.pagelayer-address,
|
|
.pagelayer-phone-icon,
|
|
.pagelayer-phone,
|
|
.pagelayer-email-icon,
|
|
.pagelayer-email{
|
|
margin-top:auto;
|
|
margin-bottom:auto;
|
|
word-break:break-word;
|
|
}
|
|
|
|
/* Address and Number End */
|
|
|
|
/****************/
|
|
/*** Freemium ***/
|
|
/****************/
|
|
|
|
/*** Breadcrumb ***/
|
|
|
|
.pagelayer-breadcrumb-section b{
|
|
font-weight: 100;
|
|
}
|
|
|
|
/* Breadcrumb End */
|
|
|
|
/*** Archive Posts ***/
|
|
.pagelayer-posts-container{
|
|
display: grid;
|
|
grid-template-columns: repeat(3,1fr);
|
|
grid-column-gap: 20px;
|
|
grid-row-gap: 40px;
|
|
}
|
|
|
|
.pagelayer-wposts-meta *{
|
|
font-size: 12px;
|
|
}
|
|
|
|
.pagelayer-pagination{
|
|
padding: 50px 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
.pagelayer-pagination .page-numbers:not(:last-child){
|
|
margin-right: 25px;
|
|
}
|
|
|
|
.pagelayer-pagination a.page-numbers:hover{
|
|
color: #36b2d1;
|
|
}
|
|
|
|
.pagelayer-wposts-thumb{
|
|
display:inline-block;
|
|
position:relative;
|
|
background-size:cover !important;
|
|
background-position:center !important;
|
|
width:100%;
|
|
}
|
|
|
|
@media all and (max-width:599px){
|
|
.pagelayer-posts-container{
|
|
grid-template-columns: repeat(1,1fr);
|
|
}
|
|
}
|
|
|
|
/*** Archive Posts End ***/
|
|
|
|
/* WordPress Posts */
|
|
.pagelayer-wposts-title{
|
|
line-height:1;
|
|
}
|
|
|
|
.pagelayer-wposts-sep{
|
|
font-weight:100;
|
|
}
|
|
|
|
.pagelayer-wposts-sep:last-child{
|
|
display:none;
|
|
}
|
|
|
|
.pagelayer-wposts-category a:not(:last-child):after,
|
|
.pagelayer-wposts-tags a:not(:last-child):after{
|
|
content:', ';
|
|
}
|
|
/* WordPress Posts End*/
|
|
|
|
/* Copyright start */
|
|
.pagelayer-copyright{
|
|
text-align: center;
|
|
color: #111;
|
|
}
|
|
|
|
.pagelayer-copyright a{
|
|
color: #111;
|
|
}
|
|
/* Copyright end */
|
|
|
|
/* Primary Menu */
|
|
|
|
.pagelayer-wp-menu-container .pagelayer-wp_menu-ul li.menu-item>a{
|
|
display:flex;
|
|
box-shadow: none;
|
|
white-space: nowrap;
|
|
position:relative;
|
|
}
|
|
|
|
.pagelayer-menu-type-horizontal .sub-menu{
|
|
z-index:999;
|
|
}
|
|
|
|
.pagelayer-wp-menu-container .pagelayer-wp_menu-ul,
|
|
.pagelayer-wp-menu-container .sub-menu{
|
|
margin:0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.pagelayer-menu-type-horizontal *{
|
|
transition: all 0.5s;
|
|
}
|
|
|
|
.pagelayer-menu-type-horizontal li.menu-item{
|
|
display: inline-block;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.pagelayer-menu-type-horizontal li.menu-item>a{
|
|
box-shadow: none;
|
|
border: none;
|
|
}
|
|
|
|
.pagelayer-menu-type-horizontal .sub-menu{
|
|
position:absolute;
|
|
min-width: 100%;
|
|
}
|
|
|
|
.pagelayer-menu-type-horizontal .sub-menu .sub-menu{
|
|
top:0px;
|
|
}
|
|
|
|
.pagelayer-wp-menu-container .pagelayer-wp_menu-ul li.menu-item{
|
|
position:relative;
|
|
}
|
|
|
|
.pagelayer-wp-menu-container ul li.menu-item span.after-icon{
|
|
height: auto;
|
|
width: 100%;
|
|
position: relative;
|
|
pointer-events: auto;
|
|
line-height:inherit;
|
|
color: inherit;
|
|
font-size: inherit;
|
|
margin-left:10px;
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
}
|
|
|
|
.pagelayer-wp-menu-container:not([data-align="left"]) .pagelayer-wp_menu-ul span.after-icon{
|
|
width:auto;
|
|
}
|
|
|
|
.pagelayer-wp-menu-container[data-align="right"] .pagelayer-wp_menu-ul ul li > ul a{justify-content: flex-end;}
|
|
.pagelayer-wp-menu-container[data-align="left"] .pagelayer-wp_menu-ul ul li > ul a{justify-content: left;}
|
|
.pagelayer-wp-menu-container[data-align="center"] .pagelayer-wp_menu-ul ul li > ul a{justify-content: center;}
|
|
|
|
.pagelayer-wp-menu-container ul li.menu-item span.after-icon:before{
|
|
position:absolute;
|
|
right:0;
|
|
}
|
|
|
|
.pagelayer-wp-menu-container .sub-menu,
|
|
.pagelayer-primary-menu-bar{
|
|
display:none;
|
|
}
|
|
|
|
.pagelayer-menu-type-horizontal .sub-menu li.menu-item{
|
|
display:block;
|
|
}
|
|
|
|
.pagelayer-primary-menu-bar i{
|
|
padding:5px;
|
|
}
|
|
|
|
.pagelayer-menu-type-vertical li.menu-item{
|
|
list-style: none;
|
|
}
|
|
|
|
.pagelayer-menu-type-vertical li.menu-item:not(:last-child) > a{
|
|
margin-bottom: 6px !important;
|
|
box-shadow: none;
|
|
border: none;
|
|
}
|
|
|
|
.pagelayer-menu-type-vertical .pagelayer-wp_menu-ul>li>ul.sub-menu{
|
|
margin-left:0px;
|
|
}
|
|
|
|
.pagelayer-wp-menu-holder[data-layout="dropdown"] .pagelayer-primary-menu-bar,
|
|
.pagelayer-wp-menu-holder.pagelayer-wp-menu-dropdown .pagelayer-primary-menu-bar{
|
|
display:block;
|
|
}
|
|
|
|
.pagelayer-wp-menu-holder[data-layout="dropdown"] .pagelayer-wp_menu-ul,
|
|
.pagelayer-wp-menu-holder.pagelayer-wp-menu-dropdown .pagelayer-wp_menu-ul{
|
|
display:none;
|
|
}
|
|
|
|
.pagelayer-menu-hover-underline:not(.none) .pagelayer-wp_menu-ul>li>a:before,
|
|
.pagelayer-menu-hover-framed:not(.none) .pagelayer-wp_menu-ul>li>a:before,
|
|
.pagelayer-menu-hover-doubleline:not(.none) .pagelayer-wp_menu-ul>li>a:before,
|
|
.pagelayer-menu-hover-doubleline:not(.none) .pagelayer-wp_menu-ul>li>a:after,
|
|
.pagelayer-menu-hover-overline:not(.none) .pagelayer-wp_menu-ul>li>a:before{
|
|
position: absolute;
|
|
content: '';
|
|
left: 0px;
|
|
bottom: 0px;
|
|
height: 3px;
|
|
width: 0px;
|
|
background-color: #2154CF;
|
|
transition: all 500ms ease;
|
|
-moz-transition: all 500ms ease;
|
|
-webkit-transition: all 500ms ease;
|
|
-ms-transition: all 500ms ease;
|
|
-o-transition: all 500ms ease;
|
|
border-width:0px;
|
|
}
|
|
|
|
.pagelayer-menu-hover-doubleline .pagelayer-wp_menu-ul>li>a:after{
|
|
left:unset;
|
|
right:0;
|
|
}
|
|
|
|
.pagelayer-menu-hover-framed .pagelayer-wp_menu-ul>li>a:before{
|
|
background-color:unset !important;
|
|
height:100% !important;
|
|
}
|
|
.pagelayer-menu-hover-framed .pagelayer-wp_menu-ul>li>a:hover:before{
|
|
border:3px solid #2154CF;
|
|
}
|
|
|
|
.pagelayer-menu-hover-overline .pagelayer-wp_menu-ul>li>a:before,
|
|
.pagelayer-menu-hover-doubleline .pagelayer-wp_menu-ul>li>a:before{
|
|
top:0;
|
|
bottom:unset;
|
|
}
|
|
|
|
.pagelayer-menu-hover-underline.dropin .pagelayer-wp_menu-ul>li>a:before,
|
|
.pagelayer-menu-hover-framed.dropin .pagelayer-wp_menu-ul>li>a:before,
|
|
.pagelayer-menu-hover-doubleline.dropin .pagelayer-wp_menu-ul>li>a:before,
|
|
.pagelayer-menu-hover-doubleline.dropin .pagelayer-wp_menu-ul>li>a:after,
|
|
.pagelayer-menu-hover-overline.dropin .pagelayer-wp_menu-ul>li>a:before{
|
|
width:100%;
|
|
opacity:0;
|
|
bottom:-5px;
|
|
}
|
|
|
|
.pagelayer-menu-hover-underline.dropout .pagelayer-wp_menu-ul>li>a:before,
|
|
.pagelayer-menu-hover-framed.dropout .pagelayer-wp_menu-ul>li>a:before,
|
|
.pagelayer-menu-hover-doubleline.dropout .pagelayer-wp_menu-ul>li>a:before,
|
|
.pagelayer-menu-hover-doubleline.dropout .pagelayer-wp_menu-ul>li>a:after,
|
|
.pagelayer-menu-hover-overline.dropout .pagelayer-wp_menu-ul>li>a:before{
|
|
width:100%;
|
|
opacity:0;
|
|
bottom:5px;
|
|
}
|
|
|
|
.pagelayer-menu-hover-underline.dropin .pagelayer-wp_menu-ul>li>a:hover:before,
|
|
.pagelayer-menu-hover-framed.dropin .pagelayer-wp_menu-ul>li>a:hover:before,
|
|
.pagelayer-menu-hover-doubleline.dropin .pagelayer-wp_menu-ul>li>a:hover:before,
|
|
.pagelayer-menu-hover-doubleline.dropin .pagelayer-wp_menu-ul>li>a:hover:after,
|
|
.pagelayer-menu-hover-overline.dropin .pagelayer-wp_menu-ul>li>a:hover:before,
|
|
.pagelayer-menu-hover-underline.dropout .pagelayer-wp_menu-ul>li>a:hover:before,
|
|
.pagelayer-menu-hover-framed.dropout .pagelayer-wp_menu-ul>li>a:hover:before,
|
|
.pagelayer-menu-hover-doubleline.dropout .pagelayer-wp_menu-ul>li>a:hover:before,
|
|
.pagelayer-menu-hover-doubleline.dropout .pagelayer-wp_menu-ul>li>a:hover:after,
|
|
.pagelayer-menu-hover-overline.dropout .pagelayer-wp_menu-ul>li>a:hover:before{
|
|
bottom:0px;
|
|
}
|
|
|
|
.pagelayer-menu-hover-underline.grow .pagelayer-wp_menu-ul>li>a:before,
|
|
.pagelayer-menu-hover-framed.grow .pagelayer-wp_menu-ul>li>a:before,
|
|
.pagelayer-menu-hover-doubleline.grow .pagelayer-wp_menu-ul>li>a:before,
|
|
.pagelayer-menu-hover-doubleline.grow .pagelayer-wp_menu-ul>li>a:after,
|
|
.pagelayer-menu-hover-overline.grow .pagelayer-wp_menu-ul>li>a:before{
|
|
width:100%;
|
|
transform:scale(0);
|
|
}
|
|
|
|
.pagelayer-menu-hover-underline.fade .pagelayer-wp_menu-ul>li>a:before,
|
|
.pagelayer-menu-hover-framed.fade .pagelayer-wp_menu-ul>li>a:before,
|
|
.pagelayer-menu-hover-doubleline.fade .pagelayer-wp_menu-ul>li>a:before,
|
|
.pagelayer-menu-hover-doubleline.fade .pagelayer-wp_menu-ul>li>a:after,
|
|
.pagelayer-menu-hover-overline.fade .pagelayer-wp_menu-ul>li>a:before{
|
|
width:100%;
|
|
transition-duration:1000ms;
|
|
opacity:0;
|
|
}
|
|
|
|
.pagelayer-menu-hover-underline .pagelayer-wp_menu-ul>li>a:hover:before,
|
|
.pagelayer-menu-hover-framed .pagelayer-wp_menu-ul>li>a:hover:before,
|
|
.pagelayer-menu-hover-doubleline .pagelayer-wp_menu-ul>li>a:hover:before,
|
|
.pagelayer-menu-hover-doubleline .pagelayer-wp_menu-ul>li>a:hover:after,
|
|
.pagelayer-menu-hover-overline .pagelayer-wp_menu-ul>li>a:hover:before{
|
|
transform:scale(1);
|
|
opacity:1;
|
|
width:100%;
|
|
}
|
|
|
|
.pagelayer-menu-hover-text .pagelayer-wp_menu-ul>li>a:hover{
|
|
transform:scale(1.2);
|
|
}
|
|
|
|
.pagelayer-wp_menu .sub-menu,
|
|
.pagelayer-menu-type-dropdown{
|
|
z-index:999;
|
|
}
|
|
|
|
.pagelayer-menu-type-dropdown{
|
|
position:absolute;
|
|
}
|
|
|
|
.pagelayer-togglt-on .pagelayer-wp_menu-ul,
|
|
.pagelayer-active-sub-menu:not(.pagelayer-mega-menu-item) > ul.sub-menu,
|
|
.pagelayer-menu-type-horizontal .menu-item-has-children:not(.pagelayer-mega-menu-item):hover > ul.sub-menu,
|
|
.pagelayer-wp_menu .pagelayer-menu-type-vertical[class*='pagelayer-submenu-position-'] .menu-item-has-children:not(.pagelayer-mega-menu-item):hover > ul.sub-menu{
|
|
display:block !important;
|
|
}
|
|
|
|
.pagelayer-menu-type-dropdown.pagelayer-wp_menu-ul,
|
|
.pagelayer-menu-type-dropdown.pagelayer-wp_menu-right,
|
|
.pagelayer-menu-type-dropdown.pagelayer-wp_menu-left,
|
|
.pagelayer-menu-type-dropdown.pagelayer-wp_menu-full{
|
|
position: fixed;
|
|
z-index: 999;
|
|
height: 100%;
|
|
top: 0;
|
|
transition: all 0.4s;
|
|
}
|
|
|
|
.pagelayer-menu-type-dropdown.pagelayer-wp_menu-right{
|
|
right: -100%;
|
|
}
|
|
|
|
.pagelayer-menu-type-dropdown.pagelayer-wp_menu-left{
|
|
left:-100%;
|
|
}
|
|
|
|
.pagelayer-wp_menu-left.pagelayer-togglt-on{
|
|
left:0;
|
|
}
|
|
|
|
.pagelayer-wp_menu-right.pagelayer-togglt-on{
|
|
right:0;
|
|
}
|
|
|
|
.pagelayer-menu-type-dropdown.pagelayer-wp_menu-full{
|
|
left:0;
|
|
right:0;
|
|
top:-100%;
|
|
}
|
|
|
|
.pagelayer-wp_menu-full.pagelayer-togglt-on{
|
|
top:0;
|
|
}
|
|
|
|
.pagelayer-wp_menu-close{
|
|
cursor:pointer;
|
|
}
|
|
|
|
.pagelayer-menu-type-dropdown .pagelayer-wp_menu-close{
|
|
display:block;
|
|
}
|
|
|
|
.pagelayer-wp_menu-close,
|
|
.pagelayer-wp_menu-down .pagelayer-wp_menu-close{
|
|
display:none;
|
|
}
|
|
|
|
.pagelayer-wp_menu-close i{
|
|
position:absolute;
|
|
z-index:99;
|
|
}
|
|
|
|
.pagelayer-menu-type-dropdown.pagelayer-wp_menu-right .pagelayer-wp_menu-ul,
|
|
.pagelayer-menu-type-dropdown.pagelayer-wp_menu-left .pagelayer-wp_menu-ul,
|
|
.pagelayer-menu-type-dropdown.pagelayer-wp_menu-full .pagelayer-wp_menu-ul{
|
|
position:absolute;
|
|
width:100%;
|
|
}
|
|
|
|
.pagelayer-menu-type-dropdown .pagelayer-wp_menu-ul li.menu-item > a{
|
|
white-space:normal !important;
|
|
}
|
|
|
|
.pagelayer-menu-type-dropdown .pagelayer-wp_menu-ul{
|
|
height:100%;
|
|
max-height: -webkit-fill-available;
|
|
overflow-y: scroll;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
.pagelayer-menu-type-dropdown .pagelayer-wp_menu-ul::-webkit-scrollbar {
|
|
width:4px;
|
|
height:4px;
|
|
}
|
|
|
|
.pagelayer-menu-type-dropdown .pagelayer-wp_menu-ul::-webkit-scrollbar-track {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.pagelayer-menu-type-dropdown .pagelayer-wp_menu-ul::-webkit-scrollbar-thumb {
|
|
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
|
border-radius:10px;
|
|
}
|
|
/* Mega menu css start */
|
|
|
|
.pagelayer-wp_menu-ul .pagelayer-mega-menu{
|
|
transition: none;
|
|
position: absolute;
|
|
max-width: 100vw;
|
|
z-index: 999;
|
|
padding: 10px;
|
|
background: #fff;
|
|
color: #000;
|
|
display: none;
|
|
border-radius: 2px;
|
|
left: 0;
|
|
text-align: initial;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.pagelayer-wp_menu .pagelayer-menu-type-vertical .pagelayer-mega-menu-item,
|
|
.pagelayer-wp-menu-container:not(.pagelayer-menu-type-horizontal) .menu-item > .pagelayer-mega-menu{
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
.pagelayer-wp_menu-ul .pagelayer-mega-menu *{
|
|
transition: none;
|
|
}
|
|
|
|
/* To avoid row widget full width feature */
|
|
.pagelayer-wp_menu-ul .pagelayer-mega-menu .pagelayer-wrap-inner-row,
|
|
.pagelayer-wp_menu-ul .pagelayer-mega-menu .pagelayer-inner_row{
|
|
max-width: 100% !important;
|
|
left: auto !important;
|
|
}
|
|
|
|
.pagelayer-wp_menu-ul .pagelayer-set-position{
|
|
display: block !important;
|
|
visibility: hidden !important;
|
|
opacity: 0 !important;
|
|
}
|
|
|
|
.pagelayer-active-sub-menu.pagelayer-mega-menu-item > .pagelayer-mega-menu,
|
|
.pagelayer-active-mega-menu.pagelayer-mega-menu-item > .pagelayer-mega-menu,
|
|
:not(.pagelayer-ele-wrap) > .pagelayer-wp_menu .pagelayer-menu-type-horizontal .pagelayer-mega-menu-item:hover > .pagelayer-mega-menu,
|
|
:not(.pagelayer-ele-wrap) > .pagelayer-wp_menu .pagelayer-menu-type-vertical[class*='pagelayer-submenu-position-'] .pagelayer-mega-menu-item:hover > .pagelayer-mega-menu{
|
|
display: block !important;
|
|
}
|
|
|
|
@keyframes pagelayer-submenu-fade{0%{opacity:0}75%{opacity:1}}
|
|
@keyframes pagelayer-submenu-pulse{50%{transform: scale3d(1.04, 1.04, 1.04);}100%{transform: scale3d(1, 1, 1);}}
|
|
@keyframes pagelayer-submenu-fadeindown{0%{opacity: 0; transform: translate3d(0, -10px, 0); }100%{ opacity: 1; transform: none; }}
|
|
@keyframes pagelayer-submenu-fadeinup{0%{opacity: 0;transform: translate3d(0, 20px, 0);}100%{opacity: 1;transform: none;}}
|
|
@keyframes pagelayer-submenu-slideindown{0%{transform: translate3d(0, -10px, 0);visibility: visible;}100%{transform: translate3d(0, 0, 0);}}
|
|
@keyframes pagelayer-submenu-slideinup{0%{transform: translate3d(0, 20px, 0);visibility: visible;}100%{transform: translate3d(0, 0, 0);}}
|
|
@keyframes pagelayer-submenu-zoomin{0%{opacity: 0;transform: scale3d(.5, .5, .5);}50%{opacity: 1;}}
|
|
@keyframes pagelayer-submenu-flip{
|
|
0%{
|
|
transform: perspective(400px) rotate3d(1, 0, 0,90deg);
|
|
animation-timing-function: ease-in;
|
|
opacity: 0;
|
|
}40%{
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
animation-timing-function: ease-in;
|
|
}60%{
|
|
transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
|
|
opacity: 1;
|
|
}80%{
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
}100% {
|
|
transform: perspective(400px);
|
|
}
|
|
}
|
|
|
|
.pagelayer-wp-menu-container.pagelayer-menu-type-vertical.pagelayer-submenu-position-right .pagelayer-mega-menu,
|
|
.pagelayer-menu-type-vertical.pagelayer-submenu-position-right .sub-menu{
|
|
position: absolute;
|
|
left: 100%;
|
|
top: 0;
|
|
right: auto;
|
|
}
|
|
|
|
.pagelayer-wp-menu-container.pagelayer-menu-type-vertical.pagelayer-submenu-position-left .pagelayer-mega-menu,
|
|
.pagelayer-menu-type-vertical.pagelayer-submenu-position-left .sub-menu{
|
|
position: absolute;
|
|
right: 100%;
|
|
top: 0;
|
|
left: auto;
|
|
}
|
|
|
|
.pagelayer-menu-type-vertical:not(.pagelayer-submenu-position-right, .pagelayer-submenu-position-left) .pagelayer-mega-menu,
|
|
.pagelayer-menu-type-vertical:not(.pagelayer-submenu-position-right, .pagelayer-submenu-position-left) .sub-menu{
|
|
width:100% !important;
|
|
}
|
|
|
|
.pagelayer-menu-icon{
|
|
align-self: center;
|
|
text-align: center;
|
|
margin: 0 5px 0 0;
|
|
}
|
|
|
|
.pagelayer-nav-menu-icon-right .pagelayer-menu-icon{
|
|
margin: 0 0 0 5px;
|
|
order:1;
|
|
}
|
|
|
|
.pagelayer-nav-menu-icon-right .pagelayer-menu-icon ~ .pagelayer-nav-menu-title{
|
|
order: 0;
|
|
}
|
|
|
|
.pagelayer-nav-menu-icon-right .pagelayer-menu-icon ~ :not(.pagelayer-nav-menu-title, .pagelayer-menu-icon){
|
|
order: 2;
|
|
}
|
|
|
|
.pagelayer-menu-highlight{
|
|
font-size: 0.7em;
|
|
margin-left: 5px;
|
|
padding: 3px 6px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
/* Mega menu css ends */
|
|
|
|
/* Column Menu css*/
|
|
.pagelayer-mega-column-item > .sub-menu{
|
|
columns: 2;
|
|
}
|
|
|
|
.pagelayer-mega-column-item .sub-menu .sub-menu .pagelayer-nav-menu-title{
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
.pagelayer-mega-column-item .sub-menu .sub-menu{
|
|
display: block;
|
|
position: static;
|
|
}
|
|
|
|
.pagelayer-mega-column-item .sub-menu li.menu-item{
|
|
break-inside: avoid;
|
|
}
|
|
|
|
.pagelayer-mega-column-item ul.sub-menu span.after-icon{
|
|
display: none;
|
|
}
|
|
/* Primary Menu End */
|
|
|
|
/* Contact Form start */
|
|
.pagelayer-contact-form-note{
|
|
margin-bottom:10px;
|
|
}
|
|
|
|
.pagelayer-contact_item input,
|
|
.pagelayer-contact_item textarea,
|
|
.pagelayer-contact_item select{
|
|
width:100%;
|
|
outline:none;
|
|
}
|
|
|
|
.pagelayer-contact_item textarea{
|
|
height:auto;
|
|
}
|
|
|
|
.pagelayer-contact-holder input[type="checkbox"] {
|
|
visibility: hidden;
|
|
display: contents;
|
|
}
|
|
|
|
.pagelayer-contact-holder label {
|
|
cursor: pointer;
|
|
display: block;
|
|
}
|
|
|
|
.pagelayer-contact-holder input[type="checkbox"] + label:before {
|
|
border: 1px solid #333;
|
|
content: "\00a0";
|
|
display: inline-block;
|
|
font: 16px/1em sans-serif;
|
|
margin-right: 0.25em;
|
|
padding: 0;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.pagelayer-contact-holder input[type="checkbox"]:checked + label:before {
|
|
content: "\2713";
|
|
text-align: center;
|
|
}
|
|
|
|
.pagelayer-contact-holder input[type="checkbox"]:checked + label:after {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.pagelayer-contact-holder input[type="checkbox"]:focus + label::before {
|
|
outline: rgb(59, 153, 252) auto 5px;
|
|
}
|
|
|
|
.pagelayer-contact-holder input[type='radio'] {
|
|
-webkit-appearance:none;
|
|
border-radius:50%;
|
|
outline:none;
|
|
vertical-align: middle;
|
|
box-shadow:0 0 5px 0px gray inset;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.pagelayer-contact-holder input[type="radio"]:checked:before {
|
|
background: #333333;
|
|
}
|
|
|
|
.pagelayer-contact-holder input[type='radio']:hover {
|
|
box-shadow:0 0 5px 0px orange inset;
|
|
}
|
|
|
|
.pagelayer-contact-holder input[type='radio']:before {
|
|
content:'';
|
|
display:block;
|
|
width:60%;
|
|
height:60%;
|
|
margin: 20% auto;
|
|
border-radius:50%;
|
|
}
|
|
|
|
.pagelayer-contact-submit-btn{
|
|
cursor:pointer;
|
|
}
|
|
|
|
.pagelayer-cf-msg-suc,.pagelayer-cf-msg-err{
|
|
padding: 10px;
|
|
padding: 10px;
|
|
margin: 10px 0px;
|
|
background: #a4f4ad;
|
|
border: 1px solid #6fc16f;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.pagelayer-cf-msg-err{
|
|
background: #f9dacb;
|
|
border: 1px solid #ff746e;
|
|
}
|
|
/* Contact Form End */
|
|
|
|
/*** Post Excerpt ***/
|
|
|
|
.pagelayer-empty-widget{
|
|
height:30px;
|
|
width:100%;
|
|
background-color: #dedddd;
|
|
text-align:center;
|
|
}
|
|
|
|
.pagelayer-empty-widget:after {
|
|
font-family: "FontAwesome" , "Font Awesome 5 Free";
|
|
font-weight: 900;
|
|
}
|
|
|
|
.pagelayer-post-excerpt.pagelayer-empty-widget:after{
|
|
content: '\f15c';
|
|
}
|
|
|
|
.pagelayer-featured-img.pagelayer-empty-widget:after{
|
|
content: '\f03e';
|
|
}
|
|
|
|
/*** Post Excerpt End ***/
|
|
|
|
/* Post info*/
|
|
.pagelayer-post-info-vertical > div{
|
|
display:inline-block;
|
|
}
|
|
/* Post info end*/
|
|
|
|
|
|
/* Post Nav */
|
|
.pagelayer-post-nav-container{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.pagelayer-prev-post a,
|
|
.pagelayer-next-post a{
|
|
display: inline-flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.pagelayer-next-post a .pagelayer-post-nav-icon{
|
|
padding-left:12px;
|
|
}
|
|
|
|
.pagelayer-prev-post a .pagelayer-post-nav-icon{
|
|
padding-right:12px;
|
|
}
|
|
|
|
.pagelayer-next-post{
|
|
text-align:right;
|
|
}
|
|
|
|
.pagelayer-prev-post a:hover,
|
|
.pagelayer-next-post a:hover{
|
|
text-decoration:none;
|
|
}
|
|
|
|
.pagelayer-prev-post, .pagelayer-next-post{
|
|
width: calc(50% - 1px);
|
|
}
|
|
|
|
.pagelayer-post-nav-container .pagelayer-prev-holder,
|
|
.pagelayer-post-nav-container .pagelayer-next-holder{
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.pagelayer-post-nav-separator{
|
|
align-self: stretch;
|
|
}
|
|
/* Post Nav end */
|
|
|
|
/*Flipbox css start*/
|
|
.pagelayer-flipbox-container{
|
|
margin:0 auto;
|
|
}
|
|
|
|
.pagelayer-flipbox-flipper{
|
|
position: relative;
|
|
height: 300px;
|
|
perspective: 1000px;
|
|
-webkit-perspective: 1000px;
|
|
transform-style: preserve-3d;
|
|
-webkit-transform-style: preserve-3d;
|
|
}
|
|
|
|
.pagelayer-flipbox-front{
|
|
background-color: #bc1a1a;
|
|
border-radius: inherit;
|
|
}
|
|
|
|
.pagelayer-flipbox-back{
|
|
background-color: #f9e73f;
|
|
display: block;
|
|
border-radius: inherit;
|
|
}
|
|
|
|
.pagelayer-flipbox-flipper:hover .pagelayer-flipbox-front,
|
|
.pagelayer-flipbox-flipper .pagelayer-flipbox-back{
|
|
opacity: 0;
|
|
}
|
|
|
|
.pagelayer-flipbox-flipper:hover .pagelayer-flipbox-back{
|
|
opacity:1;
|
|
}
|
|
|
|
.pagelayer-flipbox-box{
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
transition: all .8s ease-in-out;
|
|
-webkit-transition: all .8s ease-in-out;
|
|
}
|
|
|
|
.pagelayer-flipbox-box-overlay{
|
|
display: flex;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
width: 100%;
|
|
height: 100%;
|
|
align-items: stretch;
|
|
-webkit-align-items: stretch;
|
|
-webkit-box-align: stretch;
|
|
flex-direction: column;
|
|
-webkit-flex-direction: column;
|
|
-webkit-box-direction: normal;
|
|
text-align: center;
|
|
justify-content: center;
|
|
-webkit-justify-content: center;
|
|
padding: 35px;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-pack: center;
|
|
}
|
|
|
|
.pagelayer-flipbox-3d .pagelayer-flipbox-box-inner{
|
|
transform: translateZ(90px) scale(.91);
|
|
-webkit-transform: translateZ(90px) scale(.91);
|
|
}
|
|
|
|
.pagelayer-flipbox-3d .pagelayer-flipbox-box-overlay{
|
|
transform-style: preserve-3d;
|
|
-webkit-transform-style: preserve-3d;
|
|
transform: translateZ(.1px);
|
|
-webkit-transform: translateZ(.1px);
|
|
}
|
|
|
|
.pagelayer-flipbox-flip .pagelayer-flipbox-flipper{
|
|
transform-style: preserve-3d;
|
|
-webkit-transform-style: preserve-3d;
|
|
perspective: 1000px;
|
|
-webkit-perspective: 1000px;
|
|
}
|
|
|
|
.pagelayer-flipbox-flip .pagelayer-flipbox-box{
|
|
transform-style: preserve-3d;
|
|
-webkit-transform-style: preserve-3d;
|
|
backface-visibility: hidden;
|
|
-webkit-backface-visibility: hidden;
|
|
}
|
|
|
|
.pagelayer-flipbox-flip .pagelayer-flipbox-front{
|
|
-webkit-transform: none;
|
|
-ms-transform: none;
|
|
transform: none;
|
|
z-index: 1
|
|
}
|
|
|
|
.pagelayer-flipbox-flip .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-back{
|
|
transform: none;
|
|
-webkit-transform: none;
|
|
}
|
|
|
|
.pagelayer-flipbox-flip.pagelayer-flipbox-direction-right .pagelayer-flipbox-back{
|
|
transform: rotateX(0) rotateY(-180deg);
|
|
-webkit-transform: rotateX(0) rotateY(-180deg);
|
|
}
|
|
|
|
.pagelayer-flipbox-flip.pagelayer-flipbox-direction-left .pagelayer-flipbox-back,
|
|
.pagelayer-flipbox-flip.pagelayer-flipbox-direction-right .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-front{
|
|
transform: rotateX(0) rotateY(180deg);
|
|
-webkit-transform: rotateX(0) rotateY(180deg);
|
|
}
|
|
|
|
.pagelayer-flipbox-flip.pagelayer-flipbox-direction-left .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-front{
|
|
transform: rotateX(0) rotateY(-180deg);
|
|
-webkit-transform: rotateX(0) rotateY(-180deg);
|
|
}
|
|
|
|
.pagelayer-flipbox-flip.pagelayer-flipbox-direction-up .pagelayer-flipbox-back{
|
|
transform: rotateX(-180deg) rotateY(0);
|
|
-webkit-transform: rotateX(-180deg) rotateY(0);
|
|
}
|
|
|
|
.pagelayer-flipbox-flip.pagelayer-flipbox-direction-down .pagelayer-flipbox-back,
|
|
.pagelayer-flipbox-flip.pagelayer-flipbox-direction-up .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-front{
|
|
transform: rotateX(180deg) rotateY(0);
|
|
-webkit-transform: rotateX(180deg) rotateY(0);
|
|
}
|
|
|
|
.pagelayer-flipbox-flip.pagelayer-flipbox-direction-down .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-front{
|
|
transform: rotateX(-180deg) rotateY(0);
|
|
-webkit-transform: rotateX(-180deg) rotateY(0);
|
|
}
|
|
|
|
.pagelayer-flipbox-push .pagelayer-flipbox-flipper,
|
|
.pagelayer-flipbox-slide .pagelayer-flipbox-flipper{
|
|
overflow:hidden;
|
|
}
|
|
|
|
.pagelayer-flipbox-push .pagelayer-flipbox-front{
|
|
transform: none;
|
|
-webkit-transform: none;
|
|
}
|
|
|
|
.pagelayer-flipbox-push.pagelayer-flipbox-direction-right .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-front{
|
|
transform:translateX(100%) translateY(0);
|
|
-webkit-transform:translateX(100%) translateY(0);
|
|
}
|
|
|
|
.pagelayer-flipbox-push.pagelayer-flipbox-direction-left .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-front{
|
|
transform: translateX(-100%) translateY(0);
|
|
-webkit-transform: translateX(-100%) translateY(0);
|
|
}
|
|
|
|
.pagelayer-flipbox-push.pagelayer-flipbox-direction-up .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-front{
|
|
transform: translateX(0) translateY(-100%);
|
|
-webkit-transform: translateX(0) translateY(-100%);
|
|
}
|
|
|
|
.pagelayer-flipbox-push.pagelayer-flipbox-direction-down .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-front{
|
|
transform: translateX(0) translateY(100%);
|
|
-webkit-transform: translateX(0) translateY(100%);
|
|
}
|
|
|
|
.pagelayer-flipbox-push .pagelayer-flipbox,
|
|
.pagelayer-flipbox-slide .pagelayer-flipbox{
|
|
overflow: hidden;
|
|
}
|
|
|
|
.pagelayer-flipbox-push .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-back,
|
|
.pagelayer-flipbox-slide .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-back{
|
|
transform: none;
|
|
-webkit-transform: none;
|
|
}
|
|
|
|
.pagelayer-flipbox-push.pagelayer-flipbox-direction-right .pagelayer-flipbox-back,
|
|
.pagelayer-flipbox-slide.pagelayer-flipbox-direction-right .pagelayer-flipbox-back{
|
|
transform: translateX(-100%) translateY(0);
|
|
-webkit-transform: translateX(-100%) translateY(0);
|
|
}
|
|
|
|
.pagelayer-flipbox-push.pagelayer-flipbox-direction-left .pagelayer-flipbox-back,
|
|
.pagelayer-flipbox-slide.pagelayer-flipbox-direction-left .pagelayer-flipbox-back{
|
|
transform: translateX(100%) translateY(0);
|
|
-webkit-transform: translateX(100%) translateY(0);
|
|
}
|
|
|
|
.pagelayer-flipbox-push.pagelayer-flipbox-direction-up .pagelayer-flipbox-back,
|
|
.pagelayer-flipbox-slide.pagelayer-flipbox-direction-up .pagelayer-flipbox-back{
|
|
transform: translateX(0) translateY(100%);
|
|
-webkit-transform: translateX(0) translateY(100%);
|
|
}
|
|
|
|
.pagelayer-flipbox-push.pagelayer-flipbox-direction-down .pagelayer-flipbox-back,
|
|
.pagelayer-flipbox-slide.pagelayer-flipbox-direction-down .pagelayer-flipbox-back{
|
|
transform: translateX(0) translateY(-100%);
|
|
-webkit-transform: translateX(0) translateY(-100%);
|
|
}
|
|
|
|
.pagelayer-flipbox-zoom-out .pagelayer-flipbox-flipper .pagelayer-flipbox-front{
|
|
transition: opacity .45s, width .1ms, -webkit-transform .8s;
|
|
-webkit-transition: opacity .45s, width .1ms, -webkit-transform .8s;
|
|
transition: transform .8s, opacity .45s, width .1ms;
|
|
transition: transform .8s, opacity .45s, width .1ms, -webkit-transform .8s;
|
|
opacity: 1;
|
|
-webkit-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
transform: scale(1);
|
|
z-index: 1;
|
|
width: 100%
|
|
}
|
|
|
|
.pagelayer-flipbox-zoom-out .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-front{
|
|
width: 0;
|
|
opacity: 0;
|
|
transform: scale(.7);
|
|
-webkit-transform: scale(.7);
|
|
transition: opacity .8s .1s, width .1ms .8s, -webkit-transform .8s;
|
|
-webkit-transition: opacity .8s .1s, width .1ms .8s, -webkit-transform .8s;
|
|
transition: transform .8s, opacity .8s .1s, width .1ms .8s;
|
|
transition: transform .8s, opacity .8s .1s, width .1ms .8s, -webkit-transform .8s
|
|
}
|
|
|
|
.pagelayer-flipbox-zoom-in .pagelayer-flipbox-flipper .pagelayer-flipbox-back{
|
|
-webkit-transition: opacity .5s .2s, -webkit-transform .7s;
|
|
transition: opacity .5s .2s, -webkit-transform .7s;
|
|
transition: transform .7s, opacity .5s .2s;
|
|
transition: transform .7s, opacity .5s .2s, -webkit-transform .7s;
|
|
opacity: 0;
|
|
transform: scale(.7);
|
|
-webkit-transform: scale(.7);
|
|
}
|
|
|
|
.pagelayer-flipbox-zoom-in .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-back{
|
|
-webkit-transition: opacity .5s, -webkit-transform .7s;
|
|
transition: opacity .5s, -webkit-transform .7s;
|
|
transition: transform .7s, opacity .5s;
|
|
transition: transform .7s, opacity .5s, -webkit-transform .7s;
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
-webkit-transform: scale(1);
|
|
}
|
|
|
|
.pagelayer-flipbox-fade .pagelayer-flipbox-flipper .pagelayer-flipbox-back{
|
|
opacity: 0
|
|
}
|
|
|
|
.pagelayer-flipbox-fade .pagelayer-flipbox-flipper:hover .pagelayer-flipbox-back{
|
|
opacity: 1
|
|
}
|
|
|
|
.pagelayer-flipbox-container.pagelayer-flipbox-flipped .pagelayer-flipbox-main .pagelayer-flipbox-front{
|
|
display: none
|
|
}
|
|
|
|
.pagelayer-flipbox-container.pagelayer-flipbox-flipped .pagelayer-flipbox-main .pagelayer-flipbox-back{
|
|
transform: none;
|
|
-webkit-transform: none;
|
|
opacity: 1;
|
|
}
|
|
|
|
.pagelayer-flipbox-image{
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.pagelayer-flipbox-image img{
|
|
width: 50%;
|
|
object-fit: cover;
|
|
-o-object-fit: cover;
|
|
}
|
|
|
|
.pagelayer-flipbox[back_section="true"] .pagelayer-flipbox-front{
|
|
display:none;
|
|
}
|
|
|
|
.pagelayer-flipbox[back_section="true"] .pagelayer-flipbox-back{
|
|
transform: rotateX(0) rotateY(0deg) !important;
|
|
-webkit-transform: rotateX(0) rotateY(0deg) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.pagelayer-flipbox-back .pagelayer-service-btn.pagelayer-btn-link{
|
|
background-color:transparent;
|
|
}
|
|
|
|
/*Flipbox End*/
|
|
|
|
/* Animated Heading */
|
|
|
|
.pagelayer-aheading-holder {
|
|
display: inline-block;
|
|
position:relative;
|
|
}
|
|
|
|
.pagelayer-animated-heading{
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: 1.4;
|
|
-webkit-background-clip: text;
|
|
}
|
|
|
|
[class*="pagelayer-blobs"]{
|
|
display:block;
|
|
position:absolute;
|
|
mix-blend-mode:color;
|
|
animation:pagelayer-blobs 10s ease-in-out infinite alternate;
|
|
}
|
|
|
|
.pagelayer-blobs_1{
|
|
width: 9%;
|
|
height: 47%;
|
|
top: 12%;
|
|
left: 4%;
|
|
}
|
|
|
|
.pagelayer-blobs_2{
|
|
width: 10%;
|
|
height: 50%;
|
|
top: 60%;
|
|
left: 34%;
|
|
}
|
|
|
|
.pagelayer-blobs_3{
|
|
width: 20%;
|
|
height: 46%;
|
|
top: 10%;
|
|
left: 20%;
|
|
}
|
|
|
|
.pagelayer-blobs_4{
|
|
width: 30%;
|
|
height: 40%;
|
|
top: 30%;
|
|
left: 70%;
|
|
}
|
|
|
|
.pagelayer-blobs_5{
|
|
width: 12%;
|
|
height: 40%;
|
|
top: 61%;
|
|
left: 12%;
|
|
}
|
|
|
|
.pagelayer-blobs_6{
|
|
width: 25%;
|
|
height: 45%;
|
|
top: 5%;
|
|
left: 45%;
|
|
}
|
|
|
|
.pagelayer-blobs_7{
|
|
width: 32%;
|
|
height: 45%;
|
|
top: 67%;
|
|
left: 46%;
|
|
}
|
|
|
|
.pagelayer-hEffect-none [class*="pagelayer-blobs"]{
|
|
display: none;
|
|
}
|
|
|
|
@keyframes pagelayer-blobs{
|
|
0%{border-radius:26% 74% 61% 39% / 54% 67% 33% 46%}
|
|
10%{border-radius:74% 26% 47% 53% / 68% 46% 54% 32%}
|
|
20%{border-radius:48% 52% 30% 70% / 27% 37% 63% 73%}
|
|
30%{border-radius:73% 27% 57% 43% / 28% 67% 33% 72%}
|
|
40%{border-radius:63% 37% 56% 44% / 25% 28% 72% 75%}
|
|
50%{border-radius:39% 61% 70% 30% / 61% 29% 71% 39%}
|
|
60%{border-radius:27% 73% 29% 71% / 73% 51% 49% 27%}
|
|
70%{border-radius:39% 61% 65% 35% / 74% 65% 35% 26%}
|
|
80%{border-radius:55% 45% 37% 63% / 38% 30% 70% 62%}
|
|
90%{border-radius:25% 75% 70% 30% / 39% 50% 50% 61%}
|
|
100%{border-radius:66% 34% 33% 67% / 65% 73% 27% 35%}
|
|
}
|
|
|
|
.pagelayer-hEffect-blobs,
|
|
.pagelayer-hEffect-none,
|
|
.pagelayer-heading-rotating{
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
|
|
.pagelayer-heading-rotating .pagelayer-animated-heading{
|
|
display: inline;
|
|
}
|
|
|
|
.pagelayer-words-wrapper {
|
|
display: inline-block;
|
|
position: relative;
|
|
text-align: left;
|
|
}
|
|
.pagelayer-words-wrapper span {
|
|
display: inline-block;
|
|
position: absolute;
|
|
white-space: nowrap;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.pagelayer-words-wrapper span.pagelayer-is-visible {
|
|
position: relative;
|
|
}
|
|
|
|
/*** xrotate-1 ***/
|
|
.pagelayer-aheading-rotate1 .pagelayer-words-wrapper {
|
|
-webkit-perspective: 300px;
|
|
-moz-perspective: 300px;
|
|
perspective: 300px;
|
|
}
|
|
.pagelayer-aheading-rotate1 span {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 100%;
|
|
-moz-transform-origin: 50% 100%;
|
|
-ms-transform-origin: 50% 100%;
|
|
-o-transform-origin: 50% 100%;
|
|
transform-origin: 50% 100%;
|
|
-webkit-transform: rotateX(180deg);
|
|
-moz-transform: rotateX(180deg);
|
|
-ms-transform: rotateX(180deg);
|
|
-o-transform: rotateX(180deg);
|
|
transform: rotateX(180deg);
|
|
}
|
|
.pagelayer-aheading-rotate1 span.pagelayer-is-visible {
|
|
opacity: 1;
|
|
-webkit-transform: rotateX(0deg);
|
|
-moz-transform: rotateX(0deg);
|
|
-ms-transform: rotateX(0deg);
|
|
-o-transform: rotateX(0deg);
|
|
transform: rotateX(0deg);
|
|
-webkit-animation: pagelayer-rotate-1-in 1.2s;
|
|
-moz-animation: pagelayer-rotate-1-in 1.2s;
|
|
animation: pagelayer-rotate-1-in 1.2s;
|
|
}
|
|
.pagelayer-aheading-rotate1 span.pagelayer-is-hidden {
|
|
-webkit-transform: rotateX(180deg);
|
|
-moz-transform: rotateX(180deg);
|
|
-ms-transform: rotateX(180deg);
|
|
-o-transform: rotateX(180deg);
|
|
transform: rotateX(180deg);
|
|
-webkit-animation: pagelayer-rotate-1-out 1.2s;
|
|
-moz-animation: pagelayer-rotate-1-out 1.2s;
|
|
animation: pagelayer-rotate-1-out 1.2s;
|
|
}
|
|
|
|
@-webkit-keyframes pagelayer-rotate-1-in {
|
|
0% {
|
|
-webkit-transform: rotateX(180deg);
|
|
opacity: 0;
|
|
}
|
|
35% {
|
|
-webkit-transform: rotateX(120deg);
|
|
opacity: 0;
|
|
}
|
|
65% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateX(360deg);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@-moz-keyframes pagelayer-rotate-1-in {
|
|
0% {
|
|
-moz-transform: rotateX(180deg);
|
|
opacity: 0;
|
|
}
|
|
35% {
|
|
-moz-transform: rotateX(120deg);
|
|
opacity: 0;
|
|
}
|
|
65% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
-moz-transform: rotateX(360deg);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes pagelayer-rotate-1-in {
|
|
0% {
|
|
-webkit-transform: rotateX(180deg);
|
|
-moz-transform: rotateX(180deg);
|
|
-ms-transform: rotateX(180deg);
|
|
-o-transform: rotateX(180deg);
|
|
transform: rotateX(180deg);
|
|
opacity: 0;
|
|
}
|
|
35% {
|
|
-webkit-transform: rotateX(120deg);
|
|
-moz-transform: rotateX(120deg);
|
|
-ms-transform: rotateX(120deg);
|
|
-o-transform: rotateX(120deg);
|
|
transform: rotateX(120deg);
|
|
opacity: 0;
|
|
}
|
|
65% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateX(360deg);
|
|
-moz-transform: rotateX(360deg);
|
|
-ms-transform: rotateX(360deg);
|
|
-o-transform: rotateX(360deg);
|
|
transform: rotateX(360deg);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@-webkit-keyframes pagelayer-rotate-1-out {
|
|
0% {
|
|
-webkit-transform: rotateX(0deg);
|
|
opacity: 1;
|
|
}
|
|
35% {
|
|
-webkit-transform: rotateX(-40deg);
|
|
opacity: 1;
|
|
}
|
|
65% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateX(180deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@-moz-keyframes pagelayer-rotate-1-out {
|
|
0% {
|
|
-moz-transform: rotateX(0deg);
|
|
opacity: 1;
|
|
}
|
|
35% {
|
|
-moz-transform: rotateX(-40deg);
|
|
opacity: 1;
|
|
}
|
|
65% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
-moz-transform: rotateX(180deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes pagelayer-rotate-1-out {
|
|
0% {
|
|
-webkit-transform: rotateX(0deg);
|
|
-moz-transform: rotateX(0deg);
|
|
-ms-transform: rotateX(0deg);
|
|
-o-transform: rotateX(0deg);
|
|
transform: rotateX(0deg);
|
|
opacity: 1;
|
|
}
|
|
35% {
|
|
-webkit-transform: rotateX(-40deg);
|
|
-moz-transform: rotateX(-40deg);
|
|
-ms-transform: rotateX(-40deg);
|
|
-o-transform: rotateX(-40deg);
|
|
transform: rotateX(-40deg);
|
|
opacity: 1;
|
|
}
|
|
65% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateX(180deg);
|
|
-moz-transform: rotateX(180deg);
|
|
-ms-transform: rotateX(180deg);
|
|
-o-transform: rotateX(180deg);
|
|
transform: rotateX(180deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
/*** xrotate-2 ***/
|
|
.pagelayer-aheading-rotate2 .pagelayer-words-wrapper {
|
|
-webkit-perspective: 300px;
|
|
-moz-perspective: 300px;
|
|
perspective: 300px;
|
|
}
|
|
.pagelayer-aheading-rotate2 strong, .pagelayer-aheading-rotate2 b {
|
|
display: inline-block;
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
}
|
|
.pagelayer-aheading-rotate2 span {
|
|
opacity: 0;
|
|
}
|
|
.pagelayer-aheading-rotate2 strong {
|
|
-webkit-transform-style: preserve-3d;
|
|
-moz-transform-style: preserve-3d;
|
|
-ms-transform-style: preserve-3d;
|
|
-o-transform-style: preserve-3d;
|
|
transform-style: preserve-3d;
|
|
-webkit-transform: translateZ(-20px) rotateX(90deg);
|
|
-moz-transform: translateZ(-20px) rotateX(90deg);
|
|
-ms-transform: translateZ(-20px) rotateX(90deg);
|
|
-o-transform: translateZ(-20px) rotateX(90deg);
|
|
transform: translateZ(-20px) rotateX(90deg);
|
|
opacity: 0;
|
|
}
|
|
.pagelayer-is-visible .pagelayer-aheading-rotate2 strong {
|
|
opacity: 1;
|
|
}
|
|
.pagelayer-aheading-rotate2 strong.pagelayer-aheading-in {
|
|
-webkit-animation: pagelayer-rotate-2-in 0.4s forwards;
|
|
-moz-animation: pagelayer-rotate-2-in 0.4s forwards;
|
|
animation: pagelayer-rotate-2-in 0.4s forwards;
|
|
-webkit-background-clip: text;
|
|
}
|
|
.pagelayer-aheading-rotate2 strong.pagelayer-aheading-out {
|
|
-webkit-animation: pagelayer-rotate-2-out 0.4s forwards;
|
|
-moz-animation: pagelayer-rotate-2-out 0.4s forwards;
|
|
animation: pagelayer-rotate-2-out 0.4s forwards;
|
|
-webkit-background-clip: text;
|
|
}
|
|
.pagelayer-aheading-rotate2 b {
|
|
-webkit-transform: translateZ(20px);
|
|
-moz-transform: translateZ(20px);
|
|
-ms-transform: translateZ(20px);
|
|
-o-transform: translateZ(20px);
|
|
transform: translateZ(20px);
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
|
|
.pagelayer-no-csstransitions .pagelayer-aheading-rotate2 strong {
|
|
-webkit-transform: rotateX(0deg);
|
|
-moz-transform: rotateX(0deg);
|
|
-ms-transform: rotateX(0deg);
|
|
-o-transform: rotateX(0deg);
|
|
transform: rotateX(0deg);
|
|
opacity: 0;
|
|
}
|
|
.pagelayer-no-csstransitions .pagelayer-aheading-rotate2 strong b {
|
|
-webkit-transform: scale(1);
|
|
-moz-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
-o-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
.pagelayer-no-csstransitions .pagelayer-aheading-rotate2 .pagelayer-is-visible strong {
|
|
opacity: 1;
|
|
}
|
|
|
|
@-webkit-keyframes pagelayer-rotate-2-in {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translateZ(-20px) rotateX(90deg);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translateZ(-20px) rotateX(-10deg);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: translateZ(-20px) rotateX(0deg);
|
|
}
|
|
}
|
|
@-moz-keyframes pagelayer-rotate-2-in {
|
|
0% {
|
|
opacity: 0;
|
|
-moz-transform: translateZ(-20px) rotateX(90deg);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-moz-transform: translateZ(-20px) rotateX(-10deg);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-moz-transform: translateZ(-20px) rotateX(0deg);
|
|
}
|
|
}
|
|
@keyframes pagelayer-rotate-2-in {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translateZ(-20px) rotateX(90deg);
|
|
-moz-transform: translateZ(-20px) rotateX(90deg);
|
|
-ms-transform: translateZ(-20px) rotateX(90deg);
|
|
-o-transform: translateZ(-20px) rotateX(90deg);
|
|
transform: translateZ(-20px) rotateX(90deg);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translateZ(-20px) rotateX(-10deg);
|
|
-moz-transform: translateZ(-20px) rotateX(-10deg);
|
|
-ms-transform: translateZ(-20px) rotateX(-10deg);
|
|
-o-transform: translateZ(-20px) rotateX(-10deg);
|
|
transform: translateZ(-20px) rotateX(-10deg);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: translateZ(-20px) rotateX(0deg);
|
|
-moz-transform: translateZ(-20px) rotateX(0deg);
|
|
-ms-transform: translateZ(-20px) rotateX(0deg);
|
|
-o-transform: translateZ(-20px) rotateX(0deg);
|
|
transform: translateZ(-20px) rotateX(0deg);
|
|
}
|
|
}
|
|
@-webkit-keyframes pagelayer-rotate-2-out {
|
|
0% {
|
|
opacity: 1;
|
|
-webkit-transform: translateZ(-20px) rotateX(0);
|
|
}
|
|
60% {
|
|
opacity: 0;
|
|
-webkit-transform: translateZ(-20px) rotateX(-100deg);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translateZ(-20px) rotateX(-90deg);
|
|
}
|
|
}
|
|
@-moz-keyframes pagelayer-rotate-2-out {
|
|
0% {
|
|
opacity: 1;
|
|
-moz-transform: translateZ(-20px) rotateX(0);
|
|
}
|
|
60% {
|
|
opacity: 0;
|
|
-moz-transform: translateZ(-20px) rotateX(-100deg);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-moz-transform: translateZ(-20px) rotateX(-90deg);
|
|
}
|
|
}
|
|
@keyframes pagelayer-rotate-2-out {
|
|
0% {
|
|
opacity: 1;
|
|
-webkit-transform: translateZ(-20px) rotateX(0);
|
|
-moz-transform: translateZ(-20px) rotateX(0);
|
|
-ms-transform: translateZ(-20px) rotateX(0);
|
|
-o-transform: translateZ(-20px) rotateX(0);
|
|
transform: translateZ(-20px) rotateX(0);
|
|
}
|
|
60% {
|
|
opacity: 0;
|
|
-webkit-transform: translateZ(-20px) rotateX(-100deg);
|
|
-moz-transform: translateZ(-20px) rotateX(-100deg);
|
|
-ms-transform: translateZ(-20px) rotateX(-100deg);
|
|
-o-transform: translateZ(-20px) rotateX(-100deg);
|
|
transform: translateZ(-20px) rotateX(-100deg);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translateZ(-20px) rotateX(-90deg);
|
|
-moz-transform: translateZ(-20px) rotateX(-90deg);
|
|
-ms-transform: translateZ(-20px) rotateX(-90deg);
|
|
-o-transform: translateZ(-20px) rotateX(-90deg);
|
|
transform: translateZ(-20px) rotateX(-90deg);
|
|
}
|
|
}
|
|
|
|
/*** xloading-bar ***/
|
|
.pagelayer-aheading-loading-bar .pagelayer-words-wrapper {
|
|
overflow: hidden;
|
|
vertical-align: top;
|
|
}
|
|
.pagelayer-aheading-loading-bar .pagelayer-words-wrapper:after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
height: 3px;
|
|
width: 0;
|
|
background: #0096a7;
|
|
z-index: 2;
|
|
-webkit-transition: width 0.3s -0.1s;
|
|
-moz-transition: width 0.3s -0.1s;
|
|
transition: width 0.3s -0.1s;
|
|
}
|
|
.pagelayer-aheading-loading-bar .pagelayer-words-wrapper.pagelayer-is-loading:after {
|
|
width: 100%;
|
|
-webkit-transition: width 3s;
|
|
-moz-transition: width 3s;
|
|
transition: width 3s;
|
|
}
|
|
.pagelayer-aheading-loading-bar span{
|
|
top: .2em;
|
|
opacity: 0;
|
|
-webkit-transition: opacity 0.3s;
|
|
-moz-transition: opacity 0.3s;
|
|
transition: opacity 0.3s;
|
|
}
|
|
.pagelayer-aheading-loading-bar span.pagelayer-is-visible {
|
|
opacity: 1;
|
|
top: 0;
|
|
}
|
|
|
|
/*** xslide ***/
|
|
.pagelayer-aheading-slide .pagelayer-words-wrapper {
|
|
overflow: hidden;
|
|
vertical-align: top;
|
|
}
|
|
.pagelayer-aheading-slide span {
|
|
opacity: 0;
|
|
top: .2em;
|
|
}
|
|
.pagelayer-aheading-slide span.pagelayer-is-visible {
|
|
top: 0;
|
|
opacity: 1;
|
|
-webkit-animation: pagelayer-slide-in 0.6s;
|
|
-moz-animation: pagelayer-slide-in 0.6s;
|
|
animation: pagelayer-slide-in 0.6s;
|
|
}
|
|
.pagelayer-aheading-slide span.pagelayer-is-hidden {
|
|
-webkit-animation: pagelayer-slide-out 0.6s;
|
|
-moz-animation: pagelayer-slide-out 0.6s;
|
|
animation: pagelayer-slide-out 0.6s;
|
|
}
|
|
|
|
@-webkit-keyframes pagelayer-slide-in {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(-100%);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translateY(20%);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: translateY(0);
|
|
}
|
|
}
|
|
@-moz-keyframes pagelayer-slide-in {
|
|
0% {
|
|
opacity: 0;
|
|
-moz-transform: translateY(-100%);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-moz-transform: translateY(20%);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-moz-transform: translateY(0);
|
|
}
|
|
}
|
|
@keyframes pagelayer-slide-in {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(-100%);
|
|
-moz-transform: translateY(-100%);
|
|
-ms-transform: translateY(-100%);
|
|
-o-transform: translateY(-100%);
|
|
transform: translateY(-100%);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translateY(20%);
|
|
-moz-transform: translateY(20%);
|
|
-ms-transform: translateY(20%);
|
|
-o-transform: translateY(20%);
|
|
transform: translateY(20%);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: translateY(0);
|
|
-moz-transform: translateY(0);
|
|
-ms-transform: translateY(0);
|
|
-o-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
@-webkit-keyframes pagelayer-slide-out {
|
|
0% {
|
|
opacity: 1;
|
|
-webkit-transform: translateY(0);
|
|
}
|
|
60% {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(120%);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(100%);
|
|
}
|
|
}
|
|
@-moz-keyframes pagelayer-slide-out {
|
|
0% {
|
|
opacity: 1;
|
|
-moz-transform: translateY(0);
|
|
}
|
|
60% {
|
|
opacity: 0;
|
|
-moz-transform: translateY(120%);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-moz-transform: translateY(100%);
|
|
}
|
|
}
|
|
@keyframes pagelayer-slide-out {
|
|
0% {
|
|
opacity: 1;
|
|
-webkit-transform: translateY(0);
|
|
-moz-transform: translateY(0);
|
|
-ms-transform: translateY(0);
|
|
-o-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
60% {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(120%);
|
|
-moz-transform: translateY(120%);
|
|
-ms-transform: translateY(120%);
|
|
-o-transform: translateY(120%);
|
|
transform: translateY(120%);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(100%);
|
|
-moz-transform: translateY(100%);
|
|
-ms-transform: translateY(100%);
|
|
-o-transform: translateY(100%);
|
|
transform: translateY(100%);
|
|
}
|
|
}
|
|
|
|
/*** xclip ***/
|
|
.pagelayer-aheading-clip .pagelayer-words-wrapper {
|
|
overflow: hidden;
|
|
vertical-align: top;
|
|
}
|
|
.pagelayer-aheading-clip .pagelayer-words-wrapper:after {
|
|
/* line */
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 3px;
|
|
height: 100%;
|
|
background-color: #aebcb9;
|
|
}
|
|
.pagelayer-aheading-clip span {
|
|
opacity: 0;
|
|
}
|
|
.pagelayer-aheading-clip span.pagelayer-is-visible {
|
|
opacity: 1;
|
|
}
|
|
|
|
/*** xzoom ***/
|
|
.pagelayer-aheading-zoom .pagelayer-words-wrapper {
|
|
-webkit-perspective: 300px;
|
|
-moz-perspective: 300px;
|
|
perspective: 300px;
|
|
}
|
|
.pagelayer-aheading-zoom span{
|
|
opacity: 0;
|
|
}
|
|
.pagelayer-aheading-zoom span.pagelayer-is-visible {
|
|
opacity: 1;
|
|
-webkit-animation: pagelayer-zoom-in 0.8s;
|
|
-moz-animation: pagelayer-zoom-in 0.8s;
|
|
animation: pagelayer-zoom-in 0.8s;
|
|
}
|
|
.pagelayer-aheading-zoom span.pagelayer-is-hidden {
|
|
-webkit-animation: pagelayer-zoom-out 0.8s;
|
|
-moz-animation: pagelayer-zoom-out 0.8s;
|
|
animation: pagelayer-zoom-out 0.8s;
|
|
}
|
|
|
|
@-webkit-keyframes pagelayer-zoom-in {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translateZ(100px);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: translateZ(0);
|
|
}
|
|
}
|
|
@-moz-keyframes pagelayer-zoom-in {
|
|
0% {
|
|
opacity: 0;
|
|
-moz-transform: translateZ(100px);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-moz-transform: translateZ(0);
|
|
}
|
|
}
|
|
@keyframes pagelayer-zoom-in {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translateZ(100px);
|
|
-moz-transform: translateZ(100px);
|
|
-ms-transform: translateZ(100px);
|
|
-o-transform: translateZ(100px);
|
|
transform: translateZ(100px);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: translateZ(0);
|
|
-moz-transform: translateZ(0);
|
|
-ms-transform: translateZ(0);
|
|
-o-transform: translateZ(0);
|
|
transform: translateZ(0);
|
|
}
|
|
}
|
|
@-webkit-keyframes pagelayer-zoom-out {
|
|
0% {
|
|
opacity: 1;
|
|
-webkit-transform: translateZ(0);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translateZ(-100px);
|
|
}
|
|
}
|
|
@-moz-keyframes pagelayer-zoom-out {
|
|
0% {
|
|
opacity: 1;
|
|
-moz-transform: translateZ(0);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-moz-transform: translateZ(-100px);
|
|
}
|
|
}
|
|
@keyframes pagelayer-zoom-out {
|
|
0% {
|
|
opacity: 1;
|
|
-webkit-transform: translateZ(0);
|
|
-moz-transform: translateZ(0);
|
|
-ms-transform: translateZ(0);
|
|
-o-transform: translateZ(0);
|
|
transform: translateZ(0);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translateZ(-100px);
|
|
-moz-transform: translateZ(-100px);
|
|
-ms-transform: translateZ(-100px);
|
|
-o-transform: translateZ(-100px);
|
|
transform: translateZ(-100px);
|
|
}
|
|
}
|
|
|
|
/*** xrotate-3 ***/
|
|
.pagelayer-aheading-rotate3 .pagelayer-words-wrapper {
|
|
-webkit-perspective: 300px;
|
|
-moz-perspective: 300px;
|
|
perspective: 300px;
|
|
}
|
|
.pagelayer-aheading-rotate3 span {
|
|
opacity: 0;
|
|
}
|
|
.pagelayer-aheading-rotate3 strong {
|
|
display: inline-block;
|
|
-webkit-transform: rotateY(180deg);
|
|
-moz-transform: rotateY(180deg);
|
|
-ms-transform: rotateY(180deg);
|
|
-o-transform: rotateY(180deg);
|
|
transform: rotateY(180deg);
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
}
|
|
.pagelayer-is-visible .pagelayer-aheading-rotate3 strong {
|
|
-webkit-transform: rotateY(0deg);
|
|
-moz-transform: rotateY(0deg);
|
|
-ms-transform: rotateY(0deg);
|
|
-o-transform: rotateY(0deg);
|
|
transform: rotateY(0deg);
|
|
}
|
|
.pagelayer-aheading-rotate3 strong.pagelayer-aheading-in {
|
|
-webkit-animation: pagelayer-rotate-3-in 0.6s forwards;
|
|
-moz-animation: pagelayer-rotate-3-in 0.6s forwards;
|
|
animation: pagelayer-rotate-3-in 0.6s forwards;
|
|
}
|
|
.pagelayer-aheading-rotate3 strong.pagelayer-aheading-out {
|
|
-webkit-animation: pagelayer-rotate-3-out 0.6s forwards;
|
|
-moz-animation: pagelayer-rotate-3-out 0.6s forwards;
|
|
animation: pagelayer-rotate-3-out 0.6s forwards;
|
|
}
|
|
|
|
.pagelayer-no-csstransitions .pagelayer-aheading-rotate3 strong {
|
|
-webkit-transform: rotateY(0deg);
|
|
-moz-transform: rotateY(0deg);
|
|
-ms-transform: rotateY(0deg);
|
|
-o-transform: rotateY(0deg);
|
|
transform: rotateY(0deg);
|
|
opacity: 0;
|
|
}
|
|
|
|
.pagelayer-no-csstransitions .pagelayer-aheading-rotate3 .pagelayer-is-visible strong {
|
|
opacity: 1;
|
|
}
|
|
|
|
@-webkit-keyframes pagelayer-rotate-3-in {
|
|
0% {
|
|
-webkit-transform: rotateY(180deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateY(0deg);
|
|
}
|
|
}
|
|
@-moz-keyframes pagelayer-rotate-3-in {
|
|
0% {
|
|
-moz-transform: rotateY(180deg);
|
|
}
|
|
100% {
|
|
-moz-transform: rotateY(0deg);
|
|
}
|
|
}
|
|
@keyframes pagelayer-rotate-3-in {
|
|
0% {
|
|
-webkit-transform: rotateY(180deg);
|
|
-moz-transform: rotateY(180deg);
|
|
-ms-transform: rotateY(180deg);
|
|
-o-transform: rotateY(180deg);
|
|
transform: rotateY(180deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateY(0deg);
|
|
-moz-transform: rotateY(0deg);
|
|
-ms-transform: rotateY(0deg);
|
|
-o-transform: rotateY(0deg);
|
|
transform: rotateY(0deg);
|
|
}
|
|
}
|
|
@-webkit-keyframes pagelayer-rotate-3-out {
|
|
0% {
|
|
-webkit-transform: rotateY(0);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateY(-180deg);
|
|
}
|
|
}
|
|
@-moz-keyframes pagelayer-rotate-3-out {
|
|
0% {
|
|
-moz-transform: rotateY(0);
|
|
}
|
|
100% {
|
|
-moz-transform: rotateY(-180deg);
|
|
}
|
|
}
|
|
@keyframes pagelayer-rotate-3-out {
|
|
0% {
|
|
-webkit-transform: rotateY(0);
|
|
-moz-transform: rotateY(0);
|
|
-ms-transform: rotateY(0);
|
|
-o-transform: rotateY(0);
|
|
transform: rotateY(0);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotateY(-180deg);
|
|
-moz-transform: rotateY(-180deg);
|
|
-ms-transform: rotateY(-180deg);
|
|
-o-transform: rotateY(-180deg);
|
|
transform: rotateY(-180deg);
|
|
}
|
|
}
|
|
|
|
/*** xscale ***/
|
|
.pagelayer-aheading-scale span {
|
|
opacity: 0;
|
|
}
|
|
.pagelayer-aheading-scale strong {
|
|
display: inline-block;
|
|
opacity: 0;
|
|
-webkit-transform: scale(0);
|
|
-moz-transform: scale(0);
|
|
-ms-transform: scale(0);
|
|
-o-transform: scale(0);
|
|
transform: scale(0);
|
|
}
|
|
.pagelayer-is-visible .pagelayer-aheading-scale strong {
|
|
opacity: 1;
|
|
}
|
|
.pagelayer-aheading-scale strong.pagelayer-aheading-in {
|
|
-webkit-animation: pagelayer-scale-up 0.6s forwards;
|
|
-moz-animation: pagelayer-scale-up 0.6s forwards;
|
|
animation: pagelayer-scale-up 0.6s forwards;
|
|
}
|
|
.pagelayer-aheading-scale strong.pagelayer-aheading-out {
|
|
-webkit-animation: pagelayer-scale-down 0.6s forwards;
|
|
-moz-animation: pagelayer-scale-down 0.6s forwards;
|
|
animation: pagelayer-scale-down 0.6s forwards;
|
|
}
|
|
|
|
.pagelayer-no-csstransitions .pagelayer-aheading-scale strong {
|
|
-webkit-transform: scale(1);
|
|
-moz-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
-o-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 0;
|
|
}
|
|
|
|
.pagelayer-no-csstransitions .pagelayer-aheading-scale .pagelayer-is-visible strong {
|
|
opacity: 1;
|
|
}
|
|
|
|
@-webkit-keyframes pagelayer-scale-up {
|
|
0% {
|
|
-webkit-transform: scale(0);
|
|
opacity: 0;
|
|
}
|
|
60% {
|
|
-webkit-transform: scale(1.2);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@-moz-keyframes pagelayer-scale-up {
|
|
0% {
|
|
-moz-transform: scale(0);
|
|
opacity: 0;
|
|
}
|
|
60% {
|
|
-moz-transform: scale(1.2);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-moz-transform: scale(1);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes pagelayer-scale-up {
|
|
0% {
|
|
-webkit-transform: scale(0);
|
|
-moz-transform: scale(0);
|
|
-ms-transform: scale(0);
|
|
-o-transform: scale(0);
|
|
transform: scale(0);
|
|
opacity: 0;
|
|
}
|
|
60% {
|
|
-webkit-transform: scale(1.2);
|
|
-moz-transform: scale(1.2);
|
|
-ms-transform: scale(1.2);
|
|
-o-transform: scale(1.2);
|
|
transform: scale(1.2);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
-moz-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
-o-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@-webkit-keyframes pagelayer-scale-down {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
opacity: 1;
|
|
}
|
|
60% {
|
|
-webkit-transform: scale(0);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@-moz-keyframes pagelayer-scale-down {
|
|
0% {
|
|
-moz-transform: scale(1);
|
|
opacity: 1;
|
|
}
|
|
60% {
|
|
-moz-transform: scale(0);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes pagelayer-scale-down {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
-moz-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
-o-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 1;
|
|
}
|
|
60% {
|
|
-webkit-transform: scale(0);
|
|
-moz-transform: scale(0);
|
|
-ms-transform: scale(0);
|
|
-o-transform: scale(0);
|
|
transform: scale(0);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
/*** xpush ***/
|
|
.pagelayer-aheading-push span {
|
|
opacity: 0;
|
|
}
|
|
.pagelayer-aheading-push span.pagelayer-is-visible {
|
|
opacity: 1;
|
|
-webkit-animation: pagelayer-push-in 0.6s;
|
|
-moz-animation: pagelayer-push-in 0.6s;
|
|
animation: pagelayer-push-in 0.6s;
|
|
}
|
|
.pagelayer-aheading-push span.pagelayer-is-hidden {
|
|
-webkit-animation: pagelayer-push-out 0.6s;
|
|
-moz-animation: pagelayer-push-out 0.6s;
|
|
animation: pagelayer-push-out 0.6s;
|
|
}
|
|
|
|
@-webkit-keyframes pagelayer-push-in {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translateX(-100%);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translateX(10%);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: translateX(0);
|
|
}
|
|
}
|
|
@-moz-keyframes pagelayer-push-in {
|
|
0% {
|
|
opacity: 0;
|
|
-moz-transform: translateX(-100%);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-moz-transform: translateX(10%);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-moz-transform: translateX(0);
|
|
}
|
|
}
|
|
@keyframes pagelayer-push-in {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translateX(-100%);
|
|
-moz-transform: translateX(-100%);
|
|
-ms-transform: translateX(-100%);
|
|
-o-transform: translateX(-100%);
|
|
transform: translateX(-100%);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translateX(10%);
|
|
-moz-transform: translateX(10%);
|
|
-ms-transform: translateX(10%);
|
|
-o-transform: translateX(10%);
|
|
transform: translateX(10%);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: translateX(0);
|
|
-moz-transform: translateX(0);
|
|
-ms-transform: translateX(0);
|
|
-o-transform: translateX(0);
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
@-webkit-keyframes pagelayer-push-out {
|
|
0% {
|
|
opacity: 1;
|
|
-webkit-transform: translateX(0);
|
|
}
|
|
60% {
|
|
opacity: 0;
|
|
-webkit-transform: translateX(110%);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translateX(100%);
|
|
}
|
|
}
|
|
@-moz-keyframes pagelayer-push-out {
|
|
0% {
|
|
opacity: 1;
|
|
-moz-transform: translateX(0);
|
|
}
|
|
60% {
|
|
opacity: 0;
|
|
-moz-transform: translateX(110%);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-moz-transform: translateX(100%);
|
|
}
|
|
}
|
|
@keyframes pagelayer-push-out {
|
|
0% {
|
|
opacity: 1;
|
|
-webkit-transform: translateX(0);
|
|
-moz-transform: translateX(0);
|
|
-ms-transform: translateX(0);
|
|
-o-transform: translateX(0);
|
|
transform: translateX(0);
|
|
}
|
|
60% {
|
|
opacity: 0;
|
|
-webkit-transform: translateX(110%);
|
|
-moz-transform: translateX(110%);
|
|
-ms-transform: translateX(110%);
|
|
-o-transform: translateX(110%);
|
|
transform: translateX(110%);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translateX(100%);
|
|
-moz-transform: translateX(100%);
|
|
-ms-transform: translateX(100%);
|
|
-o-transform: translateX(100%);
|
|
transform: translateX(100%);
|
|
}
|
|
}
|
|
|
|
/* Animated Heading End */
|
|
/* Page Break Start */
|
|
|
|
.pagelayer-page-links{
|
|
text-align: center;
|
|
margin-top: 50px;
|
|
}
|
|
|
|
.pagelayer-page-links .post-page-numbers {
|
|
padding: 0;
|
|
margin: 0 0 .3em .3em;
|
|
border: 1px solid;
|
|
color: #000;
|
|
background: 0 0;
|
|
font-size: .8em;
|
|
width: 2.5em;
|
|
height: 2.5em;
|
|
line-height: calc(2.5em - 4px);
|
|
display: inline-block;
|
|
text-align: center;
|
|
transition: all .2s linear;
|
|
}
|
|
|
|
.pagelayer-arc-layout-left .pagelayer-wposts-col .pagelayer-wposts-content,
|
|
.pagelayer-arc-layout-right .pagelayer-wposts-col .pagelayer-wposts-featured,
|
|
.pagelayer-arc-layout-alt .pagelayer-wposts-col:nth-of-type(2n+1) .pagelayer-wposts-content,
|
|
.pagelayer-arc-layout-alt .pagelayer-wposts-col:nth-of-type(2n) .pagelayer-wposts-featured{
|
|
width: 48%;
|
|
float: left;
|
|
}
|
|
|
|
.pagelayer-arc-layout-right .pagelayer-wposts-col .pagelayer-wposts-content,
|
|
.pagelayer-arc-layout-left .pagelayer-wposts-col .pagelayer-wposts-featured,
|
|
.pagelayer-arc-layout-alt .pagelayer-wposts-col:nth-of-type(2n) .pagelayer-wposts-content,
|
|
.pagelayer-arc-layout-alt .pagelayer-wposts-col:nth-of-type(2n+1) .pagelayer-wposts-featured{
|
|
width: 48%;
|
|
float: right;
|
|
}
|
|
|
|
.pagelayer-arc-layout-left .pagelayer-wposts-thumb,
|
|
.pagelayer-arc-layout-right .pagelayer-wposts-thumb,
|
|
.pagelayer-arc-layout-alt .pagelayer-wposts-thumb{
|
|
display: block;
|
|
}
|
|
|
|
.pagelayer-wposts-thumb,
|
|
.pagelayer-wposts-featured,
|
|
.pagelayer-wposts-col{
|
|
overflow: hidden;
|
|
}
|
|
|
|
.pagelayer-loader-holder{
|
|
width: auto;
|
|
height: auto;
|
|
display: none;
|
|
}
|
|
|
|
.pagelayer-post-max,
|
|
.pagelayer-infinite-scroll-auto ~ .pagelayer_load_button .pagelayer-btn-load{
|
|
display: none;
|
|
}
|
|
/* Page Break End */
|
|
|
|
/********************/
|
|
/*** Freemium End ***/
|
|
/********************/ |