.text-left{
text-align:left;
}
.text-center{
text-align:center;
}
.text-right{
text-align:right;
}
object#svg_main_logo {
margin: 0px;
}
.animate-general{
opacity:0;
}
.vc_row[data-vc-full-width] {
overflow: visible !important;
}
.desktop-hide,.tablet-hide,.mobile-hide{
display:none;
}
/*--dropcop-*/
.pt_plus_dropcap {
font-size: 40px;
font-style: normal;
font-weight: 600;
font-family: "open sans";
display: inline-block;
position: relative;
text-align: center;
margin-right: 10px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius: 2px;
padding: 10px;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
}
.pt_plus_dropcap.shadow, .pt_plus_dropcap.style-3 {
-moz-box-shadow: 0 2px 14px rgba(0,0,0,0.1), 0 5px 15px rgba(0,0,0,0.1);
box-shadow: 0 2px 14px rgba(0,0,0,0.1), 0 5px 15px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 14px rgba(0,0,0,0.1), 0 5px 15px rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.1);
}
.pt_plus_dropcap.style-2 {
border: 1px solid #ff214f;
}
.pt_plus_dropcap.style-3:after, .pt_plus_dropcap.style-3:before {
position: absolute;
content: "";
display: block;
border-bottom: 1px solid rgba(0,0,0,0.1);
height: 15px;
bottom: 1px;
left: 0;
right: 0;
-moz-border-radius:inherit;
-webkit-border-radius:inherit;
border-radius: inherit;
}
.pt_plus_dropcap.style-3:after{
bottom:3px;
}
.pt_plus_dropcap.style-4 {
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.pt_plus_dropcap.style-5.shadow {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
/*--dropcop-*/
/*--blockquote-*/
.pt_plus_blockquote blockquote {
padding: 30px !important;
font-size: 17px !important;
margin: 0px !important;
border-radius: 2px;
border: 0 !important;
}
.pt_plus_blockquote blockquote {
display: block;
height: auto;
margin: 0 20px 25px 0 !important;
position: relative;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: transparent;
border-left: 0 !important;
}
.pt_plus_blockquote-2 blockquote:after ,.pt_plus_blockquote-3 blockquote:after,.pt_plus_blockquote-4 blockquote:after,.pt_plus_blockquote-5 blockquote:after{
content: "";
width: 0;
height: 0;
background: transparent !important;
position: relative;
}
.pt_plus_blockquote-1 blockquote:after {
content: "";
width: 55px;
height: 40px;
background: transparent;
position: absolute;
left: 15px;
top: 15px;
}
.pt_plus_blockquote .author {
padding-top: 10px;
text-align: left;
font-size: 17px;
line-height: 1.2;
}
.pt_plus_blockquote .author .fa-user {
padding-right: 8px;
}
.pt_plus_blockquote-1 blockquote {
padding: 0 !important;
top: 0 !important;
border-left: 6px solid #fff !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
padding: 30px 20px!important;
}
.qote-left {
display: inline-block;
font-size: 30px !important;
margin-right: 20px;
top: 0;
position: relative;
}
.qote-right {
display: inline-block;
font-size: 30px !important;
margin-left: 20px;
bottom: -15px;
position: relative;
}
.pt_plus_blockquote-1 .qote-left {
display: none;
}
.pt_plus_blockquote-1 .qote-right,.pt_plus_blockquote-3 .qote-right,.pt_plus_blockquote-4 .qote-right ,.pt_plus_blockquote-5 .qote-right {
display: none;
}
.pt_plus_blockquote-2 .author {
text-align: right;
}
.pt_plus_blockquote {
display: block;
position: relative;
overflow: hidden;
}
.pt_plus_blockquote-3 .blockquote-content {
padding-left: 65px;
}
.pt_plus_blockquote-3 .fa.fa-quote-left.qote-left {
position: absolute;
font-size: 60px !important;
top: -20px;
text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1);
}
.pt_plus_blockquote.pt_plus_blockquote-3 {
overflow: visible;
}
.pt_plus_blockquote-3 .author{
text-align: right;
}
.pt_plus_blockquote-4 .fa.fa-quote-left.qote-left {
position: absolute;
right: 0;
top: 20px;
}
.pt_plus_blockquote-4 .author {
display: block;
position: relative;
margin-bottom: 25px;
padding: 15px 15px 15px 30px !important;
background: #fff;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.pt_plus_blockquote-4,.pt_plus_blockquote-5 {
overflow: visible;
}
.pt_plus_blockquote-4 blockquote {
margin-bottom: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.pt_plus_blockquote-5 blockquote:before {
content: '';
width: 100%;
height: 100%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
border-left: 5px solid rgba(235,150,108,0.1);
position: absolute;
top: 0;
left: -50px;
z-index: -1;
}
.pt_plus_blockquote-5 .blockquote-content{
-webkit-box-shadow: 0 -6px 0 rgba(235,150,108,0.2);
-moz-box-shadow: 0 -6px 0 rgba(235,150,108,0.2);
box-shadow: 0 -6px 0 rgba(235,150,108,0.2);
}
.pt_plus_blockquote-5 .fa.fa-quote-left.qote-left {
display: block;
position: relative;
font-size: 50px !important;
padding-bottom: 21px;
}
.pt_plus_blockquote-5 .fa.fa-quote-left.qote-left:before {
background: #ff92b2;
display: inline-block;
width: 90px;
height: 90px;
line-height: 90px;
text-align: center;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.pt_plus_blockquote-5 blockquote{
background:#fff;
}
.pt_plus_blockquote.pt_plus_blockquote-5 {
margin-left: 50px;
}
/*--blockquote-*/
/*--fancy link-*/
.pt-plus-fancy-link-content {
position: relative;
display: inline-block;
}
.pt-plus-fancy-link{
vertical-align: bottom;
padding: 0 5px;
position: relative;
display: inline-block;
margin: 0;
font-size: inherit;
text-decoration: none;
outline: none;
white-space: nowrap;
overflow: hidden;
line-height: inherit;
}
a.pt-plus-fancy-link:hover{
text-decoration: none
}
/*----style-1-----------*/
.pt-plus-fancy-link.fancy-link-1 span,.pt-plus-fancy-link.fancy-link-2 span,.pt-plus-fancy-link.fancy-link-3 span,.pt-plus-fancy-link.fancy-link-5 span {
position: relative;
z-index: 1;
}
a.pt-plus-fancy-link.fancy-link-1:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(52,73,94,0.2);
content: '';
-webkit-transition: -webkit-transform 0.2s;
-moz-transition: -webkit-transform 0.2s;
-o-transition:-webkit-transform 0.2s;
-ms-transition:-webkit-transform 0.2s;
transition: transform 0.2s;
-webkit-transform: translateY(95%);
-ms-transform: translateY(95%);
-moz-transform: translateY(95%);
-o-transform: translateY(95%);
transform: translateY(97%);
}
.pt-plus-fancy-link.fancy-link-1:hover:before {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
/*-style-1 End */
/*-style2---*/
.pt-plus-fancy-link-content:hover .fancy-link-2:before {
-webkit-transform: scaleY(0.9) translateX(0);
-ms-transform:scaleY(0.9) translateX(0);
-moz-transform:scaleY(0.9) translateX(0);
-o-transform: scaleY(0.9) translateX(0);
transform: scaleY(0.9) translateX(0);
}
a.pt-plus-fancy-link.fancy-link-2:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(149,165,166,0.4);
content: '';
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -webkit-transform 0.3s;
-o-transition: -webkit-transform 0.3s;
-ms-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: scaleY(0.9) translateX(-101%);
-ms-transform: scaleY(0.9) translateX(-101%);
-moz-transform: scaleY(0.9) translateX(-101%);
-o-transform: scaleY(0.9) translateX(-101%);
transform: scaleY(0.9) translateX(-101%);
}
/*---------style-3-------*/
a.pt-plus-fancy-link.fancy-link-3:before {
position: absolute;
top: 0;
left: -5px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
padding: 0 5px;
width: 100%;
height: 100%;
background: #2e98c1;
content: '';
opacity: 0;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
-o-transition:-o-transform 0.2s, opacity 0.2s;
-ms-transition:-ms-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
-webkit-transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39);
transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39);
-webkit-transform: scale(0);
-ms-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.pt-plus-fancy-link-content:hover a.pt-plus-fancy-link.fancy-link-3:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/*------------style-4-*/
.fancy-link-4 {
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.fancy-link-4:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: rgba(255,255,255,1);
content: '';
opacity: 0;
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s, background 0.4s;
-moz-transition: -moz-transform 0.4s, opacity 0.4s, background 0.4s;
-ms-transition: -ms-transform 0.4s, opacity 0.4s, background 0.4s;
-o-transition: -o-transform 0.4s, opacity 0.4s, background 0.4s;
transition: transform 0.4s, opacity 0.4s, background 0.4s;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.pt-plus-fancy-link-content:hover .fancy-link-4:before {
background: transparent !important;
opacity: 1;
-webkit-transform: scaleX(1) scaleY(0.618);
-ms-transform: scaleX(1) scaleY(0.618);
-moz-transform: scaleX(1) scaleY(0.618);
-o-transform: scaleX(1) scaleY(0.618);
transform: scaleX(1) scaleY(0.618);
}
/*----style-5-*/
.pt-plus-fancy-link-content:hover .fancy-link-5:before {
-webkit-transform: rotateX(0deg);
-ms-transform:rotateX(0deg);
-moz-transform:rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.fancy-link-5:before {
position: absolute;
top: 0;
left: -4px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
padding: 0 4px;
width: 100%;
height: 100%;
content: '';
background: #b70d0d;
-webkit-transition: -webkit-transform 0.2s;
-moz-transition: -moz-transform 0.2s;
-o-transition: -o-transform 0.2s;
-ms-transition:-ms-transform 0.2s;
transition: transform 0.2s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
-webkit-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
/*---------style-6--------*/
a.pt-plus-fancy-link.fancy-link-6:before {
position: absolute;
top: -2px;
left: -7px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
padding: 0 5px;
width: 100%;
height: 100%;
border: 2px solid #e74c3c;
content: '';
opacity: 0;
-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
-moz-transition: opacity 0.2s, -moz-transform 0.2s;
-o-transition:opacity 0.2s, -o-transform 0.2s;
-ms-transition: opacity 0.2s, -ms-transform 0.2s;
transition: opacity 0.2s, transform 0.2s;
-webkit-transform: scale(0.8333);
-ms-transform: scale(0.8333);
-moz-transform: scale(0.8333);
-o-transform: scale(0.8333);
transform: scale(0.8333);
}
.pt-plus-fancy-link-content:hover .fancy-link-6:before {
opacity: 1;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.fancy-link-6 {
overflow: initial !important;
}
.pt-plus-fancy-link-content:hover .fancy-link-6 {
-webkit-transform: scale(0.8333);
-ms-transform:scale(0.8333);
-moz-transform: scale(0.8333);
-o-transform: scale(0.8333);
transform: scale(0.8333);
}
/*-style-7-*/
a.pt-plus-fancy-link.fancy-link-7:before {
position: absolute;
top: -50%;
left: -50%;
padding: 1.8em 1em 1em 3.7em;
width: 200%;
height: 200%;
background-image: url(../../images/svg/link.svg);
-webkit-background-size: auto 40%;
-moz-background-size: auto 40%;
-o-background-size: auto 40%;
background-size: auto 40%;
color: #404d5b;
color: transparent;
content: attr(href);
white-space: pre-wrap;
word-break: break-all;
font-weight: 600;
font-size: 0%;
line-height: 1.2;
opacity: 0.2;
-webkit-transition: opacity 0.3s, color 0.3s, -webkit-transform 0.3s, background-position 0.2s;
-moz-transition: opacity 0.3s, color 0.3s, -moz-transform 0.3s, background-position 0.2s;
-o-transition: opacity 0.3s, color 0.3s, -o-transform 0.3s, background-position 0.2s;
-ms-transition: opacity 0.3s, color 0.3s, -ms-transform 0.3s, background-position 0.2s;
transition: opacity 0.3s, color 0.3s, transform 0.3s, background-position 0.2s;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
pointer-events: auto;
background-position-x: -3em;
background-position-y: 50%;
z-index: 11;
background-repeat: no-repeat;
}
.pt-plus-fancy-link-content:hover a.pt-plus-fancy-link.fancy-link-7:before {
background-position: 1em 50%;
color: #fff;
font-size: 100%;
opacity: 1;
-webkit-transition-delay: 0s, 0s, 0s, 0.1s;
-moz-transition-delay: 0s, 0s, 0s, 0.1s;
-o-transition-delay: 0s, 0s, 0s, 0.1s;
transition-delay: 0s, 0s, 0s, 0.1s;
-webkit-transform: scale(1) translateY(-75%);
-ms-transform: scale(1) translateY(-75%);
-moz-transform: scale(1) translateY(-75%);
-o-transform: scale(1) translateY(-75%);
transform: scale(1) translateY(-75%);
}
.fancy-link-7,.fancy-link-9 {
overflow: initial !important;
}
/*-style-8*/
.pt-plus-fancy-link-content:hover .fancy-link-8:before {
-webkit-transform: translateX(0);
-ms-transform:translateX(0);
-moz-transform:translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 0s;
-moz-transition-delay:0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.fancy-link-8:before, .fancy-link-8:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
-o-transition: -o-transform 0.3s;
-ms-transition: -ms-transform 0.3s;
transition: transform 0.3s;
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
.fancy-link-8:before {
border-top: 2px solid #d04444;
background: transparent !important;
-webkit-transition-delay: 0.3s;
-moz-transition-delay:0.3s;
-o-transition-delay:0.3s;
transition-delay: 0.3s;
-webkit-transform: translateY( calc(100% - 2px) );
-ms-transform: translateY( calc(100% - 2px) );
-moz-transform: translateY( calc(100% - 2px) );
-o-transform: translateY( calc(100% - 2px) );
transform: translateY( calc(100% - 2px) );
}
.fancy-link-8::after {
background: rgba(239, 40, 40, 0.7);
-webkit-transform: translateY(-100%);
-ms-transform:translateY(-100%);
-moz-transform:translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.pt-plus-fancy-link-content:hover .fancy-link-8::after {
-webkit-transform: translateX(0);
-ms-transform:translateX(0);
-moz-transform:translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay:0.3s;
transition-delay: 0.3s;
}
/*-----------style-9-------*/
.fancy-link-9:before, .fancy-link-9:after {
position: absolute;
top: 50%;
font-weight:100;
font-size: 150%;
line-height: 1;
opacity: 0;
-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
-moz-transition: opacity 0.2s, -moz-transform 0.2s;
-o-transition: opacity 0.2s, -o-transform 0.2s;
-ms-transition: opacity 0.2s, -ms-transform 0.2s;
transition: opacity 0.2s, transform 0.2s;
}
.fancy-link-9:before{
left: -0.3em;
content: '[';
-webkit-transform: translateX(-100%) translateY(-55%);
-ms-transform: translateX(-100%) translateY(-55%);
-moz-transform: translateX(-100%) translateY(-55%);
-o-transform: translateX(-100%) translateY(-55%);
transform: translateX(-100%) translateY(-55%);
}
.fancy-link-9:after{
right: -0.3em;
content: ']';
-webkit-transform: translateX(100%) translateY(-55%);
-ms-transform:translateX(100%) translateY(-55%);
-moz-transform:translateX(100%) translateY(-55%);
-o-transform: translateX(100%) translateY(-55%);
transform: translateX(100%) translateY(-55%);
}
.pt-plus-fancy-link-content:hover .fancy-link-9::after,.pt-plus-fancy-link-content:hover .fancy-link-9::before {
opacity: 1;
-webkit-transform: translateX(0) translateY(-55%);
-ms-transform: translateX(0) translateY(-55%);
-moz-transform: translateX(0) translateY(-55%);
-o-transform: translateX(0) translateY(-55%);
transform: translateX(0) translateY(-55%);
}
/*--fancy link-*/
/*hightlight ------------*/
.pt-plus-hightlight.highlight-hover,.highlight-normal .highlight-title{
display: inline-block;
position: relative;
overflow: hidden;
vertical-align: bottom;
padding: 0 5px;
}
.pt-plus-hightlight .highlight-title{
z-index: 2;
position: relative;
}
.pt-plus-hightlight.highlight-hover:before {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background: rgba(149,165,166,0.4);
content: '';
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
-o-transition:-o-transform 0.3s;
-ms-transition:-ms-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: scaleY(0.9) translateX(-100%);
-ms-transform: scaleY(0.9) translateX(-100%);
-moz-transform: scaleY(0.9) translateX(-100%);
-o-transform: scaleY(0.9) translateX(-100%);
transform: scaleY(0.9) translateX(-100%);
}
.pt-plus-hightlight.highlight-hover:hover:before {
-webkit-transform: scaleY(0.9) translateX(0);
-ms-transform: scaleY(0.9) translateX(0);
-moz-transform: scaleY(0.9) translateX(0);
-o-transform: scaleY(0.9) translateX(0);
transform: scaleY(0.9) translateX(0);
}
.pt-plus-hightlight.highlight-hover:after {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: rgba(149,165,166,0.4);
content: '';
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
-o-transition: -o-transform 0.3s;
-ms-transition: -ms-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: scaleY(0.9);
-ms-transform:scaleY(0.9) ;
-moz-transform:scaleY(0.9) ;
-o-transform: scaleY(0.9) ;
transform: scaleY(0.9) ;
}
/*End hightlight ------------*/
/*start tooltip ------------*/
.pt-plus-tooltip.tooltipstered {
position: relative !important;
display: inline-block !important;
opacity: 1 !important;
cursor: pointer;
}
.tooltip_templates {
display: none;
}
.tooltip-text{
margin:5px;
}
.tooltipster-content img {
margin-bottom: 5px;
}
.pt-plus-tootip-dark.tooltipster-box {
background: #313131 !important;
border: 2px solid #222 !important;
}
.pt-plus-tootip-light .tooltipster-box {
BACKGROUND: #e2e2e2 !important;
BORDER-COLOR: #D4D4D4 !important;
}
.pt-plus-tootip-light .tooltipster-arrow-border {
border-top-color: #D3D3D3 !important;
}
.pt-plus-tootip-light .tooltipster-arrow-background {
border-top-color: #D3D3D3 !important;
}
.pt-plus-tootip-light .tooltipster-box {
BACKGROUND: #e2e2e2 !important;
BORDER-COLOR: #D4D4D4 !important;
}
.pt-plus-tootip-light .tooltipster-arrow-border {
border-top-color: #D3D3D3 !important;
}
.pt-plus-tootip-light .tooltipster-arrow-background {
border-top-color: #D3D3D3 !important;
}
.pt-plus-tootip-light .tooltipster-content{
color:#252525 !important;
}
/*End tooltip ------------*/
/*------- contact form style-------*/
span.wpcf7-not-valid-tip {
position: absolute;
top: 0;
right: 10px;
font-size: 9px;
z-index: 1;
}
.pt_plus_cf7_styles .wpcf7 .ajax-loader{
display: none;
}
.pt_plus_cf7_styles .wpcf7 .ajax-loader.is-active {
visibility: visible;
display: block;
}
.pt_plus_cf7_styles input.wpcf7-form-control.wpcf7-submit {
padding: 18px;
}
.pt_plus_cf7_styles input.wpcf7-form-control.wpcf7-submit {
margin-top: 1em;
}
/*---radio button style-------*/
.pt_plus_cf7_styles span.wpcf7-form-control-wrap.radio-checkbox-1 {
display: block;
width: 100%;
position: relative;
}
.pt_plus_cf7_styles span.wpcf7-form-control-wrap.radio-checkbox-1 input[type="radio"] {
display: none;
}
.pt_plus_cf7_styles span.wpcf7-form-control-wrap.radio-checkbox-1 span.wpcf7-list-item {
position: relative;
vertical-align: middle;
overflow: hidden;
}
.pt_plus_cf7_styles span.wpcf7-form-control-wrap.radio-checkbox-1 .input__radio_btn {
display: inline-block;
cursor: pointer;
text-align: left;
margin: 0;
position: relative;
margin-left: 4px;
font-weight: 400;
}
.pt_plus_cf7_styles label.input__radio_btn .toggle-button__icon{
content: "";
display: inline-block;
vertical-align: middle;
cursor: pointer;
z-index: 1;
height: 20px;
width: 20px;
overflow: hidden;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #000;
margin-left: 5px;
position: relative;
}
.pt_plus_cf7_styles .input__radio_btn .toggle-button__icon:after {
content: "";
position: absolute;
transition: 0.2s ease-out;
-webkit-transition:0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition:0.2s ease-out;
-ms-transition:0.2s ease-out;
}
.pt_plus_cf7_styles .input__radio_btn .toggle-button__icon:after {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.pt_plus_cf7_styles .input__radio_btn .toggle-button__icon:after {
top: 50%;
left: 50%;
width: 14px;
height: 14px;
background: #61B136;
animation: radio-hide .2s ease-out;
transition: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transform: translate3d(-50%,200%,0);
}
.input-radio-check:checked ~ label.input__radio_btn .toggle-button__icon:after {
transform: translate3d(-50%,-50%,0);
animation: radio-show .2s;
}
@keyframes radio-hide {
0% {
transform: translate3d(-50%,-50%,0); }
100% {
transform: translate3d(-50%,200%,0) }
}
@keyframes radio-show {
0% {
transform: translate3d(-50%,200%,0) }
100% {
transform: translate3d(-50%,-50%,0); }
}
.pt_plus_cf7_styles span.wpcf7-list-item.first {
margin: 0;
}
.pt_plus_cf7_styles span.wpcf7-form-control-wrap.radio-checkbox-1 .wpcf7-not-valid-tip {
position: relative;
line-height: 1.2;
font-size: 12px;
display: inline-block;
margin-left: 30px;
}
/*---radio button style-------*/
/*---checkbox button style-------*/
.pt_plus_cf7_styles span.wpcf7-form-control-wrap.radio-checkbox-1 input[type="checkbox"] {
display: none;
}
.pt_plus_cf7_styles span.wpcf7-form-control-wrap.radio-checkbox-1 span.wpcf7-list-item {
position: relative;
vertical-align: middle;
overflow: hidden;
}
.pt_plus_cf7_styles span.wpcf7-form-control-wrap.radio-checkbox-1 .input__checkbox_btn {
display: inline-block;
cursor: pointer;
text-align: left;
margin: 0;
position: relative;
margin-left: 4px;
font-weight: 400;
}
.pt_plus_cf7_styles label.input__checkbox_btn .toggle-button__icon{
content: "";
display: inline-block;
vertical-align: middle;
cursor: pointer;
z-index: 1;
height: 20px;
width: 20px;
overflow: hidden;
background: #000;
margin-left: 5px;
position: relative;
}
.pt_plus_cf7_styles .input__checkbox_btn .toggle-button__icon:after {
content: "";
position: absolute;
transition: 0.2s ease-out;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
-ms-transition: 0.2s ease-out;
}
.pt_plus_cf7_styles .input__checkbox_btn .toggle-button__icon:after {
top: 50%;
left: 50%;
width: 14px;
height: 14px;
background: #61B136;
animation: checkbox-hide .2s ease-out;
transition: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
-webkit-transform: translate3d(-50%,200%,0);
-ms-transform: translate3d(-50%,200%,0);
-moz-transform: translate3d(-50%,200%,0);
-o-transform: translate3d(-50%,200%,0);
transform: translate3d(-50%,200%,0);
}
.input-checkbox-check:checked ~ label.input__checkbox_btn .toggle-button__icon:after {
transform: translate3d(-50%,-50%,0);
animation: checkbox-show .2s;
}
@keyframes checkbox-hide {
0% {
transform: translate3d(-50%,-50%,0); }
100% {
transform: translate3d(-50%,200%,0) } }
@keyframes checkbox-show {
0% {
transform: translate3d(-50%,200%,0) }
100% {
transform: translate3d(-50%,-50%,0); } }
/*---checkbox button style-------*/
/*---input file upload-----------*/
.pt_plus_cf7_styles .cf7-style-file input[type="file"] {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
}
.wpcf7-file + .input__file_btn {
max-width: 80%;
font-size: 14px;
font-weight: 700;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
display: inline-block;
overflow: hidden;
padding: 0.525rem 1.825rem;
margin-bottom: 0;
}
.wpcf7-file + .input__file_btn svg{
width: 2em;
height: 2em;
vertical-align: middle;
fill: #252525;
margin-top: -0.25em;
margin-right: 1em;
stroke-opacity: .8;
}
.wpcf7-file + .input__file_btn {
color: #252525;
border: 2px solid #252525;
}
.wpcf7-file + .input__file_btn {
cursor: pointer;
}
.wpcf7-file:focus + .input__file_btn, .inputfile-2 + .input__file_btn:hover {
color: #722040;
border: 2px solid #722040;
}
.wpcf7-file + .input__file_btn * {
pointer-events: none;
}
.pt_plus_cf7_styles .cf7-style-file .wpcf7-not-valid-tip {
position: relative;
display: block;
padding: 0;
margin-left: 10px;
line-height: 1;
font-size: 12px;
}
.pt_plus_cf7_styles .cf7-style-file.input--filled .input__file_btn {
background: #252525;
color: #fff;
border-color: #252525;
}
.pt_plus_cf7_styles .cf7-style-file.input--filled .input__file_btn *{
stroke: #fff;
}
/*---input file upload-----------*/
/*------- contact form style-------*/
/*--Advanced Text Block--*/
.pt-plus-text-block-wrapper{
position: relative;
display: block;
width: 100%;
}
.pt_plus_adv_text_block,.pt_plus_adv_text_block .text-content-block{
position: relative;
display: block;
width: 100%;
}
/*--Advanced Text Block--*/
/*--------animated image --*/
.magic-scroll .parallax-scroll,.magic-scroll .scale-scroll ,.magic-scroll .both-scroll {
-webkit-transition: -webkit-transform 1.3s ease .0s;
-ms-transition: -ms-transform 1.3s ease .0s;
-moz-transition: -moz-transform 1.3s ease .0s;
-o-transition: -o-transform 1.3s ease .0s;
transition: transform 1.3s ease .0s;
will-change: transform;
}
.pt-plus-reveal.animated{
display: inline-block;
position: relative;
}
.pt-plus-reveal.animated::before{
content: '';
background: #313131;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: scaleX(0);
transform-origin: 0% 0% 0px;
-webkit-animation: pt-plus-reveal 2s 800ms cubic-bezier(0, 0, 0.2, 1) both;
animation: pt-plus-reveal 2s 800ms cubic-bezier(0, 0, 0.2, 1) both;
z-index: 1;
}
.pt-plus-reveal.animated::after{
content: '';
background: #ff214f;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: scaleX(0);
transform-origin: 0% 0% 0px;
-webkit-animation: pt-plus-reveal 2s 400ms cubic-bezier(0, 0, 0.2, 1) both;
animation: pt-plus-reveal 2s 400ms cubic-bezier(0, 0, 0.2, 1) both;
z-index: 1;
}
@-webkit-keyframes pt-plus-reveal {
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1);
transform-origin: 0% 0% 0px;
}
51% {
transform-origin: 100% 50% 0px;
}
100% {
transform: scaleX(0);
transform-origin: 100% 50% 0px;
}
}
@keyframes pt-plus-reveal {
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1);
transform-origin: 0% 0% 0px;
}
51% {
transform-origin: 100% 50% 0px;
}
100% {
transform: scaleX(0);
transform-origin: 100% 50% 0px;
}
}
.pt-plus-animated-image-wrapper, .animated-image-parallax {
position: relative;
display: block;
width: 100%;
}
.floating,.hover_floating,.tossing,.hover_tossing,.pulse,.hover_pulse{
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
}
.floating,.hover_floating:hover{
animation-name: content_effect_floating;
-webkit-animation-name: content_effect_floating;
animation-duration: 2.2s;
-webkit-animation-duration: 2.2s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
.tossing,.hover_tossing:hover{
animation-name: content_effect_tossing;
-webkit-animation-name: content_effect_tossing;
animation-duration: 2.2s;
-webkit-animation-duration: 2.2s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
.pulse,.hover_pulse:hover{
animation-name: content_effect_pulse;
-webkit-animation-name: content_effect_pulse;
animation-duration: 2.2s;
-webkit-animation-duration: 2.2s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
.pt_plus_animated_image.cascading-block {
position: relative;
display: block;
min-height: 400px;
width: 100%;
}
.cascading-image,.cascading-text{
position:absolute !important;
}
.cascading-block.slide_show_image .cascading-image .cascading-inner-content {
cursor: pointer;
}
.cascading-block.slide_show_image .cascading-image {
filter: blur(1px);
}
.cascading-block.slide_show_image .cascading-image.active {
filter: blur(0px);
}
.cascading-block.slide_show_image .cascading-image.active.out {
-webkit-transition: transform .5s ease-in-out,right .3s ease-in-out;
-moz-transition: transform .5s ease-in-out,right .3s ease-in-out;
transition: transform .5s ease-in-out,right .3s ease-in-out;
}
.cascading-block.slide_show_image .cascading-image{
-webkit-transition: transform .5s ease-in,margin .3s ease-in-out,left .3s ease-in-out,right .3s ease-in-out,top .3s ease-in-out,bottom .3s ease-in-out;
-moz-transition: transform .5s ease-in,margin .3s ease-in-out,left .3s ease-in-out,right .3s ease-in-out,top .3s ease-in-out,bottom .3s ease-in-out;
transition: transform .5s ease-in,margin .3s ease-in-out,left .3s ease-in-out,right .3s ease-in-out,top .3s ease-in-out,bottom .3s ease-in-out;
}
.cascading-block.slide_show_image .cascading-image:hover {
transform: translateY(-2px);
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
}
.cascading-text {
font-size: 30px;
line-height: 34px;
color: #252525;
font-weight: 600;
z-index: 1;
}
.pt_plus_animated_image.cascading-block {
transform-style: preserve-3d;
-webkit-transform:perspective(1000px);
-ms-transform:perspective(1000px);
-moz-transform:perspective(1000px);
-o-transform: perspective(1000px);
transform: perspective(1000px);
}
.pt_plus_animated_image.cascading-block .cascading-inner-loop {
position: relative;
display: block;
width: 100%;
min-height: inherit;
}
.pt_plus_animated_image.cascading-block.hover-tilt .cascading-inner-loop {
will-change: transform;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.creative-simple-img-parallax {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
background-position: center top;
background-image: none;
opacity: 1;
visibility: visible;
}
.pt-plus-parallax-img-parent {
display: block;
width: 100%;
top: 0;
left: 0;
z-index: 0;
-o-object-fit: cover;
object-fit: cover;
position: relative;
overflow: hidden;
height: 100% !important;
max-height: 100% !important;
}
.pt-plus-parallax-img-parent .parallax-img-container {
height: 100%;
max-height: 100%;
width: 120%;
-webkit-transform-style: flat;
transform-style: flat;
-webkit-perspective: 1200px;
-ms-perspective: 1200px;
perspective: 1200px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.pt-plus-parallax-img-parent .simple-parallax-img {
position: absolute;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
width: 110%;
height: 118% !important;
max-width: none;
visibility: visible;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.section-parallax-img.wpb_wrapper.vc_figure .vc_single_image-wrapper img {
width: 100%;
height: auto;
visibility: hidden;
}
/*----------animated image background------------*/
.pt-plus-bg-image-animated img {
opacity: 0;
}
.bg-img-animated .pt-plus-bg-image-animated img {
opacity: 0;
}
.bg-img-animated .pt-plus-bg-image-animated:hover img {
opacity: 0;
}
.wpb_single_image .vc_figure.background-image-animated{
width:100%;
overflow:hidden;
}
.background-image-animated img {
width: 100%;
}
.wpb_single_image .hover-tilt .vc_single_image-wrapper{
will-change: transform;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.wpb_single_image .vc_single_image-wrapper.vc_box_shadow{
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0 13px 43px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 13px 43px rgba(0, 0, 0, 0.15);
box-shadow: 0 13px 43px rgba(0, 0, 0, 0.15);
}
.pt-plus-bg-image-animated.left {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.pt-plus-bg-image-animated.right {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.pt-plus-bg-image-animated.top {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.pt-plus-bg-image-animated.bottom {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.pt-plus-bg-image-animated {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
width: 100%;
height: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position: center center !important;
}
.animation-done .pt-plus-bg-image-animated{
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
.pt-plus-bg-image-animated:after{
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #d3d3d3;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
-ms-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.pt-plus-bg-image-animated.left:after{
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.pt-plus-bg-image-animated.right:after{
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.pt-plus-bg-image-animated.top:after{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.pt-plus-bg-image-animated.bottom:after{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.animation-done .pt-plus-bg-image-animated.left:after{
-webkit-transform: translateX(102%);
-moz-transform: translateX(102%);
-ms-transform: translateX(102%);
-o-transform: translateX(102%);
transform: translateX(102%);
}
.animation-done .pt-plus-bg-image-animated.right:after{
-webkit-transform: translateX(-102%);
-moz-transform: translateX(-102%);
-ms-transform: translateX(-102%);
-o-transform: translateX(-102%);
transform: translateX(-102%);
}
.animation-done .pt-plus-bg-image-animated.top:after{
-webkit-transform: translateY(102%);
-moz-transform: translateY(102%);
-ms-transform: translateY(102%);
-o-transform: translateY(102%);
transform: translateY(102%);
}
.animation-done .pt-plus-bg-image-animated.bottom:after{
-webkit-transform: translateY(-102%);
-moz-transform: translateY(-102%);
-ms-transform: translateY(-102%);
-o-transform: translateY(-102%);
transform: translateY(-102%);
}
.animation-done .pt-plus-bg-image-animated:after{
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.pt_plus_animated_image.bg-img-animated.animate-general.animation-done {
opacity: 1 !important;
}
.animation-done .hover-tilt.pt-plus-bg-image-animated:after{
-webkit-transition: opacity 1s 1s ease;
-moz-transition: opacity 1s 1s ease;
-o-transition: opacity 1s 1s ease;
-ms-transition: opacity 1s 1s ease;
transition: opacity 1s 1s ease;
opacity:0;
}
/*----------animated image background------------*/
/*---------- animated background color ------------*/
.animted-content-inner{
position:relative;
display:block;
width:100%;
z-index:1;
}
.pt-plus-bg-color-animated.left {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.pt-plus-bg-color-animated.right {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.pt-plus-bg-color-animated.top {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.pt-plus-bg-color-animated.bottom {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.pt-plus-bg-color-animated {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
width: 100%;
height: 100%;
-webkit-background-size: cover !important;
-moz-background-size:cover !important;
-o-background-size:cover !important;
background-size: cover !important;
background-position: center center !important;
}
.animation-done .pt-plus-bg-color-animated{
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 0.7s;
-moz-transition-delay: 0.7s;
-ms-transition-delay: 0.7s;
-o-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.pt-plus-bg-color-animated:after{
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #d3d3d3;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
-ms-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.pt-plus-bg-color-animated.left:after{
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.pt-plus-bg-color-animated.right:after{
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.pt-plus-bg-color-animated.top:after{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.pt-plus-bg-color-animated.bottom:after{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.animation-done .pt-plus-bg-color-animated.left:after{
-webkit-transform: translateX(101%);
-moz-transform: translateX(101%);
-ms-transform: translateX(101%);
-o-transform: translateX(101%);
transform: translateX(101%);
}
.animation-done .pt-plus-bg-color-animated.right:after{
-webkit-transform: translateX(-101%);
-moz-transform: translateX(-101%);
-ms-transform: translateX(-101%);
-o-transform: translateX(-101%);
transform: translateX(-101%);
}
.animation-done .pt-plus-bg-color-animated.top:after{
-webkit-transform: translateY(101%);
-moz-transform: translateY(101%);
-ms-transform: translateY(101%);
-o-transform: translateY(101%);
transform: translateY(101%);
}
.animation-done .pt-plus-bg-color-animated.bottom:after{
-webkit-transform: translateY(-101%);
-moz-transform: translateY(-101%);
-ms-transform: translateY(-101%);
-o-transform: translateY(-101%);
transform: translateY(-101%);
}
.animation-done .pt-plus-bg-color-animated:after{
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.pt_plus_animated_bg.animate-general{
overflow:hidden;
}
.pt_plus_animated_bg.animate-general.animation-done {
opacity: 1 !important;
}
/*---------- animated background color ------------*/
/*-----------animated svg------------*/
.pt_plus_animated_svg .svg_inner_block {
position: relative;
display: inline-flex;
}
.pt_plus_animated_svg object {
max-width: 100%;
width: 100%;
}
.pt_plus_animated_svg object,.pt_plus_row_bg_animated_svg object,.ts-hover-draw-svg object{
opacity:0;
}
.pt_plus_row_bg_animated_svg .svg_inner_block {
position: absolute;
}
.pt_plus_animated_svg object {
min-height: 100%;
}
/*-----------animated svg------------*/
/*----------- theplus pagination -----*/
.pt_theplus-pagination {
margin: 2em auto 2em;
text-align: center;
position: relative;
display: block;
}
.pt_theplus-pagination a, .pt_theplus-pagination span {
display: inline-block;
padding: 0.6em 0.8em;
font-size: 1.6rem;
line-height: 1;
border: 1px solid #e6e6e6;
border-radius: 50%;
vertical-align: middle;
background-color: transparent;
margin: 0 .2em;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.pt_theplus-pagination span {
background-color: #f2f2f2;
}
.pt_theplus-pagination a:hover,.pt_theplus-pagination a:focus{
background-color: #f2f2f2;
}
.pt_theplus-pagination .paginate-prev,.pt_theplus-pagination .paginate-next{
display: inline-block;
}
.pt_theplus-pagination .paginate-prev a,.pt_theplus-pagination .paginate-next a {
border-radius: 0px;
}
/*----------- theplus pagination -----*/
/*-------theservice before after-------*/
.pt_plus_before_after {
margin:0px;
overflow: hidden;
display: block;
}
.pt_plus_before_after .before-after-inner{
position: relative;
text-align: center;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.pt_plus_before_after .before-after-image {
position: absolute;
overflow: hidden;
}
.pt_plus_before_after .before-after-image.image-before {
z-index: 1;
float: left;
}
.pt_plus_before_after .before-after-image.image-after {
z-index: 0;
float: right;
}
.pt_plus_before_after .before-after-image > img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
display: block;
max-width: none;
width: 100%;
}
.pt_plus_before_after .before-after-sep {
position: absolute;
z-index: 2;
-webkit-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.pt_plus_before_after .before-after-bottom-separate{
height: 10px;
display: none;
background: rgba(200,200,200,0.7);
}
.pt_plus_before_after .before-after-sep-icon > img {
-moz-border-radius: 0!important;
-webkit-border-radius: 0!important;
border-radius: 0!important;
box-shadow: none!important;
display: block;
margin: auto;
max-width: 300px;
max-height: 300px;
}
.before-after-sep-icon {
display: none;
position: absolute;
top: 50%;
left: 50%;
-moz-border-radius: 0!important;
-webkit-border-radius: 0!important;
border-radius: 0!important;
-moz-box-shadow:none!important;
-webkit-box-shadow:none!important;
box-shadow: none!important;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: 3;
cursor: pointer;
}
.before_after_label.before_label_text {
margin-bottom: 0;
position: fixed;
-webkit-transform:translate3d(0%,-50%,0);
-ms-transform:translate3d(0%,-50%,0);
-moz-transform:translate3d(0%,-50%,0);
-o-transform: translate3d(0%,-50%,0);
transform: translate3d(0%,-50%,0);
width: auto;
text-align: left;
padding: 10px 17px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
top: 50%;
left: 0%;
z-index: 1;
background: rgba(255, 255, 255, 0.64);
margin-left: 10px;
}
.before_after_label.after_label_text {
margin-bottom: 0;
position: absolute;
-webkit-transform:translate3d(0%,-50%,0);
-ms-transform:translate3d(0%,-50%,0);
-moz-transform:translate3d(0%,-50%,0);
-o-transform: translate3d(0%,-50%,0);
transform: translate3d(0%,-50%,0);
width: auto;
text-align: right;
padding: 10px 17px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
top: 50%;
right: 0%;
z-index: 1;
background: rgba(255, 255, 255, 0.64);
margin-right: 10px;
}
/*-------theservice before after-------*/
/*-------theservice button-------*/
.pt-plus-button-wrapper{
position:relative;
display: block;
}
.ts-button.content_hover_effect {
position: relative;
display: inline-block;
width:auto;
}
.pt_plus_button {
position: relative;
display: inline-block;
width: auto;
}
.pt_plus_button.full-button {
width: 100%;
text-align: center;
}
.ts-button.content_hover_effect.full-button {
width: 100%;
}
.pt_plus_button.full-button a.button-link-wrap {
display: block;
width: 100%;
text-align: center;
}
a.button-link-wrap:hover {
text-decoration: blink;
}
.pt_plus_button.trnasition_hover{
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.pt_plus_button.trnasition_hover:hover{
-webkit-transform: translateY(-3px);
-moz-transform: translateY(-3px);
-ms-transform: translateY(-3px);
-o-transform: translateY(-3px);
transform: translateY(-3px);
}
.pt_plus_button .button-link-wrap i {
padding-left: 5px;
padding-right: 5px;
}
.pt_plus_button .button-link-wrap {
position: relative;
display: inline-block;
padding: 15px 30px;
font-size: 16px;
line-height: 25px;
letter-spacing: 1px;
cursor: pointer;
color: #000;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.pt_plus_button .button-link-wrap:hover .button_line{
-webkit-animation: mymove 1s;
-webkit-animation-iteration-count: 1;
animation: mymove 1s;
animation-iteration-count: 1;
}
.pt_plus_button .button-link-wrap .button_line {
position: absolute;
background: #000;
width: 100%;
height: 1px;
bottom: 0;
left: 0%;
pointer-events: none;
z-index: 11;
display: inline-block;
}
@-webkit-keyframes mymove {
0% { left: 0%;width:100%;}
45% {left: 100%;width:0%}
55% {left: 0%;width:0%}
100% {left:0%;width:100%}
}
@keyframes mymove {
0% { left: 0%;width:100%;}
45% {left: 100%;width:0%}
55% {left: 0%;width:0%}
100% {left:0%;width:100%}
}
/*---------style-1-----------*/
/*---------style-2-----------*/
.button-link-wrap i.button-before {
margin-right:10px;
}
.button-link-wrap i.button-after {
margin-left:10px;
}
.pt_plus_button.button-style-2 .button-link-wrap i {
background: #252525;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius: 50%;
width: 50px;
height: 50px;
text-align: center;
display: inline-grid;
line-height: 1;
align-items: center;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.pt_plus_button.button-style-2 .button-link-wrap:hover i {
background:#ff214f;
}
.pt_plus_button.button-style-2 .button-link-wrap i.button-before {
margin-right:20px;
padding: 15px;
}
.pt_plus_button.button-style-2 .button-link-wrap i.button-after {
margin-left:20px;
padding: 15px;
}
.pt_plus_button.button-style-2 .button-link-wrap:hover i.button-before {
-webkit-transform: translateX(14px);
-ms-transform: translateX(14px);
-moz-transform: translateX(14px);
-o-transform: translateX(14px);
transform: translateX(14px);
}
.pt_plus_button.button-style-2 .button-link-wrap:hover i.button-after {
-webkit-transform: translateX(-14px);
-ms-transform: translateX(-14px);
-moz-transform: translateX(-14px);
-o-transform: translateX(-14px);
transform: translateX(-14px);
}
/*---------style-2-----------*/
/*---------style-3-----------*/
.pt_plus_button.button-style-3 a.button-link-wrap {
padding: 5px 70px 5px 0 !important;
}
.pt_plus_button.button-style-3 a.button-link-wrap:before {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto 0;
width: 20px;
height: 20px;
background: #252525;
}
.pt_plus_button.button-style-3 a.button-link-wrap:hover:before {
background: #252525;
}
.pt_plus_button.button-style-3 a.button-link-wrap:hover:before {
-webkit-transform: rotate(90deg);
-ms-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition:all .2s ease .2s;
-moz-transition: all .2s ease .2s;
-o-transition:all .2s ease .2s;
-ms-transition:all .2s ease .2s;
transition: all .2s ease .2s;
}
.pt_plus_button.button-style-3 .arrow,.pt_plus_button.button-style-3 .arrow-1 {
position: absolute;
right: 6px;
top: 0;
bottom: 0;
margin: auto 0;
width: 48px;
height: 9px;
}
.pt_plus_button.button-style-3 a.button-link-wrap:hover .arrow {
opacity: 0;
-webkit-transform: translateX(10px);
-ms-transform:translateX(10px);
-moz-transform:translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
-webkit-transition:all .2s ease 0s;
-moz-transition: all .2s ease 0s;
-o-transition:all .2s ease 0s;
-ms-transition:all .2s ease 0s;
transition: all .2s ease 0s;
}
.pt_plus_button.button-style-3 a.button-link-wrap .arrow-1 {
opacity: 0;
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
.pt_plus_button.button-style-3 a.button-link-wrap:hover .arrow-1 {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform:translateX(0);
-moz-transform:translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all .2s ease .4s;
-moz-transition: all .2s ease .4s;
-o-transition: all .2s ease .4s;
-ms-transition: all .2s ease .4s;
transition: all .2s ease .4s;
}
/*---------style-3-----------*/
/*---------style-4-----------*/
.pt_plus_button.button-style-4 .button-link-wrap {
padding: 15px 30px;
text-align: center;
font-size: 16px;
line-height: 25px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius: 30px;
border: 1px solid #252525;
vertical-align: top;
background: #252525;
-webkit-transition: background 150ms ease-in-out, color 150ms ease-in-out;
-moz-transition: background 150ms ease-in-out, color 150ms ease-in-out;
-o-transition: background 150ms ease-in-out, color 150ms ease-in-out;
-ms-transition: background 150ms ease-in-out, color 150ms ease-in-out;
transition: background 150ms ease-in-out, color 150ms ease-in-out;
position: relative;
overflow: hidden;
color: #8a8a8a;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position: center center !important;
}
.pt_plus_button.button-style-4 .button-link-wrap:hover {
color: #252525;
border: 1px solid #252525;
}
.pt_plus_button.button-style-4 .button-link-wrap::after {
content: attr(data-hover);
display: grid;
align-items: center;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background: #00d7e4;
-ms-transform: translateY(100%);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition:-webkit-transform ease 0.3s;
-moz-transition: -moz-transform ease 0.3s;
-o-transition:-o-transform ease 0.3s;
-ms-transition:-ms-transform ease 0.3s;
transition: transform ease 0.3s;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position: center center !important;
}
.pt_plus_button.button-style-4 .button-link-wrap:hover::after {
-ms-transform: translateY(0);
-ms-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
/*---------style-4-----------*/
/*---------style-5-----------*/
.pt_plus_button.button-style-5 .button-link-wrap {
padding: 15px 30px;
margin:10px;
text-align: center;
font-size: 16px;
line-height: 25px;
border: 1px solid #252525;
background: #252525;
-moz-transition: all .15s ease-out .15s;
-o-transition: all .15s ease-out .15s;
-ms-transition: all .15s ease-out .15s;
transition: all .15s ease-out .15s;
-webkit-transition: all .15s ease-out;
-webkit-transition-delay: .15s;
-moz-transition-delay:.15s;
-o-transition-delay:.15s;
transition-delay: .15s;
-webkit-transition: all .15s ease-out .15s;
position: relative;
color: #8a8a8a;
-webkit-background-size: cover !important;;
-moz-background-size: cover !important;;
-o-background-size: cover !important;
background-size: cover !important;
background-position: center center !important;
-moz-border-radius:0px !important;
-webkit-border-radius:0px !important;
border-radius:0px !important;
}
.pt_plus_button.button-style-5 .button-link-wrap:before, .pt_plus_button.button-style-5 .button-link-wrap:after {
content: '';
position: absolute;
background: #ff214f;
top: -7px;
left: -7px;
-moz-transition: all .15s ease-out .15s;
-o-transition: all .15s ease-out .15s;
-webkit-transition: all .15s ease-out;
-webkit-transition: all .15s ease-out .15s;
transition: all .15s ease-out .15s;
-webkit-transition-delay: .15s;
-moz-transition-delay:.15s;
-o-transition-delay: .15s;
transition-delay: .15s;
}
.pt_plus_button.button-style-5 .button-link-wrap:before {
height: 7px;
width: 100%;
}
.pt_plus_button.button-style-5 .button-link-wrap:after {
height: 100%;
width: 7px;
}
.pt_plus_button.button-style-5 .button-link-wrap:hover:before, .pt_plus_button.button-style-5 .button-link-wrap:hover:after {
left: 0;
top: 0;
}
/*---------style-5-----------*/
/*---------style-6-----------*/
.pt_plus_button.button-style-6 {
overflow: visible;
}
.pt_plus_button.button-style-6 .button-link-wrap{
-webkit-transition: left .5s cubic-bezier(.19,1,.22,1),right .5s cubic-bezier(.19,1,.22,1);
-moz-transition: left .5s cubic-bezier(.19,1,.22,1),right .5s cubic-bezier(.19,1,.22,1);
-o-transition: left .5s cubic-bezier(.19,1,.22,1),right .5s cubic-bezier(.19,1,.22,1);
-ms-transition: left .5s cubic-bezier(.19,1,.22,1),right .5s cubic-bezier(.19,1,.22,1);
transition: left .5s cubic-bezier(.19,1,.22,1),right .5s cubic-bezier(.19,1,.22,1);
position: relative;
left: 22px;
display: inline-block;
}
.pt_plus_button.button-style-6 .button-link-wrap:hover {
left: 0;
padding-right: 22px;
}
.pt_plus_button.button-style-6 .button-link-wrap::before {
-webkit-transition: left .5s cubic-bezier(.19,1,.22,1),right .5s cubic-bezier(.19,1,.22,1);
-moz-transition: left .5s cubic-bezier(.19,1,.22,1),right .5s cubic-bezier(.19,1,.22,1);
-o-transition:left .5s cubic-bezier(.19,1,.22,1),right .5s cubic-bezier(.19,1,.22,1);
-ms-transition:left .5s cubic-bezier(.19,1,.22,1),right .5s cubic-bezier(.19,1,.22,1);
transition: left .5s cubic-bezier(.19,1,.22,1),right .5s cubic-bezier(.19,1,.22,1);
font-size: 10px;
position: absolute;
left: 0;
display: inline-block;
content: "\f054";
font-family: FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pt_plus_button.button-style-6 .button-link-wrap:hover::before {
left: calc(100% - 11px);
}
/*---------style-6-----------*/
/*---------style-7-----------*/
.pt_plus_button.button-style-7 .button-link-wrap{
padding-right: 36px;
}
.pt_plus_button.button-style-7 .button-link-wrap .btn-arrow {
letter-spacing: 0!important;
}
.pt_plus_button.button-style-7 .button-link-wrap .btn-arrow:before {
font-family: 'Fontawesome'!important;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
content: "\f105";
line-height: 30px;
font-size: 14px;
position: absolute;
right: 0;
width: 23px;
text-align: center;
height: 30px;
top: 50%;
margin-top: -16px;
-ms-transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
-moz-transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
-o-transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
-ms-transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
-webkit-transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
}
.pt_plus_button.button-style-7 .button-link-wrap .btn-arrow:after {
position: absolute;
content: '';
border-bottom: 1px solid;
height: 1px;
width: 22px;
right: 12px;
top: 50%;
margin-top: -1px;
-ms-transform: scale(0,1) translateX(0px);
-webkit-transform: scale(0,1) translateX(0px);
-moz-transform:scale(0,1) translateX(0px);
-o-transform: scale(0,1) translateX(0px);
transform: scale(0,1) translateX(0px);
-webkit-transform-origin: left;
-moz-transform-origin:left;
-ms-transform-origin:left;
-o-transform-origin:left;
transform-origin:left;
pointer-events: none;
-webkit-transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
-moz-transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
-o-transition:all 0.33s cubic-bezier(0.12,0.75,0.4,1);
-ms-transition:all 0.33s cubic-bezier(0.12,0.75,0.4,1);
transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
}
.pt_plus_button.button-style-7 .button-link-wrap:hover .btn-arrow:after, .pt_plus_button.button-style-7 .button-link-wrap:hover .btn-arrow:before {
-ms-transform: scale(1,1) translateX(9px);
-webkit-transform: scale(1,1) translateX(9px);
-moz-transform:scale(1,1) translateX(9px);
-o-transform: scale(1,1) translateX(9px);
transform: scale(1,1) translateX(9px);
}
.pt_plus_button.button-style-7 .button-link-wrap:after {
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
border: 1px solid rgba(0,0,0,0.3);
height: 25px;
width: 25px;
position: absolute;
right: 0;
top: 50%;
margin-top: -12.5px;
content: ' ';
display: block;
pointer-events: none;
-ms-transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
-moz-transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
-o-transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
-webkit-transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
}
.pt_plus_button.button-style-7 .button-link-wrap:hover:after {
-ms-transform: scale(0.8);
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
/*---------style-7-----------*/
/*---------style-8-----------*/
.pt_plus_button.button-style-8{
overflow: visible;
}
.pt_plus_button.button-style-8 .button-link-wrap{
-moz-box-shadow: 0 8px 20px 1px rgba(0,0,0,0.27);
-webkit-box-shadow: 0 8px 20px 1px rgba(0,0,0,0.27);
box-shadow: 0 8px 20px 1px rgba(0,0,0,0.27);
-moz-border-radius:0px !important;
-webkit-border-radius:0px !important;
border-radius: 0 !important;
padding: 15px 30px;
border:1px solid #252525;
}
.pt_plus_button.button-style-8 .button-link-wrap:hover{
-webkit-box-shadow: 0 3px 6px 1px rgba(0,0,0,0.08);
-moz-box-shadow: 0 3px 6px 1px rgba(0,0,0,0.08);
box-shadow: 0 3px 6px 1px rgba(0,0,0,0.08);
-webkit-transform:translateY(3px);
-ms-transform:translateY(3px);
-moz-transform:translateY(3px);
-o-transform: translateY(3px);
transform: translateY(3px);
}
/*---------style-8-----------*/
/*---------style-9-----------*/
.pt_plus_button.button-style-9 a.button-link-wrap {
padding-right: 20px;
}
.pt_plus_button.button-style-9 a.button-link-wrap .btn-arrow{
position:relative;
display: inline-block;
margin-left: 10px;
}
.pt_plus_button.button-style-9 a.button-link-wrap .fa-show{
-webkit-transform:translateX(0%) translateZ(0) translateY(-50%);
-ms-transform:translateX(0%) translateZ(0) translateY(-50%);
-moz-transform:translateX(0%) translateZ(0) translateY(-50%);
-o-transform: translateX(0%) translateZ(0) translateY(-50%);
transform: translateX(0%) translateZ(0) translateY(-50%);
position: absolute;
top: 50%;
}
.pt_plus_button.button-style-9 a.button-link-wrap:hover .fa-show{
opacity: 0;
-webkit-transform:translateX(20px) translateZ(0) translateY(-50%);
-ms-transform:translateX(20px) translateZ(0) translateY(-50%);
-moz-transform:translateX(20px) translateZ(0) translateY(-50%);
-o-transform: translateX(20px) translateZ(0) translateY(-50%);
transform: translateX(20px) translateZ(0) translateY(-50%);
-webkit-transition: -webkit-transform .7s cubic-bezier(.23,1,.32,1),opacity .45s cubic-bezier(.165,.84,.44,1);
-moz-transition: -moz-transform .7s cubic-bezier(.23,1,.32,1),opacity .45s cubic-bezier(.165,.84,.44,1);
-o-transition: -o-transform .7s cubic-bezier(.23,1,.32,1),opacity .45s cubic-bezier(.165,.84,.44,1);
-ms-transition: -ms-transform .7s cubic-bezier(.23,1,.32,1),opacity .45s cubic-bezier(.165,.84,.44,1);
transition: transform .7s cubic-bezier(.23,1,.32,1),opacity .45s cubic-bezier(.165,.84,.44,1);
}
.pt_plus_button.button-style-9 a.button-link-wrap .fa-hide{
opacity: 0;
-webkit-transform:translateX(-20px) translateZ(0);
-ms-transform:translateX(-20px) translateZ(0);
-moz-transform:translateX(-20px) translateZ(0);
-o-transform: translateX(-20px) translateZ(0);
transform: translateX(-20px) translateZ(0);
}
.pt_plus_button.button-style-9 a.button-link-wrap:hover .fa-hide{
opacity: 1;
-webkit-transform:translateX(0) translateZ(0);
-ms-transform:translateX(0) translateZ(0);
-moz-transform:translateX(0) translateZ(0);
-o-transform: translateX(0) translateZ(0);
transform: translateX(0) translateZ(0);
-webkit-transition:-webkit-transform .7s .1s cubic-bezier(.23,1,.32,1),opacity .45s .1s cubic-bezier(.165,.84,.44,1);
-moz-transition: -moz-transform .7s .1s cubic-bezier(.23,1,.32,1),opacity .45s .1s cubic-bezier(.165,.84,.44,1);
-o-transition:-o-transform .7s .1s cubic-bezier(.23,1,.32,1),opacity .45s .1s cubic-bezier(.165,.84,.44,1);
-ms-transition:-ms-transform .7s .1s cubic-bezier(.23,1,.32,1),opacity .45s .1s cubic-bezier(.165,.84,.44,1);
transition: transform .7s .1s cubic-bezier(.23,1,.32,1),opacity .45s .1s cubic-bezier(.165,.84,.44,1);
}
/*---------style-9-----------*/
/*---------style-10-----------*/
.pt_plus_button.button-style-10 .button-link-wrap {
display: inline-block;
border: 1px solid #252525;
background: #fff;
padding: 15px 30px;
-webkit-transition: background .5s ease-in,border .5s ease-in;
-moz-transition: color .5s ease-in,background .5s ease-in,border .5s ease-in;
-ms-transition: color .5s ease-in,background .5s ease-in,border .5s ease-in;
-o-transition: color .5s ease-in,background .5s ease-in,border .5s ease-in;
transition: color .5s ease-in,background .5s ease-in,border .5s ease-in;
}
.pt_plus_button.button-style-10 .button-link-wrap:hover {
color: #252525;
border-color: #ff214f;
background: #ff214f;
}
/*---------style-10-----------*/
/*---------style-11-----------*/
.pt_plus_button.button-style-11 .button-link-wrap {
display: inline-block;
background:#252525;
border: 1px solid #252525;
overflow: hidden;
}
.pt_plus_button.button-style-11 .button-link-wrap:hover > span {
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform:translate3d(0, 100%, 0);
-moz-transform:translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
display: block;
opacity: 0;
}
.pt_plus_button.button-style-11 .button-link-wrap::before {
content: attr(data-hover);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #252525;
background: #ff214f;
display: grid;
align-items: center;
text-align: center;
}
.pt_plus_button.button-style-11 .button-link-wrap > span,.pt_plus_button.button-style-11 .button-link-wrap::before{
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
-o-transition:-o-transform 0.3s;
-ms-transition:-ms-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
padding: 15px 30px;
display: block;
}
.pt_plus_button.button-style-11.hover-left .button-link-wrap::before {
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.pt_plus_button.button-style-11.hover-right .button-link-wrap::before {
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.pt_plus_button.button-style-11.hover-top .button-link-wrap::before {
-webkit-transform: translate3d(0,-100%, 0);
-ms-transform:translate3d(0,-100%, 0);
-moz-transform:translate3d(0,-100%, 0);
-o-transform: translate3d(0,-100%, 0);
transform: translate3d(0, -100%, 0);
}
.pt_plus_button.button-style-11.hover-bottom .button-link-wrap::before {
-webkit-transform: translate3d(0,100%, 0);
-ms-transform:translate3d(0,100%, 0);
-moz-transform:translate3d(0,100%, 0);
-o-transform: translate3d(0,100%, 0);
transform: translate3d(0,100%, 0);
}
.pt_plus_button.button-style-11.hover-left .button-link-wrap:hover::before,.pt_plus_button.button-style-11.hover-right .button-link-wrap:hover::before,.pt_plus_button.button-style-11.hover-top .button-link-wrap:hover::before,.pt_plus_button.button-style-11.hover-bottom .button-link-wrap:hover::before {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.pt_plus_button.button-style-11 .button-link-wrap {
overflow: hidden;
padding: 0;
}
/*---------style-11-----------*/
/*---------style-12-----------*/
.pt_plus_button.button-style-12 .button-link-wrap {
display: inline-block;
border: 1px solid #252525;
padding: 15px 30px;
overflow: hidden;
}
.pt_plus_button.button-style-12 .button-link-wrap span{
z-index: 1;
position: relative;
}
.pt_plus_button.button-style-12 .button-link-wrap::before {
content: '';
position: absolute;
top: 50%;
left: 100%;
margin: -15px 0 0 1px;
width: 50px;
height: 30px;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius: 50%;
background: #ff214f;
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale3d(1, 2, 1);
-moz-transform: scale3d(1, 2, 1);
-ms-transform: scale3d(1, 2, 1);
-o-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -webkit-transform 0.3s, opacity 0.3s;
-ms-transition: -webkit-transform 0.3s, opacity 0.3s;
-o-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.1, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);
transition-timing-function: cubic-bezier(0.7,0,0.9,1);
}
.pt_plus_button.button-style-12 .button-link-wrap:hover::before {
-webkit-transform: scale3d(9, 9, 1);
transform: scale3d(9, 9, 1);
}
/*---------style-12-----------*/
/*---------style-13-----------*/
.pt_plus_button.button-style-13 .button-link-wrap {
display: inline-block;
border: 1px solid #252525;
padding: 15px 30px;
overflow: hidden;
}
.pt_plus_button.button-style-13 .button-link-wrap span {
position: relative;
z-index: 1;
}
.pt_plus_button.button-style-13 .button-link-wrap::before{
opacity: .4;
}
.pt_plus_button.button-style-13 .button-link-wrap::before, .pt_plus_button.button-style-13 .button-link-wrap::after {
content: '';
position: absolute;
height: 100%;
width: 100%;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
-o-transition:-ms-transform 0.3s;
-ms-transition:-o-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.pt_plus_button.button-style-13.hover-top .button-link-wrap::before, .pt_plus_button.button-style-13.hover-top .button-link-wrap::after {
bottom: 100%;
left: 0;
}
.pt_plus_button.button-style-13.hover-bottom .button-link-wrap::before, .pt_plus_button.button-style-13.hover-bottom .button-link-wrap::after {
bottom: -100%;
left: 0;
}
.pt_plus_button.button-style-13.hover-right .button-link-wrap::before, .pt_plus_button.button-style-13.hover-right .button-link-wrap::after {
right: 100%;
top: 0;
left: 100%;
}
.pt_plus_button.button-style-13.hover-left .button-link-wrap::before, .pt_plus_button.button-style-13.hover-left .button-link-wrap::after {
left: -100%;
right: 100%;
top: 0;
}
.pt_plus_button.button-style-13.hover-left .button-link-wrap:hover::before, .pt_plus_button.button-style-13.hover-left .button-link-wrap:hover::after {
-webkit-transform: translate3d(100%,0%, 0);
-ms-transform:translate3d(100%,0%, 0);
-moz-transform:translate3d(100%,0%, 0);
-o-transform: translate3d(100%,0%, 0);
transform: translate3d(100%,0%, 0);
}
.pt_plus_button.button-style-13.hover-right .button-link-wrap:hover::before, .pt_plus_button.button-style-13.hover-right .button-link-wrap:hover::after {
-webkit-transform: translate3d(-100%,0%, 0);
-ms-transform:translate3d(-100%,0%, 0);
-moz-transform:translate3d(-100%,0%, 0);
-o-transform: translate3d(-100%,0%, 0);
transform: translate3d(-100%,0%, 0);
}
.pt_plus_button.button-style-13.hover-top .button-link-wrap:hover::before, .pt_plus_button.button-style-13.hover-top .button-link-wrap:hover::after {
-webkit-transform: translate3d(0%,100%, 0);
-ms-transform: translate3d(0%,100%, 0);
-moz-transform: translate3d(0%,100%, 0);
-o-transform: translate3d(0%,100%, 0);
transform: translate3d(0%,100%, 0);
}
.pt_plus_button.button-style-13.hover-bottom .button-link-wrap:hover::before, .pt_plus_button.button-style-13.hover-bottom .button-link-wrap:hover::after {
-webkit-transform: translate3d(0%,-100%, 0);
-ms-transform:translate3d(0%,-100%, 0);
-moz-transform:translate3d(0%,-100%, 0);
-o-transform: translate3d(0%,-100%, 0);
transform: translate3d(0%,-100%, 0);
}
.pt_plus_button.button-style-13 .button-link-wrap:hover::after {
-webkit-transition-delay: 0.175s;
-moz-transition-delay:0.175s;
-o-transition-delay:0.175s;
transition-delay: 0.175s;
}
.pt_plus_button.button-style-13 .button-link-wrap::before, .pt_plus_button.button-style-13 .button-link-wrap::after {
background: #ff214f;
}
/*---------style-13-----------*/
/*---------style-14-----------*/
.pt_plus_button.button-style-14 .button-link-wrap {
display: inline-block;
border: 1px solid #252525;
padding: 15px 30px;
overflow: hidden;
}
.pt_plus_button.button-style-14 .button-link-wrap::after {
content: attr(data-hover);
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
height: 100%;
display: grid;
align-items: center;
color: #252525;
-webkit-transform-origin: -25% 50%;
-ms-transform-origin:-25% 50%;
-moz-transform-origin:-25% 50%;
-o-transform-origin:-25% 50%;
transform-origin: -25% 50%;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform:rotate3d(0, 0, 1, 45deg);
-moz-transform:rotate3d(0, 0, 1, 45deg);
-o-transform:rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
-webkit-transition: -webkit-transform 0.3s ease-in;
-moz-transition: -moz-transform 0.3s ease-in;
-o-transition:-o-transform 0.3s ease-in;
-ms-transition: -ms-transform 0.3s ease-in;
transition: transform 0.3s ease-in;
}
.pt_plus_button.button-style-14 .button-link-wrap:hover::after {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
-webkit-transform:rotate3d(0, 0, 1, 0deg);
-ms-transform:rotate3d(0, 0, 1, 0deg);
-moz-transform:rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
.pt_plus_button.button-style-14 .button-link-wrap:hover::after, .pt_plus_button.button-style-14 .button-link-wrap:hover {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.pt_plus_button.button-style-14 .button-link-wrap:hover span{
opacity:0;
}
/*---------style-14-----------*/
/*---------style-15-----------*/
.pt_plus_button.button-style-15 .button-link-wrap {
display: inline-block;
padding: 15px 30px;
margin: 10px 0;
color:#8a8a8a;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-o-transition: color 0.3s;
-ms-transition: color 0.3s;
transition: color 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.pt_plus_button.button-style-15 .button-link-wrap span,.pt_plus_button.button-style-16 .button-link-wrap span {
position: relative;
z-index: 1;
}
.pt_plus_button.button-style-15 .button-link-wrap::before,
.pt_plus_button.button-style-15 .button-link-wrap::after {
content: '';
position: absolute;
border-radius: inherit;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
background: #252525;
}
.pt_plus_button.button-style-15 .button-link-wrap::before {
top: -2px;
bottom: -2px;
left: -2px;
right: -2px;
opacity: 0.2;
-webkit-transform: scale3d(0.7, 1, 1);
-ms-transform:scale3d(0.7, 1, 1);
-moz-transform:scale3d(0.7, 1, 1);
-o-transform:scale3d(0.7, 1, 1);
transform: scale3d(0.7, 1, 1);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-o-transition: -o-transform 0.3s, opacity 0.3s;
-ms-transition: -ms-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.pt_plus_button.button-style-15 .button-link-wrap::after {
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: scale3d(1.1, 1, 1);
-ms-transform: scale3d(1.1, 1, 1);
-moz-transform: scale3d(1.1, 1, 1);
-o-transform: scale3d(1.1, 1, 1);
transform: scale3d(1.1, 1, 1);
-webkit-transition: -webkit-transform 0.3s, background 0.3s;
-moz-transition: -moz-transform 0.3s, background 0.3s;
-o-transition:-o-transform 0.3s, background 0.3s;
-ms-transition:-ms-transform 0.3s, background 0.3s;
transition: transform 0.3s, background 0.3s;
}
.pt_plus_button.button-style-15 .button-link-wrap::before,
.pt_plus_button.button-style-15 .button-link-wrap::after {
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.pt_plus_button.button-style-15 .button-link-wrap::before,
.pt_plus_button.button-style-15 .button-link-wrap::after {
background: #252525;
}
.pt_plus_button.button-style-15 .button-link-wrap:hover {
color: #fff;
}
.pt_plus_button.button-style-15 .button-link-wrap:hover::before {
opacity: 1;
}
.pt_plus_button.button-style-15 .button-link-wrap:hover::after {
background: #ff214f;
}
.pt_plus_button.button-style-15 .button-link-wrap:hover::after,
.pt_plus_button.button-style-15 .button-link-wrap:hover::before {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform:scale3d(1, 1, 1);
-moz-transform:scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
/*---------style-15-----------*/
/*---------style-16-----------*/
.pt_plus_button.button-style-16 .button-link-wrap {
display: inline-block;
padding: 15px 30px;
margin: 10px;
color:#8a8a8a;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-o-transition:color 0.3s;
-ms-transition:color 0.3s;
transition: color 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.pt_plus_button.button-style-16 .button-link-wrap::before,.pt_plus_button.button-style-16 .button-link-wrap::after {
content: '';
-moz-border-radius: inherit;
-webkit-border-radius: inherit;
border-radius: inherit;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-o-transition:-o-transform 0.3s, opacity 0.3s;
-ms-transition:-ms-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.pt_plus_button.button-style-16 .button-link-wrap::before {
border: 1px solid #252525;
opacity: 0;
-webkit-transform: scale3d(1.2, 1.2, 1);
-ms-transform: scale3d(1.2, 1.2, 1);
-moz-transform: scale3d(1.2, 1.2, 1);
-o-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
background:#ff214f;
}
.pt_plus_button.button-style-16 .button-link-wrap:hover::before {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.pt_plus_button.button-style-16 .button-link-wrap::after {
background: #252525;
}
.pt_plus_button.button-style-16 .button-link-wrap:hover::after {
opacity: 0;
-webkit-transform: scale3d(0.8, 0.8, 1);
-ms-transform: scale3d(0.8, 0.8, 1);
-moz-transform: scale3d(0.8, 0.8, 1);
-o-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
}
/*---------style-16-----------*/
/*---------style-17-----------*/
.pt_plus_button.button-style-17 .button-link-wrap{
display: inline-block;
margin: 10px;
padding: 0;
overflow: hidden;
border: 1px solid #252525;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
-o-transition: background 0.3s;
-ms-transition: background 0.3s;
transition: background 0.3s;
}
.pt_plus_button.button-style-17 .button-link-wrap span{
padding: 15px 30px;
display:block;
}
.pt_plus_button.button-style-17 .button-link-wrap .btn-icon {
position: absolute;
top: 0;
width: 100%;
height: 100%;
margin: 0;
display: grid;
align-items: center;
text-align: center;
left: 0;
color: #fff;
}
.pt_plus_button.button-style-17.hover-top .button-link-wrap .btn-icon {
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-o-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.pt_plus_button.button-style-17.hover-bottom .button-link-wrap .btn-icon {
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform:translate3d(0, 100%, 0);
-moz-transform:translate3d(0, 100%, 0);
-o-transform:translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.pt_plus_button.button-style-17 .button-link-wrap:hover .btn-icon {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.pt_plus_button.button-style-17 .button-link-wrap > span, .pt_plus_button.button-style-17 .button-link-wrap .btn-icon {
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.pt_plus_button.button-style-17 .button-link-wrap:hover > span {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.pt_plus_button.button-style-17.hover-bottom .button-link-wrap:hover > span {
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-o-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.pt_plus_button.button-style-17 .button-link-wrap::before {
content: '';
position: absolute;
left: -50%;
width: 200%;
height: 200%;
background: #ff214f;
top: -50%;
}
.pt_plus_button.button-style-17.hover-top .button-link-wrap::before {
-webkit-transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg);
transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg);
}
.pt_plus_button.button-style-17.hover-top .button-link-wrap:hover::before {
-webkit-animation: button-style-17-top 0.3s forwards ease-in;
-moz-animation: button-style-17-top 0.3s forwards ease-in;
-o-animation: button-style-17-top 0.3s forwards ease-in;
animation: button-style-17-top 0.3s forwards ease-in;
}
.pt_plus_button.button-style-17.hover-bottom .button-link-wrap::before {
-webkit-transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg);
-moz-animation: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg);
-o-animation: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg);
transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg);
}
.pt_plus_button.button-style-17.hover-bottom .button-link-wrap:hover::before {
-webkit-animation: button-style-17-bottom 0.3s forwards ease-in;
-moz-animation: button-style-17-bottom 0.3s forwards ease-in;
-o-animation: button-style-17-bottom 0.3s forwards ease-in;
animation: button-style-17-bottom 0.3s forwards ease-in;
}
@-webkit-keyframes button-style-17-top {
50% {
-webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
}
}
@keyframes button-style-17-top {
50% {
-webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
}
}
@-webkit-keyframes button-style-17-bottom{
50% {
-webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
}
}
@keyframes button-style-17-bottom{
50% {
-webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
}
}
/*---------style-17-----------*/
/*---------style-18-----------*/
.pt_plus_button.button-style-18 .button-link-wrap{
display: inline-block;
margin: 10px;
padding: 15px 30px;
overflow: hidden;
background:#252525;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
-o-transition: background 0.3s;
-ms-transition: background 0.3s;
transition: background 0.3s;
z-index: 1;
}
.pt_plus_button.button-style-18 .button-link-wrap span,.pt_plus_button.button-style-18 .button-link-wrap .btn-icon{
position:relative;
z-index: 1;
}
.pt_plus_button.button-style-18 .button-link-wrap::before, .pt_plus_button.button-style-18 .button-link-wrap::after {
content: '';
position: absolute;
border-radius: inherit;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
}
.pt_plus_button.button-style-18 .button-link-wrap::before {
background: #ff214f;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform:translate3d(0, 100%, 0);
-moz-transform:translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
-ms-transition: -ms-transform 0.3s;
-o-transition: -o-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.pt_plus_button.button-style-18 .button-link-wrap:hover::before {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.pt_plus_button.button-style-18 .button-link-wrap::after {
top: 2px;
left: 2px;
right: 2px;
bottom: 2px;
background: #252525;
}
.pt_plus_button.button-style-18 .button-link-wrap::after {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
/*---------style-18-----------*/
/*---------style-19-----------*/
.pt_plus_button.button-style-19 .button-link-wrap,.pt_plus_button.button-style-20 .button-link-wrap,.pt_plus_button.button-style-21 .button-link-wrap{
display: inline-block;
margin: 10px;
padding: 15px 30px;
overflow: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
border: 1px solid #252525;
}
.pt_plus_button.button-style-19 .button-link-wrap span,.pt_plus_button.button-style-20 .button-link-wrap span,.pt_plus_button.button-style-21 .button-link-wrap span,
.pt_plus_button.button-style-19 .button-link-wrap i.btn-icon,.pt_plus_button.button-style-20 .button-link-wrap i.btn-icon,.pt_plus_button.button-style-21 .button-link-wrap i.btn-icon{
position: relative;
z-index: 1;
}
.pt_plus_button.button-style-19 .button-link-wrap:after,.pt_plus_button.button-style-20 .button-link-wrap:after, .pt_plus_button.button-style-21 .button-link-wrap:after {
content: '';
position: absolute;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.pt_plus_button.button-style-19 .button-link-wrap:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: #ff214f;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.pt_plus_button.button-style-19 .button-link-wrap:hover:after {
width: 90%;
opacity: 1;
}
.pt_plus_button.button-style-19 .button-link-wrap:active:after {
width: 101%;
opacity: 1;
}
/*---------style-19-----------*/
/*---------style-20-----------*/
.pt_plus_button.button-style-20 .button-link-wrap:after {
width: 100%;
height: 0;
top: 50%;
left: 50%;
background: #ff214f;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.pt_plus_button.button-style-20 .button-link-wrap:hover:after {
height: 280%;
opacity: 1;
}
.pt_plus_button.button-style-20 .button-link-wrap:active:after {
height: 500%;
opacity: 1;
}
/*---------style-20-----------*/
/*---------style-21-----------*/
.pt_plus_button.button-style-21 .button-link-wrap:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: #ff214f;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.pt_plus_button.button-style-21 .button-link-wrap:hover:after {
height: 75%;
opacity: 1;
}
.pt_plus_button.button-style-21 .button-link-wrap:active:after {
height: 130%;
opacity: 1;
}
/*---------style-21-----------*/
/*---------style-22-----------*/
.pt_plus_button.button-style-22 .button-link-wrap{
display: inline-block;
margin: 10px;
padding: 15px 30px;
overflow: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
border: 1px solid #252525;
background:#fff;
}
.pt_plus_button.button-style-22 .button-link-wrap .btn-icon{
position: absolute;
height: 100%;
color: #252525;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
display: grid;
align-items: center;
vertical-align: middle;
}
.pt_plus_button.button-style-22 .button-link-wrap .button-after {
left: 130%;
top: 0;
margin-left: 10px;
}
.pt_plus_button.button-style-22 .button-link-wrap:hover .button-after{
left: 75%;
}
.pt_plus_button.button-style-22 .button-link-wrap .button-before {
left: -30%;
opacity: 0;
top: 0;
margin-right: 10px;
}
.pt_plus_button.button-style-22 .button-link-wrap:hover .button-before {
left:2%;
opacity: 1;
}
/*---------style-22-----------*/
/*---------style-23----------*/
.pt_plus_button.button-style-23 {
position: relative;
display: inline-block;
overflow: visible;
max-width: 250px;
width: 250px;
height: 50px;
cursor: pointer;
-webkit-perspective: 500px;
-ms-perspective:500px;
perspective: 500px;
margin: 10px;
}
.pt_plus_button.button-style-23 .align-center{
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.pt_plus_button.button-style-23 .button-link-wrap {
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
display: inline-block;
margin: 10px;
overflow: visible;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.pt_plus_button.button-style-23.hover-top .button-link-wrap:hover {
-webkit-transform:rotateX(-90deg);
-ms-transform:rotateX(-90deg);
-moz-transform:rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
.pt_plus_button.button-style-23 .button-link-wrap span:nth-child(1),.pt_plus_button.button-style-23 .button-link-wrap span:nth-child(2){
border: 1px solid #252525;
background:#252525;
color:#8a8a8a;
padding: 15px 30px;
width: 100%;
height: 100%;
position: absolute;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
backface-visibility: hidden;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
-o-transform-origin:50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.pt_plus_button.button-style-23.hover-top .button-link-wrap span:nth-child(1) {
-webkit-transform:translate3d(0, 0, 25px);
-ms-transform:translate3d(0, 0, 25px);
-moz-transform: translate3d(0, 0, 25px);
-o-transform: translate3d(0, 0, 25px);
transform: translate3d(0, 0, 25px);
}
.pt_plus_button.button-style-23.hover-top .button-link-wrap span:nth-child(2) {
-webkit-transform:rotateX(90deg) translate3d(0, 0, 25px);
-ms-transform:rotateX(90deg) translate3d(0, 0, 25px);
-moz-transform:rotateX(90deg) translate3d(0, 0, 25px);
-o-transform: rotateX(90deg) translate3d(0, 0, 25px);
transform: rotateX(90deg) translate3d(0, 0, 25px);
}
.pt_plus_button.button-style-23.hover-bottom .button-link-wrap:hover {
-webkit-transform:rotateX(90deg);
-ms-transform:rotateX(90deg);
-moz-transform:rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
}
.pt_plus_button.button-style-23.hover-bottom .button-link-wrap span:nth-child(1) {
-webkit-transform:translate3d(0, 0, 25px);
-ms-transform:translate3d(0, 0, 25px);
-moz-transform:translate3d(0, 0, 25px);
-o-transform:translate3d(0, 0, 25px);
transform: translate3d(0, 0, 25px);
}
.pt_plus_button.button-style-23.hover-bottom .button-link-wrap span:nth-child(2) {
-webkit-transform: rotateX(-90deg) translate3d(0, 0, 25px);
-ms-transform: rotateX(-90deg) translate3d(0, 0, 25px);
-moz-transform:rotateX(-90deg) translate3d(0, 0, 25px);
-o-transform: rotateX(-90deg) translate3d(0, 0, 25px);
transform: rotateX(-90deg) translate3d(0, 0, 25px);
}
.pt_plus_button.button-style-23.hover-right .button-link-wrap span:nth-child(1) {
-webkit-transform:rotateY(0);
-ms-transform:rotateY(0);
-moz-transform:rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
left: 0;
}
.pt_plus_button.button-style-23.hover-right .button-link-wrap span:nth-child(2) {
-webkit-transform:rotateY(90deg);
-ms-transform:rotateY(90deg);
-moz-transform:rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
left: 50%;
}
.pt_plus_button.button-style-23.hover-right .button-link-wrap:hover span:nth-child(1) {
-webkit-transform:rotateY(-90deg);
-ms-transform:rotateY(-90deg);
-moz-transform:rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
left: -50%;
}
.pt_plus_button.button-style-23.hover-right .button-link-wrap:hover span:nth-child(2) {
-webkit-transform:rotateY(0);
-ms-transform:rotateY(0);
-moz-transform:rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
left: 0;
}
.pt_plus_button.button-style-23.hover-left .button-link-wrap span:nth-child(1) {
-webkit-transform:rotateY(0);
-ms-transform:rotateY(0);
-moz-transform:rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
left: 0;
}
.pt_plus_button.button-style-23.hover-left .button-link-wrap span:nth-child(2) {
-webkit-transform:rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
left: -50%;
}
.pt_plus_button.button-style-23.hover-left .button-link-wrap:hover span:nth-child(1) {
-webkit-transform:rotateY(90deg);
-ms-transform:rotateY(90deg);
-moz-transform:rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
left: 50%;
}
.pt_plus_button.button-style-23.hover-left .button-link-wrap:hover span:nth-child(2) {
-webkit-transform: rotateY(0);
-ms-transform: rotateY(0);
-moz-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
left: 0;
}
/*---------style-23----------*/
/*-------ts button-------*/
/*-- content hover effects -----------*/
.content_hover_effect{
position:relative;
display:block;
width:100%;
}
.content_hover_grow {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration:0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.content_hover_grow:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.content_hover_push {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.content_hover_push:hover {
-webkit-animation-name: hvr-push;
animation-name: hvr-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@-webkit-keyframes hvr-push {
50% {
-webkit-transform: scale(.8);
transform: scale(.8)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes hvr-push {
50% {
-webkit-transform: scale(.8);
transform: scale(.8)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
.content_hover_bounce_in {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration:0.5s;
transition-duration: 0.5s;
}
.content_hover_bounce_in:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.content_hover_float {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration:0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.content_hover_float:hover {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
-ms-transform: translateY(-8px);
-o-transform: translateY(-8px);
transform: translateY(-8px);
}
.content_hover_wobble_horizontal {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.content_hover_wobble_horizontal:hover {
-webkit-animation-name: hvr-wobble-horizontal;
animation-name: hvr-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@-webkit-keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px)
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px)
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px)
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px)
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px)
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px)
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.content_hover_wobble_vertical {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.content_hover_wobble_vertical:hover {
-webkit-animation-name: hvr-wobble-vertical;
animation-name: hvr-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@-webkit-keyframes hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px)
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px)
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px)
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px)
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.content_hover_float_shadow {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration:0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.content_hover_float_shadow:before,.content_hover_radial:before{
content:'';
}
.content_hover_float_shadow:before{
pointer-events: none;
position: absolute;
top: 100%;
left: 5%;
content:'';
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration:0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
}
.content_hover_float_shadow:hover {
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
}
.content_hover_float_shadow:hover:before{
opacity: 1;
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
-ms-transform: translateY(5px);
-o-transform: translateY(5px);
transform: translateY(5px);
}
.content_hover_grow_shadow {
-webkit-transform: translateZ(0);
-moz-transform:translateZ(0);
-ms-transform:translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration:0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow, transform;
transition-property: box-shadow, transform;
}
.content_hover_grow_shadow:hover {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
-moz-box-shadow:0 10px 10px -10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0 10px 10px -10px rgba(0, 0, 0, 0.5);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.content_hover_radial{
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
transition-duration:0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
}
.content_hover_radial:hover:before, .content_hover_radial:focus:before, .content_hover_radial:active:before, .content_hover_radial:hover:after, .content_hover_radial:focus:after, .content_hover_radial:active:after{
opacity:1;
}
.content_hover_radial:before,.content_hover_radial:after {
pointer-events: none;
position: absolute;
content: '';
left: 0;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-repeat: no-repeat;
height: 10px;
opacity: 0;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration:0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.content_hover_radial:after{
top: 100%;
background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.content_hover_radial:before{
bottom: 100%;
background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.content_effect_floating{
animation-name: content_effect_floating;
-webkit-animation-name: content_effect_floating;
animation-duration: 2.2s;
-webkit-animation-duration: 2.2s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes content_effect_floating {
0% {
transform: translateY(0%);
}
50% {
transform: translateY(2%);
}
100% {
transform: translateY(0%);
}
}
@-webkit-keyframes content_effect_floating {
0% {
-webkit-transform: translateY(0%);
}
50% {
-webkit-transform: translateY(2%);
}
100% {
-webkit-transform: translateY(0%);
}
}
.content_effect_tossing{
animation-name: content_effect_tossing;
-webkit-animation-name: content_effect_tossing;
animation-duration: 2.2s;
-webkit-animation-duration: 2.2s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes content_effect_tossing {
0% {
transform: rotate(-1deg);
}
50% {
transform: rotate(1deg);
}
100% {
transform: rotate(-1deg);
}
}
@-webkit-keyframes content_effect_tossing {
0% {
-webkit-transform: rotate(-1deg);
}
50% {
-webkit-transform: rotate(1deg);
}
100% {
-webkit-transform: rotate(-1deg);
}
}
.content_effect_pulse{
animation-name: content_effect_pulse;
-webkit-animation-name: content_effect_pulse;
animation-duration: 2.2s;
-webkit-animation-duration: 2.2s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes content_effect_pulse {
0% {
transform: scale(0.97);
opacity: 1;
}
50% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(0.97);
opacity: 1;
}
}
@-webkit-keyframes content_effect_pulse {
0% {
-webkit-transform: scale(0.97);
opacity: 0.7;
}
50% {
-webkit-transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.97);
opacity: 0.7;
}
}
/*-- content hover effects -----------*/
/*pt_plus_countdown--*/
ul.pt_plus_countdown.rounded li span {
padding-bottom: 10px;
}
ul.pt_plus_countdown.simple li{
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
}
ul.pt_plus_countdown.rounded li{
-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius: 16px;
}
ul.pt_plus_countdown {
list-style: none;
margin: 20px 0;
padding: 0;
display: block;
text-align: center;
}
ul.pt_plus_countdown li {
border: 4px solid #736E6E;
padding: 5px 17px;
margin:0px 10px
}
ul.pt_plus_countdown li { display: inline-block; }
ul.pt_plus_countdown li span {
font-weight: 300;
line-height: 80px;
padding: 0 13px;
padding-bottom: 10px;
border-bottom: 2px solid;
display: block;
}
ul.pt_plus_countdown li h6 {
font-size: 14px;
text-transform: uppercase;
padding-top: 10px;
font-weight: 600;
}
/*-------End pt_plus_countdown-------*/
/*-creative Info box ------*/
.pt-plus-creative-info-box a {
float: left;
max-width: 100%;
width: 100%;
color: #333;
}
.pt-plus-creative-info-box a:nth-child(odd) {
margin: 30px 0 -30px 0;
}
.pt-plus-creative-info-box .creative-info-figure {
position: relative;
overflow: hidden;
margin: 5px;
background: #333;
}
.pt-plus-creative-info-box .creative-info-figure img {
position: relative;
display: block;
width: 100%;
opacity: 0.7;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.pt-plus-creative-info-box .creative-info-figca {
position: absolute;
top: 0;
z-index: 11;
padding: 10px 20px;
width: 100%;
height: 100%;
text-align: center;
}
.pt-plus-creative-info-box .creative-info-figca h2 {
margin: 0 0 20px 0;
color: #3498db;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 300;
font-size: 130%;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
-o-transition: -o-transform 0.3s;
-ms-transition: -ms-transform 0.3s;
transition: transform 0.3s;
}
.pt-plus-creative-info-box .creative-info-figca p {
padding: 0 20px;
color: #aaa;
font-weight: 300;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
-o-transition: opacity 0.3s, -o-transform 0.3s;
-ms-transition: opacity 0.3s, -ms-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.pt-plus-creative-info-box .creative-info-figca h2,
.pt-plus-creative-info-box .creative-info-figca p {
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
.pt-plus-creative-info-box .creative-info-figure button {
position: absolute;
padding: 4px 20px;
border: none;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
-o-transition: opacity 0.3s, -o-transform 0.3s;
-ms-transition: opacity 0.3s, -ms-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.pt-plus-creative-info-box .creative-info-figca,
.pt-plus-creative-info-box .creative-info-figca h2,
.pt-plus-creative-info-box .creative-info-figca p,
.pt-plus-creative-info-box .creative-info-figure .creative-info-button {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/* Style for SVG */
.pt-plus-creative-info-box svg {
position: absolute;
top: -1px;
z-index: 10;
width: 100%;
height: 100%;
}
.pt-plus-creative-info-box svg path {
fill: #fff;
}
/* Hover effects */
.pt-plus-creative-info-box a:hover .creative-info-figure img {
opacity: 1;
}
.pt-plus-creative-info-box a:hover .creative-info-figca h2,
.pt-plus-creative-info-box a:hover .creative-info-figca p {
-webkit-transform: translateY(0);
-ms-transform:translateY(0);
-moz-transform:translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.pt-plus-creative-info-box a:hover .creative-info-figca p {
opacity: 0;
}
/* Individual styles */
.pt-plus-info-box-1 .creative-info-figca h2 {
color: #e74c3c;
}
.pt-plus-info-box-1 .creative-info-figca p {
-webkit-transition-delay: 0.05s;
-moz-transition-delay:0.05s;
-o-transition-delay:0.05s;
transition-delay: 0.05s;
}
.pt-plus-info-box-1 .creative-info-figure .creative-info-button ,.pt-plus-info-box-3 .creative-info-figure .creative-info-button,
.pt-plus-info-box-2 .creative-info-figure .creative-info-button {
bottom: 0;
left: 0;
padding: 15px 20px;
width: 100%;
background: #fff;
color: #333;
font-weight: 300;
-webkit-transform: translateY(100%);
-o-transform: translateY(100%);
-moz-transform: translateY(100%);
transform: translateY(100%);
position: absolute;
border: none;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
-o-transition: opacity 0.3s, -o-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.pt-plus-info-box-1 a:hover .creative-info-figure .creative-info-button,.pt-plus-info-box-3 a:hover .creative-info-figure .creative-info-button,
.pt-plus-info-box-2 a:hover .creative-info-figure .creative-info-button {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.pt-plus-info-box-1 .creative-info-figca h2,
.pt-plus-info-box-1 .creative-info-figca p,
.pt-plus-info-box-2 .creative-info-figca h2,
.pt-plus-info-box-2 .creative-info-figca p {
-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.115, 1);
-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.115, 1.445);
timing-function: cubic-bezier(0.250, 0.250, 0.115, 1.445);
}
.pt-plus-info-box-1 a:hover .creative-info-figca p,
.pt-plus-info-box-2 a:hover .creative-info-figca p {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
transition-duration: 0.1s;
}
.pt-plus-info-box-2 .creative-info-figca h2 {
color: #52be7f;
}
.pt-plus-info-box-2 a:hover .creative-info-figca h2 {
-webkit-transform: translateY(5px);
-ms-transform:translateY(5px);
-moz-transform:translateY(5px);
-o-transform: translateY(5px);
transform: translateY(5px);
}
.info_box path {
stroke: none;
}
/*-creative info box effect ------*/
/*--header breadcrumbs -------*/
#pt-plus-header-breadcrumbs {
position: relative;
overflow: hidden;
}
#pt-plus-header-breadcrumbs .pt-plus-header-bg-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#pt-plus-header-breadcrumbs .pt-plus-page-title-inner{
position: relative;
z-index: 1;
min-height: 400px;
height: 400px;
padding: 0 0;
z-index: 0;
}
#pt-plus-header-breadcrumbs .pt-plus-page-title-inner-wrap.pos-center {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
}
#pt-plus-header-breadcrumbs .pt-plus-page-title-inner-wrap.pos-bottom{
position: absolute;
bottom: 0%;
-webkit-transform: translateY(-18%);
-moz-transform: translateY(-18%);
-o-transform: translateY(-18%);
-ms-transform: translateY(-18%);
transform: translateY(-18%);
width: 100%;
}
#pt-plus-header-breadcrumbs .pt-plus-page-title {
font-style: normal;
font-weight: 600;
font-size: 35px;
line-height: 56px;
text-transform: none;
letter-spacing: 0px;
word-spacing: 0;
color: #fff;
text-align: inherit;
padding-bottom: 10px;
margin: 0;
}
.pt-plus-page-title-inner .layout-style-1 {
text-align: left;
}
.pt-plus-page-title-inner .layout-style-2,.pt-plus-page-title-inner .layout-style-7 {
text-align: center;
}
.pt-plus-page-title-inner .layout-style-3,.pt-plus-page-title-inner .layout-style-8 {
text-align: right;
}
.breadcrumbs-title-layout-3,.breadcrumbs-title-layout-4 {
position: relative;
width: 100%;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-bottom:5px;
}
.breadcrumbs-title-layout-3 .table-cell,.breadcrumbs-title-layout-4 .table-cell {
width: max-content;
}
.pt-plus-page-title-inner .pt-plus-breadcrumbs > nav#crumbs a{
font-size:inherit;
}
#pt-plus-header-breadcrumbs .breadcrumbs-title-layout-3 .pt-plus-page-title,#pt-plus-header-breadcrumbs .breadcrumbs-title-layout-4 .pt-plus-page-subtitle {
padding:0;
padding-right: 5px;
}
#pt-plus-header-breadcrumbs .breadcrumbs-title-layout-3 .pt-plus-page-subtitle,#pt-plus-header-breadcrumbs .breadcrumbs-title-layout-4 .pt-plus-page-title{
padding:0;
padding-left: 15px;
}
.pt-plus-page-title-inner .layout-style-1 .breadcrumbs-title-layout-3,.pt-plus-page-title-inner .layout-style-1 .breadcrumbs-title-layout-4{
-webkit-box-pack: start!important;
-webkit-justify-content: flex-start!important;
-ms-flex-pack: start!important;
justify-content: flex-start!important;
}
.pt-plus-page-title-inner .layout-style-2 .breadcrumbs-title-layout-3,.pt-plus-page-title-inner .layout-style-2 .breadcrumbs-title-layout-4,
.pt-plus-page-title-inner .layout-style-7 .breadcrumbs-title-layout-3,.pt-plus-page-title-inner .layout-style-7 .breadcrumbs-title-layout-4{
-webkit-box-pack: center!important;
-webkit-justify-content: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
}
.pt-plus-page-title-inner .layout-style-7 .breadcrumbs-icon {
text-align: center;
display: inline-block;
}
.pt-plus-page-title-inner .layout-style-3 .breadcrumbs-title-layout-3,.pt-plus-page-title-inner .layout-style-3 .breadcrumbs-title-layout-4,.pt-plus-page-title-inner .layout-style-5 .breadcrumbs-title-layout-3,.pt-plus-page-title-inner .layout-style-5 .breadcrumbs-title-layout-4,
.pt-plus-page-title-inner .layout-style-8 .breadcrumbs-title-layout-3,.pt-plus-page-title-inner .layout-style-8 .breadcrumbs-title-layout-4{
-webkit-box-pack: end!important;
-webkit-justify-content: flex-end!important;
-ms-flex-pack: end!important;
justify-content: flex-end!important;
}
.layout-style-4 .breadcrumbs-layout-style,.layout-style-5 .breadcrumbs-layout-style {
position: relative;
display: table;
vertical-align: middle;
width: 100%;
}
.layout-style-4 .breadcrumbs-layout-style .bread-title-content,.layout-style-4 .breadcrumbs-layout-style .breadcrumbs-icon-wrap,
.layout-style-5 .breadcrumbs-layout-style .bread-title-content,.layout-style-5 .breadcrumbs-layout-style .breadcrumbs-icon-wrap{
display: table-cell;
vertical-align: middle;
padding-bottom: 0;
}
.layout-style-4 .breadcrumbs-icon-wrap .breadcrumbs-icon,.layout-style-5 .breadcrumbs-layout-style .bread-title-content {
text-align: right;
float: right;
}
.breadcrumbs-icon-wrap .ts-hover-draw-svg object {
pointer-events: none;
max-width: 100px;
}
.pt-plus-page-title-inner .layout-style-6 .breadcrumbs-icon-wrap{
position: absolute;
opacity: 0.3;
left: -30px;
padding-bottom: 0;
bottom: 50%;
}
.pt-plus-page-title-inner .layout-style-7 .breadcrumbs-icon-wrap {
position: absolute;
opacity: 0.3;
left: 0;
padding-bottom: 0;
width:100%;
text-align:center;
bottom: 50%;
}
.pt-plus-page-title-inner .layout-style-8 .breadcrumbs-icon-wrap {
position: absolute;
opacity: 0.3;
left: 0;
padding-bottom: 0;
width:100%;
text-align:right;
bottom: 50%;
}
.bread-position-2 {
display: table;
width: 100%;
vertical-align: middle;
}
.bread-position-2 .breadcrumbs-layout-style, .bread-position-2 .pt-plus-breadcrumbs {
display: table-cell !important;
vertical-align: middle;
width: auto !important;
}
.bread-position-2.layout-style-1 .pt-plus-breadcrumbs.style-1 ,.bread-position-2.layout-style-6 .pt-plus-breadcrumbs.style-1 {
text-align: right;
}
.bread-position-2.layout-style-3 .pt-plus-breadcrumbs.style-1,.bread-position-2.layout-style-8 .pt-plus-breadcrumbs.style-1 {
text-align: left;
}
.breadcrumbs-icon-wrap {
position: relative;
display: inline-block;
padding-bottom: 15px;
}
.breadcrumbs-icon-wrap .breadcrumbs-icon.small {
font-size: 30px;
}
.breadcrumbs-icon-wrap .breadcrumbs-icon.medium {
font-size: 50px;
}
.breadcrumbs-icon-wrap .breadcrumbs-icon.large {
font-size: 80px;
}
.breadcrumbs-icon-wrap .breadcrumbs-icon.x-large {
font-size: 100px;
}
.breadcrumbs-icon.ts-hover-draw-svg {
max-width: 100px;
}
.pt-plus-page-title-inner .pt-plus-page-subtitle {
font-size: 15px;
font-family: "Lora";
line-height: 1.2;
text-align: inherit;
padding-bottom: 10px;
color: #bcbcbc;
}
.pt-plus-page-title-inner .pt-plus-breadcrumbs.style-1 {
display: block;
width: 100%;
height: 2.9em;
line-height: 2.9em;
margin-bottom: -1px;
}
.pt-plus-page-title-inner .pt-plus-breadcrumbs.style-2 {
display: block;
width: 100%;
height: 2.9em;
line-height: 2.9em;
position: absolute;
bottom: 0;
margin-bottom: -1px;
}
.pt-plus-page-title-inner .pt-plus-breadcrumbs.style-3 {
display: block;
max-width: 730px;
width: 100%;
height:auto !important;
position: absolute;
bottom: 0;
margin-bottom: -3px;
border: 3px solid #ffffff;
padding: 8px 8px 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.pt-plus-page-title-inner .pt-plus-breadcrumbs.style-3 .breadcrumbs-layout-style {
background: #ffffff;
padding: 60px 20px;
text-align: center;
width: 100%;
}
.pt-plus-breadcrumbs.style-3 .bread-title-content {
margin: 16px 0 0;
width: 100%;
}
.pt-plus-breadcrumbs.style-3 #crumbs span:not(.del):before {
content: "-";
position: absolute;
right: -5px;
top: 0;
}
.pt-plus-breadcrumbs.style-3 #crumbs span:not(.del):last-child:before {
display:none;
}
.pt-plus-breadcrumbs.style-3 #crumbs span:not(.del) {
position: relative;
display: inline-block;
padding:0 10px;
}
.pt-plus-breadcrumbs.style-3 #crumbs span:not(.del):first-child {
padding-left: 0;
}
.pt-plus-breadcrumbs.style-3 #crumbs span:not(.del):last-child {
padding-right: 0;
}
.pt-plus-page-title-inner .pt-plus-breadcrumbs.style-1 > nav {
position: relative;
z-index: 1;
display: inline-block;
height: inherit;
line-height: inherit;
margin: 0;
color: #bcbcbc;
}
.pt-plus-page-title-inner-wrap.text-right .pt-plus-breadcrumbs.style-1.text-left {
position: absolute;
bottom: 0;
}
.pt-plus-page-title-inner-wrap.text-left .pt-plus-breadcrumbs.style-1.text-right {
position: absolute;
bottom: 0;
}
.pt-plus-page-title-inner .pt-plus-breadcrumbs.style-2 > nav {
position: relative;
z-index: 1;
display: inline-block;
height: inherit;
line-height: inherit;
padding: 0 25px;
margin: 0;
color: #bcbcbc;
background: #fff;
border-top: 1px solid rgba(27,27,27,0.1);
border-left: 1px solid rgba(27,27,27,0.1);
border-right: 1px solid rgba(27,27,27,0.1);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.pt-plus-page-title-inner .pt-plus-breadcrumbs > nav:before, .pt-plus-page-title-inner .pt-plus-breadcrumbs > nav:after {
content: " ";
display: table;
}
.pt-plus-page-title-inner .pt-plus-breadcrumbs > nav > span {
float: left;
height: inherit;
line-height: inherit;
text-transform: capitalize;
}
.pt-plus-page-title-inner .pt-plus-breadcrumbs > nav a {
color: #28262b;
}
.pt-plus-page-title-inner .pt-plus-breadcrumbs > nav .del {
position: relative;
padding: 0 10px;
}
.pt-plus-page-title-inner .pt-plus-breadcrumbs > nav .del:before {
content: "/";
display: block;
width: 8px;
position: absolute;
top: 50%;
left: 50%;
margin-top: 0px;
margin-left: -1px;
-webkit-transform: rotate(20deg) translate3d(-50%,-100%,0);
-ms-transform: rotate(20deg) translate3d(-50%,-100%,0);
-moz-transform: rotate(20deg) translate3d(-50%,-100%,0);
-o-transform: rotate(20deg) translate3d(-50%,-100%,0);
transform: rotate(10deg) translate3d(0%,-50%,0);
opacity: .5;
margin-left: -8px;
}
.pt-plus-page-title-inner-wrap.title-subtitle-breadcrumbs.style-2 .pt-plus-page-title,.pt-plus-page-title-inner-wrap.subtitle-title-breadcrumbs.style-2 .pt-plus-page-subtitle {
-webkit-transform: translate3d(0,30px,0);
transform: translate3d(0,30px,0);
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
-o-transition: -o-transform 0.4s;
-ms-transition: -ms-transform 0.4s;
transition: transform 0.4s;
z-index: 1;
position: relative;
}
.pt-plus-page-title-inner-wrap.title-subtitle-breadcrumbs.style-2:hover .pt-plus-page-title,.pt-plus-page-title-inner-wrap.subtitle-title-breadcrumbs.style-2:hover .pt-plus-page-subtitle {
-webkit-transform: translate3d(0,0px,0);
transform: translate3d(0,0px,0);
}
.pt-plus-page-title-inner-wrap.title-subtitle-breadcrumbs.style-2 .pt-plus-page-subtitle,.pt-plus-page-title-inner-wrap.subtitle-title-breadcrumbs.style-2 .pt-plus-page-title{
webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0);
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
-o-transition: -o-transform 0.4s;
-ms-transition: -ms-transform 0.4s;
transition: transform 0.4s;
}
.pt-plus-page-title-inner-wrap.style-2 .pt-plus-page-subtitle{
opacity: 0.5;
}
.pt-plus-page-title-inner-wrap.title-subtitle-breadcrumbs.style-2:hover .pt-plus-page-subtitle,.pt-plus-page-title-inner-wrap.subtitle-title-breadcrumbs.style-2:hover .pt-plus-page-title{
-webkit-transform: translate3d(0,0px,0);
-ms-transform:translate3d(0,0px,0);
-moz-transform:translate3d(0,0px,0);
-o-transform: translate3d(0,0px,0);
transform: translate3d(0,0px,0);
}
.pt-plus-page-title-inner-wrap.style-2:hover .pt-plus-page-subtitle{
opacity: 1;
}
.breadcrumbs-bgvideo:before{
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.pt-plus-page-title-inner-wrap.pos-bottom .pt-plus-breadcrumbs, .pt-plus-page-title-inner-wrap.pos-bottom .breadcrumbs-layout-style {
vertical-align: bottom !important;
}
#pt-plus-header-breadcrumbs .container-fluid .pt-plus-page-title-inner-wrap{
padding: 0px 15px;
}
/*--header breadcrumbs -------*/
/*--- heading animation css --*/
.pt-plus-heading-animation .ani-bold{
font-weight: bold !important;
}
.pt-plus-heading-animation .ani-b-normal{
font-weight: 400 !important ;
}
.pt-plus-heading-animation .ani-underline{
text-decoration: underline !important;
}
.pt-plus-heading-animation .ani-u-normal{
text-decoration: none !important;
}
.pt-plus-heading-animation .ani-italic i{
font-style:italic !important;
}
.pt-plus-heading-animation .ani-i-normal i{
font-style: normal !important ;
}
.cd-words-wrapper {
display: inline-block;
position: relative;
text-align: left;
}
.cd-words-wrapper b {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
padding:0 5px;
}
.cd-words-wrapper b.is-visible {
position: relative;
}
.no-js .cd-words-wrapper b {
opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
opacity: 1;
}
/* ------
xrotate-1
------ */
.pt-plus-cd-headline.rotate-1 .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.pt-plus-cd-headline.rotate-1 b {
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);
}
.pt-plus-cd-headline.rotate-1 b.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: pt-plus-cd-rotate-1-in 1.2s;
-moz-animation: pt-plus-cd-rotate-1-in 1.2s;
animation: pt-plus-cd-rotate-1-in 1.2s;
}
.pt-plus-cd-headline.rotate-1 b.is-hidden {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-animation: pt-plus-cd-rotate-1-out 1.2s;
-moz-animation: pt-plus-cd-rotate-1-out 1.2s;
animation: pt-plus-cd-rotate-1-out 1.2s;
}
@-webkit-keyframes pt-plus-cd-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 pt-plus-cd-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 pt-plus-cd-rotate-1-in {
0% {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
35% {
-webkit-transform: rotateX(120deg);
transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(360deg);
transform: rotateX(360deg);
opacity: 1;
}
}
@-webkit-keyframes pt-plus-cd-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 pt-plus-cd-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 pt-plus-cd-rotate-1-out {
0% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
35% {
-webkit-transform: rotateX(-40deg);
transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
}
.pt-plus-cd-headline.type .cd-words-wrapper {
vertical-align: top;
overflow: hidden;
}
.pt-plus-cd-headline.type .cd-words-wrapper::after {
content: '';
position: absolute;
right: 0;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 90%;
width: 0;
background: #aebcb9;
}
.pt-plus-cd-headline.type .cd-words-wrapper.waiting::after {
-webkit-animation: cd-pulse 1s infinite;
-moz-animation: cd-pulse 1s infinite;
animation: cd-pulse 1s infinite;
}
.pt-plus-cd-headline.type .cd-words-wrapper.selected::after {
visibility: hidden;
}
.pt-plus-cd-headline.type b {
visibility: hidden;
}
.pt-plus-cd-headline.type b.is-visible {
visibility: visible;
}
.pt-plus-cd-headline.type i {
position: absolute;
visibility: hidden;
}
.pt-plus-cd-headline.type i.in {
position: relative;
visibility: visible;
}
@-webkit-keyframes cd-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-webkit-transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-webkit-transform: translateY(-50%) scale(0);
opacity: 0;
}
}
@-moz-keyframes cd-pulse {
0% {
-moz-transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-moz-transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-moz-transform: translateY(-50%) scale(0);
opacity: 0;
}
}
@keyframes cd-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-webkit-transform: translateY(-50%) scale(0.9);
transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-webkit-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
opacity: 0;
}
}
/* ------
xrotate-2
------ */
.pt-plus-cd-headline.rotate-2 .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.pt-plus-cd-headline.rotate-2 i, .pt-plus-cd-headline.rotate-2 em {
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.pt-plus-cd-headline.rotate-2 b {
opacity: 0;
}
.pt-plus-cd-headline.rotate-2 i {
-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;
}
.is-visible .pt-plus-cd-headline.rotate-2 i {
opacity: 1;
}
.pt-plus-cd-headline.rotate-2 i.in {
-webkit-animation: pt-plus-cd-rotate-2-in 0.4s forwards;
-moz-animation: pt-plus-cd-rotate-2-in 0.4s forwards;
animation: pt-plus-cd-rotate-2-in 0.4s forwards;
}
.pt-plus-cd-headline.rotate-2 i.out {
-webkit-animation: pt-plus-cd-rotate-2-out 0.4s forwards;
-moz-animation: pt-plus-cd-rotate-2-out 0.4s forwards;
animation: pt-plus-cd-rotate-2-out 0.4s forwards;
}
.pt-plus-cd-headline.rotate-2 em {
-webkit-transform: translateZ(20px);
-moz-transform: translateZ(20px);
-ms-transform: translateZ(20px);
-o-transform: translateZ(20px);
transform: translateZ(20px);
}
.no-csstransitions .pt-plus-cd-headline.rotate-2 i {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 0;
}
.no-csstransitions .pt-plus-cd-headline.rotate-2 i em {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.no-csstransitions .pt-plus-cd-headline.rotate-2 .is-visible i {
opacity: 1;
}
@-webkit-keyframes pt-plus-cd-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 pt-plus-cd-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 pt-plus-cd-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
transform: translateZ(-20px) rotateX(0deg);
}
}
@-webkit-keyframes pt-plus-cd-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 pt-plus-cd-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 pt-plus-cd-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
transform: translateZ(-20px) rotateX(-90deg);
}
}
/* ------
xloading-bar
------ */
.pt-plus-cd-headline.loading-bar span {
display: inline-block;
padding: .2em 0;
}
.pt-plus-cd-headline.loading-bar .cd-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.pt-plus-cd-headline.loading-bar .cd-words-wrapper::after {
content: '';
position: absolute;
left: 7px;
bottom: 0;
height: 3px;
width: 0;
z-index: 2;
-webkit-transition: width 0.3s -0.1s;
-moz-transition: width 0.3s -0.1s;
-o-transition: width 0.3s -0.1s;
-ms-transition: width 0.3s -0.1s;
transition: width 0.3s -0.1s;
}
.pt-plus-cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
width: 100%;
-webkit-transition: width 3s;
-moz-transition: width 3s;
transition: width 3s;
}
.pt-plus-cd-headline.loading-bar b {
top: .2em;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.pt-plus-cd-headline.loading-bar b.is-visible {
opacity: 1;
top: 0;
}
/* ------
xslide
------ */
.pt-plus-cd-headline.slide span {
display: inline-block;
padding: .2em 0;
}
.pt-plus-cd-headline.slide .cd-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.pt-plus-cd-headline.slide b {
opacity: 0;
top: .2em;
}
.pt-plus-cd-headline.slide b.is-visible {
top: 0;
opacity: 1;
-webkit-animation: slide-in 0.6s;
-moz-animation: slide-in 0.6s;
animation: slide-in 0.6s;
}
.pt-plus-cd-headline.slide b.is-hidden {
-webkit-animation: slide-out 0.6s;
-moz-animation: slide-out 0.6s;
animation: slide-out 0.6s;
}
@-webkit-keyframes 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 slide-in {
0% {
opacity: 0;
-moz-transform: translateY(-100%);
}
60% {
opacity: 1;
-moz-transform: translateY(20%);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@keyframes 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 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 slide-out {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
60% {
opacity: 0;
-moz-transform: translateY(120%);
}
100% {
opacity: 0;
-moz-transform: translateY(100%);
}
}
@keyframes 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
------ */
.pt-plus-cd-headline.clip span {
display: inline-block;
padding: .2em 0;
}
.pt-plus-cd-headline.clip .cd-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.pt-plus-cd-headline.clip .cd-words-wrapper::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 2px;
height: 100%;
background: #aebcb9;
}
.pt-plus-cd-headline.clip b {
opacity: 0;
}
.pt-plus-cd-headline.clip b.is-visible {
opacity: 1;
}
/* ------
xzoom
------ */
.pt-plus-cd-headline.zoom .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.pt-plus-cd-headline.zoom b {
opacity: 0;
}
.pt-plus-cd-headline.zoom b.is-visible {
opacity: 1;
-webkit-animation: zoom-in 0.8s;
-moz-animation: zoom-in 0.8s;
animation: zoom-in 0.8s;
}
.pt-plus-cd-headline.zoom b.is-hidden {
-webkit-animation: zoom-out 0.8s;
-moz-animation: zoom-out 0.8s;
animation: zoom-out 0.8s;
}
@-webkit-keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
}
}
@-moz-keyframes zoom-in {
0% {
opacity: 0;
-moz-transform: translateZ(100px);
}
100% {
opacity: 1;
-moz-transform: translateZ(0);
}
}
@keyframes 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 zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
}
}
@-moz-keyframes zoom-out {
0% {
opacity: 1;
-moz-transform: translateZ(0);
}
100% {
opacity: 0;
-moz-transform: translateZ(-100px);
}
}
@keyframes 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
------ */
.pt-plus-cd-headline.rotate-3 .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.pt-plus-cd-headline.rotate-3 b {
opacity: 0;
}
.pt-plus-cd-headline.rotate-3 i {
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;
}
.is-visible .pt-plus-cd-headline.rotate-3 i {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.pt-plus-cd-headline.rotate-3 i.in {
-webkit-animation: pt-plus-cd-rotate-3-in 0.6s forwards;
-moz-animation: pt-plus-cd-rotate-3-in 0.6s forwards;
animation: pt-plus-cd-rotate-3-in 0.6s forwards;
}
.pt-plus-cd-headline.rotate-3 i.out {
-webkit-animation: pt-plus-cd-rotate-3-out 0.6s forwards;
-moz-animation: pt-plus-cd-rotate-3-out 0.6s forwards;
animation: pt-plus-cd-rotate-3-out 0.6s forwards;
}
.no-csstransitions .pt-plus-cd-headline.rotate-3 i {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 0;
}
.no-csstransitions .pt-plus-cd-headline.rotate-3 .is-visible i {
opacity: 1;
}
@-webkit-keyframes pt-plus-cd-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
}
}
@-moz-keyframes pt-plus-cd-rotate-3-in {
0% {
-moz-transform: rotateY(180deg);
}
100% {
-moz-transform: rotateY(0deg);
}
}
@keyframes pt-plus-cd-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 pt-plus-cd-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
}
}
@-moz-keyframes pt-plus-cd-rotate-3-out {
0% {
-moz-transform: rotateY(0);
}
100% {
-moz-transform: rotateY(-180deg);
}
}
@keyframes pt-plus-cd-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
------ */
.pt-plus-cd-headline.scale b {
opacity: 0;
}
.pt-plus-cd-headline.scale i {
display: inline-block;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.is-visible .pt-plus-cd-headline.scale i {
opacity: 1;
}
.pt-plus-cd-headline.scale i.in {
-webkit-animation: scale-up 0.6s forwards;
-moz-animation: scale-up 0.6s forwards;
animation: scale-up 0.6s forwards;
}
.pt-plus-cd-headline.scale i.out {
-webkit-animation: scale-down 0.6s forwards;
-moz-animation: scale-down 0.6s forwards;
animation: scale-down 0.6s forwards;
}
.no-csstransitions .pt-plus-cd-headline.scale i {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0;
}
.no-csstransitions .pt-plus-cd-headline.scale .is-visible i {
opacity: 1;
}
@-webkit-keyframes 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 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 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 scale-down {
0% {
-webkit-transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
opacity: 0;
}
}
@-moz-keyframes scale-down {
0% {
-moz-transform: scale(1);
opacity: 1;
}
60% {
-moz-transform: scale(0);
opacity: 0;
}
}
@keyframes 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
------ */
.pt-plus-cd-headline.push b {
opacity: 0;
}
.pt-plus-cd-headline.push b.is-visible {
opacity: 1;
-webkit-animation: push-in 1s;
-moz-animation: push-in 1s;
animation: push-in 1s;
}
.pt-plus-cd-headline.push b.is-hidden {
-webkit-animation: push-out 1s;
-moz-animation: push-out 1s;
animation: push-out 1s;
}
@-webkit-keyframes 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 push-in {
0% {
opacity: 0;
-moz-transform: translateX(-100%);
}
60% {
opacity: 1;
-moz-transform: translateX(10%);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@keyframes 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 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 push-out {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
60% {
opacity: 0;
-moz-transform: translateX(110%);
}
100% {
opacity: 0;
-moz-transform: translateX(100%);
}
}
@keyframes 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%);
}
}
/*--- heading animation css --*/
/*----------Heading Title-----------*/
.heading-title-gradient {
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.heading.style-3 .heading-title:before {
border-bottom: 3px solid;
width: 20%;
content: '';
height: 28px;
display: inline-block;
}
.heading_style .heading-sub-title,.heading_style .heading-title{
margin-top: 5px;
margin-bottom: 5px;
word-wrap: break-word;
}
.heading{
display: block;
position: relative;
width: 100%;
}
/*** style 4 ***/
.heading .text-center .seprator.sep-l {
margin: 0 auto;
}
.heading .seprator.sep-l .sep-mg {
margin: 0 7px;
}
.heading .text-right .seprator.sep-l {
float: right;
}
.heading .seprator {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.heading span.title-sep {
height: 1px;
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 10%;
border: 1px solid #000;
}
/*** style 4 end ***/
/*** style 5 ***/
.heading.style-5 {
margin-bottom: 20px;
}
.heading.style-5 .heading-title{ outline: 0;
outline: 0;
color: #313131;
-webkit-transition: color 1s ease;
-moz-transition: color 1s ease;
-ms-transition: color 1s ease;
-o-transition: color 1s ease;
transition: color 1s ease;
display: inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position: relative;
text-decoration: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
padding-bottom: 5px;
}
.heading.style-5 .heading-title:before{
position: absolute;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
content: "";
width: 100%;
height: 6px;
right: 0;
bottom: 0;
position: absolute;
background: #1e73be;
}
.heading.style-5 .heading-title:focus:after, .heading.style-5 .heading-title:focus:before, .heading.style-5 .heading-title:hover:after, .heading.style-5 .heading-title:hover:before {
outline: 0;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.heading.style-5 .heading-title:after {
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
content: "";
width: 100%;
height: 2px;
right: 0;
bottom: -4px;
position: absolute;
background: #1e73be;
}
/*** style 5 end ***/
/*** style 6 end ***/
.heading.style-6{
text-align: center;
}
.heading.style-6 .vertical-divider {
width: 2px;
height: 30px;
display: inline-block;
}
.heading.style-6 .vertical-divider.bottom {
margin-top: 6px;
}
/*** style 6 end ***/
/***************************** heading style 7 ****************************/
.heading.style-7 .sub-style {
display:block;
position: relative;
}
.heading.style-7 .sub-heading .heading-sub-title {
font-family: montserrat;
display:block;
font-size:20px;
line-height:1.2;
color:#252525;
margin-top: 5px;
margin-bottom: 10px;
}
.heading.style-7 .sub-heading .heading-sub-title span {
font-weight:900;
}
.heading.style-7 .heading-title {
font-family: montserrat;
margin-top: 0;
margin-bottom: 0;
display: block;
}
.heading.style-7 .heading-title {
position: relative;
transition: 1000ms;
-webkit-transition: 1000ms;
-moz-transition: 1000ms;
-o-transition: 1000ms;
-ms-transition: 1000ms;
overflow: hidden;
}
.heading.style-7 .head-title:after {
position: absolute;
bottom: -10px;
color: red;
content: '.';
font-size: 60px;
pointer-events: none;
-webkit-transition: text-shadow 0.3s, color 0.3s;
-moz-transition: text-shadow 0.3s, color 0.3s;
-o-transition: text-shadow 0.3s, color 0.3s;
-ms-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
text-shadow: 15px 0 red, -15px 0 red;
}
.heading.style-7 .head-title.text-left:after {
left: 10px;
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
-moz-transform:translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.heading.style-7 .head-title.text-center:after {
left: 50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.heading.style-7 .head-title.text-right:after {
right: 5px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
/***************************** heading style 7 end ****************************/
/***************************** heading style 8 ****************************/
.heading.style-8 .sub-heading {
text-align: center;
color: #d4d4d4;
left: 0;
display: block;
width: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 100px;
line-height: 1.2;
position: absolute;
}
.heading.style-8 .head-title.text-center {
left: 0;
display: block;
width: 100%;
z-index: 2;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 35px;
line-height: 1.2;
}
.heading.style-8 .heading-sub-title{
font-size: 100px;
font-weight: 900;
}
.heading.style-8:hover .heading-title.text-center {
color:#ec2d3a;
}
/***************************** heading style 8 end ****************************/
/***************************** heading style 9 ****************************/
.sep-dot {
font-size: 50px;
line-height: 1px;
display: table;
position: relative;
top: -5px;
padding: 0 4px;
}
/***************************** heading style 9 end ****************************/
/***************************** heading style 10 ****************************/
.seprator-width {
width: 20%;
margin: 0 auto;
}
/***************************** heading style 10 end ****************************/
/*** style 11 ***/
.heading.style-11 .sub-style {
display: inline-block;
width: auto !important;
}
.box-left {
text-align: left;
}
.box-center {
text-align: center;
}
.box-right {
text-align: right;
}
.box-left .text-center{
text-align: left;
}
.box-center .text-center{
text-align: center;
}
.box-right .text-center{
text-align: right;
}
/*** End style 11 ***/
/*----------End Heading Title -----------*/
/*----------icon counter css--------*/
.ts-icon-cunter.service-icon-style_4 .counter-number, .ts-icon-cunter.service-icon-style_3 .counter-number {
text-align: left !important;
}
.ts-icon-img {
margin-bottom: 10px;
}
.full-width{
width: 100%;
position: relative;
}
.flip-back, .flip-front{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
display: table;
}
.flip-back .vertical-center , .flip-front .vertical-center {
display: table-cell;
vertical-align: middle;
}
.flip-horizontal :hover .flip-front {
-webkit-transform: rotateY(-180deg);
-ms-transform:rotateY(-180deg);
-moz-transform:rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.flip-horizontal :hover .flip-back {
-webkit-transform: rotateY(0);
-ms-transform: rotateY(0);
-moz-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.flip-horizontal .flip-back {
-webkit-transform: rotateY(180deg);
-ms-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.bezier-flip{
-webkit-transition: all .5s cubic-bezier(.645,.045,.355,1);
-moz-transition: all .5s cubic-bezier(.645,.045,.355,1);
-o-transition: all .5s cubic-bezier(.645,.045,.355,1);
-ms-transition: all .5s cubic-bezier(.645,.045,.355,1);
transition: all .5s cubic-bezier(.645,.045,.355,1);
}
.padding-flip {
padding: 30px 40px;
}
.ts-icon-cunter .icon-counte-inner{
-webkit-transition:0.5s;
-moz-transition:0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
position: relative;
margin: 15px 0;
}
.ts-icon-cunter.service-icon-style_4 .counter-number .theserivce-milestone-number {
display: block;
position: relative;
}
/*------end-------*/
.origin-center {
-webkit-transform-origin: center;
-ms-transform-origin: center;
-moz-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
}
.no-backface {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.numtext-left{
text-align: left;
}
.numtext-center{
text-align: center;
}
.numtext-right{
text-align: right;
}
.icon-right {
text-align: right;
}
.icon-left{
float: left;
}
.icon-center{
margin: 0 auto;
}
.ts-icon-cunter .text-center {
text-align: center;
}
.ts-icon{
display: block;
position: relative;
-o-transition: all 1.3s;
-webkit-transition: all 1.3s;
-moz-transition: all 1.3s;
-ms-transition: all 1.3s;
transition: all 1.3s;
}
.counter-number{
-o-transition: all 1.3s;
-webkit-transition: all 1.3s;
-moz-transition: all 1.3s;
-ms-transition: all 1.3s;
transition: all 1.3s;
margin-bottom: 15px;
line-height:1;
margin-top: 0;
margin-bottom:0px;
}
.icon-img-b{
line-height:1;
margin-bottom: 15px;
}
.service-media .icon-img-b {
margin-right: 15px;
}
.border-pd {
border: 2px solid;
}
.subject-color{
-o-transition: all 1.3s;
-webkit-transition: all 1.3s;
-ms-transition: all 1.3s;
-moz-transition: all 1.3s;
transition: all 1.3s;
margin-bottom: 20px;
line-height:1;
}
.sub-subject-color {
margin-bottom: 20px;
line-height:1;
}
.ts-icon-1{
display: block ;
vertical-align: middle;
text-align: center;
overflow:hidden;
}
.ts-icon-cunter {
margin: 10px 0;
}
.pad-0{
padding:0;
}
.pad-5{
padding: 5px;
}
.pad-30{
padding: 30px;
padding-bottom:10px;
}
.border-icon {
display: block;
position: relative;
padding: 30px;
padding-bottom:10px;
}
.ts-icon-cunter .text-left .hr-border {
float: left;
display: block;
position: relative;
clear: both;
}
hr.hr-border {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
.ts-icon-cunter .text-right .hr-border {
float: right;
clear: both;
}
.service-icon-style_1 .icn-txt {
display: block;
position: relative;
width: 100%;
overflow: hidden;
}
.icon-right .ts-icon-1 {
text-align: right;
}
/*-----------style -2 ----------*/
.service-icon-style_2 .icn-content {
padding: 20px ;
display: block;
position: relative;
background: #F9B701;
}
.service-icon-style_2 .icn-header {
display: block;
position: relative;
padding: 20px;
}
.service-icon-style_2 .ts-icon-cunter ,.service-icon-style_2 .subject-color{
margin-bottom: 0;
}
/*-----------style -2 end----------*/
.service-icon-style_3 .pt_plus_animated_svg,.service-icon-style_4 .pt_plus_animated_svg {
width: auto;
margin-right: 15px;
}
.ts-icon-cunter .slick-nav.style-4.bottom-center,.ts-icon-cunter .slick-nav.style-5.bottom-center{
left: 50%;
right: 17px;
bottom: -80px;
top: auto;
}
@keyframes spin {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}
@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toRightFromLeft {
49% {
-moz-transform: translate(100%);
}
50% {
opacity: 0;
-moz-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toRightFromLeft {
49% {
transform: translate(100%);
}
50% {
opacity: 0;
transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes toLeftFromRight {
49% {
-webkit-transform: translate(-100%);
}
50% {
opacity: 0;
-webkit-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toLeftFromRight {
49% {
-moz-transform: translate(-100%);
}
50% {
opacity: 0;
-moz-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@keyframes toLeftFromRight {
49% {
transform: translate(-100%);
}
50% {
opacity: 0;
transform: translate(100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes toTopFromBottom {
49% {
-webkit-transform: translateY(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toTopFromBottom {
49% {
-moz-transform: translateY(-100%);
}
50% {
opacity: 0;
-moz-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@keyframes toTopFromBottom {
49% {
transform: translateY(-100%);
}
50% {
opacity: 0;
transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes toBottomFromTop {
49% {
-webkit-transform: translateY(100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toBottomFromTop {
49% {
-moz-transform: translateY(100%);
}
50% {
opacity: 0;
-moz-transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toBottomFromTop {
49% {
transform: translateY(100%);
}
50% {
opacity: 0;
transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
/*-------icon counter css-----*/
/*---info banner------*/
.pt_plus_infobanner{
position:relative;
display: block;
width: 100%;
overflow: hidden;
}
.pt_plus_infobanner .grid {
position: relative;
margin: 0 auto;
list-style: none;
text-align: center;
display: block;
}
.pt_plus_infobanner_style-1 {
display: inline-block;
width: 100%;
position: relative;
}
.pt_plus_infobanner .grid .fi-gure {
position: relative;
float: left;
overflow: hidden;
cursor: pointer;
width: 100%;
margin: 0;
}
.grid .fi-gure .info_img {
position: relative;
display: block;
width:100%;
}
.pt_plus_infobanner .grid .fi-gure .fig-caption {
padding: 2em;
color: #fff;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.pt_plus_infobanner .grid .fi-gure .fig-caption::before,
.pt_plus_infobanner .grid .fi-gure .fig-caption::after {
pointer-events: none;
}
.pt_plus_infobanner .grid .fi-gure .fig-caption,
.pt_plus_infobanner .grid .fi-gure .fig-caption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pt_plus_infobanner .grid .fi-gure .infobanner_title,
.pt_plus_infobanner .grid .fi-gure .infobanner_desc {
margin: 0;
}
.pt_plus_infobanner .grid .fi-gure .infobanner_desc{
font-size: 14px;
line-height: 25px;
}
.pt_plus_infobanner.box-saddow-info_banner{
-webkit-transition:0.5s;
-moz-transition: 0.5s;
-o-transition:0.5s;
-ms-transition:0.5s;
transition:0.5s;
}
/*--- End info banner------*/
/*----------info box Start -----*/
.service-border-box {
border: 1px solid;
}
.pt_plus_info_box {
display: block;
position: relative;
width: 100%;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
-ms-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.pt-plus-list-portfolio-post.list-carousel-slick {
margin-bottom: 50px;
}
.pt-plus-list-portfolio-post.list-carousel-slick .slick-dots {
bottom: -45px;
}
.pt_plus_info_box.list-carousel-slick{
margin-bottom: 50px;
}
.pt_plus_info_box ul.slick-dots {
bottom: -45px;
}
.pt_plus_info_box .info-box-inner{
-webkit-transition: all 0.3s;
moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.info-box-bg-box{
overflow : hidden;
}
.pd-15{
padding:15px;
}
.pt_plus_info_box .pd-0 {
padding: 0;
}
.pt_plus_info_box object {
min-height: 100%;
}
.service-media {
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;
}
.service-content {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
}
.m-r-16{
margin-right:16px;
}
.m-l-16{
margin-left:16px;
}
.service-title{
font-size: 18px;
margin-bottom: .5rem;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
}
.service-desc {
margin-top: 0;
}
.service-desc p{
margin: 0;
}
.service-button {
background: transparent;
color: #121212;
border: 1px solid;
padding: 9px 20px;
margin: 10px 0;
position: relative;
display: inline-block;
-moz-border-radius:3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.vertical-center {
align-items: center;
}
.service-border {
border-style: solid;
margin-top: 10px;
margin-bottom: 5px;
}
.text-right .service-border {
text-align: right;
display: inline-block;
}
.text-center .service-border {
text-align: center;
margin: 10px auto;
}
.info-box-inner .service-icon-small {
width: 46px;
height: 46px;
display: inline-block;
line-height: 46px !important;
text-align: center;
font-size: 18px !important;
}
.info-box-inner .service-icon-medium {
width: 74px;
height: 74px;
display: inline-block;
line-height: 72px !important;
text-align: center;
font-size: 30px !important;
background: transparent !important;
}
.info-box-inner .service-icon-large {
width: 148px;
height: 148px;
display: inline-block;
line-height: 146px !important;
text-align: center;
font-size: 65px !important;
}
.info-box-inner .service-icon {
font-size: inherit;
top: auto;
word-spacing: initial;
}
.info-box-inner .icon-squre{
border: 1px solid;
border-radius: inherit;
}
.info-box-inner .icon-rounded{
border: 1px solid;
-moz-border-radius:50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.pt_plus_info_box .pt_plus_animated_svg .svg_inner_block{
margin: 0 10px;
}
.pt_plus_info_box .button-style-13 .button-link-wrap span {
position: relative;
z-index: 4;
}
.pt_plus_info_box .pt_plus_button.button-style-13 .button-link-wrap::before,.pt_plus_info_box .pt_plus_button.button-style-13 .button-link-wrap::after {
z-index: 2 !important;
}
.service-flipbox {
position: relative;
-webkit-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
-ms-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
}
.height-full {
height: 100%;
}
.service-flipbox, .service-flipbox-holder {
-moz-transform: perspective(1000px);
-ms-transform: perspective(1000px);
-webkit-transform: perspective(1000px);
-o-transform: perspective(1000px);
transform: perspective(1000px);
}
.bezier-1 {
-webkit-transition: all .7s cubic-bezier(.645,.045,.355,1);
-moz-transition: all .7s cubic-bezier(.645,.045,.355,1);
-o-transition: all .7s cubic-bezier(.645,.045,.355,1);
-ms-transition: all .7s cubic-bezier(.645,.045,.355,1);
transition: all .7s cubic-bezier(.645,.045,.355,1);
}
.perspective {
-webkit-transform: perspective(1000px);
-ms-transform: perspective(1000px);
-moz-transform: perspective(1000px);
-o-transform: perspective(1000px);
transform: perspective(1000px);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-horizontal:hover .service-flipbox-front {
-webkit-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-moz-transform:rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.flip-vertical:hover .service-flipbox-front {
-webkit-transform: rotateX(-180deg);
-ms-transform:rotateX(-180deg);
-moz-transform:rotateX(-180deg);
-o-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.service-flipbox-back, .service-flipbox-front {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.service-flipbox-front {
position: absolute;
z-index: 2;
}
.service-flipbox-back, .service-flipbox-front {
width: 100%;
height: 100%;
left: 0;
top: 0;
display: table;
}
.origin-center {
-webkit-transform-origin: center;
-ms-transform-origin: center;
-moz-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
}
.no-backface {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.service-flipbox-content {
display: table-cell;
vertical-align: middle;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(35px) scale(0.81);
transform: translateZ(35px) scale(0.81);
}
.width-full {
width: 100%;
}
.flip-horizontal:hover .service-flipbox-back {
-webkit-transform: rotateY(0);
-ms-transform:rotateY(0);
-moz-transform:rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.flip-vertical:hover .service-flipbox-back {
-webkit-transform: rotateX(0);
-ms-transform: rotateX(0);
-moz-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
.flip-horizontal .service-flipbox-back {
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.flip-vertical .service-flipbox-back {
-webkit-transform: rotateX(180deg);
-ms-transform:rotateX(180deg);
-moz-transform:rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.service-flipbox-back {
position: absolute;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fold-back-horizontal {
-webkit-transform: translateX(-100%) rotateY(-180deg);
-ms-transform:translateX(-100%) rotateY(-180deg);
-moz-transform:translateX(-100%) rotateY(-180deg);
-o-transform: translateX(-100%) rotateY(-180deg);
transform: translateX(-100%) rotateY(-180deg);
}
.pt_plus_info_box.remove-padding {
padding-left: 0 !important;
padding-right:0 !important;
}
.pt_plus_info_box .about-post .about-post-content {
background: #fff;
padding: 0 20px 30px;
position: relative;
z-index: 2;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}
.pt_plus_info_box .about-post .about-post-content .icon-middle {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
width: 100px;
height: 100px;
line-height: 100px;
top: -50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.pt_plus_info_box .about-post .about-post-content .demo.icon-rounded {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.pt_plus_info_box .about-post:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}
.pt_plus_info_box .about-post:hover:before {
opacity: 0.85;
}
.pt_plus_info_box .about-post:hover .about-post-content a {
background: #1cbac8;
color: #fff;
}
.pt_plus_info_box .about-post .hover-about {
position: absolute;
top: 50%;
width: 100%;
left: 0;
height: 100%;
padding: 0 30px;
padding-top: 80px;
background: transparent;
text-align: center;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.pt_plus_info_box .about-post:hover .about-post-content {
background: transparent;
}
.pt_plus_info_box .about-post:hover .service-title {
opacity: 0;
}
.pt_plus_info_box .about-post:hover p {
opacity: 1;
}
.pt_plus_info_box .about-post:hover .service-border {
opacity: 0;
}
.pt_plus_info_box .about-post:hover .about-post-content {
background: transparent !important;
}
.pt_plus_info_box .about-post:hover .hover-about {
top: 0;
padding-top: 100px;
}
.action.arrow-next.expandable {
width: 100%;
height: 40px;
position: relative;
margin-top: 40px;
}
.action.arrow-next:before {
content: attr(data-label);
font-size: 14px;
font-weight: 400;
display: block;
position: absolute;
left: 0;
color: currentColor;
opacity: 0;
}
.action.arrow-next.expandable:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: currentColor;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
transform-origin: 10px 50%;
-moz-transform-origin:10px 50%;
-ms-transform-origin:10px 50%;
-o-transform-origin:10px 50%;
-webkit-transform-origin: 10px 50%;
}
.pt_plus_info_box .info-tag-title{
display: inline-block;
border: 1px solid;
padding: 6px 10px;
margin: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.pt_plus_info_box .info-box-tag {
display: block;
position: relative;
margin-bottom: 40px;
}
.pt_plus_info_box .info-box-all{
position : relative ;
z-index: 5 ;
}
.pt_plus_info_box .info-box-bg-box{
transition: 0.4s;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
}
.pt_plus_info_box .ts-button {
margin-top: 15px;
}
/*--- info box End */
/*The service Border Box Css---------*/
.pt-plus-magic-box-wrapper,.pt-plus-magic-box-wrapper .magic_box_parallax{
position: relative;
display: block;
width: 100%;
}
.pt-plus-magic-box-wrapper .hover-tilt .pt-plus-magic-box{
will-change: transform;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.pt-plus-magic-box{
position: relative;
display: block;
width: 100%;
margin: 0;
}
.pt-plus-magic-box .magic-box-inner{
position: relative;
display: block;
width: 100%;
margin: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pt-plus-magic-box .magic-box-inner-block {
position: static;
display: block;
width: 100%;
z-index: 2;
}
.pt-plus-magic-box .magic-box-inner-block-content {
position: relative;
z-index: 2;
}
.pt-plus-magic-box .trnasition_hover{
-webkit-transform: translateZ(0);
-ms-transform:translateZ(0);
-moz-transform:translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.pt-plus-magic-box .trnasition_hover:hover {
-webkit-transform: translateY(-5px);
-ms-transform:translateY(-5px);
-moz-transform:translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
}
.pt-plus-magic-box .magic-box-inner.border-box-normal {
border-width:1px;
border-color:#252525;
border-style:solid;
}
.pt-plus-magic-box .magic-box-inner.border-box-shadow {
-webkit-box-shadow: 0px 1px 7px 0 rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 7px 0 rgba(0,0,0,0.4);
box-shadow: 0px 1px 7px 0 rgba(0,0,0,0.4);
}
.pt-plus-magic-box .magic-box-inner.border-box-normal:before,.pt-plus-magic-box .magic-box-inner.border-box-normal:after,.pt-plus-magic-box .magic-box-inner.border-box-normal .magic-box-inner-block:before,.pt-plus-magic-box .magic-box-inner.border-box-normal .magic-box-inner-block:after{
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
content: '';
position: absolute;
z-index: 1;
transition: .5s ease;
opacity: 0;
}
.pt-plus-magic-box .magic-box-inner.border-box-normal:after{
top: 100%;
bottom: 0;
left: 0;
right: 0;
}
.pt-plus-magic-box .magic-box-inner.border-box-normal:hover:after{
top: 0;
opacity: 1;
}
.pt-plus-magic-box .magic-box-inner.border-box-normal:before {
top: 0;
bottom: 0;
left: 100%;
right: 0;
}
.pt-plus-magic-box .magic-box-inner.border-box-normal:hover:before{
left: 0;
opacity: 1;
}
.pt-plus-magic-box .magic-box-inner-block:before {
top: 0;
bottom: 0;
left: 0;
right: 100%;
}
.pt-plus-magic-box .magic-box-inner.border-box-normal:hover .magic-box-inner-block:before {
right: 0;
opacity: 1;
}
.pt-plus-magic-box .magic-box-inner-block:after {
top: 0;
bottom: 100%;
left: 0;
right: 0;
}
.pt-plus-magic-box .magic-box-inner.border-box-normal:hover .magic-box-inner-block:after {
bottom: 0;
opacity: 1;
}
/*The service Border Box Css---------*/
/*---- row separator ----*/
.pt-plus-animated-hvr{-webkit-transition-duration:0.3s!important;-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;transition-duration:0.3s!important;-webkit-transition-property:transform!important;transition-property:transform!important}
.floating{animation-name:content_effect_floating;-webkit-animation-name:content_effect_floating;animation-duration:2.2s;-webkit-animation-duration:2.2s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}
.tossing{animation-name:content_effect_tossing;-webkit-animation-name:content_effect_tossing;animation-duration:2.2s;-webkit-animation-duration:2.2s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}
.pulse{animation-name:content_effect_pulse;-webkit-animation-name:content_effect_pulse;animation-duration:2.2s;-webkit-animation-duration:2.2s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}
.rotate-continue{-webkit-animation-name:rotating;-webkit-animation-duration:10s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:rotating;-moz-animation-duration:10s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;animation-name:rotating;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}
@-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}
@-moz-keyframes rotating{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}
@keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.pt-plus-row-separator.pt-plus-row-separator-style-top-bottom{position:absolute;left:0;right:0;width:100%}
.pt-plus-row-separator.style-top-traingles::before,.pt-plus-row-separator.style-top-halfcircle::before{position:absolute;content:'';pointer-events:none}
.pt-plus-row-separator.style-top-traingles::before{left:50%;width:100px;height:100px;-webkit-transform:translateX(-50%) rotate(45deg);-moz-transform:translateX(-50%) rotate(45deg);-ms-transform:translateX(-50%) rotate(45deg);-o-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}
.pt-plus-row-separator.style-top-traingles::before{top:-50px}
.pt-plus-row-separator.style-top-halfcircle::before{left:50%;z-index:1;width:100px;height:100px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background:inherit;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.pt-plus-row-separator.style-top-halfcircle::before{top:-50px}
.pt-plus-row-separator #traingle_top_svg{position:absolute;top:0}
.pt-plus-row-separator.style-top-multiarrow:before{display:block;position:absolute;pointer-events:none;content:'';top:-25px;left:50%;width:50px;height:50px;-webkit-transform:translateX(-50%) rotate(45deg);-moz-transform:translateX(-50%) rotate(45deg);-ms-transform:translateX(-50%) rotate(45deg);-o-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}
.pt-plus-row-separator.style-top-3d-traingle:before{position:absolute;content:'';right:0;left:0;z-index:1;display:block;width:100%;height:45px;-webkit-background-size: 50px 100%;
-moz-background-size:50px 100%;
-o-background-size:50px 100%; background-size:50px 100%;top:-45px;background-position:50%}
.pt-plus-row-separator.style-roundedsplit::before,.pt-plus-row-separator.style-roundedsplit::after{position:absolute;content:'';pointer-events:none}
.pt-plus-row-separator.style-roundedsplit{-moz-border-radius:0 0 80px 80px;-webkit-border-radius:0 0 80px 80px;border-radius:0 0 80px 80px}
.pt-plus-row-separator.style-roundedsplit::before,.pt-plus-row-separator.style-roundedsplit::after{top:-70px;left:0;z-index:1;width:50%;height:70px}
.pt-plus-row-separator.style-roundedsplit::before{-moz-border-radius:0 80px 0 0;-webkit-border-radius:0 80px 0 0;border-radius:0 80px 0 0}
.pt-plus-row-separator.style-roundedsplit::after{left:50%;-moz-border-radius:80px 0 0 0;-webkit-border-radius:80px 0 0 0;border-radius:80px 0 0 0}
.pt-plus-row-separator.style-diagonal-shadow::before,.pt-plus-row-separator.style-diagonal-shadow::after{position:absolute;content:'';pointer-events:none}
.pt-plus-row-separator.style-diagonal-shadow{z-index:1;padding-top:3em;background:#252524}
.pt-plus-row-separator.style-diagonal-shadow::before,.pt-plus-row-separator.style-diagonal-shadow::after{top:0;left:0;z-index:-1;width:100%;height:75%;background:inherit;-webkit-transform:rotate(-1deg);-moz-transform:rotate(-1deg);-ms-transform:rotate(-1deg);-o-transform:rotate(-1deg);transform:rotate(-1deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.pt-plus-row-separator.style-diagonal-shadow::before{height:50%;background:#535353;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-2deg);-webkit-transform-origin:3% 0;-moz-transform-origin:3% 0;-ms-transform-origin:3% 0;-o-transform-origin:3% 0;transform-origin:8% 0}
.pt-plus-row-separator.style-left-diagonal{z-index:1;padding-top:0}
.pt-plus-row-separator.style-left-diagonal::after{position: absolute;content: '';pointer-events: none;top: -87px;left: 0;z-index: 1;width: 100%;height: 80px;-webkit-transform: scale(1.05) rotate(3deg);transform: scale(1.05) rotate(3deg);-webkit-transform-origin: -3% 0;transform-origin: -3% 0;}
.pt-plus-row-separator.style-small-boxes:before{bottom:0;left:0;width:100%;height:40px;-webkit-background-size:130px 100%;-webkit-background-size: 115px 100%;
-moz-background-size:115px 100%;
-o-background-size:115px 100%;background-size:115px 100%;position:absolute;content:'';pointer-events:none}
.pt-plus-row-separator.style-inczigzag::before{left:0;width:100%;height:50px;-webkit-background-size: 100px 100%;
-moz-background-size:100px 100%;
-o-background-size:100px 100%; background-size:100px 100%;position:absolute;content:'';pointer-events:none}
.pt-plus-row-separator.style-inczigzag::before{top:0}
.pt-plus-row-separator.style-foldedcorner::before,.pt-plus-row-separator.style-foldedcorner::after{bottom:0;width:100px;height:100px;position:absolute;content:'';pointer-events:none}
.pt-plus-row-separator.style-foldedcorner::before{right:0}
.pt-plus-row-separator.style-foldedcorner::after{right:100px}
.pt-plus-row-separator.style-dots::before{bottom:-7px;width:14px;height:14px;-webkit-border-radius:50%;-moz-border-radius:50%;-moz-border-radius:50%;
-webkit-border-radius:50%;border-radius:50%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);position:absolute;content:'';pointer-events:none}
.pt-plus-row-separator.style-custom-image:before{position:absolute;content:'';height:auto;z-index:1;left:0;width:100%}
.pt-plus-row-separator .flip-image:hover img{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform-style:preserve-3d;transform:rotateY(180deg);transform-style:preserve-3d}
.pt-plus-row-separator .flip-image img,.pt-plus-row-separator .flip-image:hover img{-webkit-transition:all 0.7s ease;-moz-transition:all 0.7s ease;-ms-transition:all 0.7s ease;-o-transition:all 0.7s ease;transition:all 0.7s ease}
.pt-plus-row-separator .hover-image img{-webkit-transition:opacity 1.1s ease;-webkit-transition:opacity 1.1s ease;-moz-transition:opacity 1.1s ease;-ms-transition:opacity 1.1s ease;-o-transition:opacity 1.1s ease;transition:opacity 1.1s ease}
.pt-plus-row-separator .hover-image:hover .normal-separate-image{opacity:0}
.vc_row.pt-plus-row-separator{overflow:visible!important}
/*--- ts row separator ---*/
/*---------pin of point element-----*/
.pt-plus-pin-point-single {
position: absolute;
list-style: none;
}
.pt-plus-pin-point {
display: inline-block;
position: relative;
margin: 0 auto;
width: 100%;
}
.pt-plus-pin-point .bg-image{
width:100%;
display:block;
}
.pt-plus-pin-point .pin-point-title {
font-size: 18px;
line-height: 25px;
color: #222;
font-weight: 600;
}
.pt-plus-pin-point .pin-point-content {
font-size: 14px;
text-align: left;
line-height: 1.8;
padding-top: 6px;
}
a.pt_plus_pin_point_icon img {
width: auto;
height: auto;
display: block;
text-align: center;
margin: 0 auto;
}
a.pt_plus_pin_point_icon {
width: 100%;
height: 100%;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
display: inline-block;
}
.pt-plus-pin-point-single > a.pt_plus_pin_point_icon,.pt-plus-pin-point-single > a.pt_plus_pin_point_icons {
position: relative;
z-index: 11;
display: block;
width: 30px;
height: 30px;
-moz-border-radius: inherit;
-webkit-border-radius: inherit;
border-radius: inherit;
background: #d95353;
-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);
-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: background 0.2s,color 0.2s;
-moz-transition: background 0.2s,color 0.2s;
-o-transition: background 0.2s,color 0.2s;
-ms-transition: background 0.2s,color 0.2s;
transition: background 0.2s,color 0.2s;
}
.pt-plus-pin-point-single > a.pin_point_image {
position: relative;
z-index: 11;
display: block;
width: 30px;
height: 30px;
-moz-border-radius:inherit;
-webkit-border-radius: inherit;
border-radius: inherit;
-webkit-transition: background 0.2s,color 0.2s;
-moz-transition: background 0.2s,color 0.2s;
-o-transition: background 0.2s,color 0.2s;
-ms-transition: background 0.2s,color 0.2s;
transition: background 0.2s,color 0.2s;
}
.pt-plus-pin-point-content-tooltip .pin-point-content .fluidvids-item {
position: relative;
display: block;
left: auto;
top: auto;
}
.pt-plus-pin-point-content-tooltip .pin-point-content .fluidvids {
position: relative;
display: block;
padding: 0 !important;
}
.pt-plus-pin-point-content-tooltip .pin-point-content {
position: relative;
display: block;
padding: 10px 0;
}
.pt_plus_pin_point_icon {
display: inline-block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
.pt-plus-pin-point-single > a.pt_plus_pin_point_icon::after, .pt-plus-pin-point-single > a.pt_plus_pin_point_icon:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: #fff;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.pt-plus-pin-point-single > a.pt_plus_pin_point_icon::after {
height: 2px;
width: 12px;
}
.pt-plus-pin-point-single > a.pt_plus_pin_point_icon::before {
height: 12px;
width: 2px;
}
.pt_plus_pin_point_icons i.pin-fonts-icon {
display: grid;
align-items: center;
position: relative;
height: 100%;
width: 100%;
text-align: center;
}
.pt-plus-pin-point-single.small .pin-point-trigger {
width: 30px;
height: 30px;
font-size: 15px;
}
.pin-point-trigger img {
text-align: center;
margin: 0 auto;
display: block;
}
.pt-plus-pin-point-single.medium .pin-point-trigger {
width: 40px;
height: 40px;
font-size: 19px;
text-align: center;
display: block;
}
.pt-plus-pin-point-single.large .pin-point-trigger {
width: 55px;
height: 55px;
font-size: 24px;
}
.pt-plus-pin-point-single.style-1::after,.pt-plus-pin-point-single.style-2::after {
content: '';
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
-moz-border-radius: inherit;
-webkit-border-radius: inherit;
border-radius: inherit;
background: transparent;
-webkit-animation: cd-pulse 2s infinite;
-moz-animation: cd-pulse 2s infinite;
animation: cd-pulse 2s infinite;
}
.pt-plus-pin-point-single.style-1:hover::after,.pt-plus-pin-point-single.style-2:hover::after {
-webkit-animation: cd-pulse-hover 2s infinite;
-moz-animation: cd-pulse-hover 2s infinite;
animation: cd-pulse-hover 2s infinite;
}
.pt-plus-pin-point-single.style-2 {
-moz-border-radius:50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.pt-plus-pin-point-single.style-3{
-moz-border-radius:50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.tooltipster-custom .tooltipster-box {
background: transparent !important;
-moz-border-radius: 4px !important;
-webkit-border-radius: 4px !important;
border-radius: 4px !important;
border: 1px solid transparent !important;
}
.tooltipster-custom .tooltipster-content .pt-plus-pin-point-content-tooltip{
color: #313131;
line-height: 18px;
padding: 6px 14px;
-moz-border-radius:4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.tooltipster-custom.tooltipster-bottom .tooltipster-arrow-background {
border-bottom-color: #ff214f;
left: 0;
top: 3px
}
.tooltipster-custom.tooltipster-left .tooltipster-arrow-background {
border-left-color: #ff214f;
left: -3px;
top: 0
}
.tooltipster-custom.tooltipster-right .tooltipster-arrow-background {
border-right-color: #ff214f;
left: 3px;
top: 0
}
.tooltipster-custom.tooltipster-top .tooltipster-arrow-background {
border-top-color: #ff214f;
left: 0;
top: -3px
}
.tooltipster-custom .tooltipster-content {
padding: 0 !important;
line-height: initial !important;
}
.pt-plus-pin-point ul {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.pt-plus-pin-point-single.style-3:after {
content: '';
background: #313131;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.5;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
-moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
-o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
-ms-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.pt-plus-pin-point-single.style-3:hover:after {
-webkit-transform: scale(1.4);
-ms-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
}
@-webkit-keyframes cd-pulse {
0% {
-webkit-transform: scale(1);
box-shadow: inset 0 0 1px 1px rgba(49,49,49,0.8);
}
50% {
box-shadow: inset 0 0 1px 1px rgba(49,49,49,0.8);
}
100% {
-webkit-transform: scale(1.6);
box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0);
}
}
@-moz-keyframes cd-pulse {
0% {
-moz-transform: scale(1);
box-shadow: inset 0 0 1px 1px rgba(49,49,49,0.8);
}
50% {
box-shadow: inset 0 0 1px 1px rgba(49,49,49,0.8);
}
100% {
-moz-transform: scale(1.6);
box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0);
}
}
@keyframes cd-pulse {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
box-shadow: inset 0 0 1px 1px rgba(49,49,49,0.8);
}
50% {
box-shadow: inset 0 0 1px 1px rgba(49,49,49,0.8);
}
100% {
-webkit-transform: scale(1.6);
-moz-transform: scale(1.6);
-ms-transform: scale(1.6);
-o-transform: scale(1.6);
transform: scale(1.6);
box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0);
}
}
@-webkit-keyframes cd-pulse-hover {
0% {
-webkit-transform: scale(1);
box-shadow: inset 0 0 1px 1px rgba(49,49,49,0.8);
}
50% {
box-shadow: inset 0 0 1px 1px rgba(49,49,49,0.8);
}
100% {
-webkit-transform: scale(1.6);
box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0);
}
}
@-moz-keyframes cd-pulse-hover {
0% {
-moz-transform: scale(1);
box-shadow: inset 0 0 1px 1px rgba(49,49,49,0.8);
}
50% {
box-shadow: inset 0 0 1px 1px rgba(49,49,49,0.8);
}
100% {
-moz-transform: scale(1.6);
box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0);
}
}
@keyframes cd-pulse-hover {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
box-shadow: inset 0 0 1px 1px rgba(49,49,49,0.8);
}
50% {
box-shadow: inset 0 0 1px 1px rgba(49,49,49,0.8);
}
100% {
-webkit-transform: scale(1.6);
-moz-transform: scale(1.6);
-ms-transform: scale(1.6);
-o-transform: scale(1.6);
transform: scale(1.6);
box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0);
}
}
.pin-point-content iframe {
margin: 0;
}
.pin-rotating {
-webkit-animation: pin-rotate 12s .1s infinite linear;
-moz-animation: pin-rotate 12s .1s infinite linear;
-ms-animation: pin-rotate 12s .1s infinite linear;
animation: pin-rotate 12s .1s infinite linear
}
@-webkit-keyframes pin-rotate {
0% {
-webkit-transform: rotateZ(0) translate3d(0,10%,0) rotateZ(0);
transform: rotateZ(0) translate3d(0,10%,0) rotateZ(0)
}
100% {
-webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg)
}
}
@-moz-keyframes pin-rotate {
0% {
-moz-transform: rotateZ(0) translate3d(0,10%,0) rotateZ(0);
transform: rotateZ(0) translate3d(0,10%,0) rotateZ(0)
}
100% {
-moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg)
}
}
@keyframes pin-rotate {
0% {
-webkit-transform: rotateZ(0) translate3d(0,10%,0) rotateZ(0);
-moz-transform: rotateZ(0) translate3d(0,10%,0) rotateZ(0);
-ms-transform: rotateZ(0) translate3d(0,10%,0) rotateZ(0);
transform: rotateZ(0) translate3d(0,10%,0) rotateZ(0)
}
100% {
-webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
-moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
-ms-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg)
}
}
.pin-floating{
animation-name: content_effect_floating;
-webkit-animation-name: content_effect_floating;
animation-duration: 2.2s;
-webkit-animation-duration: 2.2s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
.pin-tossing{
animation-name: content_effect_tossing;
-webkit-animation-name: content_effect_tossing;
animation-duration: 2.2s;
-webkit-animation-duration: 2.2s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
.pin-pulse{
animation-name: content_effect_pulse;
-webkit-animation-name: content_effect_pulse;
animation-duration: 2.2s;
-webkit-animation-duration: 2.2s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
.pin-point-content-wrap.tooltip_templates {
display: none;
}
/*-----------pin of point------------*/
/*-------pop up lity---*/
.lity-wrap {
overflow: auto !important;
}
a.theservice-pop-up-text {
display: inline-block;
position: relative;
}
.theservice-pop-up .pop-up-btn {
position: relative;
display: block;
}
a.theservice-pop-up-image {
position: relative;
display: inline-block;
width: auto;
}
.pop-up-btn .button-link-wrap span {
position: relative;
z-index: 2;
}
.pop-up-btn .button-style-7 .button-link-wrap span {
position: initial;
}
.pop-up-btn .button-style-21 .button-link-wrap:after {
background: #ff004b;
z-index: 1;
}
/*pop up lity -*/
/*pricing table --*/
.pricing_table {
display: block;
position: relative;
transition: 0.7s;
width: 100%;
}
.pricing_table .pt_plus_button.button-style-6 .button-link-wrap {
left: 0;
}
.pricing_table .ts-button .button-style-12 .button-link-wrap{
position: relative;
z-index: 2;
}
.pricing_table .ts-button .button-style-13 .button-link-wrap{
position: relative;
z-index: 2;
}
.pricing_table .ts-button .button-style-16 .button-link-wrap{
position: relative;
z-index: 2;
}
.pricing_table .ts-button .button-style-15 .button-link-wrap{
position: relative;
z-index: 2;
}
.pricing_table .ts-button .button-style-19 .button-link-wrap{
position: relative;
z-index: 2;
}
.pricing_table .ts-button .button-style-20 .button-link-wrap{
position: relative;
z-index: 2;
}
.pricing_table .ts-button .button-style-21 .button-link-wrap{
position: relative;
z-index: 2;
}
.pricing_table.bg-img {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.pricing_table .pricing_table-title,.pricing_table .pricing_table-sub_title {
padding: 10px 0;
}
.pricing_table-top {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
}
.pricing_table-top {
display: block;
position: relative;
padding: 30px 0;
transition: 0.7s;
}
.pricing_table-middle {
display: block;
position: relative;
padding: 20px 0;
padding-top: 0;
transition: 0.7s;
}
.pricing_table-bottom {
display: block;
position: relative;
padding: 0 0 30px 0;
}
.price-counter.counter-number {
padding: 20px 0;
margin: 0;
}
.pricing-btn {
display: inline-block;
position: relative;
background: #d6d6d6;
padding: 10px 30px;
}
.pricing_table-middle .pricing-content .pricing_table-classic {
list-style-type: none;
}
.pricing_table .pricing-content {
margin: 0;
padding: 0;
display: block;
position: relative;
padding-top: 20px;
}
.pricing-content.ul-pd-20 {
padding-top: 20px;
}
.pricing_table .pricing_table-classic {
padding: 5px;
}
.pricing_table.border-price {
border-style: solid;
}
.pricing_table .postfix-top,.pricing_table .prifix-top{
vertical-align: top;
}
.pricing_table .postfix-bottom,.pricing_table .prifix-bottom{
vertical-align: bottom;
}
.pricing_table .postfix-middle,.pricing_table .prifix-middle{
vertical-align: middle;
}
.pricing_table .pricing_table-top.border-bottom {
border-bottom: 2px solid;
}
.pricing-btn.show-hover-btn {
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -webkit-transform 0.3s, opacity 0.3s;
-o-transition:-webkit-transform 0.3s, opacity 0.3s;
-ms-transition:-webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translate3d(0, -15px, 0);
-ms-transform: translate3d(0, -15px, 0);
-moz-transform: translate3d(0, -15px, 0);
-o-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
opacity: 0;
}
.pricing-large .pricing_table {
padding: 50px 0 0;
margin-top: -60px;
}
.pricing-medium .pricing_table {
padding: 20px 0;
margin-top: -20px;
}
.pricing_table:hover .pricing-btn.show-hover-btn {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.pricing_table-middle .pricing-content .pricing_table-classic {
list-style-type: none;
padding: 13px;
list-style: none;
text-align: center;
transition: 0.7s;
}
.pricing_table.Price_table_grow {
-webkit-transform: translateZ(0);
-ms-transform:translateZ(0);
-moz-transform:translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.pricing_table.Price_table_grow:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.pricing_table.Price_table_push {
-webkit-transform: translateZ(0);
-ms-transform:translateZ(0);
-moz-transform:translateZ(0);
-o-transform:translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.pricing_table.Price_table_push:hover {
-webkit-animation-name: hvr-push;
animation-name: hvr-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.pricing_table.Price_table_bounce_in {
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
-moz-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.pricing_table.Price_table_bounce_in:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.pricing_table.Price_table_float {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.pricing_table.Price_table_float:hover {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
-moz-transform: translateY(-8px);
-o-transform: translateY(-8px);
transform: translateY(-8px);
}
.pricing_table.Price_table_wobble_horizontal {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.pricing_table.Price_table_wobble_horizontal:hover {
-webkit-animation-name: hvr-wobble-horizontal;
animation-name: hvr-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.pricing_table.Price_table_wobble_vertical {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.pricing_table.Price_table_wobble_vertical:hover {
-webkit-animation-name: hvr-wobble-vertical;
animation-name: hvr-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.pricing_table.Price_table_float_shadow {
-webkit-transform: translateZ(0);
-ms-transform:translateZ(0);
-moz-transform:translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.pricing_table.Price_table_float_shadow:before{
content:'';
pointer-events: none;
position: absolute;
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
}
.pricing_table.Price_table_float_shadow:hover {
-webkit-transform: translateY(-5px);
-ms-transform:translateY(5px);
-moz-transform:translateY(5px);
-o-transform: translateY(5px);
transform: translateY(-5px);
}
.pricing_table.Price_table_float_shadow:hover:before{
opacity: 1;
-webkit-transform: translateY(5px);
-ms-transform: translateY(5px);
-moz-transform: translateY(5px);
-o-transform: translateY(5px);
transform: translateY(5px);
}
.pricing_table.Price_table_grow_shadow {
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
-moz-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow, transform;
transition-property: box-shadow, transform;
}
.pricing_table.Price_table_grow_shadow:hover {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.pricing_table.Price_table_radial{
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-moz-transition-duration:0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration:0.3s;
transition-duration:0.3s;
}
.pricing_table .price-counter.counter-number span.progres-ims {
position: absolute;
left: auto;
margin-left: -60px;
display: inline-flex;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
}
.pricing_table .price-counter.counter-number{
position:relative;
}
.pricing_table .pricing_table-classic.style-2:before {
background: none repeat scroll 0 0 #d2d2d2;
bottom: 0;
content: "";
height: 1px;
left: 50%;
margin-left: -16px;
position: absolute;
width: 32px;
}
.pricing_table .pricing_table-classic.style-2 {
position: relative;
padding: 23px !important;
}
.pricing_table-inner.pricing-medium .pricing_table-bottom,.pricing_table-inner.pricing-large .pricing_table-bottom{
margin-top: 50px;
}
.pricing_table-inner.pricing-small .pricing_table-bottom{
margin-top: 50px;
}
.pricing_table-inner.pricing-large.border-style-2 .pricing_table {
border: 0px;
}
.pricing_table-inner.pricing-large{
transition: 0.7s;
}
.pricing_table-inner.pricing-large.border-style-2 {
border: 3px solid #d84949;
padding: 7px;
width: 100%;
}
/*pricing table End--*/
/*------- progress bar start-------*/
.pt-plus-piechart {
position: relative;
display: block;
width: 100%;
overflow: hidden;
}
.progress_bar.pt-plus-peicharts {
display: block;
width: 100%;
padding-bottom: 20px;
overflow: hidden;
position: relative;
}
.progress_bar-skill-bar-filled {
background: #2d9bea;
height: 100%;
width: 0%;
-webkit-transition: width 1s linear;
-moz-transition: width 1s linear;
transition: width 1s linear;
position: relative;
}
.progress_bar-skill.skill-fill {
background: #f3f3f3;
}
.progress_bar-skill.skill-fill.small {
height: 6px;
position: relative;
}
.progress_bar-skill.skill-fill.medium {
height: 15px;
position: relative;
}
.progress_bar-skill.skill-fill.large {
height: 40px;
position: relative;
}
.progress_bar-progressbar .progress_bar-media {
display: table;
width: 100%;
}
.progress_bar-progressbar .prog-title.prog-icon {
display: table-cell;
vertical-align: middle;
}
.progress_bar-progressbar .counter-number {
display: table-cell;
vertical-align: middle;
text-align: right;
}
/*style large */
.progress_bar-media-large {
position: absolute;
top: 0;
}
.progress_bar-media.large span.progres-ims {
display: table-cell;
vertical-align: middle;
}
.progress_bar-media.large span.progres-ims i{
vertical-align: middle;
}
.progress_bar-media.large span.progress_bar-title {
display: table-cell;
vertical-align: middle;
padding-left: 5px;
}
.progress_bar-media-large .counter-number {
display: inline-block;
vertical-align: middle;
margin: 0;
}
.progress_bar-media.large {
position: absolute;
-webkit-transform: translateZ(50px) translateY(-50%) translateX(-50%);
-ms-transform: translateZ(50px) translateY(-50%) translateX(-50%);
-moz-transform: translateZ(50px) translateY(-50%) translateX(-50%);
-o-transform: translateZ(50px) translateY(-50%) translateX(-50%);
transform: translateZ(50px) translateY(-50%);
top: 50%;
padding : 0 10px;
}
/*-syle-2 -*/
.progress-style_2 .progress_bar-skill-bar-filled:after {
position: absolute;
content: '';
left: 100%;
margin-left: -2px;
border-right: 2px solid #2d9bea;
height: 8px;
top: 0;
}
.progress-style_2.progress_bar-skill.skill-fill {
background: #f3f3f3;
margin-top: 5px;
height: 2px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
overflow: visible;
}
/*-----------style-2 End---*/
.pt-plus-peicharts canvas {
position: absolute;
top: 0;
left: 50%;
max-width: 100%;
-webkit-transform: rotateY(180deg) translateX(50%);
-moz-transform: rotateY(180deg) translateX(50%);
-o-transform: rotateY(180deg) translateX(50%);
-ms-transform: rotateY(180deg) translateX(50%);
transform: rotateY(180deg) translateX(50%);
}
.pt-plus-circle {
position: relative;
overflow: hidden;
width: 160px;
height: 160px;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius: 50%;
margin: 0 auto;
text-align: center;
}
.progress_bar-pie_chart {
text-align: center;
}
.pie-style_1 .theserivce-milestone-number {
margin: 5px;
}
.progress_bar.pt-plus-peicharts object {
min-height: 100%;
}
.pt-plus-pie_chart.style-2 {
display: table;
vertical-align: middle;
text-align: center;
margin: 0 auto;
}
.pt-plus-pie_chart {
padding-top: 20px;
}
.pie_chart-style2 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
}
.pt-plus-pie_chart.style-2 .pie_chart {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.pt-plus-pie_chart.style-2 .pie_chart-style2 {
display: inline-block;
vertical-align: middle;
text-align: left;
}
.pie_border_after .pt-plus-circle:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px solid #e7e7e7;
border-radius: inherit;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
}
.pt-plus-circle .pianumber-css {
position: absolute;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
top: 50%;
left: 50%;
width: 100%;
}
.pianumber-css h5.counter-number {
margin-bottom: 0;
}
.pt-plus-pie_chart.style-3 .counter-number,.pt-plus-pie_chart .pie_chart-style3 {
text-align: center;
}
/*-----------style-2 End---*/
/*-------theservice progress bar End-------*/
/*-row settings element----*/
.svg_inner_block .embed-responsive,.svg_inner_block .embed-responsive .embed-responsive-item,.svg_inner_block .embed-responsive iframe,.svg_inner_block .embed-responsive embed,.svg_inner_block .embed-responsive object,.svg_inner_block .embed-responsive video{
position: relative;
padding: 0px;
height: auto;
}
.pt-plus-columns-bg-wrap .embed-responsive .embed-responsive-item,.pt-plus-columns-bg-wrap .embed-responsive iframe{
bottom:auto;
}
.pt-plus-columns-bg-wrap .embed-responsive,.ts-video-wrapper .embed-responsive,.ts-video-wrapper .embed-responsive iframe {
position: initial;
padding: 0px;
height: auto;
}
#pt-plus-row-settings {
position: absolute;
width: 100%;
height:100%;
top:0;
left: 0;
overflow: hidden;
}
#pt-plus-row-settings:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
}
@-webkit-keyframes move {
100% {
-webkit-transform: translate3d(0, 0, -1000px);
transform: translate3d(0, 0, -1000px);
}
}
@keyframes move {
100% {
-webkit-transform: translate3d(0, 0, -1000px);
transform: translate3d(0, 0, -1000px);
}
}
.pt-plus-bubble-wrap {
position: absolute;
top: 0%;
left: 0%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: center center;
-moz-transform-origin:center center;
-ms-transform-origin:center center;
-o-transform-origin:center center;
transform-origin: center center;
-webkit-perspective: 600px;
perspective: 600px;
-ms-perspective: 600px;
width: 100%;
height: 100%;
}
.bubble {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 50%;
background: black;
opacity: .7;
-moz-border-radius:50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-animation: move 3s infinite;
animation: move 3s infinite;
}
#pt-plus-row-canvas-4,#pt-plus-row-canvas-3,#pt-plus-row-canvas-5,#pt-plus-row-canvas-2,#pt-plus-row-canvas-7,#demo-canvas-5,#demo-canvas-6{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.pt_plus_mordern_image_effects,.pt_plus_mordern_image_parallax{
position:absolute;
}
.pt_plus_moving_images,.pt-plus-row-slideshow {
width: 100%;
height: 100%;
position: absolute;
top:0;
}
.pt_plus_moving_images .move-image-1 {
background-size: contain;
-webkit-background-size: contain;
-moz-background-size:contain;
-o-background-size:contain;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: auto;
}
@keyframes moveright{
from { background-position: 0 0; }
to { background-position: 100% 0; }
}
@-webkit-keyframes moveright{
from { background-position: 0 0; }
to { background-position: 100% 0; }
}
@-moz-keyframes moveright{
from { background-position: 0 0; }
to { background-position: 100% 0; }
}
@keyframes moveleft{
from { background-position: 0 0; }
to { background-position: -100% 0; }
}
@-webkit-keyframes moveleft{
from { background-position: 0 0; }
to { background-position: -100% 0; }
}
@-moz-keyframes moveleft{
from { background-position: 0 0; }
to { background-position: -100% 0; }
}
@keyframes movebottom{
from { background-position: 0 0; }
to { background-position: 0 800px; }
}
@-webkit-keyframes movebottom{
from { background-position: 0 0; }
to { background-position: 0 800px; }
}
@-moz-keyframes movebottom{
from { background-position: 0 0; }
to { background-position: 0 800px; }
}
@keyframes movetop{
from { background-position: 0 0; }
to { background-position: 0 -800px; }
}
@-webkit-keyframes movetop{
from { background-position: 0 0; }
to { background-position: 0 -800px; }
}
@-moz-keyframes movetop{
from { background-position: 0 0; }
to { background-position: 0 -800px; }
}
.pt_plus_mordern_image_effects .floating{
animation-name: content_effect_floating;
-webkit-animation-name: content_effect_floating;
animation-duration: 2.2s;
-webkit-animation-duration: 2.2s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
.pt_plus_mordern_image_effects .tossing{
animation-name: content_effect_tossing;
-webkit-animation-name: content_effect_tossing;
animation-duration: 2.2s;
-webkit-animation-duration: 2.2s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
.pt_plus_mordern_image_effects .pulse{
animation-name: content_effect_pulse;
-webkit-animation-name: content_effect_pulse;
animation-duration: 2.2s;
-webkit-animation-duration: 2.2s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
/*----------bg gallery-*/
.pt-plus-row-slideshow li{
list-style:none;
}
.pt-plus-row-slideshow li span{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
color: transparent;
opacity: 0;
z-index: 0;
-webkit-backface-visibility: hidden;
}
.pt-plus-row-slideshow.vegas-container {
width: 100%;
height: 100% !important;
position: absolute;
left: 0;
top: 0;
}
.vegas-timer.vegas-timer-running {
display: none !important;
}
/*-----------bg gallery*/
.pt-plus-columns-bg-wrap,.columns-bg-image {
will-change: left, top;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pt-plus-row-set .pt-plus-row-bg-image-wrap {
position: static;
width: 100%;
height: 100%;
}
.pt-plus-row-bg-image-wrap .row-bg-image-inner.grid-item.loaded {
position: static;
width: 100%;
height: 100%;
}
.pt-plus-columns-bg-wrap.columns-video-bg{
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size:cover;
-o-background-size:cover;
}
.pt-plus-columns-bg-wrap.columns-video-bg video.video-js {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.pt-plus-columns-bg-wrap.columns-video-bg .video-js {
position: relative;
width: 100%;
height: 100%;
}
.pt-plus-columns-bg-wrap.columns-video-bg .video-js .columns-bg-frame {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.pt-plus-row-overlay{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
border: none;
padding: 0;
margin: 0;
}
/*-----------image clip*/
.pt-plus-row-imageclip {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
overflow: hidden;
transform-style: flat;
-webkit-transform-style: flat;
}
.segmenter__image {
width: 100%;
display: block;
}
.segmenter__background,
.segmenter__pieces,
.segmenter__piece-wrap,
.segmenter__piece-parallax,
.segmenter__piece {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.segmenter__piece-parallax {
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition: -moz-transform 0.2s ease-out;
-o-transition: -o-transform 0.2s ease-out;
-ms-transition: -ms-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
}
.segmenter__pieces {
-webkit-perspective: 400px;
perspective: 400px;
}
.segmenter__background,
.segmenter__piece {
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.segmenter__shadow {
position: absolute;
opacity: 0;
-moz-box-shadow: 0px 2px 15px rgba(0,0,0,0.7);
-webkit-box-shadow: 0px 2px 15px rgba(0,0,0,0.7);
box-shadow: 0px 2px 15px rgba(0,0,0,0.7);
}
/*-----------image clip-----------*/
/*-----------row setting css-----------*/
/*------ social element----------*/
.pt_plus_social_list {
position: relative;
display: block;
padding: 0;
overflow: hidden;
}
.pt_plus_social_list ul.social_list {
display: inline-block;
padding: 0;
margin: 0;
position: relative;
list-style: none;
}
.pt_plus_social_list ul.social_list li {
position: relative;
overflow: hidden;
font-size: 20px;
text-align: center;
float: left;
}
.pt_plus_social_list ul.social_list li a {
font-size: 20px;
color: #28262b;
text-align: center;
width: 2.5em;
height: 2.5em;
line-height: 2.5em;
display: block;
margin-right: 10px;
}
/*----------style 1------------*/
.pt_plus_social_list.style-1 ul.social_list {
display: table;
margin: 0 auto;
}
.pt_plus_social_list.style-1 li {
display: table-cell;
float:none;
}
.pt_plus_social_list.style-1 ul.social_list li a {
padding:23px 30px;
width: 100%;
height: 100%;
line-height: 1;
background: #494949;
color: #fff;
border: 1px solid #494949;
margin-right: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.pt_plus_social_list.style-1 ul.social_list li:hover a {
background:#000;
}
.pt_plus_social_list.style-1 ul.social_list li a i.fa {
padding-right: 10px;
}
/*----------style 1------------*/
/*----------style 2------------*/
.pt_plus_social_list.style-2 ul.social_list {
display: table;
margin: 0 auto;
}
.pt_plus_social_list.style-2 li {
display: table-cell;
float:none;
}
.pt_plus_social_list.style-2 ul.social_list li a {
padding:15px 30px;
width: 100%;
height: 100%;
line-height: 1;
color: #494949;
margin-right: 0;
border-right: 1px solid #404040;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.pt_plus_social_list.style-2 ul.social_list li:hover a {
color:#000;
}
.pt_plus_social_list.style-2 ul.social_list li a i.fa {
padding-right: 10px;
}
.pt_plus_social_list.style-2 ul.social_list li:last-child a{
border-right: 0;
}
/*----------style 2------------*/
/*----------style 3------------*/
.pt_plus_social_list.style-3 ul.social_list li a {
margin-right: 0;
width: 100%;
height: 100%;
line-height: 1;
margin: 0;
}
.pt_plus_social_list.style-3 ul.social_list li {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #404040;
border: 2px dashed black;
background-clip: content-box;
margin: 10px;
-webkit-transition:.5s ease-in-out;
-ms-transition:.5s ease-in-out;
-moz-transition:.5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
width: 100px;
height: 100px;
padding: 10px;
display: grid;
}
.pt_plus_social_list.style-3 ul.social_list li:hover{
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
padding: 10px;
}
.pt_plus_social_list.style-3 ul.social_list li a i.fa {
display: block;
position: absolute;
text-align: center;
top: 50%;
left: 50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/*----------style 3------------*/
/*----------style 4------------*/
.pt_plus_social_list.style-4 ul.social_list li a {
width: 100%;
height: 100%;
padding: 0 15px;
margin-right: 10px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background: #404040;
color:#fff;
border: 1px solid #404040;
}
.pt_plus_social_list.style-4 ul.social_list li {
margin-right: 5px;
}
.pt_plus_social_list.style-4 ul.social_list li a i.fa, .pt_plus_social_list.style-4 ul.social_list li a span {
top: 0;
position: relative;
-webkit-transition:350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
-moz-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
-o-transition:350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
-ms-transition:350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
}
.pt_plus_social_list.style-4 ul.social_list li a i.fa{
position: absolute;
width: 100%;
left: 0;
right: 0;
height: 100%;
line-height:20px;
}
.pt_plus_social_list.style-4 ul.social_list li:hover a span {
top: -40px;
-webkit-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
-moz-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
-o-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
-ms-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
}
.pt_plus_social_list.style-4 ul.social_list li a i.fa:before {
top: 100px;
text-align: center;
position: relative;
-webkit-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
-moz-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
-o-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
-ms-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
display: inline-block;
}
.pt_plus_social_list.style-4 ul.social_list li:hover a i.fa:before {
top: 32%;
-webkit-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
-moz-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
-o-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
-ms-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
}
/*----------style 4------------*/
/*----------style 5------------*/
.pt_plus_social_list.style-5 ul.social_list li {
margin-right: 10px;
}
.pt_plus_social_list.style-5 ul.social_list li a{
-webkit-border-radius: 28%;
-moz-border-radius: 28%;
border-radius: 28%;
-moz-box-shadow:0 5px 15px -5px rgba(0,0,0,0.1);
-webkit-box-shadow:0 5px 15px -5px rgba(0,0,0,0.1);
box-shadow: 0 5px 15px -5px rgba(0,0,0,0.1);
opacity: 0.99;
background: #d3d3d3;
margin-right: 0;
border: 1px solid #404040;
}
.pt_plus_social_list.style-5 ul.social_list li a i.fa{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.pt_plus_social_list.style-5 ul.social_list li:hover a i.fa{
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.pt_plus_social_list.style-5 ul.social_list li a,.pt_plus_social_list.style-5 ul.social_list li a i.fa{
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
/*----------style 5------------*/
/*----------style 6------------*/
.pt_plus_social_list.style-6 ul.social_list li{
margin:5px;
overflow:visible;
}
.pt_plus_social_list.style-6 ul.social_list li:first-child {
margin-left: 0;
}
.pt_plus_social_list.style-6 ul.social_list li:last-child {
margin-right: 0;
}
.pt_plus_social_list.style-6 ul.social_list li a{
overflow: visible;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
margin:0px;
border: 1px solid #494949;
}
.pt_plus_social_list.style-6 ul.social_list li a:before {
-webkit-transition: border-color .2s ease;
-moz-transition: border-color .2s ease;
-ms-transition: border-color .2s ease;
-o-transition: border-color .2s ease;
transition: border-color .2s ease;
z-index: 1;
}
.pt_plus_social_list.style-6 ul.social_list li a:before {
position: absolute;
width: inherit;
height: inherit;
top: 0;
left: 0;
color: inherit;
-moz-border-radius: inherit;
-webkit-border-radius: inherit;
border-radius: inherit;
content:'';
}
.pt_plus_social_list.style-6 .social-hover-style{
position: absolute;
width: inherit;
height: inherit;
line-height: inherit;
-moz-border-radius:inherit;
-webkit-border-radius:inherit;
border-radius: inherit;
}
.pt_plus_social_list.style-6 .social-hover-style{
top: 0;
left: 0;
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
visibility: hidden;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition:all .2s ease;
-ms-transition:all .2s ease;
transition: all .2s ease;
}
.pt_plus_social_list.style-6 li:hover .social-hover-style{
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
visibility: visible;
}
.pt_plus_social_list.style-6 ul.social_list li .fa{
position: relative;
z-index: 1;
}
/*----------style 6------------*/
/*----------style 7------------*/
.pt_plus_social_list.style-7 {
overflow: visible;
}
.pt_plus_social_list.style-7 ul.social_list li a{
-webkit-box-shadow: 0px 0px 0px 0px transparent;
-moz-box-shadow: 0px 0px 0px 0px transparent;
box-shadow: 0px 0px 0px 0px transparent;
-webkit-transform: scale(1);
-moz-transition: scale(1);
-o-transition:scale(1);
-ms-transition:scale(1);
transform: scale(1);
top: 0;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
border: 1px solid #404040;
}
.pt_plus_social_list.style-7 ul.social_list li:hover a{
-webkit-box-shadow: 0px 5px 15px 0px rgba(27,27,27,0.3);
-moz-box-shadow: 0px 5px 15px 0px rgba(27,27,27,0.3);
box-shadow: 0px 5px 15px 0px rgba(27,27,27,0.3);
-webkit-transform: scale(1.08);
-ms-transform: scale(1.08);
-moz-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
}
.pt_plus_social_list.style-7 ul.social_list li{
overflow:visible;
}
/*----------style 7------------*/
/*----------style 8------------*/
.pt_plus_social_list.style-8 ul.social_list li a{
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius: 50%;
-webkit-transition: border-radius .5s ease;
-moz-transition: border-radius .5s ease;
-moz-transition: border-radius .5s ease;
-ms-transition: border-radius .5s ease;
transition: border-radius .5s ease;
background:#404040;
color:#fff;
border: 1px solid #404040;
}
.pt_plus_social_list.style-8 ul.social_list li:hover a{
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
/*----------style 8------------*/
/*----------style 9------------*/
.pt_plus_social_list.style-9 ul.social_list li a{
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-o-transition:color .2s ease;
-ms-transition:color .2s ease;
transition: color .2s ease;
margin:0px;
}
.pt_plus_social_list.style-9 ul.social_list li {
margin-right:10px;
overflow:visible;
}
.pt_plus_social_list.style-9 a span.line-top-left,.pt_plus_social_list.style-9 a span.line-top-center,.pt_plus_social_list.style-9 a span.line-top-right,.pt_plus_social_list.style-9 a span.line-bottom-left,.pt_plus_social_list.style-9 a span.line-bottom-center,.pt_plus_social_list.style-9 a span.line-bottom-right {
position: absolute;
width: 12px;
height: 12px;
background: transparent;
}
.pt_plus_social_list.style-9 a span.line-top-left:before,.pt_plus_social_list.style-9 a span.line-top-center:before,.pt_plus_social_list.style-9 a span.line-top-right:before,.pt_plus_social_list.style-9 a span.line-bottom-left:before,.pt_plus_social_list.style-9 a span.line-bottom-center:before,.pt_plus_social_list.style-9 a span.line-bottom-right:before {
content: "";
position: absolute;
left: 50%;
width: 1px;
}
.pt_plus_social_list.style-9 a span.line-bottom-left:before,.pt_plus_social_list.style-9 a span.line-bottom-center:before,.pt_plus_social_list.style-9 a span.line-bottom-right:before {
bottom: 100%;
top: 0;
-webkit-transition: top .2s ease-in-out .1s, bottom .2s ease-in-out;
-moz-transition: top .2s ease-in-out .1s, bottom .2s ease-in-out;
-o-transition: top .2s ease-in-out .1s, bottom .2s ease-in-out;
-ms-transition: top .2s ease-in-out .1s, bottom .2s ease-in-out;
transition: top .2s ease-in-out .1s, bottom .2s ease-in-out;
}
.pt_plus_social_list.style-9 a span.line-top-left:before,.pt_plus_social_list.style-9 a span.line-top-center:before,.pt_plus_social_list.style-9 a span.line-top-right:before {
bottom: 0;
top: 100%;
-webkit-transition: top .2s ease-in-out, bottom .2s ease-in-out .1s;
-moz-transition: top .2s ease-in-out, bottom .2s ease-in-out .1s;
-o-transition:top .2s ease-in-out, bottom .2s ease-in-out .1s;
-ms-transition:top .2s ease-in-out, bottom .2s ease-in-out .1s;
transition: top .2s ease-in-out, bottom .2s ease-in-out .1s;
}
.pt_plus_social_list.style-9 a:hover .line-top-left:before, .pt_plus_social_list.style-9 a:hover .line-top-center:before,.pt_plus_social_list.style-9 a:hover .line-top-right:before {
top: 0;
bottom: 100%;
}
.pt_plus_social_list.style-9 a:hover .line-bottom-left:before, .pt_plus_social_list.style-9 a:hover .line-bottom-center:before,.pt_plus_social_list.style-9 a:hover .line-bottom-right:before {
top: 100%;
bottom: 0;
}
.pt_plus_social_list.style-9 a span.line-top-left {
top: 8px;
left: 0;
-webkit-transform: rotate(-55deg);
-ms-transform:rotate(-55deg);
-moz-transform:rotate(-55deg);
-o-transform: rotate(-55deg);
transform: rotate(-55deg);
}
.pt_plus_social_list.style-9 a span.line-top-center {
top: 0;
left: 50%;
margin-left: -6px;
}
.pt_plus_social_list.style-9 a span.line-top-right {
top: 8px;
right: 0;
-webkit-transform: rotate(55deg);
-ms-transform: rotate(55deg);
-moz-transform: rotate(55deg);
-o-transform: rotate(55deg);
transform: rotate(55deg);
}
.pt_plus_social_list.style-9 a span.line-bottom-left {
bottom: 8px;
left: 0;
-webkit-transform: rotate(55deg);
-ms-transform:rotate(55deg);
-moz-transform:rotate(55deg);
-o-transform: rotate(55deg);
transform: rotate(55deg);
}
.pt_plus_social_list.style-9 a span.line-bottom-center {
bottom: 0;
left: 50%;
margin-left: -6px;
}
.pt_plus_social_list.style-9 a span.line-bottom-right {
bottom: 8px;
right: 0;
-webkit-transform: rotate(-55deg);
-ms-transform:rotate(-55deg);
-moz-transform:rotate(-55deg);
-o-transform: rotate(-55deg);
transform: rotate(-55deg);
}
.pt_plus_social_list.style-9 a span:before {
background: #f06eaa;
}
/*--------style-9---------*/
/*--------style-10---------*/
.pt_plus_social_list.style-10 ul.social_list li a{
margin-right:0px;
background: #404040;
color:#fff;
width: 4em;
height: 4em;
line-height: 4em;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius: 5px;
}
.pt_plus_social_list.style-10 ul.social_list li{
margin-right:10px;
}
.pt_plus_social_list.style-10 ul.social_list li:hover a {
background: #222;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
transition: all .2s ease-out;
color: #fff;
}
.pt_plus_social_list.style-10 span {
position: absolute;
width: 100%;
color: #fff;
font-size: 13px;
text-align: center;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
opacity: 0;
-webkit-filter: blur(25px);
filter: blur(25px);
-webkit-transform: translateZ(0) translateX(0%);
-moz-transform: translateZ(0) translateX(0%);
-ms-transform: translateZ(0) translateX(0%);
-o-transform: translateZ(0) translateX(0%);
transform: translateZ(0) translateX(0%);
will-change: transform;
left: 0;
right: 0;
}
.pt_plus_social_list.style-10 li:hover span {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
}
.pt_plus_social_list.style-10 ul.social_list li a .fa {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
transition: all .3s ease-out;
}
.pt_plus_social_list.style-10 ul.social_list li:hover a .fa {
transform: scale(0);
}
/*--------style-10---------*/
/*--------style-11---------*/
.pt_plus_social_list.style-11 ul.social_list li a{
margin-right:0px;
color:#ff0000;
}
.pt_plus_social_list.style-11 ul.social_list li{
margin-right:10px;
}
.pt_plus_social_list.style-11 ul.social_list li a:before{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
}
.pt_plus_social_list.style-11 ul.social_list li a:before {
z-index: 1;
-webkit-transition: box-shadow 0.3s;
-moz-transition: box-shadow 0.3s;
-o-transition: box-shadow 0.3s;
-ms-transition: box-shadow 0.3s;
transition: box-shadow 0.3s;
}
.pt_plus_social_list.style-11 ul.social_list li a:before {
-moz-box-shadow:inset 0 0 0 70px #404040;
-webkit-box-shadow:inset 0 0 0 70px #404040;
box-shadow: inset 0 0 0 70px #404040;
}
.pt_plus_social_list.style-11 ul.social_list li:hover a:before {
-moz-box-shadow: inset 0 0 0 4px #404040;
-webkit-box-shadow: inset 0 0 0 4px #404040;
box-shadow: inset 0 0 0 4px #404040;
}
.pt_plus_social_list.style-11 ul.social_list li a .fa{
position:relative;
z-index:1;
}
/*--------style-11---------*/
/*--------style-12---------*/
.pt_plus_social_list.style-12 ul.social_list li a{
margin-right:0px;
width: 5em;
height: 5em;
line-height: 5em;
font-size:16px;
}
.pt_plus_social_list.style-12 ul.social_list li{
margin-right:10px;
overflow:visible;
}
.pt_plus_social_list.style-12 ul.social_list li a .fa,.pt_plus_social_list.style-12 ul.social_list li a span{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition:all 0.3s;
-ms-transition:all 0.3s;
transition: all 0.3s;
z-index: 2;
line-height: 5em;
}
.pt_plus_social_list.style-12 ul.social_list li a .fa {
z-index: 2;
background: #595959;
}
.pt_plus_social_list.style-12 ul.social_list li:hover a .fa{
opacity: 0;
-webkit-transform: translateY(-40px) rotateX(90deg);
-ms-transform: translateY(-40px) rotateX(90deg);
-moz-transform: translateY(-40px) rotateX(90deg);
-o-transform: translateY(-40px) rotateX(90deg);
transform: translateY(-40px) rotateX(90deg);
}
.pt_plus_social_list.style-12 ul.social_list li a span{
z-index: 1;
opacity: 0;
-webkit-transform: translateY(40px) rotateX(-90deg);
-ms-transform: translateY(40px) rotateX(-90deg);
-moz-transform: translateY(40px) rotateX(-90deg);
-o-transform: translateY(40px) rotateX(-90deg);
transform: translateY(40px) rotateX(-90deg);
color:#ff0000;
background:#000;
display: grid;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.pt_plus_social_list.style-12 ul.social_list li:hover a span{
opacity: 1;
-webkit-transform: rotateX(0);
-ms-transform:rotateX(0);
-moz-transform:rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
.pt_plus_social_list.style-12 ul.social_list li a span {
display: table-cell;
vertical-align: middle;
height: 100%;
line-height: inherit;
}
/*--------style-12---------*/
/*--------style-13---------*/
.pt_plus_social_list.style-13 ul.social_list li a{
margin:0px;
color:#fff;
background:#000;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
}
.pt_plus_social_list.style-13 ul.social_list li{
margin-right:20px;
overflow:visible;
}
.pt_plus_social_list.style-13 ul.social_list li a:before,
.pt_plus_social_list.style-13 ul.social_list li a:after{
content: "";
display: block;
position: absolute;
background: transparent;
top: 0; bottom: 0; left: 0; right: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition:.3s all;
-moz-transition: .3s all;
-o-transition:.3s all;
-ms-transition:.3s all;
transition: .3s all;
border: 1px solid;
}
.pt_plus_social_list.style-13 ul.social_list li:hover a:after{
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
border-color:#000;
}
.pt_plus_social_list.style-13 ul.social_list li:hover a:before{
-webkit-transform: scale(2);
-ms-transform: scale(2);
-moz-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
-moz-transition: .3s all;
-o-transition:.3s all;
-ms-transition:.3s all;
transition: .3s all;
opacity: 0;
}
.pt_plus_social_list.style-13 {
overflow: visible;
}
/*--------style-13---------*/
/*--------style-14---------*/
.pt_plus_social_list.style-14 .social_list {
display: flex !important;
justify-content: space-between;
}
.pt_plus_social_list.style-14 .style-14 {
display: block;
width: 100%;
}
.pt_plus_social_list.style-14 ul.social_list li a {
width: 100%;
height: 100%;
display: block;
margin-right: 0px;
display: flex;
justify-content: center;
align-items: center;
}
/*--------style-14 ---------*/
.pt_plus_social_list.style-15 ul.social_list {
display: inline-block;
padding: 0;
margin: 0;
position: relative;
list-style: none;
display: block;
}
.pt_plus_social_list.style-15 li.style-15 {
display: block;
width: 100%;
}
.pt_plus_social_list.style-15 ul.social_list .style-15 a {
margin: 0;
width: 100%;
height: 100%;
display: block;
display: flex;
justify-content: center;
align-items: center;
}
.pt_plus_social_list.style-15 .social-faded li:hover i.fa ,.pt_plus_social_list.style-14 .social-faded li:hover i.fa{
-webkit-transform:scale(0);
-ms-transform:scale(0);
-moz-transform:scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.pt_plus_social_list.style-15 .social-faded a span,.pt_plus_social_list.style-14 .social-faded a span {
position: absolute;
width: 100%;
text-align: center;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
opacity: 0;
-webkit-filter: blur(25px);
filter: blur(25px);
-webkit-transform: translateZ(0) translateX(0%);
-ms-transform:translateZ(0) translateX(0%);
-moz-transform:translateZ(0) translateX(0%);
-o-transform: translateZ(0) translateX(0%);
transform: translateZ(0) translateX(0%);
will-change: transform;
left: 0;
right: 0;
}
.pt_plus_social_list.style-15 .social-faded li:hover span , .pt_plus_social_list.style-14 .social-faded li:hover span {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
}
.pt_plus_social_list.style-15 .socail-chaffal li i.fa, .pt_plus_social_list.style-14 .socail-chaffal li i.fa {
display: none;
}
.pt_plus_social_list ul.social_list li:last-child a ,.pt_plus_social_list.style-9 ul.social_list li:last-child ,.pt_plus_social_list.style-10 ul.social_list li:last-child ,.pt_plus_social_list.style-11 ul.social_list li:last-child ,.pt_plus_social_list.style-12 ul.social_list li:last-child {
margin-right: 0;
}
/*------ social element----------*/
/*----------stylish Style End -----*/
.pt_plus_stylish_list {
display: block;
position: relative;
overflow: hidden;
width: 100%;
padding-bottom: 15px;
}
.pt_plus_stylish_list .stylish-item-wrap i {
padding: 1px;
}
.pt_plus_stylish_list .stylish-item-wrap{
margin-bottom: 10px;
}
.pt_plus_stylish_list .stylish-desc ,.pt_plus_stylish_list .stylish-desc p {
margin: 0;
}
.pt_plus_stylish_list .stylish-title {
font-size: 18px;
margin-bottom: 0;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
}
.m-l-10 {
margin-left: 15px;
}
.pt_plus_stylish_list .stylish-img {
max-width: 150px !important;
display: block;
}
.pt_plus_stylish_list .service-media .pt_plus_animated_svg {
width: auto;
}
.pt_plus_stylish_list .service-media .pt_plus_animated_svg object {
min-height: 100%;
}
/*----------stylish Style End -----*/
/*-----------gmap css---*/
.pt-plus-adv-gmap {
position: relative;
overflow: hidden;
}
.gmap_info_content {
padding-right: 10px;
position: relative;
padding: 8px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size: 15px;
line-height: 1;
}
.gmap_info_content p{
margin-bottom:0px;
}
.gm-style-iw.marker-title{
margin: 0;
}
.marker-icon > div {
background: transparent;
}
.marker-icon {
background: rgba(210, 57, 57, 0);
}
.gm-style-iw {
text-align: left;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-o-transition: .5s ease;
-ms-transition: .5s ease;
transition: .5s ease;
margin-top: 20px;
}
#adv_maps {
position: relative;
width: 100%;
display: block;
}
.pt-plus-overlay-map-content {
margin: 0 auto;
display: block;
width: 100%;
text-align: center;
}
.overlay-list-item {
position: absolute;
bottom: 20%;
width: auto;
display: inline-block;
margin-left: -30px;
}
.pt-plus-overlay-map-content {
margin: 0 auto;
display: block;
width: 100%;
text-align: center;
height: 100%;
position: absolute;
top: 0;
background: rgba(0, 0, 0, 0.42);
overflow: hidden;
}
.pt-plus-overlay-map-content .gmap-title {
position: absolute;
top: 25%;
text-align: center;
width: 100%;
font-size: 35px;
line-height: 40px;
color: #fff;
padding: 0 20px;
}
.pt-plus-overlay-map-content .gmap-desc {
font-size: 22px;
color: #fff;
position: absolute;
top: 40%;
text-align: center;
width: 100%;
padding: 0 30px;
}
.pt-plus-overlay-gmap{
display: none;
}
.pt-plus-overlay-gmap, .pt-plus-overlay-gmap:after, .pt-plus-overlay-gmap:before, .pt-plus-overlay-gmap *, .pt-plus-overlay-gmap *:after, .pt-plus-overlay-gmap *:before, .pt-plus-overlay-gmap + .pt-plus-overlay-gmap-btn {
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.pt-plus-overlay-gmap::-moz-selection, .pt-plus-overlay-gmap:after::-moz-selection, .pt-plus-overlay-gmap:before::-moz-selection, .pt-plus-overlay-gmap *::-moz-selection, .pt-plus-overlay-gmap *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
background: none;
}
.pt-plus-overlay-gmap::selection, .pt-plus-overlay-gmap:after::selection, .pt-plus-overlay-gmap:before::selection, .pt-plus-overlay-gmap *::selection, .pt-plus-overlay-gmap *:after::selection, .pt-plus-overlay-gmap *:before::selection, .pt-plus-overlay-gmap + .pt-plus-overlay-gmap-btn::selection {
background: none;
}
.pt-plus-overlay-gmap + .pt-plus-overlay-gmap-btn {
outline: 0;
font-size: 15px;
line-height: 20px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
width: 44.8px;
height: 28px;
display: inline-block;
margin: 0;
}
.pt-plus-overlay-gmap-tgl + .pt-plus-overlay-gmap-btn:before {
content: "";
position: absolute;
display: inline-block;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 10;
width: 44.8px;
height: 28px;
left: 0;
top: 0;
border: 2px solid rgba(0, 0, 0, 0.4);
-moz-border-radius: 28px;
-webkit-border-radius: 28px;
border-radius: 28px;
visibility: visible;
-webkit-transition: -webkit-box-shadow 0.3s ease;
-moz-transition: -moz-box-shadow 0.3s ease;
-o-transition: -o-box-shadow 0.3s ease;
-ms-transition: -ms-box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
}
.pt-plus-overlay-gmap:not(checked) + .pt-plus-overlay-gmap-btn:after {
content: "";
position: absolute;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 12;
width: 18px;
height: 18px;
margin-left: 4px;
margin-top: -9px;
left: 0;
top: 50%;
background: transparent;
border: 2px solid rgba(0, 0, 0, 0.4);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
visibility: visible;
-webkit-transition: all 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
-moz-transition: all 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
-o-transition: all 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
-ms-transition: all 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
transition: all 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.pt-plus-overlay-gmap-tgl + .pt-plus-overlay-gmap-btn {
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition:all .4s ease;
-ms-transition:all .4s ease;
transition: all .4s ease;
}
.pt-plus-overlay-gmap:checked + .pt-plus-overlay-gmap-btn:after {
margin-left: 21.6px;
border-color: #d0301b;
}
.pt-plus-overlay-map-content.selected {
background: transparent !Important;
position: initial;
}
.pt-plus-overlay-map-content.selected .gmap-title, .pt-plus-overlay-map-content.selected .gmap-desc {
display: none;
}
/*----------gmap css------*/
/*---------vc style--------*/
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
margin-bottom: 0 !important;
}
.wpb_animate_when_almost_visible {
opacity: 1 !important;
filter: alpha(opacity=1) !important;
}
/*---------vc style--------*/
/*--- Theservice Timeline -------*/
#pt_plus_timeline {
position: relative;
display: block;
padding-top: 70px;
}
.pt-plus-timeline-list .timeline-track{
position: absolute;
display: block;
content: "";
top: 0;
height: 100%;
}
.pt-plus-timeline-list.layout-both .timeline-track, .pt-plus-timeline-list.layout-both .timeline-beginning-icon,.pt-plus-timeline-list.layout-both .timeline-text {
left: 50%;
}
.pt-plus-timeline-list.layout-both .timeline-track{
width: 1px;
margin-left: -0.5px;
background: #000;
}
.pt-plus-timeline-list.layout-both .timeline-beginning-icon,.pt-plus-timeline-list.layout-both .timeline-text{
position: absolute;
bottom: 100%;
display: inline-block;
vertical-align: middle;
max-width: 100%;
}
.pt-plus-timeline-list.layout-both .timeline-beginning-icon {
color: #000;
font-size: 18px;
font-style: normal;
display: block;
text-align: center;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.pt-plus-timeline-list.layout-both .timeline-end-icon {
left: 50%;
}
.pt-plus-timeline-list.layout-both .timeline-end-icon {
color: #000;
font-size: 18px;
font-style: normal;
display: block;
text-align: center;
-moz-transform: translateX(-50%) translateY(50%);
-webkit-transform: translateX(-50%) translateY(50%);
-o-transform: translateX(-50%) translateY(50%);
-ms-transform: translateX(-50%) translateY(50%);
transform: translateX(-50%) translateY(50%);
bottom: 0;
z-index: 11;
}
.pt-plus-timeline-list.layout-both .timeline-text-end {
-moz-transform: translateX(-50%) translateY(50%);
-webkit-transform: translateX(-50%) translateY(50%);
-o-transform: translateX(-50%) translateY(50%);
-ms-transform: translateX(-50%) translateY(50%);
transform: translateX(-50%) translateY(50%);
}
.pt-plus-timeline-list.layout-both .timeline-text-start {
-moz-transform: translateX(-50%) translateY(-10%) !important;
-webkit-transform: translateX(-50%) translateY(-10%) !important;
-o-transform: translateX(-50%) translateY(-10%) !important;
-ms-transform: translateX(-50%) translateY(-10%) !important;
transform: translateX(-50%) translateY(-10%) !important;
}
.timeline-text.timeline-text-end {
position: absolute;
bottom: 0 !important;
}
.pt-plus-timeline-list.layout-both .timeline-end-icon {
position: absolute;
display: inline-block;
vertical-align: middle;
max-width: 100%;
}
.pt-plus-timeline-list.layout-both .timeline-text{
border: 1px solid #000;
padding-top: 10px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 30px;
color: #000;
left: 50%;
-moz-transform: translateX(-50%) translateY(110%);
-webkit-transform: translateX(-50%) translateY(110%);
-o-transform: translateX(-50%) translateY(110%);
-ms-transform: translateX(-50%) translateY(110%);
transform: translateX(-50%) translateY(110%);
}
.pt-plus-timeline-list.layout-both .timeline-text-tooltip {
position: absolute;
display: block;
white-space: nowrap;
z-index: 111;
visibility: hidden;
opacity: 0 !important;
pointer-events: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.timeline-text-tooltip.position-top{
max-width: 300px;
top: 0;
left: 50%;
-webkit-transform:translateX(-50%) translateY(-100%);
-ms-transform:translateX(-50%) translateY(-100%);
-moz-transform:translateX(-50%) translateY(-100%);
-o-transform: translateX(-50%) translateY(-100%);
transform: translateX(-50%) translateY(-100%);
margin-top: -1em;
}
.timeline-text-tooltip.position-bottom{
bottom: 0;
left: 50%;
-webkit-transform:translateX(-50%) translateY(-100%);
-ms-transform:translateX(-50%) translateY(-100%);
-moz-transform:translateX(-50%) translateY(-100%);
-o-transform: translateX(-50%) translateY(-100%);
transform: translateX(-50%) translateY(100%);
margin-bottom: -1em !important;
}
.timeline-text-tooltip.position-right {
max-width: 300px;
top: 0;
left: 120%;
-webkit-transform: translateX(30%) translateY(50%);
-ms-transform: translateX(30%) translateY(50%);
-moz-transform: translateX(30%) translateY(50%);
-o-transform: translateX(30%) translateY(50%);
transform: translateX(30%) translateY(50%);
margin-top: -1.5em;
}
.timeline-text-tooltip.position-left {
max-width: 300px;
top: 0;
right: 120%;
-webkit-transform:translateX(-100%) translateY(50%);
-ms-transform:translateX(-100%) translateY(50%);
-moz-transform:translateX(-100%) translateY(50%);
-o-transform: translateX(-100%) translateY(50%);
transform: translateX(-100%) translateY(50%);
margin-top: -1.5em;
}
.pt-plus-timeline-list.layout-both .timeline-text-tooltip {
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
color: #777;
font-size: 12px;
line-height: 1;
text-align: center;
background: #e2e2e2;
visibility: visible;
opacity: 1 !important;
}
.pt-plus-timeline-list.layout-both .timeline-text-tooltip .tooltip-arrow {
position: absolute;
border-color: inherit;
border-style: solid;
border-width: 7px;
}
.pt-plus-timeline-list.layout-both .timeline-text-tooltip.position-top .tooltip-arrow {
border-color: #e2e2e2;
bottom: -14px;
left: 50%;
margin-left: -7px;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
border-left-color: transparent !important;
}
.pt-plus-timeline-list.layout-both .timeline-text-tooltip.position-bottom .tooltip-arrow {
border-color: #e2e2e2;
top: -14px;
left: 50%;
margin-left: -7px;
border-top-color: transparent !important;
border-right-color: transparent !important;
border-left-color: transparent !important;
}
.timeline-text-tooltip.position-right .tooltip-arrow {
border-color: #e2e2e2;
left: 0%;
top: 50%;
margin-top: -7px;
margin-left: -14px;
border-bottom-color: transparent !important;
border-top-color: transparent !important;
border-left-color: transparent !important;
}
.timeline-text-tooltip.position-left .tooltip-arrow {
border-color: #e2e2e2;
right: -14px;
top: 50%;
margin-top: -7px;
margin-left: 0;
border-bottom-color: transparent !important;
border-top-color: transparent !important;
border-right-color: transparent !important;
}
.pt-plus-timeline-list.layout-both .point-icon {
position: absolute;
top: 0;
display: inline-block;
text-align: center;
line-height: 1em;
vertical-align: middle;
max-width: 100%;
z-index: 3;
margin-top: 5%;
}
.pt-plus-timeline-list.layout-both .timeline-tooltip-wrap {
position: relative;
display: inline-block;
}
.pt-plus-timeline-list.layout-both .timeline-point-icon {
display: inline-block;
text-align: center;
line-height: 1em;
vertical-align: middle;
max-width: 100%;
overflow: hidden;
z-index: 1;
-webkit-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.pt-plus-timeline-list.layout-both .timeline-point-icon-wrap {
position: relative;
overflow: hidden;
}
.pt-plus-timeline-list.layout-both .timeline-point-icon-wrap .point-icon{
position: relative;
display: block;
top: 0;
left: 0;
width: 1.35em;
height: 1.35em;
line-height: 1.35em;
font-size: 6px;
color: #000;
}
.timeline-style-1 .timeline-item-wrap .timeline-item .timeline-tl-before {
display: block;
position: absolute !important;
content: "";
width: 0;
height: 0;
border-style: solid;
margin-top: 25px;
border-width: 1px;
width: 120.5px;
border-color: #e5e5e5;
}
.timeline-style-1 .timeline-item-wrap .timeline-item .timeline-tl-before {
border-top: 0;
border-left: 0;
border-right: 0;
}
.timeline-style-2 .timeline-inner-block {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius: 5px;
background: #d8d8d8;
margin-bottom: 10px;
}
.timeline-style-2 .timeline-item-wrap.timeline-left-content{
padding-right: 70.5px;
}
.timeline-style-2 .timeline-item-wrap.timeline-right-content{
padding-left: 70.5px;
}
.timeline-style-2 .timeline-tl-before {
display: block;
position: absolute !important;
content: "";
width: 0;
height: 0;
border-style: solid;
top: 0;
margin-top: 30px;
border-width: 15px 20px;
border-color: #d8d8d8;
}
.timeline-style-2 .timeline-item-wrap.timeline-right-content .timeline-tl-before {
right: 100%;
border-top: 0 !important;
border-bottom-color: transparent !important;
border-left: 0 !important;
}
@media (min-width:731px){
.timeline-style-2 .timeline-item-wrap.timeline-left-content .timeline-tl-before{
left: 100%;
border-right: 0 !important;
border-top: 0 !important;
border-bottom-color: transparent !important;
}
.timeline-style-1 .timeline-left-content .timeline-tl-before{
left: 100%;
}
}
i.point-icon-inner {
position: relative;
display: block;
top: 0;
left: 0;
font-size: 20px;
line-height: 1;
}
.timeline-item-heading {
color: #333;
font-size: 22px;
display: block;
line-height: 36px;
margin: .27em 0;
}
.timeline-item-description {
margin-top: 10px;
color: #777;
font-size: 14px;
line-height: 1.4;
margin-bottom: 10px;
}
.timeline-item-wrap .timeline-item {
position: relative;
display: block;
min-height: 80px;
border: 0 solid transparent;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 14px;
padding-right: 20px;
padding-bottom: 30px;
padding-left: 20px;
}
/*----------left content----*/
.timeline-item-wrap.timeline-left-content {
left: 0 !important;
}
.timeline-item-wrap.timeline-left-content{
position: relative;
left: 0;
top: 0;
padding-right: 120.5px;
margin-bottom: 30px;
float: none !important;
width: 50%;
padding-left: 0 !important;
}
.timeline-left-content .point-icon{
left: 100%;
-webkit-transform: translateX(-50%);
-ms-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.timeline-style-1 .timeline-left-content .border-bottom.text-right, .timeline-style-1 .timeline-right-content .border-bottom.text-left {
width: 50%;
display: inline-block;
}
.timeline-style-1 .timeline-item-wrap .border-bottom hr {
margin: 10px 0;
}
.timeline-style-1 .timeline-left-content .timeline-tl-before {
left: 100%;
}
.timeline-style-2 .timeline-left-content .border-bottom.text-right, .timeline-style-2 .timeline-right-content .border-bottom.text-left {
width: 20%;
display: inline-block;
}
.timeline-style-2 .timeline-item-wrap .border-bottom hr {
margin: 10px 0;
}
.timeline-style-2 .timeline-left-content .timeline-tl-before {
left: 100%;
}
/*----------left content----*/
/*----------right content----*/
.timeline-item-wrap.timeline-right-content {
left: calc(100% / 2) !important;
}
.timeline-item-wrap.timeline-right-content{
position: relative;
left: 50%;
top: 70px;
padding-left: 120.5px;
margin-bottom: 30px;
float: none !important;
width: 50%;
padding-right: 0 !important;
}
.timeline-right-content .point-icon{
right: 100%;
-webkit-transform: translateX(50%);
-ms-transform:translateX(50%);
-moz-transform:translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%);
}
.timeline-right-content .timeline-tl-before {
right: 100%;
}
.timeline-item-wrap.timeline-right-content {
margin-top: 60px;
}
/*----------right content----*/
/*pin icon center style 1--*/
.pt-plus-timeline-list.layout-both .point-icon.style-1{
margin-top:15px;
}
.pt-plus-timeline-list.layout-both .point-icon.style-1 .timeline-tooltip-wrap {
position: relative;
display: grid;
width: 50px;
height: 50px;
align-items: center;
background: #e2e2e2;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
color: #000;
cursor: pointer;
-webkit-transition: all .55s;
-moz-transition: all .55s;
-o-transition:all .55s;
-ms-transition:all .55s;
transition: all .55s;
border: 1px solid #e2e2e2;
}
.timeline-transition{
-webkit-transition: all .55s;
-moz-transition: all .55s;
-o-transition:all .55s;
-ms-transition:all .55s;
transition: all .55s;
}
.point-icon.style-1 .timeline-text-tooltip.position-right {
margin-top: -0.7em;
-webkit-transform:translateX(0%) translateY(50%);
-ms-transform:translateX(0%) translateY(50%);
-moz-transform:translateX(0%) translateY(50%);
-o-transform: translateX(0%) translateY(50%);
transform: translateX(0%) translateY(50%);
}
.point-icon.style-1 .timeline-text-tooltip.position-left {
margin-top: -0.7em;
-webkit-transform:translateX(0%) translateY(50%);
-ms-transform:translateX(0%) translateY(50%);
-moz-transform:translateX(0%) translateY(50%);
-o-transform: translateX(0%) translateY(50%);
transform: translateX(0%) translateY(50%);
}
.point-icon.style-2 {
margin-top: 3.5% !important;
}
.point-icon.style-2 .timeline-tooltip-wrap {
width: 40px;
height: 40px;
display: grid;
align-items: center;
border: 2px solid #000;
cursor: pointer;
-webkit-transition: all .55s;
-moz-transition: all .55s;
-o-transition: all .55s;
-ms-transition: all .55s;
transition: all .55s;
}
.timeline-inner-block:hover .point-icon.style-2 .timeline-tooltip-wrap {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.point-icon.style-2 .timeline-text-tooltip.position-left {
left: -50%;
-webkit-transform:translateX(-100%) translateY(50%);
-ms-transform:translateX(-100%) translateY(50%);
-moz-transform:translateX(-100%) translateY(50%);
-o-transform: translateX(-100%) translateY(50%);
transform: translateX(-100%) translateY(50%);
margin-top: -1.1em;
}
.point-icon.style-2 .timeline-text-tooltip.position-right {
left: 0%;
-webkit-transform:translateX(50%) translateY(50%);
-ms-transform:translateX(50%) translateY(50%);
-moz-transform:translateX(50%) translateY(50%);
-o-transform: translateX(50%) translateY(50%);
transform: translateX(50%) translateY(50%);
margin-top: -1em;
}
/*--- Theservice Timeline -------*/
/*---------------- tp toggle-----------------------------------*/
.pt-plus-toggle {
display: block;
position: relative;
overflow: hidden;
width: 100%;
margin: 10px 0;
}
.pt-plus-toggle-click {
position: relative;
display: inline-block;
width: 100%;
}
.pt-plus-toggle .toggle_close{
display:none;
}
.pt-plus-toggle .toggle-class.open {
display: block;
}
/*---------------- tp toggle-----------------------------------*/
/*------------unique box css----- */
.pt-plus-unique-flex{
overflow-y: inherit;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pt-plus-unique-box-wrapper {
position: absolute;
top:0;
display: block;
width: 100%;
z-index: 12;
}
.pt-plus-unique-box {
display: inline-block;
width: 100%;
overflow: hidden;
z-index:12;
}
.box-content-title .box-title-link {
font-size: 30px;
line-height: 1;
margin-bottom: 10px;
color: #222;
display: inline-block;
}
.box-video {
position: relative;
display: block;
}
.box-video p {
margin: 0;
display: block;
position: relative;
}
@media (max-width:767px){
.pt-plus-unique-box,.pt-plus-unique-box-wrapper {
position:relative;
}
.pt-plus-unique-flex{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
}
/*------------unique box css----- */
/*--the service video--*/
.wpb_video_wrapper .fluidvids {
position: initial;
}
.pt_plus_video_player {
display: block;
overflow: hidden;
position: relative;
width: 100%;
}
.pt_plus_video_player iframe{
opacity:0;
}
.pt_plus_video_player .fluidvids iframe{
opacity:1;
}
.pt_plus_video_player.not-touch iframe,.pt_plus_video_player.not-touch video{
pointer-events: none;
}
.pt_plus_video_player .fluidvids {
position: initial;
}
.video_container{
margin: 0;
padding: 0;
background: 0 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-space{
padding-bottom: 56.25%;
position: relative;
height: 0;
overflow: hidden;
}
.pt_plus_video-box-shadow {
position: relative;
display: block;
width: 100%;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-ms-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear;
}
.ts-video-caption {
background-repeat: no-repeat;
background-position: center center;
-ms-filter: "alpha(Opacity=0.8)";
filter: alpha(opacity=0.8);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
cursor: pointer;
z-index: 10;
padding: 0;
margin: 0;
-webkit-background-size: 60px auto;
-moz-background-size:60px auto;
-o-background-size:60px auto;
background-size: 60px auto;
}
.pt_plus_video_player:hover .ts-video-caption {
-ms-filter: "alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
z-index: 1;
}
.ts-video-caption-text {
position: absolute;
width: 90%;
bottom: -100%;
font-weight: 400;
left: 0;
color: #fff;
background: 0 0;
padding: 5px 5%;
line-height: 16px;
font-size: 12px;
text-align: center;
z-index: 1;
line-height: 1;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
overflow: hidden;
text-overflow: ellipsis;
-moz-transition: all .2s;
-webkit-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.pt_plus_video_player:hover .ts-video-caption-text {
bottom: 0;
}
.ts-video-image-zoom.set-image{
height: auto;
width: 100%;
position: relative;
z-index: 1;
}
.ts-video-icon{
height: auto;
position: relative;
z-index: 1;
max-width: 80px;
}
.ts-video-wrapper {
width: 100%;
display: block;
}
.ts-video-wrapper.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
}
.ts-video-wrapper.embed-container iframe, .ts-video-wrapper.embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.ts-video-embed-container{
position: relative;
display: block;
padding: 0;
padding-bottom: 56.25%;
margin: 0;
height: 0;
overflow: hidden;
}
.ts-video-hidden {
display: none !important;
}
.ts-video-embed-container {
padding-bottom: 56.250000%;
}
.pt-plus-video-frame {
position: absolute;
padding: 0;
margin: 0;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0 ;
}
.ts-type-self-hosted .ts-video-thumbnail {
z-index: 1;
object-fit: cover;
}
.ts-type-self-hosted .ts-video-play-btn {
z-index: 2;
background: transparent;
}
img.ts-video-thumbnail {
position: absolute;
padding: 0;
margin: 0;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0;
object-fit: cover;
-webkit-transition-duration: .7s;
-moz-transition-duration: .7s;
-o-transition-duration:.7s;
transition-duration: .7s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform,-webkit-transform;
}
button.ts-video-play-btn.ts-video-blay-btn-youtube {
background: transparent;
background-image: none;
background-position: center;
background-repeat: no-repeat;
border: none;
padding: 0;
margin: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
vertical-align: middle;
text-align: center;
cursor: pointer;
position: absolute;
padding: 0;
margin: 0;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0;
opacity:0.8;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.ts-video-poster {
position: absolute;
padding: 0;
margin: 0;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0;
}
.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container{
min-width: auto !important;
}
.lity-iframe-container {
width: 100%;
height: 100vh;
padding-top: 0%;
overflow: auto;
pointer-events: auto;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-overflow-scrolling: touch;
}
.ts-video-wrapper:hover .ts-video-play-btn {
opacity: 1;
}
.lity-iframe-container iframe{
margin-bottom:0;
}
/*--the service video---*/
/*----post blog section style---------*/
#pt-plus-blog-post-list {
position: relative;
display: block;
width: 100%;
}
.blog-list .post-inner-loop .grid-item .post.sticky .post-title a {
color: #ff214f;
}
.blog-list .grid-item {
padding: 0;
}
.blog-list .blog-list-style-content {
position: relative;
display: block;
height: 100%;
overflow:hidden;
}
.post-meta-info {
text-transform: capitalize;
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: 15px;
letter-spacing: 0px;
color: #777;
}
.post-meta-info .post-author a {
text-transform: uppercase;
}
.post-meta-info a {
color: #777;
}
.blog-list-style-content .entry-content p{
margin-bottom:0;
}
.blog-list .entry-date,.blog-list .post-author {
padding-right: 5px;
}
hr.border-bottom {
margin: 12px 0;
border-top: 1px solid #d3d3d3;
}
.pt-theplus-post-read-more-button{
position: relative;
display: inline-block;
width: 100%;
overflow: hidden;
margin-top: 10px;
margin-bottom: 10px;
}
.read-more-btn {
position: relative;
display: inline-block;
border: 1px solid #d3d3d3;
padding: 10px 20px;
color: #888888;
font-weight: 800;
}
.post-format-gallery{
position: relative;
width: 100%;
margin-bottom: 0 !important;
}
.blog-list .grid-item .blog-list-style-content{
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
}
.grid-item:focus {
outline: none;
}
/*----post blog section style---------*/
/*---slick caroseal style-1-------*/
.list-carousel-slick .post-inner-loop{
overflow:visible;
}
.list-carousel-slick .post-inner-loop .slick-list.draggable {
position: relative;
display: block;
cursor: all-scroll;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.slick-dots.style-1 li button:before,.slick-dots.style-2 li button:before,.slick-dots.style-3 li button:before,.slick-dots.style-4 li button:before,.slick-dots.style-5 li button:before,.slick-dots.style-6 li button:before{
content:'';
width: 0;
height: 0;
}
.slick-dots.style-1 li,.slick-dots.style-2 li,.slick-dots.style-3 li,.slick-dots.style-4 li,.slick-dots.style-5 li,.slick-dots.style-6 li{
margin: 0 6px;
width: 10px;
height: 10px;
}
.slick-dots.style-1 li button, .slick-dots.style-4 li button{
border: 1px solid #000;
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius: 50%;
background: #fff;
text-indent: -999em;
cursor: pointer;
position: absolute;
}
.slick-dots.style-2 li button{
background: transparent;
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius: 50%;
background: #fff;
text-indent: -999em;
cursor: pointer;
position: absolute;
}
.slick-dots.style-1 li button::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius: 50%;
visibility: hidden;
background: #000;
opacity: 0;
-webkit-transform: rotate(-100deg);
-ms-transform: rotate(-100deg);
-moz-transform: rotate(-100deg);
-o-transform: rotate(-100deg);
transform: rotate(-100deg);
-webkit-transform-origin: -200% 50%;
-moz-transform-origin:-200% 50%;
-ms-transform-origin:-200% 50%;
-o-transform-origin:-200% 50%;
transform-origin: -200% 50%;
-webkit-transition: -webkit-transform 0.3s ease 0.3s, opacity 0.3s ease, visibility 0s 0.3s ease;
-moz-transition: -moz-transform 0.3s ease 0.3s, opacity 0.3s ease, visibility 0s 0.3s ease;
-o-transition: -o-transform 0.3s ease 0.3s, opacity 0.3s ease, visibility 0s 0.3s ease;
-ms-transition: -ms-transform 0.3s ease 0.3s, opacity 0.3s ease, visibility 0s 0.3s ease;
transition: transform 0.3s ease 0.3s, opacity 0.3s ease, visibility 0s 0.3s ease;
}
.slick-dots.style-1 li button:focus {
background: rgba(255, 255, 255, 0.2);
}
.slick-dots.style-1 li.current-from-right button::after {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
-webkit-transform: rotate(100deg);
-ms-transform: rotate(100deg);
-moz-transform: rotate(100deg);
-o-transform: rotate(100deg);
transform: rotate(100deg);
-webkit-transform-origin: 300% 50%;
-moz-transform-origin: 300% 50%;
-ms-transform-origin: 300% 50%;
-o-transform-origin: 300% 50%;
transform-origin: 300% 50%;
}
.slick-dots.style-1 li.slick-active button::after {
visibility: visible;
opacity: 1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
-moz-transition: -moz-transform 0.3s ease, opacity 0.3s ease;
-o-transition: -o-transform 0.3s ease, opacity 0.3s ease;
-ms-transition:-ms-transform 0.3s ease, opacity 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease;
}
/*---slick caroseal style-1*/
/*---slick caroseal style-2*/
.slick-dots.style-2 li {
width: 18px;
height: 18px;
}
.slick-dots.style-2 li button{
top: 4px;
left: 3px;
width: 12px;
height: 12px;
background: rgb(196, 77, 72);
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.slick-dots.style-2 li svg {
z-index: 10;
}
.slick-dots.style-2 li svg circle {
opacity: 0;
fill: none;
stroke: rgb(196, 77, 72);
stroke-width: 3;
stroke-linecap: round;
stroke-linejoin: round;
stroke-dasharray: 39 39;
stroke-dashoffset: 39;
-webkit-transition: stroke-dashoffset 0.3s, opacity 0.3s;
-moz-transition: stroke-dashoffset 0.3s, opacity 0.3s;
-o-transition: stroke-dashoffset 0.3s, opacity 0.3s;
-ms-transition: stroke-dashoffset 0.3s, opacity 0.3s;
transition: stroke-dashoffset 0.3s, opacity 0.3s;
}
.slick-dots.style-2 li.slick-active button,
.slick-dots.style-2 li button:hover,
.slick-dots.style-2 li button:focus {
opacity: 0.5;
}
.slick-dots.style-2 li.slick-active svg circle {
opacity: 1;
stroke-dashoffset: 0;
-webkit-transition: stroke-dashoffset 0.3s, opacity 0.15s;
-moz-transition: stroke-dashoffset 0.3s, opacity 0.15s;
-o-transition:stroke-dashoffset 0.3s, opacity 0.15s;
-ms-transition:stroke-dashoffset 0.3s, opacity 0.15s;
transition: stroke-dashoffset 0.3s, opacity 0.15s;
}
/*---slick caroseal style-2*/
/*---slick caroseal style-3*/
.slick-dots.style-3 li button{
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius: 50%;
text-indent: -999em;
cursor: pointer;
position: absolute;
-webkit-box-shadow: inset 0 0 0 8px rgba(196, 77, 72, 0.42);
box-shadow: inset 0 0 0 8px rgba(196, 77, 72, 0.42);
-webkit-transition: box-shadow 0.3s ease;
-moz-transition: box-shadow 0.3s ease;
-o-transition:box-shadow 0.3s ease;
-ms-transition:box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
}
.slick-dots.style-3 li button:hover,
.slick-dots.style-3 li button:focus {
-moz-box-shadow:inset 0 0 0 8px #c44d48;
-webkit-box-shadow:inset 0 0 0 8px #c44d48;
box-shadow: inset 0 0 0 8px #c44d48;
}
.slick-dots.style-3 li.slick-active button{
-moz-box-shadow: inset 0 0 0 1px #c44d48;
-webkit-box-shadow: inset 0 0 0 1px #c44d48;
box-shadow: inset 0 0 0 1px #c44d48;
}
/*---slick caroseal style-3*/
/*---slick caroseal style-4*/
.slick-dots.style-4 li::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
left: 0;
border: 1px solid #000;
background: #000;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius: 50%;
-webkit-transform: translateY(-200%);
-ms-transform: translateY(-200%);
-moz-transform: translateY(-200%);
-o-transform: translateY(-200%);
transform: translateY(-200%);
-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
-moz-transition: -moz-transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
-o-transition: -o-transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
-ms-transition: -ms-transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
}
.slick-dots.style-4 li button{
-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, background 0.3s ease;
-moz-transition: -moz-transform 0.3s ease, opacity 0.3s ease, background 0.3s ease;
-o-transition: -o-transform 0.3s ease, opacity 0.3s ease, background 0.3s ease;
-ms-transition:-ms-transform 0.3s ease, opacity 0.3s ease, background 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease, background 0.3s ease;
}
.slick-dots.style-4 li:hover button,
.slick-dots.style-4 li button:focus,
.slick-dots.style-4 li.slick-active button {
background: #000;
}
.slick-dots.style-4 li.slick-active button {
opacity: 0;
-webkit-transform: translateY(200%);
-ms-transform: translateY(200%);
-moz-transform: translateY(200%);
-o-transform: translateY(200%);
transform: translateY(200%);
}
.slick-dots.style-4 li.slick-active::after {
opacity: 1;
visibility: visible;
-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
-moz-transition: -moz-transform 0.3s ease, opacity 0.3s ease;
-o-transition: -o-transform 0.3s ease, opacity 0.3s ease;
-ms-transition: -ms-transform 0.3s ease, opacity 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
ul.slick-dots.style-4 {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
cursor: default;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.list-carousel-slick .slick-slider.slick-dotted {
margin-bottom: 50px;
}
.list-carousel-slick .slick-dots {
bottom: -45px;
}
/*---slick caroseal style-4*/
/*---slick caroseal style-5*/
ul.slick-dots.style-5 li button {
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius: 50%;
background: #252525;
text-indent: -999em;
cursor: pointer;
position: absolute;
}
ul.slick-dots.style-5 li {
-webkit-perspective: 1000px;
-ms-perspective: 1000px;
perspective: 1000px;
}
ul.slick-dots.style-5 li button {
background: transparent;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
-moz-transition: -moz-transform 0.3s ease, opacity 0.3s ease;
-o-transition: -o-transform 0.3s ease, opacity 0.3s ease;
-ms-transition: -ms-transform 0.3s ease, opacity 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease;
}
ul.slick-dots.style-5 li button::before,
ul.slick-dots.style-5 li button::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius: 50%;
background: #c44d48;
content: '';
text-indent: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
ul.slick-dots.style-5 li button::after {
background: #c44d48;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
ul.slick-dots.style-5 li button:hover,
ul.slick-dots.style-5 li button:focus {
opacity: 1;
}
ul.slick-dots.style-5 li.slick-active button {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
/*---slick caroseal style-5*/
/*---slick caroseal style-6*/
ul.slick-dots.style-6 li button{
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius: 50%;
background: #252525;
text-indent: -999em;
cursor: pointer;
position: absolute;
}
ul.slick-dots.style-6 li button{
background: transparent;
box-shadow: inset 0 0 0 1px #c44d48;
-webkit-box-shadow: inset 0 0 0 1px #c44d48;
-webkit-transition: box-shadow 0.3s ease;
-moz-transition: box-shadow 0.3s ease;
-o-transition: box-shadow 0.3s ease;
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
}
ul.slick-dots.style-6 li button:hover,
ul.slick-dots.style-6 li button:focus {
-moz-box-shadow:inset 0 0 0 2px rgba(196, 77, 72, 0.6);
-webkit-box-shadow:inset 0 0 0 2px rgba(196, 77, 72, 0.6);
box-shadow: inset 0 0 0 2px rgba(196, 77, 72, 0.6);
}
ul.slick-dots.style-6 li.slick-active button{
-moz-box-shadow: inset 0 0 0 8px #c44d48;
-webkit-box-shadow: inset 0 0 0 8px #c44d48;
box-shadow: inset 0 0 0 8px #c44d48;
}
/*---slick caroseal style-6*/
/*---slick caroseal style-7*/
.slick-dots.style-7 .slick-active button {
-moz-box-shadow:0 0 0 1px rgba(255, 255, 255,1);
-webkit-box-shadow:0 0 0 1px rgba(255, 255, 255,1);
box-shadow: 0 0 0 1px rgba(255, 255, 255,1);
border: none;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius: 50%;
background: transparent;
}
.slick-dots.style-7 button {
width: 14px;
height: 14px;
margin: 3px;
}
.slick-dots.style-7 button {
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius: 50%;
box-shadow: 0 0 0 0px rgba(255, 255, 255, 0);
-webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0);
-moz-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0);
-webkit-transition: box-shadow 0.3s ease;
-moz-transition: box-shadow 0.3s ease;
-o-transition: box-shadow 0.3s ease;
-ms-transition:box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
background: transparent;
}
.slick-dots.style-7 li.slick-active button:before,.slick-dots.style-7 li button:hover::before {
opacity: .75;
color: black;
transform: scale(0.4);
-ms-transform: scale(0.4);
-moz-transform: scale(0.4);
-o-transform: scale(0.4);
-webkit-transform: scale(0.4);
background: rgb(255, 255, 255);
}
.slick-dots.style-7 li button:before {
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
content: '•';
text-align: center;
opacity: 1;
color: black;
width: 12px;
height: 12px;
margin-top: 4px;
margin-left: 4px;
outline: none;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius: 50%;
background: rgb(72, 50, 50);
text-indent: -999em;
cursor: pointer;
position: absolute;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: background 0.3s ease, -webkit-transform 0.3s ease;
-moz-transition: background 0.3s ease, -moz-transform 0.3s ease;
-o-transition: background 0.3s ease, -o-transform 0.3s ease;
-ms-transition: background 0.3s ease, -ms-transform 0.3s ease;
transition: background 0.3s ease, transform 0.3s ease;
}
/*---slick caroseal style-7*/
/*---slick caroseal style-8*/
.slick-dots.style-8 li {
width: 50px;
height: auto;
margin-bottom: 5px;
cursor: pointer;
}
.slick-dots.style-8 button {
float: right;
width: 100% !important;
height: 2px;
-webkit-transition: height .3s, background .3s !important;
-moz-transition: height .3s, background .3s;
-o-transition: height .3s, background .3s;
-ms-transition: height .3s, background .3s;
transition: height .3s, background .3s;
background: #00a276 ;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius: 0;
padding: 0;
}
.slick-dots.style-8 li button:before {
content: '' !important;
width: 0;
height: 0;
}
.slick-dots.style-8 .slick-active button, .slick-dots.style-8 li:hover button {
height: 7px !important;
}
/*---slick caroseal style-8*/
/*---slick caroseal style-9*/
.slick-dots.style-9 li {
position: relative;
display: inline-block;
width: auto;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
padding-top: 8px;
}
.slick-dots.style-9 button {
float: right;
width: 20px ;
height: 4px;
-webkit-transition: width .3s, background .3s !important;
-moz-transition: width .3s, background .3s;
-o-transition: width .3s, background .3s;
-ms-transition: width .3s, background .3s;
transition: width .3s, background .3s;
background: #00a276 ;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius: 0;
padding: 0;
}
.slick-dots.style-9 li button:before {
content: '' !important;
width: 0;
height: 0;
}
.slick-dots.style-9 .slick-active button, .slick-dots.style-9 li:hover button {
width: 30px !important;
}
/*---slick caroseal style-9*/
/*---slick caroseal style-10*/
.slick-dots.style-10 li button {
font-size: 0;
line-height: 0;
display: block;
width: 10px;
height: 10px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 1px solid #000;
margin-top: -1px;
transition: 0.4s ;
-webkit-transition: 0.4s ;
-moz-transition: 0.4s ;
-o-transition:0.4s ;
-ms-transition:0.4s ;
}
.slick-dots.style-10 .slick-active button{
border: 2px solid transparent !important;
}
.slick-dots.style-10 li button:before {
content: '' !important;
width: 0;
height: 0;
}
ul.slick-dots.style-10 li button:after {
opacity: 0;
transition: 0.4s ;
-webkit-transition: 0.4s ;
-moz-transition: 0.4s ;
-o-transition:0.4s ;
-ms-transition:0.4s ;
position: absolute;
left: 50%;
top: 50%;
text-indent: 0;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: "/";
font-size: 18px;
color: #000;
font-weight: 400;
margin-left: -3px;
margin-top: -4px;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.slick-dots.style-10 .slick-active button:after, .slick-dots.style-10 li:hover button {
opacity: 1;
}
/*---slick caroseal style-10*/
/*---slick caroseal style-11*/
.slick-dots.style-11 li {
position: relative;
display: inline-block;
width: auto;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots.style-11 button {
float: right;
width: 40px ;
height: 3px;
-webkit-transition: width .3s, background .3s !important;
-moz-transition: width .3s, background .3s;
-o-transition: width .3s, background .3s;
-ms-transition: width .3s, background .3s;
transition: width .3s, background .3s;
background: #00a276 ;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
padding: 0;
}
.slick-dots.style-11 li button:before {
content: '' !important;
width: 0;
height: 0;
}
/*---slick caroseal style-11*/
/*---slick caroseal style-12*/
.slick-dots.style-12 button:before {
content: '' !important;
width: 0;
height: 0;
}
ul.slick-dots.style-12 li {
display: inline-block;
float: none;
margin: 0;
width: auto;
height: auto;
}
.slick-dots.style-12 button {
background: #eee;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
color: rgba(0, 0, 0, 0);
height: 9px;
margin: 0 1px;
padding: 0;
width: 9px;
}
/*---slick caroseal style-12*/
/*---slick caroseal style-13*/
.slick-dots.style-13 li {
width: 50px;
height: auto;
margin: 0;
margin-bottom: 5px;
cursor: pointer;
}
.slick-dots.style-13 li :before {
content: '' !important;
width: 0;
height: 0;
}
.slick-dots.style-13 li {
background: rgba(190,150,103,0.99);
width: 50px;
height: auto;
margin: 0;
margin-bottom: 5px;
cursor: pointer;
width: 97px;
height: 2px;
margin-top: 0.5px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.slick-dots.style-13 .slick-active,.slick-dots.style-13 li:hover {
height: 4px;
margin-top: 0;
}
.slick-dots.style-13 li button {
display: none;
}
/*---slick caroseal style-13*/
/*---slick caroseal arrow style-1*/
.slick-nav.slick-prev.style-1,.slick-nav.slick-next.style-1 {
z-index: 11;
padding: 65px 20px;
background: #c44d48;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-border-radius: 0;
-webkit-border-radius: 0 ;
border-radius: 0;
}
.slick-prev.style-1:before, .slick-next.style-1:before{
font-family:'open-sans';
}
.slick-prev.style-1:before, .slick-next.style-1:before{
font-size: 30px;
line-height: 1;
opacity: 1 !important;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
padding-top: 50px;
width: 100%;
height: 100%;
color: #fff;
top: 0;
left: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.3s 0.3s;
-moz-transition: -moz-transform 0.3s 0.3s;
-o-transition: -o-transform 0.3s 0.3s;
-ms-transition: -ms-transform 0.3s 0.3s;
transition: transform 0.3s 0.3s;
z-index:111;
text-shadow: 0px 0px transparent !important;
}
.slick-prev.style-1:hover:before, .slick-next.style-1:hover:before {
color: #c44d48;
}
.slick-prev.style-1::after ,.slick-next.style-1::after {
content: '';
position: absolute;
width: 100%;
height: 110%;
background: #fff;
top: 0;
left: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.3s 0.3s;
-moz-transition: -moz-transform 0.3s 0.3s;
-o-transition: -o-transform 0.3s 0.3s;
-ms-transition: -ms-transform 0.3s 0.3s;
transition: transform 0.3s 0.3s;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
text-shadow: 0px 0px transparent !important;
}
.slick-next.style-1::after {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.slick-prev.style-1::after {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.slick-prev.style-1:hover:after {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.slick-next.style-1:hover:after {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 0s;
-moz-transition-delay:0s;
-o-transition-delay:0s;
transition-delay: 0s;
}
/*---slick caroseal arrow style-1*/
/*---slick caroseal arrow style-3*/
.slick-prev.style-3,.slick-next.style-3{
margin: 0 10px;
width: 50px;
height: 50px;
}
.slick-prev.style-3 .icon-wrap:before,.slick-prev.style-3 .icon-wrap:after,.slick-next.style-3 .icon-wrap:before,.slick-next.style-3 .icon-wrap:after {
content: '';
position: absolute;
left: 25%;
width: 3px;
height: 50%;
background: #fff;
content: '';
-webkit-transition: -webkit-transform 0.3s, background 0.3s;
-moz-transition: -webkit-transform 0.3s, background 0.3s;
-o-transition: -webkit-transform 0.3s, background 0.3s;
-ms-transition: -webkit-transform 0.3s, background 0.3s;
transition: transform 0.3s, background 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slick-prev.style-3 .icon-wrap,.slick-next.style-3 .icon-wrap{
position: relative;
display: block;
margin: 0% 0 0 10%;
width: 80%;
height: 80%;
}
.slick-prev.style-3 .icon-wrap::before,.slick-next.style-3 .icon-wrap::before {
-webkit-transform: translateX(-50%) rotate(30deg);
-ms-transform: translateX(-50%) rotate(30deg);
-moz-transform: translateX(-50%) rotate(30deg);
-o-transform: translateX(-50%) rotate(30deg);
transform: translateX(-50%) rotate(30deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin:0 100%;
-ms-transform-origin:0 100%;
-o-transform-origin:0 100%;
transform-origin: 0 100%;
}
.slick-prev.style-3:hover .icon-wrap::before,.slick-next.style-3:hover .icon-wrap::before {
-webkit-transform: translateX(-50%) rotate(45deg);
-ms-transform: translateX(-50%) rotate(45deg);
-moz-transform: translateX(-50%) rotate(45deg);
-o-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
}
.slick-prev.style-3 .icon-wrap::after,.slick-next.style-3 .icon-wrap::after{
top: 50%;
-webkit-transform: translateX(-50%) rotate(-30deg);
-ms-transform: translateX(-50%) rotate(-30deg);
-moz-transform: translateX(-50%) rotate(-30deg);
-o-transform: translateX(-50%) rotate(-30deg);
transform: translateX(-50%) rotate(-30deg);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
}
.slick-prev.style-3:hover .icon-wrap::after ,.slick-next.style-3:hover .icon-wrap::after{
-webkit-transform: translateX(-50%) rotate(-45deg);
-ms-transform: translateX(-50%) rotate(-45deg);
-moz-transform: translateX(-50%) rotate(-45deg);
-o-transform: translateX(-50%) rotate(-45deg);
transform: translateX(-50%) rotate(-45deg);
}
.slick-prev.style-3:before ,.slick-next.style-3:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: transparent;
content: '';
opacity: 1;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -webkit-transform 0.3s, opacity 0.3s;
-o-transition: -webkit-transform 0.3s, opacity 0.3s;
-ms-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
text-shadow: 0px 0px transparent !important;
}
.slick-prev.style-3:hover::before,.slick-next.style-3:hover::before {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.slick-prev.style-3:hover .icon-wrap::before,.slick-prev.style-3:hover .icon-wrap::after,.slick-next.style-3:hover .icon-wrap::before,.slick-next.style-3:hover .icon-wrap::after{
background: #cc6055;
}
.slick-next.style-3 .icon-wrap {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
/*---slick caroseal arrow style-3*/
/*---slick caroseal arrow style-4*/
.slick-nav.style-4,.slick-nav.style-5 {
width: 30px;
height: 30px;
position: absolute;
}
.slick-nav.style-4:before,.slick-nav.style-5:before {
font-family: 'slick';
font-size: 28px;
opacity: 1;
color: black;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-o-transition: .5s ease;
-ms-transition: .5s ease;
transition: .5s ease;
}
.slick-nav.style-4.top-right,.slick-nav.style-5.top-right{
top: -25px;
right: 15px;
left: auto;
}
.slick-prev.style-4.top-right ,.slick-prev.style-5.top-right{
right: 50px;
}
#pt-plus-blog-post-list.top-right {
padding-top: 30px;
}
.slick-nav.style-4.bottm-left,.slick-nav.style-5.bottm-left{
bottom: -45px;
left: 15px;
top: auto;
}
.slick-next.style-4.bottm-left,.slick-next.style-5.bottm-left{
left: 50px;
}
.slick-nav.style-4.bottom-center,.slick-nav.style-5.bottom-center{
left: 50%;
right: 17px;
bottom: -45px;
top: auto;
}
.slick-prev.style-4.bottom-center,.slick-prev.style-5.bottom-center{
margin-left: -20px;
transform: translateY(-50%) translateX(-50%);
}
.slick-next.style-4.bottom-center,.slick-next.style-5.bottom-center{
margin-left: 20px;
transform: translateY(-50%) translateX(-50%);
}
.slick-nav.style-4.bottom-right,.slick-nav.style-5.bottom-right{
bottom: -45px;
right: 15px;
top: auto;
left: auto;
}
.slick-prev.style-4.bottom-right,.slick-prev.style-5.bottom-right{
right: 50px;
}
.slick-nav.style-4:hover:before{
color: #fff;
opacity: .7;
}
.slick-nav.style-4:before,.slick-nav.style-5:before{
font-family: FontAwesome;
font-size:22px;
color: white;
transition: .5s ease;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-o-transition:.5s ease;
-ms-transition:.5s ease;
text-align: center;
display: inline-block;
background: #000;
-moz-border-radius: 58%;
-webkit-border-radius: 58%;
border-radius: 58%;
text-shadow: 0px 0px transparent !important;
font-weight: 400;
}
.slick-next.style-4:before{
content: "\f105";
padding: 3px 10px 5px 13px;
}
.slick-prev.style-4:before{
content: "\f104";
padding: 3px 13px 5px 10px;
}
.slick-next.style-5:before {
content: "\f105";
padding: 3px 10px 3px 10px;
}
.slick-prev.style-5:before {
content: "\f104";
padding: 3px 10px 3px 10px;
margin-left: -5px;
}
.slick-nav.style-5:before {
border: 1px solid #000;
background: transparent;
color: #000;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-shadow: 0px 0px transparent !important;
}
.slick-nav.style-5:hover:before {
color: #fff;
opacity: .7;
}
/*---slick caroseal arrow style-4*/
/*---slick caroseal arrow style-6*/
.slick-prev.style-6,.slick-next.style-6{
margin: 0 10px;
width: 50px;
height: 50px;
}
.slick-prev.style-6 .icon-wrap:before,.slick-prev.style-6 .icon-wrap:after,.slick-next.style-6 .icon-wrap:before,.slick-next.style-6 .icon-wrap:after {
content: '';
position: absolute;
left: 25%;
width: 3px;
height: 50%;
background: #ccc;
content: '';
-webkit-transition: -webkit-transform 0.3s, background 0.3s;
-moz-transition: -moz-transform 0.3s, background 0.3s;
-o-transition: -o-transform 0.3s, background 0.3s;
-ms-transition: -ms-transform 0.3s, background 0.3s;
transition: transform 0.3s, background 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slick-prev.style-6 .icon-wrap,.slick-next.style-6 .icon-wrap{
position: relative;
display: block;
margin: 0% 0 0 10%;
width: 80%;
height: 80%;
}
.slick-prev.style-6 .icon-wrap {
-webkit-transition: .5s linear;
-ms-transition: .5s linear;
-moz-transition: .5s linear;
-o-transition: .5s linear;
transition: .5s linear;
}
.slick-next.style-6:hover span.icon-wrap, .slick-next.style-6:focus span.icon-wrap {
-webkit-transform: rotate(180deg) scale(1.1) translateX(-5px);
-ms-transform: rotate(180deg) scale(1.1) translateX(-5px);
-moz-transform: rotate(180deg) scale(1.1) translateX(-5px);
-o-transform: rotate(180deg) scale(1.1) translateX(-5px);
transform: rotate(180deg) scale(1.1) translateX(-5px);
}
.slick-prev.style-6:hover span.icon-wrap, .slick-prev.style-6:focus span.icon-wrap {
-webkit-transform: scale(1.1) translateX(-5px);
-ms-transform: scale(1.1) translateX(-5px);
-moz-transform: scale(1.1) translateX(-5px);
-o-transform: scale(1.1) translateX(-5px);
transform: scale(1.1) translateX(-5px);
}
.slick-prev.style-6 .icon-wrap::before,.slick-next.style-6 .icon-wrap::before {
-webkit-transform: translateX(-50%) rotate(45deg);
-ms-transform: translateX(-50%) rotate(45deg);
-moz-transform: translateX(-50%) rotate(45deg);
-o-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin:0 100%;
-ms-transform-origin:0 100%;
-o-transform-origin:0 100%;
transform-origin: 0 100%;
}
.slick-prev.style-6 .icon-wrap::after,.slick-next.style-6 .icon-wrap::after{
top: 50%;
-webkit-transform: translateX(-50%) rotate(-45deg);
-ms-transform: translateX(-50%) rotate(-45deg);
-moz-transform: translateX(-50%) rotate(-45deg);
-o-transform: translateX(-50%) rotate(-45deg);
transform: translateX(-50%) rotate(-45deg);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
}
.slick-prev.style-6:before ,.slick-next.style-6:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
opacity: 1;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-o-transition: -o-transform 0.3s, opacity 0.3s;
-ms-transition:-ms-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
text-shadow: 0px 0px transparent !important;
}
.slick-prev.style-6:hover::before,.slick-next.style-6:hover::before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.slick-prev.style-6:hover .icon-wrap::before,.slick-prev.style-6:hover .icon-wrap::after,.slick-next.style-6:hover .icon-wrap::before,.slick-next.style-6:hover .icon-wrap::after{
background: #cc6055;
}
.slick-next.style-6 .icon-wrap {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: .5s linear;
-ms-transition: .5s linear;
-moz-transition: .5s linear;
-o-transition: .5s linear;
transition: .5s linear;
}
/*---slick caroseal arrow style-6*/
/*---slick caroseal arrow style-7*/
.style-7.slick-arrow.slick-next:before,.style-7.slick-arrow.slick-prev:before {
content: '→';
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-transform .37s cubic-bezier(.77,0,.18,1);
-ms-transition: -ms-transform .37s cubic-bezier(.77,0,.18,1);
-moz-transition: -moz-transform .37s cubic-bezier(.77,0,.18,1);
-o-transition: -o-transform .37s cubic-bezier(.77,0,.18,1);
transition: transform .37s cubic-bezier(.77,0,.18,1);
background: #3641ff;
text-shadow: 0px 0px transparent !important;
}
.style-7.slick-arrow.slick-prev:before {
-webkit-transform: translate3d(3.625rem,0,0);
-ms-transform: translate3d(3.625rem,0,0);
-moz-transform: translate3d(3.625rem,0,0);
-o-transform: translate3d(3.625rem,0,0);
transform: translate3d(3.625rem,0,0);
}
.style-7.slick-arrow.slick-prev, .style-7.slick-arrow.slick-next {
width: 50px;
height: 50px;
overflow: hidden;
-moz-border-radius: 0 ;
-webkit-border-radius: 0 ;
border-radius: 0 ;
}
.style-7.slick-arrow.slick-next:before {
-webkit-transform: translate3d(3.625rem,0,0);
-ms-transform: translate3d(3.625rem,0,0);
-moz-transform: translate3d(3.625rem,0,0);
-o-transform: translate3d(3.625rem,0,0);
transform: translate3d(3.625rem,0,0);
}
.style-7.slick-arrow.slick-prev:before {
-ms-transform: translate3d(-3.625rem,0,0);
-moz-transform: translate3d(-3.625rem,0,0);
-o-transform: translate3d(-3.625rem,0,0);
-webkit-transform: translate3d(-3.625rem,0,0);
transform: translate3d(-3.625rem,0,0);
}
.style-7.slick-arrow.slick-next:hover:before ,.style-7.slick-arrow.slick-prev:hover:before {
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
-moz-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.slick-nav.style-7 .icon-wrap {
z-index: 1;
position: relative;
}
.slick-nav.style-7.slick-arrow {
font-size: 16px;
}
.slick-nav.style-7.icon-wrap {
position: relative;
z-index: 1;
}
/*---slick caroseal arrow style-7*/
/*------post filter category css--------*/
.pt-plus-filter-post-category .post-filter-data {
position: relative;
display: block;
width: 100%;
padding: 15px 0;
}
.pt-plus-filter-post-category .category-filters {
position: relative;
padding: 0;
margin: 0;
display: inline-block;
margin: 0;
}
.pt-plus-filter-post-category .category-filters li {
position: relative;
display: inline-block;
margin: 0 0.75em;
}
.pt-plus-filter-post-category .category-filters li a{
font-size:12px;
line-height: 19px;
padding: 3px 0;
color: #313131;
text-transform: capitalize;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
.pt-plus-filter-post-category .category-filters.style-1 li a.all span.all_post_count {
position: absolute;
top: -13px;
font-size: 10px;
right: -15px;
min-width: 20px;
align-items: center;
display: grid;
height: 20px;
line-height: 1;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-weight: 400;
text-align: center;
background: #d3d3d3;
color: #fff;
box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.09);
}
.pt-plus-filter-post-category .category-filters.style-2 span.all_post_count {
font-weight: 300;
margin-bottom: 8px;
font-size: 24px;
line-height: 28px;
letter-spacing: 0;
text-transform: none;
display: block;
text-transform: capitalize;
text-align: center;
}
.pt-plus-filter-post-category ul.category-filters.style-3{
margin-top: 30px;
}
.pt-plus-filter-post-category .category-filters.style-3 a span.all_post_count {
visibility: hidden;
display: block;
position: absolute;
left: 50%;
top: -70%;
min-width: 2.833em;
margin-left: -1.416em;
padding: 2px 3px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius: 2px;
text-align: center;
z-index: 50;
opacity: 0;
transition: all .35s ease;
-webkit-transition:all .35s ease;
-moz-transition: all .35s ease;
-o-transition:all .35s ease;
-ms-transition:all .35s ease;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
background: #d3d3d3;
color: #313131;
}
.pt-plus-filter-post-category .category-filters a span{
text-transform:capitalize;
display:block;
text-align:center;
}
.pt-plus-filter-post-category .category-filters.style-3 a:hover span.all_post_count ,.pt-plus-filter-post-category .category-filters.style-3 a:focus span.all_post_count,.pt-plus-filter-post-category .category-filters.style-3 a.active span.all_post_count {
visibility: visible;
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-moz-transform: translateY(-15px);
-o-transform:translateY(-15px);
transform: translateY(-15px);
opacity: 1;
}
.pt-plus-filter-post-category .category-filters.style-3 a span.all_post_count:before {
content:'';
position: absolute;
left: 50%;
bottom: -3px;
width: 0;
height: 0;
margin-left: -4px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 3px solid #d3d3d3;
-webkit-transition: all .35s ease;
-moz-transition: all .35s ease;
-o-transition: all .35s ease;
-ms-transition: all .35s ease;
transition: all .35s ease;
}
.pt-plus-filter-post-category .category-filters.style-3 a span.all_post_count:before{
border-top: 3px solid #d3d3d3;
}
.pt-plus-filter-post-category .post-filter-data.style-4 .filters-toggle-link {
display: inline-block;
margin-left: 0;
position: relative;
font-size: .85714em;
line-height: 1;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #000;
cursor: pointer
}
.pt-plus-filter-post-category .post-filter-data.style-4 .filters-toggle-link svg {
width: 30px;
height: 20px;
position: relative;
display:inline-block;
top: 50%;
-webkit-transform: translateY(25%);
-ms-transform: translateY(25%);
-moz-transform: translateY(25%);
-o-transform: translateY(25%);
transform: translateY(25%)
}
.pt-plus-filter-post-category .post-filter-data.style-4 .filters-toggle-link line,.pt-plus-filter-post-category .post-filter-data.style-4 .filters-toggle-link circle,.pt-plus-filter-post-category .post-filter-data.style-4 .filters-toggle-link polyline {
fill: none;
stroke: #000
}
.pt-plus-filter-post-category .post-filter-data.style-4 .filters-toggle-link line {
stroke-width: 3;
-webkit-transition: all 0.3s cubic-bezier(0.17, 0.74, 0.42, 1);
-moz-transition: all 0.3s cubic-bezier(0.17, 0.74, 0.42, 1);
-o-transition: all 0.3s cubic-bezier(0.17, 0.74, 0.42, 1);
-ms-transition: all 0.3s cubic-bezier(0.17, 0.74, 0.42, 1);
transition: all 0.3s cubic-bezier(0.17, 0.74, 0.42, 1)
}
.pt-plus-filter-post-category .post-filter-data.style-4 .filters-toggle-link polyline {
stroke: #000;
stroke-width: 3;
-webkit-transition: all 0.3s cubic-bezier(0.17, 0.74, 0.42, 1);
-moz-transition: all 0.3s cubic-bezier(0.17, 0.74, 0.42, 1);
-o-transition: all 0.3s cubic-bezier(0.17, 0.74, 0.42, 1);
-ms-transition: all 0.3s cubic-bezier(0.17, 0.74, 0.42, 1);
transition: all 0.3s cubic-bezier(0.17, 0.74, 0.42, 1)
}
.pt-plus-filter-post-category .post-filter-data.style-4 .filters-toggle-link circle {
stroke-width: 3;
stroke-dasharray: 200;
stroke-dashoffset: 200;
-webkit-transform-origin: center;
-moz-transform-origin: center;
-ms-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
-o-transform: rotateZ(180deg);
transform: rotateZ(180deg);
-webkit-transition: all 0.3s cubic-bezier(0.17, 0.74, 0.42, 1);
-moz-transition: all 0.3s cubic-bezier(0.17, 0.74, 0.42, 1);
-o-transition: all 0.3s cubic-bezier(0.17, 0.74, 0.42, 1);
-ms-transition: all 0.3s cubic-bezier(0.17, 0.74, 0.42, 1);
transition: all 0.3s cubic-bezier(0.17, 0.74, 0.42, 1)
}
.pt-plus-filter-post-category .post-filter-data.style-4.text-center {
padding: 5px 0 15px;
}
.pt-plus-filter-post-category .post-filter-data.style-4 .filters-toggle-link+ul.category-filters {
display: inline-block;
position: relative;
}
.pt-plus-filter-post-category .post-filter-data.style-4 .filters-toggle-link+ul.category-filters li {
vertical-align: middle
}
.pt-plus-filter-post-category .post-filter-data.style-4 .filters-toggle-link:hover svg line {
-webkit-transform: scaleX(0);
-ms-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: scaleX(0)
}
.pt-plus-filter-post-category .post-filter-data.style-4 .filters-toggle-link:hover svg polyline {
-webkit-transform: translateX(-23px);
-ms-transform: translateX(-23px);
-moz-transform: translateX(-23px);
-o-transform: translateX(-23px);
transform: translateX(-23px)
}
.pt-plus-filter-post-category .post-filter-data.style-4 .filters-toggle-link:hover svg circle {
stroke-dashoffset: 0
}
.pt-plus-filter-post-category .post-filter-data.style-4 .filters-toggle-link+ul li{
display: inline-block;
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-105%);
-ms-transform: translateX(-105%);
-moz-transform: translateX(-105%);
-o-transform: translateX(-105%);
transform: translateX(-105%);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
-o-transition:-o-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
-ms-transition:-ms-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1);
}
ul.category-filters.style-4.hover-style-3 li {
margin: 0;
}
ul.category-filters.style-4.hover-style-3 a span{
display:inline-block;
}
ul.category-filters.style-1.hover-style-3 li {
margin: 0;
}
ul.category-filters.style-1.hover-style-3 a span {
display: inline-block;
}
ul.category-filters.style-1.hover-style-3 .all_post_count {
right: -8px !important;
}
ul.category-filters.style-3.hover-style-3 li a span {
display: inline-block;
}
ul.category-filters.style-3.hover-style-3 li {
margin: 0;
}
.pt-plus-filter-post-category .post-filter-data.style-4:hover .category-filters li{
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.pt-plus-filter-post-category .post-filter-data.style-4:hover .category-filters li:nth-child(1){
-webkit-transition-delay:.06667s;
-moz-transition-delay:.06667s;
-o-transition-delay:.06667s;
transition-delay:.06667s;
}
.pt-plus-filter-post-category .post-filter-data.style-4:hover .category-filters li:nth-child(2){
-webkit-transition-delay: .13333s;
-moz-transition-delay:.13333s;
-o-transition-delay:.13333s;
transition-delay: .13333s
}
.pt-plus-filter-post-category .post-filter-data.style-4:hover .category-filters li:nth-child(3){
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s
}
.pt-plus-filter-post-category .post-filter-data.style-4:hover .category-filters li:nth-child(4){
-webkit-transition-delay: .26667s;
-moz-transition-delay:.26667s;
-o-transition-delay:.26667s;
transition-delay: .26667s
}
.pt-plus-filter-post-category .post-filter-data.style-4:hover .category-filters li:nth-child(5){
-webkit-transition-delay: .33333s;
-moz-transition-delay:.33333s;
-o-transition-delay:.33333s;
transition-delay: .33333s
}
.pt-plus-filter-post-category .post-filter-data.style-4:hover .category-filters li:nth-child(6){
-webkit-transition-delay: .4s;
-moz-transition-delay:.4s;
-o-transition-delay:.4s;
transition-delay: .4s
}
.pt-plus-filter-post-category .post-filter-data.style-4:hover .category-filters li:nth-child(7){
-webkit-transition-delay: .46667s;
-moz-transition-delay:.46667s;
-o-transition-delay:.46667s;
transition-delay: .46667s
}
.pt-plus-filter-post-category .post-filter-data.style-4:hover .category-filters li:nth-child(8){
-webkit-transition-delay: .53333s;
-moz-transition-delay:.53333s;
-o-transition-delay:.53333s;
transition-delay: .53333s
}
.pt-plus-filter-post-category .post-filter-data.style-4:hover .category-filters li:nth-child(9){
-webkit-transition-delay: .6s;
-moz-transition-delay:.6s;
-o-transition-delay:.6s;
transition-delay: .6s
}
.pt-plus-filter-post-category .post-filter-data.style-4:hover .category-filters li:nth-child(10){
-webkit-transition-delay: .66667s;
-moz-transition-delay:.66667s;
-o-transition-delay:.66667s;
transition-delay: .66667s
}
.pt-plus-filter-post-category .post-filter-data.style-4:hover .category-filters li:nth-child(11){
-webkit-transition-delay: .73333s;
-moz-transition-delay:.73333s;
-o-transition-delay:.73333s;
transition-delay: .73333s
}
.pt-plus-filter-post-category .post-filter-data.style-4:hover .category-filters li:nth-child(12){
-webkit-transition-delay: .8s;
-moz-transition-delay:.8s;
-o-transition-delay:.8s;
transition-delay: .8s
}
.pt-plus-filter-post-category .post-filter-data.style-4:hover .category-filters li:nth-child(13){
-webkit-transition-delay: .86667s;
-moz-transition-delay:.86667s;
-o-transition-delay:.86667s;
transition-delay: .86667s;
}
.pt-plus-filter-post-category .post-filter-data.style-4:hover .category-filters li:nth-child(14){
-webkit-transition-delay: .93333s;
-moz-transition-delay:.93333s;
-o-transition-delay:.93333s;
transition-delay: .93333s;
}
.pt-plus-filter-post-category .post-filter-data.style-4:hover .category-filters li:nth-child(15){
-webkit-transition-delay: 1s;
-moz-transition-delay:1s;
-o-transition-delay:1s;
transition-delay: 1s;
}
.pt-plus-filter-post-category .post-filter-data.style-4:hover .category-filters li:nth-child(16){
-webkit-transition-delay: 1.06667s;
-moz-transition-delay:1.06667s;
-o-transition-delay:1.06667s;
transition-delay: 1.06667s
}
.pt-plus-filter-post-category .post-filter-data.style-4:hover .category-filters li:nth-child(17){
-webkit-transition-delay: 1.13333s;
-moz-transition-delay: 1.13333s;
-o-transition-delay: 1.13333s;
transition-delay: 1.13333s
}
.pt-plus-filter-post-category .post-filter-data.style-4:hover .category-filters li:nth-child(18){
-webkit-transition-delay: 1.2s;
-moz-transition-delay: 1.2s;
-o-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.pt-plus-filter-post-category .post-filter-data.style-4:hover .category-filters li:nth-child(19){
-webkit-transition-delay: 1.26667s;
-moz-transition-delay: 1.26667s;
-o-transition-delay: 1.26667s;
transition-delay: 1.26667s;
}
.pt-plus-filter-post-category .post-filter-data.style-4:hover .category-filters li:nth-child(20){
-webkit-transition-delay: 1.33333s;
-moz-transition-delay: 1.33333s;
-o-transition-delay: 1.33333s;
transition-delay: 1.33333s;
}
/*---------style-1--------*/
.pt-plus-filter-post-category .category-filters.hover-style-1 li a span:not(.all_post_count){
margin-bottom:2px;
}
.pt-plus-filter-post-category .category-filters.hover-style-1 li a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 2px;
background: #313131;
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
-o-transition: opacity 0.3s, -o-transform 0.3s;
-ms-transition: opacity 0.3s, -ms-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}
.pt-plus-filter-post-category .category-filters.hover-style-1 li a:hover::after, .pt-plus-filter-post-category .category-filters.hover-style-1 li a:focus::after,.pt-plus-filter-post-category .category-filters.hover-style-1 li a.active::after {
opacity: 0.6;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.pt-plus-filter-post-category .category-filters.hover-style-2 li a{-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;}
.pt-plus-filter-post-category .category-filters.hover-style-2 li a span:not(.all_post_count){
position: relative;
display: grid;
align-items: center;
text-align:center;
padding: 5px 12px;
background: #2195de;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-o-transition:-o-transform 0.3s;
-ms-transition:-ms-transform 0.3s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.pt-plus-filter-post-category .category-filters.hover-style-2 li a:hover span:not(.all_post_count), .pt-plus-filter-post-category .category-filters.hover-style-2 li a:focus span:not(.all_post_count),.pt-plus-filter-post-category .category-filters.hover-style-2 li a.active span:not(.all_post_count){
-webkit-transform: rotateX(90deg) translateY(-22px);
-moz-transform: rotateX(90deg) translateY(-22px);
-ms-transform: rotateX(90deg) translateY(-22px);
-o-transform: rotateX(90deg) translateY(-22px);
transform: rotateX(90deg) translateY(-22px);
}
/*---------style-1--------*/
/*---------style-2--------*/
.pt-plus-filter-post-category .category-filters.hover-style-2 li a span:not(.all_post_count)::before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
display: grid;
align-items: center;
background: #0965a0;
content: attr(data-hover);
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
-o-transition: background 0.3s;
-ms-transition: background 0.3s;
transition: background 0.3s;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.pt-plus-filter-post-category .category-filters.hover-style-2 li a:hover span:not(.all_post_count):before, .pt-plus-filter-post-category .category-filters.hover-style-2 li a:focus span:not(.all_post_count):before,.pt-plus-filter-post-category .category-filters.hover-style-2 li a.active span:not(.all_post_count):before {
background: #28a2ee;
}
/*---------style-2--------*/
/*---------style-3--------*/
.pt-plus-filter-post-category .category-filters.hover-style-3 li a{
padding: 3px 5px;
}
.pt-plus-filter-post-category .category-filters.hover-style-3 li a:before, .pt-plus-filter-post-category .category-filters.hover-style-3 li a:after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
-ms-transition: -ms-transform 0.3s, opacity 0.2s;
-o-transition: -o-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}
.pt-plus-filter-post-category .category-filters.hover-style-3 li a:before {
margin-right: 7px;
content: '[';
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
}
.pt-plus-filter-post-category .category-filters.hover-style-3 li a:after {
margin-left: 7px;
content: ']';
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
}
.pt-plus-filter-post-category .category-filters.hover-style-3 li a:hover:after, .pt-plus-filter-post-category .category-filters.hover-style-3 li a:focus:after,.pt-plus-filter-post-category .category-filters.hover-style-3 li a.active:after, .pt-plus-filter-post-category .category-filters.hover-style-3 li a:hover:before,.pt-plus-filter-post-category .category-filters.hover-style-3 li a:focus:before,.pt-plus-filter-post-category .category-filters.hover-style-3 li a.active:before {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
/*---------style-3--------*/
/*---------style-4--------*/
.pt-plus-filter-post-category .category-filters.hover-style-4.style-1 li a span.all_post_count {
display: none;
}
.pt-plus-filter-post-category .category-filters.hover-style-4 li a {
overflow: hidden;
position: relative;
padding: 5px 7px;
display: block;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.pt-plus-filter-post-category .category-filters.hover-style-4 li a:before, .pt-plus-filter-post-category .category-filters.hover-style-4 li a:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
-o-transition:-o-transform 0.3s;
-ms-transition:-ms-transform 0.3s;
transition: transform 0.3s;
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
.pt-plus-filter-post-category .category-filters.hover-style-4 li a:before {
border-top: 2px solid #d3d3d3;
background: transparent !important;
-webkit-transition-delay: 0.3s;
-moz-transition-delay:0.3s;
-o-transition-delay:0.3s;
transition-delay: 0.3s;
-webkit-transform: translateY( calc(100% - 2px) );
-ms-transform: translateY( calc(100% - 2px) );
-moz-transform: translateY( calc(100% - 2px) );
-o-transform: translateY( calc(100% - 2px) );
transform: translateY( calc(100% - 2px) );
}
.pt-plus-filter-post-category .category-filters.hover-style-4 li a:after {
background: #d3d3d3;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.pt-plus-filter-post-category .category-filters.hover-style-4 li a span{
position: relative;
z-index: 1;
}
.pt-plus-filter-post-category .category-filters.hover-style-4 li a:hover:before,.pt-plus-filter-post-category .category-filters.hover-style-4 li a:focus:before,.pt-plus-filter-post-category .category-filters.hover-style-4 li a.active:before {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.pt-plus-filter-post-category .category-filters.hover-style-4 li a:hover:after,.pt-plus-filter-post-category .category-filters.hover-style-4 li a:focus:after,.pt-plus-filter-post-category .category-filters.hover-style-4 li a.active:after {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
/*---------style-4--------*/
.pt-plus-pagination {
position: relative;
display: block;
width: 100%;
text-align: center;
padding: 20px 0;
margin-top:20px;
}
.pt-plus-pagination .current, .pt-plus-pagination a{
padding: 8px 12px;
position: relative;
text-align: center;
background: transparent;
border: 1px solid #313131;
-webkit-transition: color .3s ease, background .3s ease, border-color .3s ease;
-moz-transition: color .3s ease, background .3s ease, border-color .3s ease;
-o-transition: color .3s ease, background .3s ease, border-color .3s ease;
-ms-transition: color .3s ease, background .3s ease, border-color .3s ease;
transition: color .3s ease, background .3s ease, border-color .3s ease;
margin: 2px;
}
.pt-plus-page-wrap span {
padding: 8px 12px;
position: relative;
text-align: center;
background: transparent;
border: 1px solid #313131;
-webkit-transition: color .3s ease, background .3s ease, border-color .3s ease;
-moz-transition: color .3s ease, background .3s ease, border-color .3s ease;
-o-transition: color .3s ease, background .3s ease, border-color .3s ease;
-ms-transition: color .3s ease, background .3s ease, border-color .3s ease;
transition: color .3s ease, background .3s ease, border-color .3s ease;
}
.pt-plus-page-wrap {
position: relative;
display: block;
margin: 20px 10px;
text-align: center;
}
.pt-plus-pagination .current{
background: #313131;
color: #fff;
}
.ajax_load_more {
display: block;
text-align: center;
width: 100%;
position: relative;
}
.post-load-more {
border: 1px solid;
padding: 10px 20px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin: 20px 0;
display: inline-block;
cursor: pointer;
font-size: 22px;
}
.ajax_lazy_load {
position: relative;
display: block;
width: 100%;
text-align: center;
}
.post-lazy-load {
padding: 37px;
position: relative;
display: block;
font-size: 20px;
}
/*------post filter category css--------*/
/***************************** testimonial slider css start **************************/
.pt-plus-testimonial-slide .infor-client {
position: relative;
display: block;
width: 100%;
clear: both;
}
.slick-initialized .slick-slide{
outline: none;
}
.pt-plus-testimonial-item .client-name {
font-size: 18px;
line-height: 1.5;
margin: 15px 0 0;
}
.pt-plus-testimonial-item-style-5 .ts-desig {
font-size: 24px;
}
.testimonails-style-desg-clinet {
opacity: 0;
}
.pt-plus-testi-nav .slick-current .pt-plus-testimonials-item .testimonails-style-desg-clinet {
opacity: 1;
-moz-transition: opacity .5s ease-in-out;
-webkit-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
-ms-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
}
.nav-style_4 .ts-desig {
font-size: 14px;
color: #fff;
padding: 5px 0 10px 0;
}
.pt-plus-testimonials-item .testimonails-style-desg-clinet{
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
-ms-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
}
.testimonails-style-desg-clinet .client-name {
font-size: 18px;
line-height: 1.5;
margin-top: 10px;
}
.pt-plus-testi-nav.testi-inner-loop.nav-style_4 .client-name {
margin-bottom: 10px;
}
.margin-right-test {
margin-top: -60px;
overflow: hidden;
}
.margin-center-test {
margin-top: -10px;
overflow: hidden;
}
.testi-title {
margin: 20px 0;
}
.margin-left-test{
margin-top: -60px;
overflow: hidden;
}
.pt-plus-testimonial-slide-style-1{
text-align: center;
color: #222;
width: 100%;
margin: 0 auto;
display: inline-block !important;
}
.pt-plus-testimonial-slide .slick-dots {
bottom: 0;
}
.pt-plus-testimonial-slide .pt-plus-testimonial-slide-style-7 .slick-dots{
bottom: -45px;
}
.pt-plus-testimonial-slide .nav-style_5 .slick-dots {
bottom: -45px;
}
.pt-plus-testimonial-slide-style-1 p{
font-size: 24px;
line-height: 36px;
margin-bottom: 60px;
padding: 0 30px;
}
.pt-plus-testimonial-slide-style-1 .pt-plus-testimonial-item-style-1 {
padding: 20px 0;
vertical-align: middle;
display: inline-block;
margin-bottom:45px;
}
.pt-plus-testimonial-slide-style-1 .pt-plus-testimonial-item-style-1:before {
content: '';
vertical-align: middle;
display: inline-block;
}
.pt-plus-testimonial-slide-style-1 .pt-plus-testimonial-item-style-1 img {
max-width: 80px;
border-style: outset;
border: 1px solid #d3d3d3;
border-radius: 50%;
display: inline-block !important;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
transition-duration: .3s;
transition-property: transform
}
.pt-plus-testimonial-slide-style-1 .pt-plus-testimonial-item-style-1 img:hover,.pt-plus-testimonial-slide-style-1 .pt-plus-testimonial-item-style-1 img:focus {
-webkit-transform: scale(1.05) rotate(2deg);
transform: scale(1.05) rotate(2deg);
}
.pt-plus-testimonial-slide .slick-nav.style-4.bottm-left,.pt-plus-testimonial-slide .slick-nav.style-5.bottm-left{
bottom: -10px;
}
.pt-plus-testimonial-slide .slick-nav.style-4.bottom-center, .pt-plus-testimonial-slide .slick-nav.style-5.bottom-center, .pt-plus-testimonial-slide .slick-nav.style-4.bottom-right, .pt-plus-testimonial-slide .slick-nav.style-5.bottom-right{
bottom: -10px;
}
/***************************** testimonial slider css End **************************/
/***************************** testimonial slider Style 2 css start **************************/
.pt-plus-testimonial-slide-style-2 .icon-client img {
max-width: 70px;
}
.pt-plus-testimonial-slide-style-2 .pt-plus-testimonial-item-style-2 {
padding: 20px;
text-align: center;
margin-bottom: 60px;
}
.pt-plus-testimonial-slide-style-2 .icon-client .seprator {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 30%;
margin: 0 auto;
}
.pt-plus-testimonial-slide-style-2 .icon-client span.title-sep {
height: 1px;
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 10%;
border-top: 1px solid #f7be68;
}
.pt-plus-testimonial-slide-style-2 .img-clint {
position: relative;
padding: 0 20px;
}
.pt-plus-testimonial-slide-style-2 .pt-plus-testimonial-item-style-2 p{
font-size: 24px;
line-height: 36px;
margin-bottom: 60px;
}
.owl-carousel {
overflow: hidden;
}
/***************************** testimonial slider Style 2 css End **************************/
/*--testimonials slider style 3 Start*/
.pt-plus-testimonial-item-style-3.pt-plus-testimonial-item{
margin: 0 10px;
}
.pt-plus-testimonial-item-style-3 .client-name {
margin-top: 10px;
margin-bottom: 20px;
}
.pt-plus-testimonial-item-style-3 .content {
padding: 30px;
padding-left: 100px;
text-align: left;
}
.pt-plus-testimonial-item-style-3 .content img {
position: absolute;
top: 23px;
width: 70px !important;
left: 0;
}
.pt-plus-testimonial-item.pt-plus-testimonial-item-style-3.slick-slide {
margin-left: 20px;
margin-bottom: 60px;
}
.row.ts-style-3{
position: relative;
margin: 0;
}
.pt-plus-testimonial-item{
background-position: center center !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.pt-plus-testimonial-item-style-3 p {
font-size: 14px;
line-height: 1.5;
}
/*--testimonials slider style 3 End*/
.pt-plus-testimonial-item.pt-plus-testimonial-item-style-4 {
display: table-cell;
height: 100%;
vertical-align: middle;
padding: 0 30px;
overflow-y: auto;
}
.pt-plus-testimonial-item.pt-plus-testimonial-item-style-4::-webkit-scrollbar {
width: 6px;
background: rgba(245, 245, 245, 0);
}
.pt-plus-testimonial-item.pt-plus-testimonial-item-style-4::-webkit-scrollbar-thumb {
background: #ff214f;
}
.pt-plus-testimonial-item.pt-plus-testimonial-item-style-4::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background: rgba(245, 245, 245, 0);
}
.pt-plus-testi-nav.nav-style_4 .testimonails-style-img img {
display: block;
width: 100%;
}
.pt-plus-testi-nav.nav-style_4 .slick-slide{
margin: 0 10px;
cursor: pointer;
-webkit-transition:.3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
transition: .3s;
}
.pt-plus-testi-nav.nav-style_4 .slick-list {
padding-bottom: 50px;
}
.pt-plus-testi-nav.testi-inner-loop.nav-style_4.top-right{
margin-top: 40px;
}
.pt-plus-testimonial-item.pt-plus-testimonial-item-style-4 .testi-title {
opacity: 0;
-webkit-transition: opacity 1s cubic-bezier(0,0,.2,1);
-moz-transition: opacity 1s cubic-bezier(0,0,.2,1);
-o-transition: opacity 1s cubic-bezier(0,0,.2,1);
-ms-transition: opacity 1s cubic-bezier(0,0,.2,1);
transition: opacity 1s cubic-bezier(0,0,.2,1);
}
.pt-plus-testimonial-item.pt-plus-testimonial-item-style-4.slick-slide.slick-current.slick-active .testi-title {
-webkit-animation-delay: .6s !important;
animation-delay: .6s !important;
-webkit-transition-delay: .6s !important;
transition-delay: .6s !important;
opacity: 1;
-webkit-animation: pt-plus-testi-fadeInDown 1s cubic-bezier(0,0,.2,1) 1 both;
animation: pt-plus-testi-fadeInDown 1s cubic-bezier(0,0,.2,1) 1 both;
}
.pt-plus-testimonial-slide-style-4 .testimonials-description {
margin-bottom: 30px;
opacity: 0;
-webkit-transition: opacity 1s cubic-bezier(0,0,.2,1);
-moz-transition: opacity 1s cubic-bezier(0,0,.2,1);
-o-transition: opacity 1s cubic-bezier(0,0,.2,1);
-ms-transition: opacity 1s cubic-bezier(0,0,.2,1);
transition: opacity 1s cubic-bezier(0,0,.2,1);
}
.pt-plus-testimonial-item-style-4.slick-slide.slick-current.slick-active p.testimonials-description{
-webkit-animation-delay: .8s !important;
animation-delay: .8s !important;
-webkit-transition-delay: .8s !important;
transition-delay: .8s !important;
-webkit-animation: pt-plus-testi-fadeInDown 1s cubic-bezier(0,0,.2,1) 1 both;
animation: pt-plus-testi-fadeInDown 1s cubic-bezier(0,0,.2,1) 1 both;
opacity: 1;
}
.pt-plus-testimonial-item.pt-plus-testimonial-item-style-5 .client-name,.pt-plus-testimonial-item.pt-plus-testimonial-item-style-5 .ts-desig, .pt-plus-testimonial-item.pt-plus-testimonial-item-style-5 .content{
opacity: 0;
-webkit-transition: opacity 1s cubic-bezier(0,0,.2,1);
-moz-transition: opacity 1s cubic-bezier(0,0,.2,1);
-o-transition: opacity 1s cubic-bezier(0,0,.2,1);
-ms-transition: opacity 1s cubic-bezier(0,0,.2,1);
transition: opacity 1s cubic-bezier(0,0,.2,1);
}
.pt-plus-testimonial-item.pt-plus-testimonial-item-style-5.slick-slide.slick-current.slick-active .client-name, .pt-plus-testimonial-item.pt-plus-testimonial-item-style-5.slick-slide.slick-current.slick-active .content {
-webkit-animation-delay: .6s !important;
animation-delay: .6s !important;
-webkit-transition-delay: .6s !important;
transition-delay: .6s !important;
-webkit-animation: pt-plus-testi-fadeInDown 1s cubic-bezier(0,0,.2,1) 1 both;
animation: pt-plus-testi-fadeInDown 1s cubic-bezier(0,0,.2,1) 1 both;
opacity: 1;
}
.pt-plus-testimonial-item.pt-plus-testimonial-item-style-5.slick-slide.slick-current.slick-active .ts-desig{
-webkit-animation-delay: .8s !important;
animation-delay: .8s !important;
-webkit-transition-delay: .8s !important;
transition-delay: .8s !important;
-webkit-animation: pt-plus-testi-fadeInDown 1s cubic-bezier(0,0,.2,1) 1 both;
animation: pt-plus-testi-fadeInDown 1s cubic-bezier(0,0,.2,1) 1 both;
opacity: 1;
}
@-webkit-keyframes pt-plus-testi-fadeInDown {
0% {
-webkit-transform: translate3d(0,30px,0);
transform: translate3d(0,30px,0)
}
100% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@keyframes pt-plus-testi-fadeInDown {
0% {
-webkit-transform: translate3d(0,30px,0);
transform: translate3d(0,30px,0)
}
100% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
/*--testimonials slider style 4 End*/
/*--testimonials slider style 5*/
.pt-plus-testi-nav-style-5 img {
max-width: 150px;
display: inline-block !important;
}
.pt-plus-testi-nav.nav-style_5 .testimonails-style-img img {
width: 100%;
}
.pt-plus-testi-nav.nav-style_5 .slick-list {
padding-bottom: 30px;
}
.pt-plus-testi-nav.nav-style_5 .slick-slide{
margin: 20px;
}
.pt-plus-testimonial-item.pt-plus-testimonial-item-style-5 {
padding: 50px 15px;
}
.pt-plus-testi-nav-style-5 .client-name {
font-size: 24px;
margin: 0;
}
.pt-plus-testi-nav-style-5 .testimonails-style-desg-clinet {
background: #6aafdb; margin: 0;
}
.pt-plus-testimonial-slide-style-3 button.slick-nav.slick-prev.style-1 {
left: 25px;
}
.pt-plus-testimonial-slide .owl-prev {
position: absolute;
font-size: 2.8rem;
top: 50%;
left: 10px;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.pt-plus-testimonial-slide .owl-next {
position: absolute;
font-size: 2.8rem;
top: 50%;
right: 10px;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.pt-plus-testimonial-slide-style-3 .owl-nav {
text-align: right;
margin: 10px;
}
.pt-plus-testimonial-slide-style-3 .owl-next, .pt-plus-testimonial-slide-style-3 .owl-prev {
position: relative;
font-size: 2.8rem;
display: inline-block;
margin-left: 10px;
}
.testimonails-style-desg-clinet {
margin: 0;
position: relative;
display: block;
overflow: hidden;
}
.pt-plus-testi-nav.nav-style_5 .slick-slide {
opacity: 0.8;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
-ms-transition: all 500ms ease;
transition: all 500ms ease;
cursor: pointer;
}
.pt-plus-testi-nav.nav-style_5 .slick-slide.slick-current {
transform: scale(1.15);
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(1.15);
-webkit-transform: scale(1.15);
opacity: 1;
}
/*--testimonials slider style 5 End*/
/*--testimonials slider style 6 Start*/
.pt-plus-testimonial-slide-style-6 .testimonials-6 {
padding: 40px 50px;
width: 100%;
display: block;
}
.pt-plus-testimonial-item .testimonials-6 .client-name {
margin: 8px 0 0;
}
.pt-plus-testimonial-slide .pt-plus-testimonial-slide-style-6 .slick-dots {
bottom: -40px;
}
.pt-plus-testimonial-slide-style-6 .slick-dotted.slick-slider {
margin-bottom: 50px;
}
.pt-plus-testimonial-slide-style-6 .slick-track {
display: flex !important;
}
.pt-plus-testimonial-slide-style-6 .slick-track .slick-slide {
display: flex !important;
height: auto !important;
align-items: center !important;
justify-content: center !important;
}
.pt-plus-testimonial-slide-style-6 .test-equal-height{
height: 100%;
align-items: center !important;
justify-content: center !important;
display: flex;
}
/*--testimonials slider style 6 End*/
/*--testimonials slider style 7 End*/
.pt-plus-testimonial-item-style-7 .infor-client {
display: table;
float: none;
width: auto;
margin: 0 auto;
}
.pt-plus-testimonial-slide-style-7 .icon-client,.pt-plus-testimonial-slide-style-7 .client-name {
display: table-cell;
vertical-align: middle;
padding: 10px;
text-align:left;
}
.pt-plus-testimonial-slide-style-7 .infor-client .icon-client img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
float: left;
height: 77px;
width: 77px;
}
.pt-plus-testimonial-slide-style-7 .clent-desig {
text-align:left;
color: #bdbdbd;
font-size: 14px;
line-height: 19px;
}
.pt-plus-testimonial-slide-style-7 p.testimonials-description {
text-align: center;
}
.pt-plus-testimonial-slide .pt-plus-testimonial-slide-style-7 {
padding: 40px 50px;
border: 3px solid #f6f6f6;
margin: 20px 0;
background: #fff;
}
/*--testimonials slider style 7 End*/
@media (max-width:730px){
.timeline-item-wrap.timeline-left-content, .timeline-item-wrap.timeline-right-content {
left: 10% !important;
position: relative !important;
transform: translate3d(0,0,0) !important;
top: auto !important;
width: 87%;
}
.timeline-style-1 .timeline-left-content .timeline-tl-before {
left: auto;
right: 100%;
}
.timeline-item-wrap.timeline-left-content .text-right, .timeline-item-wrap.timeline-right-content .text-left{
text-align:left !important;
}
.pt-plus-timeline-list.layout-both .timeline-track, .pt-plus-timeline-list.layout-both .timeline-beginning-icon, .pt-plus-timeline-list.layout-both .timeline-text,.pt-plus-timeline-list.layout-both .timeline-end-icon{
left:10%;
}
.timeline-item-wrap.timeline-left-content {
padding-right: 0;
padding-left: 120.5px !important;
}
.timeline-left-content .point-icon{
left:0;
}
.timeline-text-tooltip.position-left{
right:auto;
left:120%;
}
.timeline-text-tooltip.position-left .tooltip-arrow {
left: 0%;
right: auto;
border-bottom-color: transparent !important;
border-top-color: transparent !important;
border-left-color: transparent !important;
margin-top: -7px;
margin-left: -14px;
border-right-color: inherit !important;
}
.timeline-style-2 .timeline-left-content .timeline-tl-before {
right: 100%;
}
.timeline-style-2 .timeline-item-wrap.timeline-left-content .timeline-tl-before {
left: auto;
right: 100%;
border-top: 0 !important;
border-bottom-color: transparent !important;
border-left: 0 !important;
}
.timeline-style-2 .timeline-item-wrap.timeline-left-content {
padding-right: 0;
padding-left: 70.5px !important;
}
.pt-plus-testimonial-slide .pt-plus-testimonial-slide-style-7{
padding: 30px 30px;
}
}
@media (max-width:480px){
.pt-plus-timeline-list.timeline-style-1 .timeline-item-wrap.timeline-left-content,.pt-plus-timeline-list.timeline-style-1 .timeline-item-wrap.timeline-right-content {
padding-right: 0;
padding-left: 20.5px !important;
}
.pt-plus-timeline-list.timeline-style-1 .timeline-item-wrap.text-pin-position-left,.pt-plus-timeline-list.timeline-style-1 .timeline-item-wrap.text-pin-position-right{
padding-top: 50px;
}
.timeline-style-1 .timeline-item-wrap .timeline-item .timeline-tl-before{
display:none;
}
.pt-plus-testimonial-slide .pt-plus-testimonial-slide-style-7{
padding: 30px 20px;
}
}
@media (max-width:767px){
.list-isotope-metro:not(.plus-smart-gallery) .post-inner-loop .grid-item {
width: 33.33% !important;
height: 250px !important;
}
.service-flipbox,.service-flipbox-holder{cursor:pointer;}
}
@media (max-width:660px){
.list-isotope-metro:not(.plus-smart-gallery) .post-inner-loop .grid-item {
width: 50% !important;
height: 300px !important;
}
#wpadminbar {
position: fixed;
}
}
@media (max-width:480px){
.list-isotope-metro:not(.plus-smart-gallery) .post-inner-loop .grid-item {
width: 100% !important;
height: 420px !important;
}
}
@media (max-width:375px){
.list-isotope-metro:not(.plus-smart-gallery) .post-inner-loop .grid-item {
height: 300px !important;
}
}