MAINHACK

Viewing / Editing File: pagelayer-frontend.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>div{
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{
visibility: visible;
}

.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-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;
}

/*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;
height: 100%;
width: 100%;
overflow: auto;
color: #000;
opacity: 1;
z-index: 99999;
}

.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-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 ***/
/********************/

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: pagelayer-frontend.css

Server Info

System Features

User Info