.content-in {
background: #fff;
padding: 20px;
font-size: 13px
}
.content-in table {
border-collapse: collapse;
float: left;
clear: both;
width: 100%;
margin: 0;
background: #fff;
border: 1px solid #fff;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none
}
.content-in td {
padding: 5px;
border: 1px dotted #ccc;
font-size: 13px;
text-align: center;
color: #000
}
td.light {
background: #d9d9d9 url(//sameforeningen-stockholm.se/wp-content/plugins/pt-elementor-addons-lite/assets/front-end/css/icons/background.jpg) repeat-y center top;
padding: 20px
}
td.dark {
background: #060606 url(//sameforeningen-stockholm.se/wp-content/plugins/pt-elementor-addons-lite/assets/front-end/css/icons/background-dark.gif) repeat-y center top;
padding: 20px
}
td.transparent {
background: #d9d9d9 url(//sameforeningen-stockholm.se/wp-content/plugins/pt-elementor-addons-lite/assets/front-end/css/icons/background-transparent.jpg) repeat-y center top fixed;
padding: 20px
}
code {
font-family: "Courier New", monospace, Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco;
color: #27bb0a;
font-size: 12px
}
pre code {
font-family: "Courier New", monospace, Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco;
display: block;
clear: both;
background: #000;
padding: 20px 0 20px 0;
color: #fff;
font-size: 12px;
overflow: auto;
line-height: 16px;
margin: 0;
white-space: pre;
width: 100%
}
.image-acc.content {
float: none
}
.sep {
width: 100%;
text-align: center
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.image-acc {
display: inline-block;
margin: 50px;
border: 0 solid #fff;
overflow: hidden;
text-align: left
}
.image-acc-inner {
white-space: nowrap;
display: inline-block;
overflow: hidden
}
.image {
margin-right: -4px;
background: #ccc;
overflow: hidden;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out
}
.image:hover {
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out
}
.vertical {
border-left: 0!important
}
.txt-content p {
margin-left: 35px!important
}
.txt-content h2 {
color: #bcbcbc
}
.image-acc.vertical {
width: 59%;
height: 100%
}
.vertical .image-acc-inner {
width: 100%;
height: 100%
}
.vertical .image {
display: block;
border-bottom: 5px solid #fff;
width: 100%
}
.img-2.vertical .image-acc-inner:hover .image {
height: 89px
}
.img-2.vertical .image {
height: 195px
}
.img-2.vertical .image:hover {
height: 300px!important
}
.img-3.vertical .image-acc-inner:hover .image {
height: 43px
}
.img-3.vertical .image {
height: 130px
}
.img-3.vertical .image:hover {
height: 300px!important
}
.img-4.vertical .image-acc-inner:hover .image {
height: 29px
}
.img-4.vertical .image {
height: 97px
}
.img-4.vertical .image:hover {
height: 100%!important
}
.img-5.vertical .image-acc-inner:hover .image {
height: 34px
}
.img-5.vertical .image {
height: 78px
}
.img-5.vertical .image:hover {
height: 250px!important
}
.img-6.vertical .image-acc-inner:hover .image {
height: 27px
}
.img-6.vertical .image {
height: 65px
}
.img-6.vertical .image:hover {
height: 250px!important
}
.img-7.vertical .image-acc-inner:hover .image {
height: 31px
}
.img-7.vertical .image {
height: 55px
}
.img-7.vertical .image:hover {
height: 200px!important
}
.content .image {
position: relative
}
.content .image-inner {
position: absolute;
white-space: normal;
opacity: 0;
transition: all 1.2s ease-in-out;
-webkit-transition: all 1.2s ease-in-out;
-moz-transition: all 1.2s ease-in-out
}
.content .image:hover .image-inner {
opacity: 1;
transition: all 1.2s ease-in-out;
-webkit-transition: all 1.2s ease-in-out;
-moz-transition: all 1.2s ease-in-out
}
.content .txt-head {
color: #fff;
padding: 15px 25px 15px 25px
}
.content .txt-content {
color: #fff;
padding: 29% 32% 100% 31%;
font-size: 12px
}
.type1 .image-inner {
background: #000;
top: 0;
right: 0;
left: 0
}
.content.type1 .txt-head {
float: left;
width: 100%
}
.content.type1 .txt-content {
float: left;
width: 100%;
padding: 0 25px 15px 25px
}
.type2 .image-inner {
background: #000;
top: 20px;
right: 20px;
left: 20px
}
.content.type2 .txt-head {
float: left;
width: 100%
}
.content.type2 .txt-content {
float: left;
width: 100%;
padding: 0 25px 15px 25px
}
.type3 .image-inner {
top: -3px;
right: -8px;
left: 0;
bottom: -97px
}
.content.type3 .txt-head {
background: #000;
float: left;
margin-bottom: 15px
}
.content.type3 .txt-content {
background: #00000075;
float: left
}
.pt-adv-accordion {
width: auto;
height: auto;
transition: all .3s ease-in-out
}
.pt-adv-accordion .pt-accordion-list .pt-accordion-header {
padding: 15px;
border: 1px solid rgba(0, 0, 0, .02);
font-size: 1rem;
font-weight: 600;
line-height: 1;
transition: all .3s ease-in-out;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer
}
.pt-adv-accordion .pt-accordion-list .pt-accordion-header .fa-toggle {
transform: rotate(0);
z-index: 10;
transition: all .3s ease-in-out
}
.pt-adv-accordion .pt-accordion-list .pt-accordion-header.active .fa-toggle {
transform: rotate(90deg);
z-index: 10;
transition: all .3s ease-in-out
}
.fa-accordion-icon {
display: inline-block;
margin-right: 10px
}
.pt-adv-accordion .pt-accordion-list .pt-accordion-content {
display: none;
border: 1px solid #eee;
padding: 15px;
box-sizing: border-box;
font-size: 1rem;
line-height: 1.7;
opacity: 0
}
.pt-adv-accordion .pt-accordion-list .pt-accordion-content p {
margin: 0
}
.pt-adv-accordion .pt-accordion-list .pt-accordion-content.active {
display: block;
opacity: 1
}
@keyframes rotate-90 {
0% {
transform: rotateY(0)
}
100% {
transform: rotateY(-180deg)
}
}
@keyframes fadeIn {
0% {
opacity: 1;
transition: all .3s ease-in-out
}
100% {
opacity: 1;
transition: all .3s ease-in-out
}
}
.pt-advance-tabs>.pt-tab-navs {
position: relative;
padding: 0;
margin: 0;
list-style-type: none;
display: flex;
justify-content: flex-start;
align-items: center;
z-index: 1
}
.pt-advance-tabs .pt-tab-navs li {
flex: 1 1 auto;
cursor: pointer
}
.pt-advance-tabs .pt-tab-navs li a {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
padding: 15px;
box-sizing: border-box;
position: relative;
z-index: 0
}
.pt-advance-tabs .pt-tab-navs li a.active,
.pt-advance-tabs .pt-tab-navs li a:hover {
position: relative;
z-index: 0
}
.pt-advance-tabs .pt-tab-navs li a:after {
content: "";
position: absolute;
bottom: -10px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #444;
border-bottom: 0;
display: none
}
.pt-advance-tabs .pt-tab-navs li a.active:after {
display: block
}
.pt-advance-tabs .pt-tab-contents .pt-tab-content {
display: none;
box-sizing: border-box;
padding: 20px 30px;
opacity: 0;
font-size: 1rem;
line-height: 1.7;
border: 1px solid #eee;
margin-top: -1px
}
.pt-advance-tabs .pt-tab-contents .pt-tab-content.active {
display: block;
opacity: 1;
animation: fadeIn linear .3s
}
.pt-tab-inline-icon li a .fa {
margin-right: 10px;
line-height: 1
}
.pt-tab-top-icon li a {
display: flex;
flex-wrap: wrap;
text-align: center
}
.pt-tab-top-icon li a .fa,
.pt-tab-top-icon li a .pt-tab-title {
flex: 1 1 100%;
line-height: 1
}
.pt-tab-top-icon li a .pt-tab-title {
margin-top: 10px
}
.pt-portfolio-wrap {
clear: both;
overflow: hidden
}
.pt-portfolio-wrap .pt-portfolio-header {
position: relative;
max-width: 1140px;
margin: 0 auto 30px;
overflow: hidden;
clear: both;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.pt-portfolio-wrap .pt-portfolio-header.pt-no-heading {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media only screen and (max-width:800px) {
.pt-portfolio-wrap .pt-portfolio-header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
.pt-portfolio-wrap .pt-heading {
display: inline-block;
text-align: left;
max-width: none;
font-size: 32px;
line-height: 44px;
text-transform: uppercase;
letter-spacing: 1px;
color: #333;
margin: 0 100px 0 0
}
.pt-dark-bg .pt-portfolio-wrap .pt-heading {
color: #e5e5e5
}
@media only screen and (max-width:800px) {
.pt-portfolio-wrap .pt-heading {
margin-bottom: 30px
}
}
.pt-portfolio-wrap .pt-taxonomy-filter {
display: block;
margin: 0;
padding: 0;
-webkit-align-self: center;
align-self: center;
-ms-flex-item-align: center
}
@media only screen and (max-width:800px) {
.pt-portfolio-wrap .pt-taxonomy-filter {
-webkit-align-self: flex-start;
align-self: flex-start;
-ms-flex-item-align: start
}
}
.pt-portfolio-wrap .pt-taxonomy-filter .pt-filter-item {
position: relative;
display: inline-block;
margin: 0 0 15px 0;
padding: 0;
font-style: normal;
border-bottom: 1px solid #ddd
}
.pt-dark-bg .pt-portfolio-wrap .pt-taxonomy-filter .pt-filter-item {
border-color: #444
}
.pt-portfolio-wrap .pt-taxonomy-filter .pt-filter-item a {
font-size: 15px;
line-height: 24px;
-webkit-transition: all .4s ease-in-out 0s;
transition: all .4s ease-in-out 0s;
display: block;
color: #777;
padding: 0 15px 15px
}
.pt-dark-bg .pt-portfolio-wrap .pt-taxonomy-filter .pt-filter-item a {
color: #999
}
.pt-portfolio-wrap .pt-taxonomy-filter .pt-filter-item a:hover {
color: #222
}
.pt-dark-bg .pt-portfolio-wrap .pt-taxonomy-filter .pt-filter-item a:hover {
color: #fff
}
@media only screen and (max-width:479px) {
.pt-portfolio-wrap .pt-taxonomy-filter .pt-filter-item a {
padding: 0 10px 8px
}
}
.pt-portfolio-wrap .pt-taxonomy-filter .pt-filter-item.pt-active a {
color: #222
}
.pt-dark-bg .pt-portfolio-wrap .pt-taxonomy-filter .pt-filter-item.pt-active a {
color: #fff
}
.pt-portfolio-wrap .pt-taxonomy-filter .pt-filter-item.pt-active:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
border-bottom: 3px solid #007fc0;
width: 100%
}
.pt-portfolio-wrap .pt-taxonomy-filter .pt-filter-item:last-child {
margin-right: 0
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .hentry {
margin: 0;
padding: 0;
border: none;
background: 0 0;
-webkit-box-shadow: none;
box-shadow: none
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .pt-project-image {
position: relative;
overflow: hidden
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .pt-project-image img {
display: block;
width: 100%;
-webkit-transition: all .4s ease-in-out 0s;
transition: all .4s ease-in-out 0s
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .pt-project-image:hover img {
-webkit-filter: brightness(50%);
filter: brightness(50%)
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .pt-project-image .pt-image-info {
display: block;
text-align: center
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .pt-project-image .pt-image-info .pt-entry-info {
text-align: center;
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: auto;
max-width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .pt-project-image .pt-image-info .pt-post-title {
padding: 10px;
margin: 0;
font-size: 18px;
line-height: 28px;
font-weight: 400;
color: #fff;
opacity: 0;
-webkit-transition: opacity .4s ease-in-out 0s;
transition: opacity .4s ease-in-out 0s
}
@media only screen and (max-width:1024px) {
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .pt-project-image .pt-image-info .pt-post-title {
font-size: 18px;
line-height: 26px
}
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .pt-project-image .pt-image-info .pt-post-title a {
display: inline;
color: #fff;
-webkit-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
border-bottom: 1px solid transparent
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .pt-project-image .pt-image-info .pt-post-title a:hover {
border-bottom: 1px solid #ccc
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .pt-project-image .pt-image-info .pt-terms {
display: block;
color: #f9f9f9;
font-size: 14px;
line-height: 22px;
opacity: 0;
-webkit-transition: opacity .4s ease-in-out 0s;
transition: opacity .4s ease-in-out 0s
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .pt-project-image .pt-image-info .pt-terms a {
color: #ddd;
position: relative;
display: inline;
zoom: 1;
font-size: 14px;
line-height: 22px;
font-style: italic;
-webkit-transition: all .4s ease-in-out 0s;
transition: all .4s ease-in-out 0s
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .pt-project-image .pt-image-info .pt-terms a:hover {
color: #fff
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .pt-project-image:hover .pt-image-info .pt-post-title,
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .pt-project-image:hover .pt-image-info .pt-terms {
opacity: 1
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .pt-entry-text-wrap {
text-align: center;
max-width: 650px;
margin: 20px auto 0
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .entry-title {
font-size: 18px;
line-height: 26px;
font-weight: 400;
margin-bottom: 10px
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .entry-title:after,
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .entry-title:before {
display: none
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .entry-title a {
-webkit-transition: all .4s ease-in-out 0s;
transition: all .4s ease-in-out 0s;
color: #333
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .entry-title a:hover {
color: #888
}
.pt-dark-bg .pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .entry-title a {
color: #e0e0e0
}
.pt-dark-bg .pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .entry-title a:hover {
color: #fff
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .pt-entry-meta span {
display: inline-block;
padding: 0;
margin: 0;
font-style: italic;
color: #999
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .pt-entry-meta span:after {
content: '//';
padding-left: 6px;
padding-right: 6px
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .pt-entry-meta span:first-child {
border: none;
padding-left: 0
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .pt-entry-meta span:last-child:after {
display: none
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .pt-entry-meta span a {
-webkit-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
font-style: normal
}
.pt-dark-bg .pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .pt-entry-meta span {
color: #707070
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .entry-summary {
margin: 15px auto 0;
padding: 0
}
.pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .entry-summary:before {
width: 35px;
height: 1px;
background: #aaa;
display: block;
content: "";
text-align: center;
margin: 0 auto 15px
}
.pt-dark-bg .pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .entry-summary {
color: #999
}
.pt-dark-bg .pt-portfolio-wrap .pt-portfolio .pt-portfolio-item .entry-summary:before {
background: #505050
}
.pt-post-blog-grid {
margin-top: 10px;
margin-bottom: 10px
}
.pt-post-blog-grid .pt-post-blog-grid-link {
padding: 5px 9px 5px 14px;
background-color: #1e73be;
-webkit-box-shadow: none!important
}
.pt-cfforms-container input,
.pt-cfforms-container textarea {
height: auto;
padding: 10px
}
.pt-cfforms-align-center .pt-cfforms-container,
.pt-cfforms-btn-align-center .pt-cfforms-container input.btn-default {
margin-left: auto!important;
margin-right: auto!important;
display: block;
float: none
}
.pt-cfforms-align-left .pt-cfforms-container,
.pt-cfforms-btn-align-left .pt-cfforms-container input.btn-default {
float: left;
width: auto
}
.pt-cfforms-align-right .pt-cfforms-container,
.pt-cfforms-btn-align-right .pt-cfforms-container input.btn-default {
float: right;
width: auto
}
.pt-cfforms-container .uneditable-input,
.pt-cfforms-container input[type=color],
.pt-cfforms-container input[type=date],
.pt-cfforms-container input[type=datetime-local],
.pt-cfforms-container input[type=datetime],
.pt-cfforms-container input[type=email],
.pt-cfforms-container input[type=month],
.pt-cfforms-container input[type=number],
.pt-cfforms-container input[type=password],
.pt-cfforms-container input[type=search],
.pt-cfforms-container input[type=tel],
.pt-cfforms-container input[type=text],
.pt-cfforms-container input[type=time],
.pt-cfforms-container input[type=url],
.pt-cfforms-container input[type=week],
.pt-cfforms-container textarea {
-webkit-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s
}
.pt-cfforms-container .wpcf-form::after,
.pt-cfforms-container .wpcf-form::before {
content: " ";
clear: both;
display: table
}
.pt-cfforms-container .wpcf-response-output {
clear: both
}
.pt-call-to-action {
width: 100%;
height: auto;
display: block;
padding: 30px;
font-size: 16px;
color: #4d4d4d;
font-weight: 400;
line-height: 27px;
margin: 0 auto
}
.pt-call-to-action p {
margin-bottom: 10px
}
.pt-call-to-action .title {
font-size: 36px;
font-weight: 600;
line-height: 36px;
margin-bottom: 10px;
text-transform: capitalize;
font-style: normal
}
.pt-call-to-action.call-to-action-center {
text-align: center
}
.pt-call-to-action.call-to-action-right {
text-align: right
}
.pt-call-to-action.call-to-action-left {
text-align: left
}
.pt-call-to-action.bg-lite {
background: #f4f4f4
}
.pt-call-to-action.bg-img {
background-image: url(//sameforeningen-stockholm.se/wp-content/plugins/pt-elementor-addons-lite/assets/front-end/img/bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
z-index: 0;
color: rgba(255, 255, 255, .7)
}
.pt-call-to-action.bg-img .icon {
color: #fff
}
.pt-call-to-action.bg-img:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
background: rgba(0, 0, 0, .8)
}
.pt-call-to-action.bg-img.bg-fixed {
background-attachment: fixed;
background-position: center center
}
.pt-call-to-action.bg-img .title {
color: rgba(255, 255, 255, .9)
}
.pt-call-to-action.call-to-action-flex,
.pt-call-to-action.call-to-action-icon-flex {
display: flex;
justify-content: space-between;
align-items: flex-start
}
.pt-call-to-action.call-to-action-icon-flex .icon {
flex-grow: 1;
font-size: 80px;
text-align: left;
line-height: 130px
}
.pt-call-to-action.call-to-action-icon-flex .action {
flex-grow: 1;
text-align: right;
padding-top: 22px;
flex-basis: 22%
}
.pt-call-to-action.call-to-action-icon-flex .content {
flex-grow: 1;
padding: 0 30px
}
.pt-call-to-action.call-to-action-flex .content {
padding: 0 15px;
flex-grow: 1
}
.pt-call-to-action.call-to-action-flex .action {
flex-grow: 1;
text-align: right;
padding-top: 25px;
flex-basis: 23%
}
.pt-call-to-action .call-to-action-button {
position: relative;
display: inline-block;
padding: 12px 30px;
background: #f9f9f9;
font-size: 16px;
text-decoration: none;
color: #4d4d4d;
-webkit-transition: .5s;
-ms-transition: .5s;
transition: .5s;
-webkit-box-shadow: 0 0 3px -1px rgba(0, 0, 0, .2);
-ms-box-shadow: 0 0 3px -1px rgba(0, 0, 0, .2);
box-shadow: 0 0 3px -1px rgba(0, 0, 0, .2);
margin-right: 10px;
margin-top: 10px;
z-index: 0;
overflow: hidden
}
.pt-call-to-action .call-to-action-button:last-child {
margin-right: 0
}
.pt-call-to-action .call-to-action-button:focus {
outline: 0
}
.pt-call-to-action .call-to-action-button:hover {
color: #fff;
background: #3f51b5;
-webkit-box-shadow: 0 1px 12px 1px rgba(0, 0, 0, .1);
-ms-box-shadow: 0 1px 12px 1px rgba(0, 0, 0, .1);
box-shadow: 0 1px 12px 1px rgba(0, 0, 0, .1)
}
.pt-call-to-action .call-to-action-button.effect-1:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #3f51b5;
top: 0;
left: 0;
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
z-index: -1;
-webkit-transition: .5s;
-ms-transition: .5s;
transition: .5s;
color: #fff
}
.pt-call-to-action .call-to-action-button.effect-1:hover::after {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.pt-call-to-action .call-to-action-button.effect-2:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #3f51b5;
top: 0;
left: 0;
z-index: -1;
-webkit-transition: .5s;
-ms-transition: .5s;
transition: .5s;
color: #fff;
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.pt-call-to-action .call-to-action-button.effect-2:hover::after {
-webkit-transform: translateX(0);
transform: translateX(0)
}
@media only screen and (max-width:768px) {
.pt-call-to-action.call-to-action-flex,
.pt-call-to-action.call-to-action-icon-flex {
flex-wrap: wrap
}
.pt-call-to-action .title {
font-size: 28px;
line-height: 36px;
margin-top: 0
}
.pt-call-to-action.call-to-action-icon-flex .icon {
flex-grow: 1;
font-size: 48px;
line-height: 90px;
text-align: center
}
.pt-call-to-action.call-to-action-flex .content,
.pt-call-to-action.call-to-action-icon-flex .content {
flex-grow: 1;
text-align: center;
padding: 0
}
.pt-call-to-action.call-to-action-flex .action,
.pt-call-to-action.call-to-action-icon-flex .action {
text-align: center;
padding-top: 0
}
.pt-call-to-action .call-to-action-button {
padding: 12px 25px
}
}
@media only screen and (max-width:360px) {
.pt-call-to-action {
font-size: 14px;
line-height: 26px
}
.pt-call-to-action .call-to-action-button {
padding: 4px 20px;
font-size: 12px
}
.pt-call-to-action .title {
font-size: 20px;
line-height: 30px
}
}
.pt-dual-header {
display: block;
margin-bottom: 50px
}
.pt-dual-header .title,
.pt-dual-header .title span {
font-size: 36px;
font-weight: 700;
text-transform: uppercase;
line-height: 48px;
margin: 10px 0
}
.pt-dual-header .subtext {
font-size: 16px;
display: block
}
.pt-dual-header i {
display: block;
padding: 0;
margin: 20px 0 10px 0;
font-size: 36px
}
.pt-dual-header .title span.lead {
color: #1abc9c
}
.pt-dual-header-content-align-center {
text-align: center
}
.pt-dual-header-content-align-left {
text-align: left
}
.pt-dual-header-content-align-right {
text-align: right
}
.pt-clients {
margin: 0 auto
}
.pt-clients .pt-client {
position: relative;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
overflow: hidden
}
.pt-clients .pt-client img {
-webkit-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
width: 100%;
margin: 0;
display: block
}
.pt-clients .pt-client .pt-client-name {
position: absolute;
z-index: 2;
top: 50%;
left: 0;
text-align: center;
width: 100%;
height: 100%;
margin-top: -12px;
color: #fff;
font-size: 18px;
line-height: 26px;
-webkit-transition: opacity .4s ease-in-out 0s;
transition: opacity .4s ease-in-out 0s;
opacity: 0
}
.pt-clients .pt-client .pt-client-name a {
color: #fff;
text-decoration: none
}
.pt-clients .pt-client .pt-image-overlay {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
width: 100%;
height: 100%;
background: #00000057;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: opacity .4s ease-in-out 0s;
transition: opacity .4s ease-in-out 0s
}
.pt-clients .pt-client:hover .pt-image-overlay {
opacity: .7
}
.pt-dark-bg .pt-clients .pt-client:hover .pt-image-overlay {
opacity: .8
}
.pt-clients .pt-client:hover .pt-client-name {
opacity: 1
}
.pt-contact-form-container input,
.pt-contact-form-container textarea {
height: auto;
padding: 10px
}
.pt-contact-form-align-center .pt-contact-form-container,
.pt-contact-form-btn-align-center .pt-contact-form-container input.wpcf7-submit {
margin-left: auto!important;
margin-right: auto!important;
display: block;
float: none
}
.pt-contact-form-align-left .pt-contact-form-container,
.pt-contact-form-btn-align-left .pt-contact-form-container input.wpcf7-submit {
float: left;
width: auto
}
.pt-contact-form-align-right .pt-contact-form-container,
.pt-contact-form-btn-align-right .pt-contact-form-container input.wpcf7-submit {
float: right;
width: auto
}
.pt-contact-form-container .uneditable-input,
.pt-contact-form-container input[type=color],
.pt-contact-form-container input[type=date],
.pt-contact-form-container input[type=datetime-local],
.pt-contact-form-container input[type=datetime],
.pt-contact-form-container input[type=email],
.pt-contact-form-container input[type=month],
.pt-contact-form-container input[type=number],
.pt-contact-form-container input[type=password],
.pt-contact-form-container input[type=search],
.pt-contact-form-container input[type=tel],
.pt-contact-form-container input[type=text],
.pt-contact-form-container input[type=time],
.pt-contact-form-container input[type=url],
.pt-contact-form-container input[type=week],
.pt-contact-form-container textarea {
-webkit-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s
}
.pt-contact-form-container .wpcf7-form::after,
.pt-contact-form-container .wpcf7-form::before {
content: " ";
clear: both;
display: table
}
.pt-contact-form-container .wpcf7-response-output {
clear: both
}
.pt-data-table-wrap .pt-data-tables_wrapper {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
width: 100%
}
.pt-data-table-wrap .pt-data-tables_filter,
.pt-data-table-wrap .pt-data-tables_info,
.pt-data-table-wrap .pt-data-tables_length,
.pt-data-table-wrap .pt-data-tables_paginate {
flex-grow: 1;
flex-basis: 50%
}
.pt-data-table-wrap .pt-data-tables_filter,
.pt-data-table-wrap .pt-data-tables_paginate {
text-align: right
}
.pt-data-table-wrap .pt-data-tables_length select {
width: auto;
max-width: 120px;
height: 40px;
border: 1px solid rgba(0, 0, 0, .09);
outline: 0;
margin-left: 10px;
margin-right: 10px
}
.pt-data-table-wrap .pt-data-tables_paginate .paginate_button {
padding: 10px 15px;
background: #f2f2f2;
margin-right: 2px;
cursor: pointer;
transition: all .3s
}
.pt-data-table-wrap .pt-data-tables_paginate .paginate_button.current,
.pt-data-table-wrap .pt-data-tables_paginate .paginate_button:hover {
color: #fff;
background: #4a4893
}
.pt-data-table-wrap .pt-data-tables_paginate .paginate_button.disabled {
cursor: no-drop;
background: #f2f2f2;
opacity: .5;
color: #888
}
.pt-data-table-wrap .pt-data-tables_filter label,
.pt-data-table-wrap .pt-data-tables_info,
.pt-data-table-wrap .pt-data-tables_length label {
font-weight: 700
}
.pt-data-table-wrap .pt-data-tables_filter label input[type=search] {
height: 40px;
border: 1px solid rgba(0, 0, 0, .09);
outline: 0;
padding: 10px;
margin-left: 10px
}
table.pt-data-table thead .sorting,
table.pt-data-table thead .sorting_asc,
table.pt-data-table thead .sorting_desc {
position: relative;
z-index: 0;
outline: 0;
cursor: pointer
}
table.pt-data-table thead .sorting:after,
table.pt-data-table thead .sorting_asc:after,
table.pt-data-table thead .sorting_desc:after {
position: absolute;
top: 50%;
right: 10px;
font-family: FontAwesome;
color: #fff;
z-index: 1;
transform: translateY(-50%)
}
table.pt-data-table thead .sorting:after {
content: "\f0dc"
}
table.pt-data-table thead .headerSortDown:after {
content: "\f0dd"
}
table.pt-data-table thead .headerSortUp:after {
content: "\f0de"
}
.data-header-icon {
margin-right: 10px
}
.pt-data-table {
width: 100%;
height: auto;
border-collapse: collapse;
margin: 0
}
.pt-data-table thead tr {
text-align: left
}
.pt-data-table thead tr th,
.pt-data-table thead tr th:first-child {
padding: 20px 15px;
background: #4a4893;
font-size: 16px;
font-weight: 600;
font-family: Montserrat, sans-serif;
line-height: 1;
color: #fff;
border-right: 1px solid rgba(0, 0, 0, .1)
}
.pt-data-table thead tr th:last-child {
border: 0
}
.pt-data-table tbody tr.even {
transition: background .4s ease-in-out
}
.pt-data-table tbody tr.odd {
background: rgba(242, 242, 242, .5);
transition: background .2s ease-in-out
}
.pt-data-table tbody tr.even:hover,
.pt-data-table tbody tr.odd:hover {
background: rgba(242, 242, 242, .7)
}
.pt-data-table tbody tr.even:last-child,
.pt-data-table tbody tr.odd:last-child {
border-bottom: 1px solid rgba(0, 0, 0, .09)
}
.pt-data-table tbody tr td,
.pt-data-table tbody tr td:first-child {
padding: 20px 15px;
font-size: 14px;
font-family: Montserrat, sans-serif;
line-height: 1;
border-right: 1px solid rgba(0, 0, 0, .06)
}
.pt-data-table tbody tr td:last-child {
border-right: 0
}
table.pt-data-table thead .sorting_disabled.sorting:after {
display: none
}
.pt-hide-elements .pt-data-tables_info {
display: none
}
.pt-dt-td-align-left .pt-data-table tbody tr td,
.pt-dt-th-align-left .pt-data-table thead tr th {
text-align: left
}
.pt-dt-td-align-right .pt-data-table tbody tr td,
.pt-dt-th-align-right .pt-data-table thead tr th {
text-align: right;
padding-right: 30px
}
.pt-dt-td-align-center .pt-data-table tbody tr td,
.pt-dt-th-align-center .pt-data-table thead tr th {
text-align: center
}
.pt-data-table-th-img {
display: inline-block;
margin: 0;
line-height: 1
}
table.pt-data-table thead .sorting:after,
table.pt-data-table thead .sorting_asc:after,
table.pt-data-table thead .sorting_desc:after {
display: none
}
.entry-content a.elementor-button,
.entry-summary a.elementor-button,
.posts-navigation a.elementor-button,
.site-footer .widget-area a.elementor-button,
.widget a.elementor-button,
.widget_authors a.elementor-button strong {
-webkit-box-shadow: inherit;
box-shadow: inherit;
-webkit-transition: inherit;
transition: inherit
}
.entry-content a.elementor-button:hover,
.entry-summary a.elementor-button:hover,
.posts-navigation a.elementor-button:hover,
.site-footer .widget-area a.elementor-button:hover,
.widget a.elementor-button:hover,
.widget_authors a.elementor-button:hover strong {
-webkit-box-shadow: inherit;
box-shadow: inherit
}
.single-button-wrapper {
display: inline-block;
position: relative
}
.single-button-normal {
overflow: hidden;
position: relative;
vertical-align: middle
}
.single-button-normal .btn-hover {
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
position: absolute;
-webkit-transition: all .3s;
transition: all .3s;
opacity: 0;
background-color: #444
}
.dbwt-button-left .elementor-align-icon-right,
.dbwt-button-right .elementor-align-icon-right,
.dual-button-left .elementor-align-icon-right,
.dual-button-right .elementor-align-icon-right,
.single-button-normal .elementor-align-icon-right {
float: right;
margin-left: 5px;
position: relative;
z-index: 2
}
.dbwt-button-left .elementor-align-icon-left,
.dbwt-button-right .elementor-align-icon-left,
.dual-button-left .elementor-align-icon-left,
.dual-button-right .elementor-align-icon-left,
.single-button-normal .elementor-align-icon-left {
float: left;
margin-right: 5px;
position: relative;
z-index: 2
}
.single-button-text {
position: relative;
z-index: 3
}
.single-button-normal:hover .btn-hover {
opacity: 1
}
.single-button-normal.style1:hover .btn-hover {
opacity: 1
}
.single-button-normal.style2 .btn-hover {
top: -100%
}
.single-button-normal.style2:hover .btn-hover {
top: 0
}
.single-button-normal.style3 .btn-hover {
left: -100%
}
.single-button-normal.style3:hover .btn-hover {
left: 0
}
.single-button-normal.style4 .btn-hover {
right: -100%;
left: auto
}
.single-button-normal.style4:hover .btn-hover {
right: 0
}
.single-button-normal.style5 .btn-hover {
bottom: -100%;
top: auto
}
.single-button-normal.style5:hover .btn-hover {
bottom: 0
}
.single-button-normal.style6 .btn-hover {
width: 0;
left: 50%;
right: 50%
}
.single-button-normal.style6:hover .btn-hover {
width: 90%;
left: 5%;
right: 5%
}
.single-button-normal.style7 .btn-hover {
height: 0;
top: 50%;
bottom: 50%
}
.single-button-normal.style7:hover .btn-hover {
height: 80%;
top: 10%;
bottom: 10%
}
.single-button-normal.style8 .btn-hover {
width: 100%;
height: 0;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg)
}
.single-button-normal.style8:hover .btn-hover {
height: 250%
}
.single-button-push {
overflow: hidden;
position: relative;
vertical-align: middle;
-webkit-transition: none!important;
transition: none!important
}
.single-button-push.style1 {
-webkit-box-shadow: 0 5px #0e83cd!important;
box-shadow: 0 5px #0e83cd!important;
top: auto
}
.single-button-push.style1:hover {
top: 2px;
-webkit-box-shadow: 0 3px #0e83cd!important;
box-shadow: 0 3px #0e83cd!important
}
.single-button-push.style2 {
-webkit-box-shadow: 5px 0 #0e83cd!important;
box-shadow: 5px 0 #0e83cd!important;
left: auto
}
.single-button-push.style2:hover {
left: 2px;
-webkit-box-shadow: 3px 0 #0e83cd!important;
box-shadow: 3px 0 #0e83cd!important
}
.single-button-push.style3 {
-webkit-box-shadow: 0 -5px #0e83cd!important;
box-shadow: 0 -5px #0e83cd!important;
bottom: auto
}
.single-button-push.style3:hover {
bottom: 2px;
-webkit-box-shadow: 0 -3px #0e83cd!important;
box-shadow: 0 -3px #0e83cd!important
}
.single-button-push.style4 {
-webkit-box-shadow: -5px 0 #0e83cd!important;
box-shadow: -5px 0 #0e83cd!important;
right: auto
}
.single-button-push.style4:hover {
right: 2px;
-webkit-box-shadow: -3px 0 #0e83cd!important;
box-shadow: -3px 0 #0e83cd!important
}
.single-button-circle.style1,
.single-button-circle.style2,
.single-button-circle.style3,
.single-button-circle.style4 {
border-radius: 50%!important;
padding: 0!important;
display: table-cell;
vertical-align: middle
}
.single-button-circle {
overflow: hidden;
position: relative;
vertical-align: middle;
-webkit-transition: none!important;
transition: none!important
}
.single-button-circle.style1 .single-button-text,
.single-button-circle.style2 .single-button-text,
.single-button-circle.style3 .single-button-text,
.single-button-circle.style4 .single-button-text {
display: inline-block;
width: 100%
}
.single-button-circle .elementor-button-icon {
width: 100%
}
.elementor-size-xs.single-button-circle {
width: 50px!important;
height: 50px!important
}
.elementor-size-sm.single-button-circle {
width: 100px!important;
height: 100px!important
}
.elementor-size-md.single-button-circle {
width: 150px!important;
height: 150px!important
}
.elementor-size-lg.single-button-circle {
width: 200px!important;
height: 200px!important
}
.elementor-size-xl.single-button-circle {
width: 250px!important;
height: 250px!important
}
.single-button-circle.style1 {
-webkit-box-shadow: 0 5px #0e83cd;
box-shadow: 0 5px #0e83cd!important;
top: auto
}
.single-button-circle.style1:hover {
top: 2px;
-webkit-box-shadow: 0 3px #0e83cd;
box-shadow: 0 3px #0e83cd!important
}
.single-button-circle.style2 {
-webkit-box-shadow: 5px 0 #0e83cd!important;
box-shadow: 5px 0 #0e83cd!important;
left: auto
}
.single-button-circle.style2:hover {
left: 2px;
-webkit-box-shadow: 3px 0 #0e83cd!important;
box-shadow: 3px 0 #0e83cd!important
}
.single-button-circle.style3 {
-webkit-box-shadow: 0 -5px #0e83cd!important;
box-shadow: 0 -5px #0e83cd!important;
bottom: auto
}
.single-button-circle.style3:hover {
bottom: 2px;
-webkit-box-shadow: 0 -3px #0e83cd!important;
box-shadow: 0 -3px #0e83cd!important
}
.single-button-circle.style4 {
-webkit-box-shadow: -5px 0 #0e83cd!important;
box-shadow: -5px 0 #0e83cd!important;
right: auto
}
.single-button-circle.style4:hover {
right: 2px;
-webkit-box-shadow: -3px 0 #0e83cd!important;
box-shadow: -3px 0 #0e83cd!important
}
.single-button-slide {
position: relative;
vertical-align: middle;
overflow: hidden
}
.single-button-slide .elementor-button-icon {
position: absolute;
top: 50%;
opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1;
-webkit-transition: all .3s;
transition: all .3s;
margin-right: 0!important
}
.single-button-slide.style1:hover .elementor-button-icon,
.single-button-slide.style2:hover .elementor-button-icon,
.single-button-slide.style3:hover .elementor-button-icon,
.single-button-slide.style4:hover .elementor-button-icon {
opacity: 1
}
.single-button-slide.style1 .elementor-button-icon {
right: 50%
}
.single-button-slide.style1:hover .elementor-button-icon {
right: 15px
}
.single-button-slide.style1:hover {
padding-right: 40px!important
}
.single-button-slide.style2 .elementor-button-icon {
left: 50%
}
.single-button-slide.style2:hover .elementor-button-icon {
left: 15px
}
.single-button-slide.style2:hover {
padding-left: 40px!important
}
.single-button-slide.style3 .elementor-button-icon {
right: 25%
}
.single-button-slide.style3:hover .elementor-button-icon {
right: 10px
}
.single-button-slide.style3:hover {
padding-right: 40px!important
}
.single-button-slide.style4 .elementor-button-icon {
left: 25%
}
.single-button-slide.style4:hover .elementor-button-icon {
left: 10px
}
.single-button-slide.style4:hover {
padding-left: 40px!important
}
.single-button-swipe {
position: relative;
vertical-align: middle;
overflow: hidden
}
.single-button-swipe .elementor-button-icon {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
line-height: 1;
-webkit-transition: all .6s;
transition: all .6s
}
.single-button-swipe .elementor-button-icon i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%)
}
.single-button-swipe.style1 .single-button-text,
.single-button-swipe.style2 .single-button-text,
.single-button-swipe.style3 .single-button-text,
.single-button-swipe.style4 .single-button-text {
-webkit-transition: all .6s;
transition: all .6s
}
.single-button-swipe.style1 .elementor-button-icon {
left: 500px
}
.single-button-swipe.style1 .single-button-text {
left: 0
}
.single-button-swipe.style1:hover .elementor-button-icon {
left: 0
}
.single-button-swipe.style1:hover .single-button-text {
left: -500px
}
.single-button-swipe.style2 .elementor-button-icon {
right: 500px;
left: auto
}
.single-button-swipe.style2 .single-button-text {
right: 0
}
.single-button-swipe.style2:hover .elementor-button-icon {
right: 0
}
.single-button-swipe.style2:hover .single-button-text {
right: -500px
}
.single-button-swipe.style3 .elementor-button-icon {
top: 500px
}
.single-button-swipe.style3 .single-button-text {
top: 0
}
.single-button-swipe.style3:hover .elementor-button-icon {
top: 0
}
.single-button-swipe.style3:hover .single-button-text {
top: -500px
}
.single-button-swipe.style4 .elementor-button-icon {
bottom: 500px;
top: auto
}
.single-button-swipe.style4 .single-button-text {
bottom: 0
}
.single-button-swipe.style4:hover .elementor-button-icon {
bottom: 0
}
.single-button-swipe.style4:hover .single-button-text {
bottom: -500px
}
.button-tooltip {
pointer-events: none;
opacity: 0;
position: absolute;
padding: 5px 10px;
border-radius: 3px;
background: #444;
font-size: 12px;
color: #fff;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-100%);
-ms-transform: translateX(-50%) translateY(-100%);
transform: translateX(-50%) translateY(-100%);
white-space: nowrap;
margin-top: -10px
}
.button-tooltip:after {
position: absolute;
bottom: -5px;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 5px solid #000;
border-top: 5px solid hsla(0, 0%, 20%, .9);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: "";
font-size: 0;
line-height: 0
}
.tooltip-position-top_left {
left: 0;
-webkit-transform: translateX(0) translateY(-100%);
-ms-transform: translateX(0) translateY(-100%);
transform: translateX(0) translateY(-100%)
}
.tooltip-position-top_right {
left: auto;
right: 0;
-webkit-transform: translateX(0) translateY(-100%);
-ms-transform: translateX(0) translateY(-100%);
transform: translateX(0) translateY(-100%)
}
.tooltip-position-bottom {
top: auto;
-webkit-transform: translateX(-50%) translateY(100%);
-ms-transform: translateX(-50%) translateY(100%);
transform: translateX(-50%) translateY(100%);
margin-top: inherit;
bottom: -10px
}
.tooltip-position-bottom:after {
bottom: auto;
border-bottom: 5px solid #000;
border-bottom: 5px solid hsla(0, 0%, 20%, .9);
border-top: 5px solid transparent;
top: -10px
}
.tooltip-position-bottom_left {
left: 0;
top: auto;
-webkit-transform: translateX(0) translateY(100%);
-ms-transform: translateX(0) translateY(100%);
transform: translateX(0) translateY(100%);
margin-top: inherit;
bottom: -10px
}
.tooltip-position-bottom_right {
left: auto;
right: 0;
top: auto;
-webkit-transform: translateX(0) translateY(100%);
-ms-transform: translateX(0) translateY(100%);
transform: translateX(0) translateY(100%);
margin-top: inherit;
bottom: -10px
}
.tooltip-position-bottom_left:after {
bottom: auto;
border-bottom: 5px solid #000;
border-bottom: 5px solid hsla(0, 0%, 20%, .9);
border-top: 5px solid transparent;
top: -10px;
left: 10px
}
.tooltip-position-bottom_right:after {
bottom: auto;
border-bottom: 5px solid #000;
border-bottom: 5px solid hsla(0, 0%, 20%, .9);
border-top: 5px solid transparent;
top: -10px;
left: auto;
right: 10px
}
.tooltip-position-top_left:after {
left: 10px
}
.tooltip-position-top_right:after {
left: auto;
right: 10px
}
.single-button-wrapper:hover .button-tooltip {
opacity: 1
}
.btn-left:hover .button-tooltip {
opacity: 1
}
.btn-right:hover .button-tooltip {
opacity: 1
}
.btn-left {
position: relative
}
.btn-right {
position: relative
}
.dual-button-wrapper {
display: inline-block;
position: relative
}
.dual-button-wrapper .dual-button-left,
.dual-button-wrapper .dual-button-right {
float: left;
position: relative;
overflow: hidden;
vertical-align: middle
}
.dual-button-left {
border-top-right-radius: 0!important;
border-bottom-right-radius: 0!important
}
.dual-button-right {
border-top-left-radius: 0!important;
border-bottom-left-radius: 0!important
}
.dual-button-normal.dual-button-left .btn-hover,
.dual-button-normal.dual-button-right .btn-hover {
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
position: absolute;
-webkit-transition: all .3s;
transition: all .3s;
opacity: 0;
background-color: #444
}
.dual-button-text {
position: relative;
z-index: 3
}
.dual-button-wrapper .dual-button-left:hover .btn-hover,
.dual-button-wrapper .dual-button-right:hover .btn-hover {
opacity: 1
}
.dual-button-normal.style2 .btn-hover {
top: -100%
}
.dual-button-normal.style2:hover .btn-hover {
top: 0
}
.dual-button-left .btn-hover .dual-button-normal.style3 .btn-hover {
left: -100%
}
.dual-button-normal.style3:hover .btn-hover {
left: 0
}
.dual-button-normal.style4 .btn-hover {
right: -100%;
left: auto
}
.dual-button-normal.style4:hover .btn-hover {
right: 0
}
.dual-button-normal.style5 .btn-hover {
bottom: -100%;
top: auto
}
.dual-button-normal.style5:hover .btn-hover {
bottom: 0
}
.dual-button-normal.style6 .btn-hover {
width: 0;
left: 50%;
right: 50%
}
.dual-button-normal.style6:hover .btn-hover {
width: 90%;
left: 5%;
right: 5%
}
.dual-button-normal.style7 .btn-hover {
height: 0;
top: 50%;
bottom: 50%
}
.dual-button-normal.style7:hover .btn-hover {
height: 80%;
top: 10%;
bottom: 10%
}
.dual-button-normal.style8 .btn-hover {
width: 100%;
height: 0;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg)
}
.dual-button-normal.style8:hover .btn-hover {
height: 250%
}
.dual-button-push.style1 {
-webkit-box-shadow: 0 5px #0e83cd!important;
box-shadow: 0 5px #0e83cd!important;
top: auto
}
.dual-button-push.style1:hover {
top: 2px;
-webkit-box-shadow: 0 3px #0e83cd!important;
box-shadow: 0 3px #0e83cd!important
}
.dual-button-push.style2 {
-webkit-box-shadow: 5px 0 #0e83cd!important;
box-shadow: 5px 0 #0e83cd!important;
left: auto
}
.dual-button-push.style2:hover {
left: 2px;
-webkit-box-shadow: 3px 0 #0e83cd!important;
box-shadow: 3px 0 #0e83cd!important
}
.dual-button-push.style3 {
-webkit-box-shadow: 0 -5px #0e83cd!important;
box-shadow: 0 -5px #0e83cd!important;
bottom: auto
}
.dual-button-push.style3:hover {
bottom: 2px;
-webkit-box-shadow: 0 -3px #0e83cd!important;
box-shadow: 0 -3px #0e83cd!important
}
.dual-button-push.style4 {
-webkit-box-shadow: -5px 0 #0e83cd!important;
box-shadow: -5px 0 #0e83cd!important;
right: auto
}
.dual-button-push.style4:hover {
right: 2px;
-webkit-box-shadow: -3px 0 #0e83cd!important;
box-shadow: -3px 0 #0e83cd!important
}
.dual-button-slide .elementor-button-icon {
position: absolute;
top: 50%;
opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1;
-webkit-transition: all .3s;
transition: all .3s
}
.dual-button-slide:hover .elementor-button-icon {
opacity: 1
}
.dual-button-slide.style1 .elementor-button-icon {
right: 50%
}
.dual-button-slide.style1:hover {
padding-right: 40px!important
}
.dual-button-slide.style1:hover .elementor-button-icon {
right: 10px
}
.dual-button-slide.style2 .elementor-button-icon {
left: 50%
}
.dual-button-slide.style2:hover {
padding-left: 40px!important
}
.dual-button-slide.style2:hover .elementor-button-icon {
left: 10px
}
.dual-button-slide.style3 .elementor-button-icon {
right: 25%
}
.dual-button-slide.style3:hover {
padding-right: 40px!important
}
.dual-button-slide.style3:hover .elementor-button-icon {
right: 5px
}
.dual-button-slide.style4 .elementor-button-icon {
left: 25%
}
.dual-button-slide.style4:hover {
padding-left: 40px!important
}
.dual-button-slide.style4:hover .elementor-button-icon {
left: 5px
}
.dual-button-swipe .elementor-button-icon {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
line-height: 1;
-webkit-transition: all .6s;
transition: all .6s
}
.dual-button-swipe .elementor-button-icon i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%)
}
.dual-button-swipe.style1 .dual-button-text,
.dual-button-swipe.style2 .dual-button-text,
.dual-button-swipe.style3 .dual-button-text,
.dual-button-swipe.style4 .dual-button-text {
-webkit-transition: all .6s;
transition: all .6s
}
.dual-button-swipe.style1 .elementor-button-icon {
left: 500px
}
.dual-button-swipe.style1 .dual-button-text {
left: 0
}
.dual-button-swipe.style1:hover .elementor-button-icon {
left: 0
}
.dual-button-swipe.style1:hover .dual-button-text {
left: -500px
}
.dual-button-swipe.style2 .elementor-button-icon {
right: 500px;
left: auto
}
.dual-button-swipe.style2 .dual-button-text {
right: 0
}
.dual-button-swipe.style2:hover .elementor-button-icon {
right: 0
}
.dual-button-swipe.style2:hover .dual-button-text {
right: -500px
}
.dual-button-swipe.style3 .elementor-button-icon {
top: 500px
}
.dual-button-swipe.style3 .dual-button-text {
top: 0
}
.dual-button-swipe.style3:hover .elementor-button-icon {
top: 0
}
.dual-button-swipe.style3:hover .dual-button-text {
top: -500px
}
.dual-button-swipe.style4 .elementor-button-icon {
bottom: 500px;
top: auto
}
.dual-button-swipe.style4 .dual-button-text {
bottom: 0
}
.dual-button-swipe.style4:hover .elementor-button-icon {
bottom: 0
}
.dual-button-swipe.style4:hover .dual-button-text {
bottom: -500px
}
.dual-button-with-text-wrapper {
display: inline-block;
position: relative
}
.dual-button-with-text-wrapper .dbwt-button-left,
.dual-button-with-text-wrapper .dbwt-button-right {
float: left;
position: relative;
overflow: hidden;
vertical-align: middle
}
.dbwt-button-left {
border-top-right-radius: 0!important;
border-bottom-right-radius: 0!important
}
.dbwt-button-right {
border-top-left-radius: 0!important;
border-bottom-left-radius: 0!important
}
.dbwt-button-normal.dbwt-button-left .btn-hover,
.dbwt-button-normal.dbwt-button-right .btn-hover {
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
position: absolute;
-webkit-transition: all .3s;
transition: all .3s;
opacity: 0;
background-color: #444
}
.dbwt-btn-icon,
.dbwt-button-text {
position: absolute;
z-index: 16;
right: 0;
top: 50%;
width: 30px;
height: 30px;
border-radius: 50%;
margin: -15px -15px 0 0;
text-align: center;
line-height: 30px;
overflow: hidden;
opacity: 1;
border-width: 2px 2px 2px 2px!important
}
.dual-button-with-text-wrapper .dbwt-button-left:hover .btn-hover,
.dual-button-with-text-wrapper .dbwt-button-right:hover .btn-hover {
opacity: 1
}
.dual-button-with-text-wrapper .dbwt-button-left:hover .btn-hover,
.dual-button-with-text-wrapper .dbwt-button-right:hover .btn-hover {
opacity: 1
}
.dbwt-button-normal.style2 .btn-hover {
top: -100%
}
.dbwt-button-normal.style2:hover .btn-hover {
top: 0
}
.dbwt-button-normal.style3 .btn-hover {
left: -100%
}
.dbwt-button-normal.style3:hover .btn-hover {
left: 0
}
.dbwt-button-normal.style4 .btn-hover {
right: -100%;
left: auto
}
.dbwt-button-normal.style4:hover .btn-hover {
right: 0
}
.dbwt-button-normal.style5 .btn-hover {
bottom: -100%;
top: auto
}
.dbwt-button-normal.style5:hover .btn-hover {
bottom: 0
}
.dbwt-button-normal.style6 .btn-hover {
width: 0;
left: 50%;
right: 50%
}
.dbwt-button-normal.style6:hover .btn-hover {
width: 90%;
left: 5%;
right: 5%
}
.dbwt-button-normal.style7 .btn-hover {
height: 0;
top: 50%;
bottom: 50%
}
.dbwt-button-normal.style7:hover .btn-hover {
height: 80%;
top: 10%;
bottom: 10%
}
.dbwt-button-normal.style8 .btn-hover {
width: 100%;
height: 0;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg)
}
.dbwt-button-normal.style8:hover .btn-hover {
height: 250%
}
.dbwt-button-push.style1 {
-webkit-box-shadow: 0 5px #0e83cd!important;
box-shadow: 0 5px #0e83cd!important;
top: auto
}
.dbwt-button-push.style1:hover {
top: 2px;
-webkit-box-shadow: 0 3px #0e83cd!important;
box-shadow: 0 3px #0e83cd!important
}
.dbwt-button-push.style2 {
-webkit-box-shadow: 5px 0 #0e83cd!important;
box-shadow: 5px 0 #0e83cd!important;
left: auto
}
.dbwt-button-push.style2:hover {
left: 2px;
-webkit-box-shadow: 3px 0 #0e83cd!important;
box-shadow: 3px 0 #0e83cd!important
}
.dbwt-button-push.style3 {
-webkit-box-shadow: 0 -5px #0e83cd!important;
box-shadow: 0 -5px #0e83cd!important;
bottom: auto
}
.dbwt-button-push.style3:hover {
bottom: 2px;
-webkit-box-shadow: 0 -3px #0e83cd!important;
box-shadow: 0 -3px #0e83cd!important
}
.dbwt-button-push.style4 {
-webkit-box-shadow: -5px 0 #0e83cd!important;
box-shadow: -5px 0 #0e83cd!important;
right: auto
}
.dbwt-button-push.style4:hover {
right: 2px;
-webkit-box-shadow: -3px 0 #0e83cd!important;
box-shadow: -3px 0 #0e83cd!important
}
.dbwt-button-slide .elementor-button-icon {
position: absolute;
top: 50%;
opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1;
-webkit-transition: all .3s;
transition: all .3s
}
.dbwt-button-slide:hover .elementor-button-icon {
opacity: 1
}
.dbwt-button-slide.style1 .elementor-button-icon {
right: 50%
}
.dbwt-button-slide.style1:hover {
padding-right: 40px!important
}
.dbwt-button-slide.style1:hover .elementor-button-icon {
right: 10px
}
.dbwt-button-slide.style2 .elementor-button-icon {
left: 50%
}
.dbwt-button-slide.style2:hover {
padding-left: 40px!important
}
.dbwt-button-slide.style2:hover .elementor-button-icon {
left: 10px
}
.dbwt-button-slide.style3 .elementor-button-icon {
right: 25%
}
.dbwt-button-slide.style3:hover {
padding-right: 40px!important
}
.dbwt-button-slide.style3:hover .elementor-button-icon {
right: 5px
}
.dbwt-button-slide.style4 .elementor-button-icon {
left: 25%
}
.dbwt-button-slide.style4:hover {
padding-left: 40px!important
}
.dbwt-button-slide.style4:hover .elementor-button-icon {
left: 5px
}
.dbwt-button-swipe .elementor-button-icon {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
line-height: 1;
-webkit-transition: all .6s;
transition: all .6s
}
.dbwt-button-swipe .elementor-button-icon i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%)
}
.dbwt-button-swipe.style1 .dual-button-text,
.dbwt-button-swipe.style2 .dual-button-text,
.dbwt-button-swipe.style3 .dual-button-text,
.dbwt-button-swipe.style4 .dual-button-text {
-webkit-transition: all .6s;
transition: all .6s
}
.dbwt-button-swipe.style1 .elementor-button-icon {
left: 500px
}
.dbwt-button-swipe.style1 .dual-button-text {
left: 0
}
.dbwt-button-swipe.style1:hover .elementor-button-icon {
left: 0
}
.dbwt-button-swipe.style1:hover .dual-button-text {
left: -500px
}
.dbwt-button-swipe.style2 .elementor-button-icon {
right: 500px;
left: auto
}
.dbwt-button-swipe.style2 .dual-button-text {
right: 0
}
.dbwt-button-swipe.style2:hover .elementor-button-icon {
right: 0
}
.dbwt-button-swipe.style2:hover .dual-button-text {
right: -500px
}
.dbwt-button-swipe.style3 .elementor-button-icon {
top: 500px
}
.dbwt-button-swipe.style3 .dual-button-text {
top: 0
}
.dbwt-button-swipe.style3:hover .elementor-button-icon {
top: 0
}
.dbwt-button-swipe.style3:hover .dual-button-text {
top: -500px
}
.dbwt-button-swipe.style4 .elementor-button-icon {
bottom: 500px;
top: auto
}
.dbwt-button-swipe.style4 .dual-button-text {
bottom: 0
}
.dbwt-button-swipe.style4:hover .elementor-button-icon {
bottom: 0
}
.dbwt-button-swipe.style4:hover .dual-button-text {
bottom: -500px
}
.dual-button-with-text-wrapper,
.dual-button-with-text-wrapper .btn-left .dbwt-button-left,
.dual-button-with-text-wrapper .btn-right .dbwt-button-right,
.dual-button-wrapper,
.dual-button-wrapper .btn-left .dual-button-left,
.dual-button-wrapper .btn-right .dual-button-right,
.single-button-wrapper,
.single-button-wrapper .single-button-normal {
width: 100%
}
.dual-button-with-text-wrapper .btn-left,
.dual-button-with-text-wrapper .btn-right,
.dual-button-wrapper .btn-left,
.dual-button-wrapper .btn-right {
width: 50%
}
.time {
text-align: left!important;
padding: 0 10px!important
}
.elementor-widget-container {
max-width: 100%;
margin: 0 auto
}
.pt-dual-header {
display: block;
margin-bottom: 50px
}
.pt-dual-header .title,
.pt-dual-header .title span {
font-size: 36px;
font-weight: 700;
text-transform: uppercase;
line-height: 48px;
margin: 10px 0
}
.pt-dual-header .subtext {
font-size: 16px;
display: block
}
.pt-dual-header i {
display: block;
padding: 0;
margin: 20px 0 10px 0;
font-size: 36px
}
.pt-dual-header .title span.lead {
color: #1abc9c
}
.pt-dual-header-content-align-center {
text-align: center
}
.pt-dual-header-content-align-left {
text-align: left
}
.pt-dual-header-content-align-right {
text-align: right
}
.pt-dual-header-container .pt-dual-header-first-header,
.pt-dual-header-container .pt-dual-header-second-header {
position: relative;
padding: 0;
margin: 0;
display: inline-block;
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
@media (max-width:500px) {
.pt-dual-header-container .pt-dual-header-first-header,
.pt-dual-header-container .pt-dual-header-second-header {
display: block;
word-wrap: break-word
}
}
.pt-dual-header-first-container {
margin-right: 5px
}
.pt-dual-header-first-clip,
.pt-dual-header-second-clip {
-webkit-text-fill-color: transparent;
-webkit-background-clip: text
}
.pt-flip-box-wrapper .icon-wrapper {
display: inline-block;
padding: 10px;
line-height: 1
}
.pt-flip-box-wrapper .back-icon-title,
.pt-flip-box-wrapper .front-icon-title {
margin: 10px auto;
color: #fff
}
.pt-flip-box-wrapper .flipbox-content {
display: block;
position: relative;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%)
}
.pt-flip-box-inner {
width: 100%;
height: 200px;
position: relative;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d
}
.pt-flip-box-inner .pt-flip-box-back,
.pt-flip-box-inner .pt-flip-box-front {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
text-align: center;
padding: 10px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .6s ease 0s;
-moz-transition: all .6s ease 0s;
-ms-transition: all .6s ease 0s;
-o-transition: all .6s ease 0s;
transition: all .6s ease 0s
}
.pt-fb-animate-vertical .pt-flip-box-inner .pt-flip-box-front {
-webkit-transform: perspective(1000px) rotateX(0);
-ms-transform: perspective(1000px) rotateX(0);
transform: perspective(1000px) rotateX(0)
}
.pt-fb-animate-vertical .pt-flip-box-inner .pt-flip-box-back {
-webkit-transform: perspective(1000px) rotateX(180deg);
transform: perspective(1000px) rotateX(180deg);
-ms-transform: perspective(1000px) rotateX(180deg)
}
.pt-fb-animate-vertical .pt-flip-box-inner:hover .pt-flip-box-front {
-webkit-transform: perspective(1000px) rotateX(180deg);
transform: perspective(1000px) rotateX(180deg);
-ms-transform: perspective(1000px) rotateX(180deg)
}
.pt-fb-animate-vertical .pt-flip-box-inner:hover .pt-flip-box-back {
-webkit-transform: perspective(1000px) rotateX(0);
transform: perspective(1000px) rotateX(0);
-ms-transform: perspective(1000px) rotateX(0)
}
.pt-fb-animate-horizontal .pt-flip-box-inner .pt-flip-box-front {
-webkit-transform: perspective(1000px) rotateY(0);
transform: perspective(1000px) rotateY(0);
-ms-transform: perspective(1000px) rotateY(0)
}
.pt-fb-animate-horizontal .pt-flip-box-inner .pt-flip-box-back {
-webkit-transform: perspective(1000px) rotateY(180deg);
transform: perspective(1000px) rotateY(180deg);
-ms-transform: perspective(1000px) rotateY(180deg)
}
.pt-fb-animate-horizontal .pt-flip-box-inner:hover .pt-flip-box-front {
-webkit-transform: perspective(1000px) rotateY(180deg);
transform: perspective(1000px) rotateY(180deg);
-ms-transform: perspective(1000px) rotateY(180deg)
}
.pt-fb-animate-horizontal .pt-flip-box-inner:hover .pt-flip-box-back {
-webkit-transform: perspective(1000px) rotateY(0);
transform: perspective(1000px) rotateY(0);
-ms-transform: perspective(1000px) rotateY(0)
}
.pt-flip-box-back i,
.pt-flip-box-front i {
font-size: 32px;
height: 1em;
width: 1em
}
.pt-fb-icon-view-framed {
border: 1px solid #92be43
}
.pt-fb-icon-shape-circle {
border-radius: 50%
}
.flipbox-content p {
margin-bottom: 10px
}
.pt-fb-button {
display: inline-block;
padding: 5px 10px
}
.pt-flip-box-front {
background: #a0ce4e
}
.pt-flip-box-back {
background: #73b9dc
}
.pt-info-box-section .pt-title {
margin: 20px 0
}
.pt-info-box-section .pt-description {
line-height: 25px
}
.pt-info-box-section .elementor-size-small {
font-size: 15px
}
.pt-info-box-section .elementor-size-medium {
font-size: 19px
}
.pt-info-box-section .elementor-size-large {
font-size: 29px
}
.pt-info-box-section .elementor-size-xl {
font-size: 39px
}
.pt-info-box-section .elementor-size-xxl {
font-size: 59px
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box {
display: inline-block;
margin-bottom: 35px;
overflow: hidden;
position: relative;
line-height: 0;
width: 100%
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box .banner_title {
background: #242424 none repeat scroll 0 0;
color: #fff;
font-weight: 400
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box .banner_title {
color: #fff;
display: block;
font-size: 15px;
line-height: 1.2;
margin: 0;
opacity: 1;
padding: .7em 15px;
position: relative;
text-align: left;
width: 100%;
z-index: 99
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box .mask {
color: #fff;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
overflow: hidden
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box:hover .mask.opaque-background {
background: rgba(0, 0, 0, .45)
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style01 .mask {
-ms-transform: translateY(100%);
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all .2s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style01:hover .mask {
opacity: 1;
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style02 .mask {
-ms-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all .2s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style02:hover .mask {
opacity: 1;
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style03 .mask {
-ms-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all .2s linear;
-webkit-transition: all .4s linear;
transition: all .4s linear
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style03:hover .mask {
opacity: 1;
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style04 .mask {
-ms-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all .2s linear;
-webkit-transition: all .4s linear;
transition: all .4s linear
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style04:hover .mask {
opacity: 1;
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style05 img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style05:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style05:hover .mask {
opacity: 1
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style06 img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style06:hover img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style06:hover .mask {
opacity: 1
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box .mask .pt-description,
.pt-interactive_banner-wrapper .pt-interactive-banner-box .mask p {
color: inherit;
text-align: center;
padding: 15px 1.5em 0;
margin-bottom: 0;
display: block;
line-height: 1.5em
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box .mask .pt-description {
color: inherit;
padding-top: 1em
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box .mask .pt-description p {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
color: inherit
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box .banner_title i {
float: initial !important;
font-size: 1em;
line-height: 1.2;
padding-right: 0
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box a.pt-link {
background-color: transparent;
color: transparent;
cursor: pointer;
display: block;
height: 100%;
left: 0;
margin: 0;
padding: 0;
position: absolute;
text-decoration: none;
top: 0;
width: 100%;
z-index: 99
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box .mask .pt-back-icon {
display: block;
font-size: 3em;
line-height: 1;
margin: 25px auto 0;
text-align: center
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style07 .mask,
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style07 .mask:hover {
opacity: 1
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style07 .mask {
-ms-transform: translate(-100%, -100px) rotate(-180deg);
-webkit-transform: translate(-100%, -100px) rotate(-180deg);
transform: translate(-100%, -100px) rotate(-180deg)
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style07:hover .mask {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0)
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style07 .pt-back-icon {
-webkit-transform: translateX(-100%) rotate(-360deg);
-ms-transform: translateX(-100%) rotate(-360deg);
transform: translateX(-100%) rotate(-360deg);
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style07:hover .pt-back-icon {
-webkit-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style07 .mask p {
-webkit-transform: translateX(-100%) rotate(-90deg);
-ms-transform: translateX(-100%) rotate(-90deg);
transform: translateX(-100%) rotate(-90deg);
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style07:hover .mask p {
-webkit-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style07 .mask a {
-webkit-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style07:hover .mask a {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style08 .mask,
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style08 .mask:hover {
opacity: 1
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style08 .mask {
-ms-transform: translate(100%, -100px) rotate(180deg);
-webkit-transform: translate(100%, -100px) rotate(180deg);
transform: translate(100%, -100px) rotate(180deg)
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style08:hover .mask {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0)
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style08 .pt-back-icon {
-webkit-transform: translateX(100%) rotate(360deg);
-ms-transform: translateX(100%) rotate(360deg);
transform: translateX(100%) rotate(360deg);
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style08:hover .pt-back-icon {
-webkit-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style08 .mask p {
-webkit-transform: translateX(100%) rotate(90deg);
-ms-transform: translateX(100%) rotate(90deg);
transform: translateX(100%) rotate(90deg);
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style08:hover .mask p {
-webkit-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style08 .mask a {
-webkit-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style08:hover .mask a {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box img {
display: block;
margin: 0 auto
}
.pt-team-section .team-designation-title-size-default,
.pt-team-section .team-location-title-size-default,
.pt-team-section .team-phonenumber-title-size-default {
color: #7f7f7f;
margin-bottom: 5px
}
.pt-team-section .team-designation-title-size-small,
.pt-team-section .team-location-title-size-small,
.pt-team-section .team-phonenumber-title-size-small,
.pt-team-section .team-title-size-small {
color: #7f7f7f;
font-size: 15px;
margin-bottom: 5px
}
.pt-team-section .team-designation-title-size-medium,
.pt-team-section .team-location-title-size-medium,
.pt-team-section .team-phonenumber-title-size-medium,
.pt-team-section .team-title-size-medium {
color: #7f7f7f;
font-size: 19px;
margin-bottom: 5px
}
.pt-team-section .team-designation-title-size-large,
.pt-team-section .team-location-title-size-large,
.pt-team-section .team-phonenumber-title-size-large,
.pt-team-section .team-title-size-large {
color: #7f7f7f;
font-size: 29px;
margin-bottom: 5px
}
.pt-team-section .team-designation-title-size-xl,
.pt-team-section .team-location-title-size-xl,
.pt-team-section .team-phonenumber-title-size-xl,
.pt-team-section .team-title-size-xl {
color: #7f7f7f;
font-size: 39px;
margin-bottom: 5px
}
.pt-team-section .team-designation-title-size-xxl,
.pt-team-section .team-location-title-size-xxl,
.pt-team-section .team-phonenumber-title-size-xxl,
.pt-team-section .team-title-size-xxl {
color: #7f7f7f;
font-size: 59px;
margin-bottom: 5px
}
.pt-team-section .pt-description {
line-height: 22px;
margin: 10px 0
}
.pt-team-section .elementor-social-icons-wrapper {
margin: 25px 0
}
.pt-team-section .pt-team-member-photo .pt-team-member-photo-wrapper img {
margin: 10px 0 0
}
.pt-team-section {
background-color: #fff;
width: 100%
}
.pt-team-section .team-title-size-default {
margin: 0
}
.pt-post-timeline {
margin-bottom: 0;
min-height: 100%;
overflow: hidden;
position: relative
}
.left-column,
.right-column {
position: absolute!important
}
.pt-timeline-column {
width: 50%;
margin-left: 0;
float: left;
text-align: right;
margin-top: 0!important;
position: relative
}
.pt-timeline-post:nth-child(2n):after {
display: none
}
.pt-timeline-bullet {
background-color: #9fa9af;
border: 4px solid #fff;
border-radius: 50%;
box-shadow: 0 1px 0 1px rgba(0, 0, 0, .1);
content: "";
height: 14px;
position: absolute;
right: -7px;
top: 60px;
width: 14px;
z-index: 3;
cursor: pointer
}
.pt-timeline-post.right-column .pt-timeline-post-inner .time {
text-align: left
}
.pt-timeline-post.right-column .pt-timeline-bullet {
background-color: #9fa9af;
border: 4px solid #fff;
border-radius: 50%;
bottom: 36px;
content: "";
height: 14px;
left: -7px;
position: absolute;
top: 90px;
width: 14px;
z-index: 3
}
.pt-timeline-post-inner {
background: #fff none repeat scroll 0 0;
float: right;
margin: 10px 20px 10px auto;
padding: 20px;
position: relative;
width: 480px
}
.pt-timeline-post.left-column .pt-timeline-post-inner {
float: right;
margin: 10px 20px 10px auto
}
.pt-timeline-post.right-column .pt-timeline-post-inner {
float: left;
margin-left: 20px
}
.left-column .pt-timeline-post-inner:after {
border-color: transparent transparent transparent #fff;
border-style: solid;
border-width: 10px;
content: "";
height: 0;
position: absolute;
right: -20px;
top: 46px;
width: 0
}
.right-column .pt-timeline-post-inner:after {
border-right-color: #fff;
border-color: transparent #fff transparent transparent;
border-style: solid;
border-width: 10px;
content: "";
height: 0;
left: -20px;
position: absolute;
top: 77px;
width: 0
}
.pt-timeline-post-title h2 {
color: #fff;
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
line-height: 24px;
padding: 0 10px;
text-align: left;
margin: 0
}
.pt-timeline-post-excerpt p {
color: #000;
font-size: 14px;
padding: 10px;
margin: 0;
text-align: left
}
.pt-timeline-post-inner:hover .pt-timeline-post-excerpt {
opacity: 1;
top: 10px
}
.pt-timeline-post .time {
height: 30px
}
.timeline-line {
border-right: 1px solid #d0d0d0;
height: 100%;
left: 50%;
margin-left: 0;
position: absolute
}
@media only screen and (max-width:1366px) {
.pt-timeline-post-title h2 {
font-size: .8em
}
.pt-timeline-post-excerpt p {
font-size: 13px
}
}
@media only screen and (max-width:1169px) {
.pt-timeline-post-inner {
height: 320px;
width: 420px
}
}
@media only screen and (max-width:992px) {
.pt-post-timeline {
margin-left: 0
}
.pt-timeline-bullet,
.pt-timeline-post-inner:after,
.pt-timeline-post:after,
.pt-timeline-post:before {
display: none
}
.pt-timeline-post {
display: inline-block;
float: left!important;
width: 50%!important;
margin: 15px auto
}
.pt-timeline-post-inner {
height: 320px;
padding-bottom: 30px;
width: 420px
}
.pt-timeline-post-title {
bottom: 50px
}
.pt-timeline-post-title h2 {
font-size: .8em;
line-height: 1.2em
}
.pt-timeline-post .pt-timeline-post-inner {
margin: 0 10px auto 0;
width: 90%
}
.pt-timeline-post:nth-child(2n) .pt-timeline-post-inner {
margin: 0 auto 0 10px;
width: 90%
}
.pt-timeline-post-excerpt {
opacity: 0!important
}
.pt-timeline-post time,
.pt-timeline-post:nth-child(2n) time {
background-color: #fff;
border-radius: 0;
color: #444;
font-size: 12px;
text-transform: uppercase;
left: 0;
opacity: 1;
padding-top: 3px;
top: 275px;
width: 100%
}
time:before {
display: none
}
}
@media only screen and (max-width:767px) {
.pt-timeline-post {
display: block;
float: none!important;
margin: 20px auto;
width: 100%!important
}
.pt-timeline-post .pt-timeline-post-inner,
.pt-timeline-post:nth-child(2n) .pt-timeline-post-inner {
display: block;
float: none;
margin: 0 auto;
width: 90%
}
}
@media only screen and (max-width:479px) {
.pt-timeline-post .pt-timeline-post-inner,
.pt-timeline-post:nth-child(2n) .pt-timeline-post-inner {
height: 250px;
margin: 0 auto;
width: 95%
}
.pt-timeline-post time,
.pt-timeline-post:nth-child(2n) time {
top: 205px
}
}
.pt-testimonial-image img {
max-width: 100%
}
.pt-testimonial-image {
padding: 10px 10px 10px 10px
}
.pt-testimonial-image>figure {
display: block;
margin: 0
}
.testimonial-avatar-rounded figure img {
border-radius: 50%;
height: auto
}
.pt-testimonial-content {
margin: 0;
padding: 10px 20px 50px
}
.pt-testimonial-item>figure {
margin: 0 auto;
padding: 0 20px
}
.pt-testimonial-item .center-text {
text-align: center
}
.pt-testimonial-item .right-text {
text-align: right
}
.pt-testimonial-item .left-text {
text-align: left
}
.pt-testimonial-item .justify-text {
text-align: justify
}
.pt-testimonial-content .pt-testimonial-text {
font-size: 100%;
font-style: italic;
line-height: 1.5;
margin-bottom: 10px
}
.pt-testimonial-content .pt-testimonial-user {
float: left;
font-family: inherit;
font-size: 105%;
font-style: italic;
font-weight: 400;
line-height: 1.5;
margin-bottom: 0;
margin-right: 5px
}
.pt-testimonial-content .pt-testimonial-user-company {
clear: both;
float: left;
font-family: inherit;
font-size: 90%;
font-style: italic;
font-weight: 500;
line-height: 1.75;
margin-bottom: 0;
margin-top: 1px
}
.pt-testimonial-image {
position: relative
}
.pt-testimonial-image .pt-testimonial-quote::after {
color: inherit!important;
content: "\f10e";
font-family: FontAwesome;
font-size: 200%;
position: absolute;
right: 20px;
top: 10px
}
.pt-align-left .pt-testimonial-content,
.pt-align-left .pt-testimonial-user,
.pt-align-left .pt-testimonial-user-company {
text-align: left
}
.pt-align-left .pt-testimonial-image {
float: left;
margin-right: 10px;
max-width: 150px;
width: 30%
}
.pt-align-left .pt-testimonial-content {
float: left;
margin-top: 20px;
position: relative;
width: 67%
}
.pt-align-left .pt-testimonial-image .pt-testimonial-quote {
display: none
}
.pt-align-left .pt-testimonial-quote::before {
color: inherit;
content: "\f10e";
font-family: FontAwesome;
font-size: 28px;
right: 20px;
position: absolute;
top: 0
}
.pt-align-left .pt-testimonial-content {
margin: 0;
padding: 20px 10px
}
.pt-testimonial-content .pp-arrow-left {
border-bottom: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid transparent;
height: 0;
left: -15px;
position: absolute;
top: 30px;
width: 0
}
.pt-align-centered .pt-testimonial-content .pt-testimonial-text {
text-align: center
}
.pt-align-centered .pt-testimonial-user,
.pt-align-centered .pt-testimonial-user-company {
float: none;
text-align: center
}
.pt-align-centered .pt-testimonial-image>figure img {
display: block;
margin-left: auto!important;
margin-right: auto!important
}
.pt-align-right .pt-testimonial-content,
.pt-align-right .pt-testimonial-user,
.pt-align-right .pt-testimonial-user-company {
text-align: right
}
.pt-align-right .pt-testimonial-image {
float: right;
width: 30%;
max-width: 150px;
margin-left: 10px
}
.pt-align-right .pt-testimonial-content {
float: right;
position: relative;
width: 67%
}
.pt-align-right .pt-testimonial-image .pt-testimonial-quote {
display: none
}
.pt-align-right .pt-testimonial-quote::before {
color: inherit;
content: "\f10d";
font-family: FontAwesome;
font-size: 28px;
left: 20px;
position: absolute;
top: 0
}
.pt-align-right .pt-testimonial-user,
.pt-align-right .pt-testimonial-user-company {
float: none;
text-align: right
}
.pt-align-right .pt-testimonial-content {
padding: 20px 10px
}
.pt-testimonial-content .pp-arrow-right {
border-bottom: 15px solid transparent;
border-left: 15px solid transparent;
border-top: 15px solid transparent;
height: 0;
right: -15px;
position: absolute;
top: 30px;
width: 0
}
.pt-align-centered.style01 .pt-testimonial-content {
padding: 100px 50px 50px;
position: relative;
top: -75px;
z-index: 9
}
.pt-align-centered.style01 .pt-testimonial-image {
position: relative;
z-index: 10
}
.pt-testimonial-item {
overflow: hidden
}
.elementor-widget-pt-testimonial {
background: 0 0!important
}
.entry-content a.elementor-button,
.entry-summary a.elementor-button,
.posts-navigation a.elementor-button,
.site-footer .widget-area a.elementor-button,
.widget a.elementor-button,
.widget_authors a.elementor-button strong {
-webkit-box-shadow: inherit;
box-shadow: inherit;
-webkit-transition: inherit;
transition: inherit
}
.entry-content a.elementor-button:hover,
.entry-summary a.elementor-button:hover,
.posts-navigation a.elementor-button:hover,
.site-footer .widget-area a.elementor-button:hover,
.widget a.elementor-button:hover,
.widget_authors a.elementor-button:hover strong {
-webkit-box-shadow: inherit;
box-shadow: inherit
}
.single-button-wrapper {
display: inline-block;
position: relative
}
.single-button-normal {
overflow: hidden;
position: relative;
vertical-align: middle
}
.single-button-normal .btn-hover {
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
position: absolute;
-webkit-transition: all .3s;
transition: all .3s;
opacity: 0;
background-color: #444
}
.dbwt-button-left .elementor-align-icon-right,
.dbwt-button-right .elementor-align-icon-right,
.dual-button-left .elementor-align-icon-right,
.dual-button-right .elementor-align-icon-right,
.single-button-normal .elementor-align-icon-right {
float: right;
margin-left: 5px;
position: relative;
z-index: 2
}
.dbwt-button-left .elementor-align-icon-left,
.dbwt-button-right .elementor-align-icon-left,
.dual-button-left .elementor-align-icon-left,
.dual-button-right .elementor-align-icon-left,
.single-button-normal .elementor-align-icon-left {
float: left;
margin-right: 5px;
position: relative;
z-index: 2
}
.single-button-text {
position: relative;
z-index: 3
}
.single-button-normal:hover .btn-hover {
opacity: 1
}
.single-button-normal.style1:hover .btn-hover {
opacity: 1
}
.single-button-normal.style2 .btn-hover {
top: -100%
}
.single-button-normal.style2:hover .btn-hover {
top: 0
}
.single-button-normal.style3 .btn-hover {
left: -100%
}
.single-button-normal.style3:hover .btn-hover {
left: 0
}
.single-button-normal.style4 .btn-hover {
right: -100%;
left: auto
}
.single-button-normal.style4:hover .btn-hover {
right: 0
}
.single-button-normal.style5 .btn-hover {
bottom: -100%;
top: auto
}
.single-button-normal.style5:hover .btn-hover {
bottom: 0
}
.single-button-normal.style6 .btn-hover {
width: 0;
left: 50%;
right: 50%
}
.single-button-normal.style6:hover .btn-hover {
width: 90%;
left: 5%;
right: 5%
}
.single-button-normal.style7 .btn-hover {
height: 0;
top: 50%;
bottom: 50%
}
.single-button-normal.style7:hover .btn-hover {
height: 80%;
top: 10%;
bottom: 10%
}
.single-button-normal.style8 .btn-hover {
width: 100%;
height: 0;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg)
}
.single-button-normal.style8:hover .btn-hover {
height: 250%
}
.single-button-push {
overflow: hidden;
position: relative;
vertical-align: middle;
-webkit-transition: none!important;
transition: none!important
}
.single-button-push.style1 {
-webkit-box-shadow: 0 5px #0e83cd!important;
box-shadow: 0 5px #0e83cd!important;
top: auto
}
.single-button-push.style1:hover {
top: 2px;
-webkit-box-shadow: 0 3px #0e83cd!important;
box-shadow: 0 3px #0e83cd!important
}
.single-button-push.style2 {
-webkit-box-shadow: 5px 0 #0e83cd!important;
box-shadow: 5px 0 #0e83cd!important;
left: auto
}
.single-button-push.style2:hover {
left: 2px;
-webkit-box-shadow: 3px 0 #0e83cd!important;
box-shadow: 3px 0 #0e83cd!important
}
.single-button-push.style3 {
-webkit-box-shadow: 0 -5px #0e83cd!important;
box-shadow: 0 -5px #0e83cd!important;
bottom: auto
}
.single-button-push.style3:hover {
bottom: 2px;
-webkit-box-shadow: 0 -3px #0e83cd!important;
box-shadow: 0 -3px #0e83cd!important
}
.single-button-push.style4 {
-webkit-box-shadow: -5px 0 #0e83cd!important;
box-shadow: -5px 0 #0e83cd!important;
right: auto
}
.single-button-push.style4:hover {
right: 2px;
-webkit-box-shadow: -3px 0 #0e83cd!important;
box-shadow: -3px 0 #0e83cd!important
}
.single-button-circle.style1,
.single-button-circle.style2,
.single-button-circle.style3,
.single-button-circle.style4 {
border-radius: 50%!important;
padding: 0!important;
display: table-cell;
vertical-align: middle
}
.single-button-circle {
overflow: hidden;
position: relative;
vertical-align: middle;
-webkit-transition: none!important;
transition: none!important
}
.single-button-circle.style1 .single-button-text,
.single-button-circle.style2 .single-button-text,
.single-button-circle.style3 .single-button-text,
.single-button-circle.style4 .single-button-text {
display: inline-block;
width: 100%
}
.single-button-circle .elementor-button-icon {
width: 100%
}
.elementor-size-xs.single-button-circle {
width: 50px!important;
height: 50px!important
}
.elementor-size-sm.single-button-circle {
width: 100px!important;
height: 100px!important
}
.elementor-size-md.single-button-circle {
width: 150px!important;
height: 150px!important
}
.elementor-size-lg.single-button-circle {
width: 200px!important;
height: 200px!important
}
.elementor-size-xl.single-button-circle {
width: 250px!important;
height: 250px!important
}
.single-button-circle.style1 {
-webkit-box-shadow: 0 5px #0e83cd;
box-shadow: 0 5px #0e83cd!important;
top: auto
}
.single-button-circle.style1:hover {
top: 2px;
-webkit-box-shadow: 0 3px #0e83cd;
box-shadow: 0 3px #0e83cd!important
}
.single-button-circle.style2 {
-webkit-box-shadow: 5px 0 #0e83cd!important;
box-shadow: 5px 0 #0e83cd!important;
left: auto
}
.single-button-circle.style2:hover {
left: 2px;
-webkit-box-shadow: 3px 0 #0e83cd!important;
box-shadow: 3px 0 #0e83cd!important
}
.single-button-circle.style3 {
-webkit-box-shadow: 0 -5px #0e83cd!important;
box-shadow: 0 -5px #0e83cd!important;
bottom: auto
}
.single-button-circle.style3:hover {
bottom: 2px;
-webkit-box-shadow: 0 -3px #0e83cd!important;
box-shadow: 0 -3px #0e83cd!important
}
.single-button-circle.style4 {
-webkit-box-shadow: -5px 0 #0e83cd!important;
box-shadow: -5px 0 #0e83cd!important;
right: auto
}
.single-button-circle.style4:hover {
right: 2px;
-webkit-box-shadow: -3px 0 #0e83cd!important;
box-shadow: -3px 0 #0e83cd!important
}
.single-button-slide {
position: relative;
vertical-align: middle;
overflow: hidden
}
.single-button-slide .elementor-button-icon {
position: absolute;
top: 50%;
opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1;
-webkit-transition: all .3s;
transition: all .3s;
margin-right: 0!important
}
.single-button-slide.style1:hover .elementor-button-icon,
.single-button-slide.style2:hover .elementor-button-icon,
.single-button-slide.style3:hover .elementor-button-icon,
.single-button-slide.style4:hover .elementor-button-icon {
opacity: 1
}
.single-button-slide.style1 .elementor-button-icon {
right: 50%
}
.single-button-slide.style1:hover .elementor-button-icon {
right: 15px
}
.single-button-slide.style1:hover {
padding-right: 40px!important
}
.single-button-slide.style2 .elementor-button-icon {
left: 50%
}
.single-button-slide.style2:hover .elementor-button-icon {
left: 15px
}
.single-button-slide.style2:hover {
padding-left: 40px!important
}
.single-button-slide.style3 .elementor-button-icon {
right: 25%
}
.single-button-slide.style3:hover .elementor-button-icon {
right: 10px
}
.single-button-slide.style3:hover {
padding-right: 40px!important
}
.single-button-slide.style4 .elementor-button-icon {
left: 25%
}
.single-button-slide.style4:hover .elementor-button-icon {
left: 10px
}
.single-button-slide.style4:hover {
padding-left: 40px!important
}
.single-button-swipe {
position: relative;
vertical-align: middle;
overflow: hidden
}
.single-button-swipe .elementor-button-icon {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
line-height: 1;
-webkit-transition: all .6s;
transition: all .6s
}
.single-button-swipe .elementor-button-icon i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%)
}
.single-button-swipe.style1 .single-button-text,
.single-button-swipe.style2 .single-button-text,
.single-button-swipe.style3 .single-button-text,
.single-button-swipe.style4 .single-button-text {
-webkit-transition: all .6s;
transition: all .6s
}
.single-button-swipe.style1 .elementor-button-icon {
left: 500px
}
.single-button-swipe.style1 .single-button-text {
left: 0
}
.single-button-swipe.style1:hover .elementor-button-icon {
left: 0
}
.single-button-swipe.style1:hover .single-button-text {
left: -500px
}
.single-button-swipe.style2 .elementor-button-icon {
right: 500px;
left: auto
}
.single-button-swipe.style2 .single-button-text {
right: 0
}
.single-button-swipe.style2:hover .elementor-button-icon {
right: 0
}
.single-button-swipe.style2:hover .single-button-text {
right: -500px
}
.single-button-swipe.style3 .elementor-button-icon {
top: 500px
}
.single-button-swipe.style3 .single-button-text {
top: 0
}
.single-button-swipe.style3:hover .elementor-button-icon {
top: 0
}
.single-button-swipe.style3:hover .single-button-text {
top: -500px
}
.single-button-swipe.style4 .elementor-button-icon {
bottom: 500px;
top: auto
}
.single-button-swipe.style4 .single-button-text {
bottom: 0
}
.single-button-swipe.style4:hover .elementor-button-icon {
bottom: 0
}
.single-button-swipe.style4:hover .single-button-text {
bottom: -500px
}
.button-tooltip {
pointer-events: none;
opacity: 0;
position: absolute;
padding: 5px 10px;
border-radius: 3px;
background: #444;
font-size: 12px;
color: #fff;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-100%);
-ms-transform: translateX(-50%) translateY(-100%);
transform: translateX(-50%) translateY(-100%);
white-space: nowrap;
margin-top: -10px
}
.button-tooltip:after {
position: absolute;
bottom: -5px;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 5px solid #000;
border-top: 5px solid hsla(0, 0%, 20%, .9);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: "";
font-size: 0;
line-height: 0
}
.tooltip-position-top_left {
left: 0;
-webkit-transform: translateX(0) translateY(-100%);
-ms-transform: translateX(0) translateY(-100%);
transform: translateX(0) translateY(-100%)
}
.tooltip-position-top_right {
left: auto;
right: 0;
-webkit-transform: translateX(0) translateY(-100%);
-ms-transform: translateX(0) translateY(-100%);
transform: translateX(0) translateY(-100%)
}
.tooltip-position-bottom {
top: auto;
-webkit-transform: translateX(-50%) translateY(100%);
-ms-transform: translateX(-50%) translateY(100%);
transform: translateX(-50%) translateY(100%);
margin-top: inherit;
bottom: -10px
}
.tooltip-position-bottom:after {
bottom: auto;
border-bottom: 5px solid #000;
border-bottom: 5px solid hsla(0, 0%, 20%, .9);
border-top: 5px solid transparent;
top: -10px
}
.tooltip-position-bottom_left {
left: 0;
top: auto;
-webkit-transform: translateX(0) translateY(100%);
-ms-transform: translateX(0) translateY(100%);
transform: translateX(0) translateY(100%);
margin-top: inherit;
bottom: -10px
}
.tooltip-position-bottom_right {
left: auto;
right: 0;
top: auto;
-webkit-transform: translateX(0) translateY(100%);
-ms-transform: translateX(0) translateY(100%);
transform: translateX(0) translateY(100%);
margin-top: inherit;
bottom: -10px
}
.tooltip-position-bottom_left:after {
bottom: auto;
border-bottom: 5px solid #000;
border-bottom: 5px solid hsla(0, 0%, 20%, .9);
border-top: 5px solid transparent;
top: -10px;
left: 10px
}
.tooltip-position-bottom_right:after {
bottom: auto;
border-bottom: 5px solid #000;
border-bottom: 5px solid hsla(0, 0%, 20%, .9);
border-top: 5px solid transparent;
top: -10px;
left: auto;
right: 10px
}
.tooltip-position-top_left:after {
left: 10px
}
.tooltip-position-top_right:after {
left: auto;
right: 10px
}
.single-button-wrapper:hover .button-tooltip {
opacity: 1
}
.btn-left:hover .button-tooltip {
opacity: 1
}
.btn-right:hover .button-tooltip {
opacity: 1
}
.btn-left {
position: relative
}
.btn-right {
position: relative
}
.dual-button-wrapper {
display: inline-block;
position: relative
}
.dual-button-wrapper .dual-button-left,
.dual-button-wrapper .dual-button-right {
float: left;
position: relative;
overflow: hidden;
vertical-align: middle
}
.dual-button-left {
border-top-right-radius: 0!important;
border-bottom-right-radius: 0!important
}
.dual-button-right {
border-top-left-radius: 0!important;
border-bottom-left-radius: 0!important
}
.dual-button-normal.dual-button-left .btn-hover,
.dual-button-normal.dual-button-right .btn-hover {
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
position: absolute;
-webkit-transition: all .3s;
transition: all .3s;
opacity: 0;
background-color: #444
}
.dual-button-text {
position: relative;
z-index: 3
}
.dual-button-wrapper .dual-button-left:hover .btn-hover,
.dual-button-wrapper .dual-button-right:hover .btn-hover {
opacity: 1
}
.dual-button-normal.style2 .btn-hover {
top: -100%
}
.dual-button-normal.style2:hover .btn-hover {
top: 0
}
.dual-button-normal.style3 .btn-hover {
left: -100%
}
.dual-button-normal.style3:hover .btn-hover {
left: 0
}
.dual-button-normal.style4 .btn-hover {
right: -100%;
left: auto
}
.dual-button-normal.style4:hover .btn-hover {
right: 0
}
.dual-button-normal.style5 .btn-hover {
bottom: -100%;
top: auto
}
.dual-button-normal.style5:hover .btn-hover {
bottom: 0
}
.dual-button-normal.style6 .btn-hover {
width: 0;
left: 50%;
right: 50%
}
.dual-button-normal.style6:hover .btn-hover {
width: 90%;
left: 5%;
right: 5%
}
.dual-button-normal.style7 .btn-hover {
height: 0;
top: 50%;
bottom: 50%
}
.dual-button-normal.style7:hover .btn-hover {
height: 80%;
top: 10%;
bottom: 10%
}
.dual-button-normal.style8 .btn-hover {
width: 100%;
height: 0;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg)
}
.dual-button-normal.style8:hover .btn-hover {
height: 250%
}
.dual-button-push.style1 {
-webkit-box-shadow: 0 5px #0e83cd!important;
box-shadow: 0 5px #0e83cd!important;
top: auto
}
.dual-button-push.style1:hover {
top: 2px;
-webkit-box-shadow: 0 3px #0e83cd!important;
box-shadow: 0 3px #0e83cd!important
}
.dual-button-push.style2 {
-webkit-box-shadow: 5px 0 #0e83cd!important;
box-shadow: 5px 0 #0e83cd!important;
left: auto
}
.dual-button-push.style2:hover {
left: 2px;
-webkit-box-shadow: 3px 0 #0e83cd!important;
box-shadow: 3px 0 #0e83cd!important
}
.dual-button-push.style3 {
-webkit-box-shadow: 0 -5px #0e83cd!important;
box-shadow: 0 -5px #0e83cd!important;
bottom: auto
}
.dual-button-push.style3:hover {
bottom: 2px;
-webkit-box-shadow: 0 -3px #0e83cd!important;
box-shadow: 0 -3px #0e83cd!important
}
.dual-button-push.style4 {
-webkit-box-shadow: -5px 0 #0e83cd!important;
box-shadow: -5px 0 #0e83cd!important;
right: auto
}
.dual-button-push.style4:hover {
right: 2px;
-webkit-box-shadow: -3px 0 #0e83cd!important;
box-shadow: -3px 0 #0e83cd!important
}
.dual-button-slide .elementor-button-icon {
position: absolute;
top: 50%;
opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1;
-webkit-transition: all .3s;
transition: all .3s
}
.dual-button-slide:hover .elementor-button-icon {
opacity: 1
}
.dual-button-slide.style1 .elementor-button-icon {
right: 50%
}
.dual-button-slide.style1:hover {
padding-right: 40px!important
}
.dual-button-slide.style1:hover .elementor-button-icon {
right: 10px
}
.dual-button-slide.style2 .elementor-button-icon {
left: 50%
}
.dual-button-slide.style2:hover {
padding-left: 40px!important
}
.dual-button-slide.style2:hover .elementor-button-icon {
left: 10px
}
.dual-button-slide.style3 .elementor-button-icon {
right: 25%
}
.dual-button-slide.style3:hover {
padding-right: 40px!important
}
.dual-button-slide.style3:hover .elementor-button-icon {
right: 5px
}
.dual-button-slide.style4 .elementor-button-icon {
left: 25%
}
.dual-button-slide.style4:hover {
padding-left: 40px!important
}
.dual-button-slide.style4:hover .elementor-button-icon {
left: 5px
}
.dual-button-swipe .elementor-button-icon {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
line-height: 1;
-webkit-transition: all .6s;
transition: all .6s
}
.dual-button-swipe .elementor-button-icon i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%)
}
.dual-button-swipe.style1 .dual-button-text,
.dual-button-swipe.style2 .dual-button-text,
.dual-button-swipe.style3 .dual-button-text,
.dual-button-swipe.style4 .dual-button-text {
-webkit-transition: all .6s;
transition: all .6s
}
.dual-button-swipe.style1 .elementor-button-icon {
left: 500px
}
.dual-button-swipe.style1 .dual-button-text {
left: 0
}
.dual-button-swipe.style1:hover .elementor-button-icon {
left: 0
}
.dual-button-swipe.style1:hover .dual-button-text {
left: -500px
}
.dual-button-swipe.style2 .elementor-button-icon {
right: 500px;
left: auto
}
.dual-button-swipe.style2 .dual-button-text {
right: 0
}
.dual-button-swipe.style2:hover .elementor-button-icon {
right: 0
}
.dual-button-swipe.style2:hover .dual-button-text {
right: -500px
}
.dual-button-swipe.style3 .elementor-button-icon {
top: 500px
}
.dual-button-swipe.style3 .dual-button-text {
top: 0
}
.dual-button-swipe.style3:hover .elementor-button-icon {
top: 0
}
.dual-button-swipe.style3:hover .dual-button-text {
top: -500px
}
.dual-button-swipe.style4 .elementor-button-icon {
bottom: 500px;
top: auto
}
.dual-button-swipe.style4 .dual-button-text {
bottom: 0
}
.dual-button-swipe.style4:hover .elementor-button-icon {
bottom: 0
}
.dual-button-swipe.style4:hover .dual-button-text {
bottom: -500px
}
.dual-button-with-text-wrapper {
display: inline-block;
position: relative
}
.dual-button-with-text-wrapper .dbwt-button-left,
.dual-button-with-text-wrapper .dbwt-button-right {
float: left;
position: relative;
overflow: hidden;
vertical-align: middle
}
.dbwt-button-left {
border-top-right-radius: 0!important;
border-bottom-right-radius: 0!important
}
.dbwt-button-right {
border-top-left-radius: 0!important;
border-bottom-left-radius: 0!important
}
.dbwt-button-normal.dbwt-button-left .btn-hover,
.dbwt-button-normal.dbwt-button-right .btn-hover {
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
position: absolute;
-webkit-transition: all .3s;
transition: all .3s;
opacity: 0;
background-color: #444
}
.dbwt-btn-icon,
.dbwt-button-text {
position: absolute;
z-index: 16;
right: 0;
top: 50%;
width: 30px;
height: 30px;
border-radius: 50%;
margin: -15px -15px 0 0;
text-align: center;
line-height: 30px;
overflow: hidden;
opacity: 1;
border-width: 2px 2px 2px 2px!important
}
.dual-button-with-text-wrapper .dbwt-button-left:hover .btn-hover,
.dual-button-with-text-wrapper .dbwt-button-right:hover .btn-hover {
opacity: 1
}
.dual-button-with-text-wrapper .dbwt-button-left:hover .btn-hover,
.dual-button-with-text-wrapper .dbwt-button-right:hover .btn-hover {
opacity: 1
}
.dbwt-button-normal.style2 .btn-hover {
top: -100%
}
.dbwt-button-normal.style2:hover .btn-hover {
top: 0
}
.dbwt-button-normal.style3 .btn-hover {
left: -100%
}
.dbwt-button-normal.style3:hover .btn-hover {
left: 0
}
.dbwt-button-normal.style4 .btn-hover {
right: -100%;
left: auto
}
.dbwt-button-normal.style4:hover .btn-hover {
right: 0
}
.dbwt-button-normal.style5 .btn-hover {
bottom: -100%;
top: auto
}
.dbwt-button-normal.style5:hover .btn-hover {
bottom: 0
}
.dbwt-button-normal.style6 .btn-hover {
width: 0;
left: 50%;
right: 50%
}
.dbwt-button-normal.style6:hover .btn-hover {
width: 90%;
left: 5%;
right: 5%
}
.dbwt-button-normal.style7 .btn-hover {
height: 0;
top: 50%;
bottom: 50%
}
.dbwt-button-normal.style7:hover .btn-hover {
height: 80%;
top: 10%;
bottom: 10%
}
.dbwt-button-normal.style8 .btn-hover {
width: 100%;
height: 0;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg)
}
.dbwt-button-normal.style8:hover .btn-hover {
height: 250%
}
.dbwt-button-push.style1 {
-webkit-box-shadow: 0 5px #0e83cd!important;
box-shadow: 0 5px #0e83cd!important;
top: auto
}
.dbwt-button-push.style1:hover {
top: 2px;
-webkit-box-shadow: 0 3px #0e83cd!important;
box-shadow: 0 3px #0e83cd!important
}
.dbwt-button-push.style2 {
-webkit-box-shadow: 5px 0 #0e83cd!important;
box-shadow: 5px 0 #0e83cd!important;
left: auto
}
.dbwt-button-push.style2:hover {
left: 2px;
-webkit-box-shadow: 3px 0 #0e83cd!important;
box-shadow: 3px 0 #0e83cd!important
}
.dbwt-button-push.style3 {
-webkit-box-shadow: 0 -5px #0e83cd!important;
box-shadow: 0 -5px #0e83cd!important;
bottom: auto
}
.dbwt-button-push.style3:hover {
bottom: 2px;
-webkit-box-shadow: 0 -3px #0e83cd!important;
box-shadow: 0 -3px #0e83cd!important
}
.dbwt-button-push.style4 {
-webkit-box-shadow: -5px 0 #0e83cd!important;
box-shadow: -5px 0 #0e83cd!important;
right: auto
}
.dbwt-button-push.style4:hover {
right: 2px;
-webkit-box-shadow: -3px 0 #0e83cd!important;
box-shadow: -3px 0 #0e83cd!important
}
.dbwt-button-slide .elementor-button-icon {
position: absolute;
top: 50%;
opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1;
-webkit-transition: all .3s;
transition: all .3s
}
.dbwt-button-slide:hover .elementor-button-icon {
opacity: 1
}
.dbwt-button-slide.style1 .elementor-button-icon {
right: 50%
}
.dbwt-button-slide.style1:hover {
padding-right: 40px!important
}
.dbwt-button-slide.style1:hover .elementor-button-icon {
right: 10px
}
.dbwt-button-slide.style2 .elementor-button-icon {
left: 50%
}
.dbwt-button-slide.style2:hover {
padding-left: 40px!important
}
.dbwt-button-slide.style2:hover .elementor-button-icon {
left: 10px
}
.dbwt-button-slide.style3 .elementor-button-icon {
right: 25%
}
.dbwt-button-slide.style3:hover {
padding-right: 40px!important
}
.dbwt-button-slide.style3:hover .elementor-button-icon {
right: 5px
}
.dbwt-button-slide.style4 .elementor-button-icon {
left: 25%
}
.dbwt-button-slide.style4:hover {
padding-left: 40px!important
}
.dbwt-button-slide.style4:hover .elementor-button-icon {
left: 5px
}
.dbwt-button-swipe .elementor-button-icon {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
line-height: 1;
-webkit-transition: all .6s;
transition: all .6s
}
.dbwt-button-swipe .elementor-button-icon i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%)
}
.dbwt-button-swipe.style1 .dual-button-text,
.dbwt-button-swipe.style2 .dual-button-text,
.dbwt-button-swipe.style3 .dual-button-text,
.dbwt-button-swipe.style4 .dual-button-text {
-webkit-transition: all .6s;
transition: all .6s
}
.dbwt-button-swipe.style1 .elementor-button-icon {
left: 500px
}
.dbwt-button-swipe.style1 .dual-button-text {
left: 0
}
.dbwt-button-swipe.style1:hover .elementor-button-icon {
left: 0
}
.dbwt-button-swipe.style1:hover .dual-button-text {
left: -500px
}
.dbwt-button-swipe.style2 .elementor-button-icon {
right: 500px;
left: auto
}
.dbwt-button-swipe.style2 .dual-button-text {
right: 0
}
.dbwt-button-swipe.style2:hover .elementor-button-icon {
right: 0
}
.dbwt-button-swipe.style2:hover .dual-button-text {
right: -500px
}
.dbwt-button-swipe.style3 .elementor-button-icon {
top: 500px
}
.dbwt-button-swipe.style3 .dual-button-text {
top: 0
}
.dbwt-button-swipe.style3:hover .elementor-button-icon {
top: 0
}
.dbwt-button-swipe.style3:hover .dual-button-text {
top: -500px
}
.dbwt-button-swipe.style4 .elementor-button-icon {
bottom: 500px;
top: auto
}
.dbwt-button-swipe.style4 .dual-button-text {
bottom: 0
}
.dbwt-button-swipe.style4:hover .elementor-button-icon {
bottom: 0
}
.dbwt-button-swipe.style4:hover .dual-button-text {
bottom: -500px
}
.panel-elements-category-items .elementor-element .dashicons-before:before {
width: 35px!important;
font-size: 35px!important
}
.pt-social-feed-element.hidden {
background-color: red!important
}
.pt-facebook-feed-container::after,
.pt-facebook-feed-container::before,
.pt-facebook-feed-wrapper::after,
.pt-facebook-feed-wrapper::before,
.pt-twitter-feed-container::after,
.pt-twitter-feed-container::before,
.pt-twitter-feed-wrapper::after,
.pt-twitter-feed-wrapper::before {
content: "";
clear: both
}
.pt-facebook-feed-container:not(.masonry-view),
.pt-twitter-feed-container:not(.masonry-view) {
height: auto!important
}
.pt-social-feed-element .pull-left {
float: left;
margin-right: 10px
}
.pt-social-feed-element .pull-right {
margin-left: 10px
}
.pt-social-feed-element img {
width: 100%;
width: auto;
height: auto;
border: 0;
vertical-align: middle;
-ms-interpolation-mode: bicubic
}
.pt-social-feed-element .attachment {
vertical-align: middle;
-ms-interpolation-mode: bicubic
}
.pt-social-feed-element a {
color: #08c;
text-decoration: none
}
.pt-social-feed-element a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.pt-social-feed-element a:active,
.pt-social-feed-element a:hover {
outline: 0;
color: #005580;
text-decoration: underline
}
.pt-social-feed-element small {
font-size: 85%
}
.pt-social-feed-element strong {
font-weight: 700
}
.pt-social-feed-element em {
font-style: italic
}
.pt-social-feed-element p {
margin: 0 0 10px
}
.pt-social-feed-element .media-body>p {
margin-bottom: 4px;
min-height: 20px
}
.pt-social-feed-element p.social-feed-text {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical
}
.pt-social-feed-element,
.pt-social-feed-element .media-body {
overflow: hidden;
zoom: 1
}
.pt-social-feed-element {
padding: 10px;
background: 0 0
}
.pt-social-feed-element .media-body .social-network-icon {
margin-top: -3px;
margin-right: 5px;
width: 16px
}
.pt-social-feed-element .media-body div {
color: #666;
line-height: 20px;
clear: both
}
.pt-social-feed-element:first-child {
margin-top: 0
}
.pt-social-feed-element .media-object {
display: block;
width: 48px;
border-radius: 50%
}
.pt-social-feed-element .media-heading {
margin: 0 0 5px
}
.pt-social-feed-element .media-list {
margin-left: 0;
list-style: none
}
.pt-social-feed-element .muted {
color: #999
}
.pt-social-feed-element a.muted:focus,
.pt-social-feed-element a.muted:hover {
color: grey
}
.pt-social-feed-element {
transition: .25s;
-webkit-backface-visibility: hidden;
margin: -1px;
margin-top: 25px;
color: #333;
text-align: left;
font-size: 14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 16px
}
.pt-social-feed-element .pt-content {
padding: 20px 15px 15px;
transition: .4s;
background: #fff
}
.pt-social-feed-element:hover .pt-content {
box-shadow: 0 0 10px 0 rgba(10, 10, 10, .2)
}
.pt-social-feed-element .social-network-icon {
opacity: .7
}
.pt-social-feed-element .author-title {
color: #444;
line-height: 1.5em;
font-weight: 500
}
.media-body .fa-twitter {
color: #1da1f2;
margin-right: 8px
}
.media-body .fa-facebook {
color: #3b5998;
margin-right: 8px
}
.text-wrapper p .read-more-link {
margin-top: 9px;
display: block
}
.pt-social-feed-element .slick-next,
.pt-social-feed-wrapper .slick-prev {
background: #1da1f2
}
.pt-social-feed-wrapper {
width: 100%;
height: auto;
position: relative;
z-index: 0
}
.pt-loading-feed {
display: none;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.pt-loading-feed.show-loading {
display: block;
text-align: center;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
transition: .5s
}
.pt-loading-feed .loader {
border: 3px solid #f3f3f3;
border-radius: 50%;
border-top: 3px solid #3498db;
width: 30px;
height: 30px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
margin: 0 auto
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes spin {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
.pt-social-feed-container.list-view .pt-social-feed-element {
margin: 15px;
border: 1px solid rgba(0, 0, 0, .1);
background: 0 0
}
.pt-social-feed-container.carousel-view {
width: 100%;
height: auto
}
.pt-social-feed-container.carousel-view .pt-social-feed-element.slick-slide {
flex-basis: 30%;
margin: 15px;
border: 1px solid rgba(0, 0, 0, .1)
}
.pt-facebook-feed-container.masonry-view .pt-social-feed-element,
.pt-twitter-feed-container.masonry-view .pt-social-feed-element {
width: 33.33%;
margin-top: 0;
float: left
}
.pt-social-feed-element .pt-content {
border: 1px solid rgba(0, 0, 0, .1)
}
.pt-social-feed-avatar-circle .pt-social-feed-element .media-object {
border-radius: 50%
}
.pt-social-feed-avatar-square .pt-social-feed-element .media-object {
border-radius: 0
}
.pt-social-feed-masonry-col-4 .pt-social-feed-element .social-feed-date .pt-social-feed-masonry-col-4 .pt-social-feed-element .social-feed-date {
text-align: left!important
}
@media only screen and (min-width:768px) and (max-width:992px) {
.pt-facebook-feed-container.masonry-view .pt-social-feed-element,
.pt-twitter-feed-container.masonry-view .pt-social-feed-element {
width: 50%!important
}
}
@media only screen and (max-width:480px) {
.pt-facebook-feed-container.masonry-view .pt-social-feed-element,
.pt-twitter-feed-container.masonry-view .pt-social-feed-element {
width: 100%!important
}
}
.pt-filter-gallery-control {
width: 100%
}
.pt-filter-gallery-control ul,
.pt-filter-gallery-control ul li {
text-align: center
}
.pt-filter-gallery-control ul {
margin: 0 0 20px 0;
padding: 0;
text-align: center
}
.pt-filter-gallery-control {
display: flex;
flex-flow: 1 1 auto;
align-items: center;
justify-content: center;
flex-flow: row wrap;
padding: 0;
margin: 0
}
.pt-filter-gallery-control ul li {
list-style: none;
font-size: 24px;
display: inline-block;
text-align: center
}
.pt-filter-gallery-control ul li a.control {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
padding: 10px 25px;
margin: 10px 6px
}
.pt-filter-gallery-container {
text-align: justify;
font-size: .1px
}
.pt-filter-gallery-container:after {
content: '';
display: inline-block;
width: 100%
}
.pt-filter-gallery-container .item {
display: inline-block;
vertical-align: top
}
.pt-filter-gallery-container .item {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 1rem;
position: relative;
overflow: hidden
}
.pt-filter-gallery-container:not(.pt-cards) .item:before {
content: '';
display: inline-block;
padding-top: 56.25%
}
.pt-filter-gallery-container .item .caption {
position: absolute;
display: flex;
flex-flow: 1 1 100%;
align-items: center;
justify-content: center;
z-index: 10;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: transform .4s
}
.pt-filter-gallery-container.pt-cards .item .caption {
display: none
}
.pt-filter-gallery-container.pt-cards .item .item-img .caption {
position: absolute;
display: flex;
flex-flow: 1 1 100%;
align-items: center;
justify-content: center;
z-index: 10;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: transform .4s
}
.pt-filter-gallery-container .item .caption.pt-zoom-in,
.pt-filter-gallery-container.pt-cards .item .item-img .caption.pt-zoom-in {
transform: scale(0)
}
.pt-filter-gallery-container .item:hover .caption.pt-zoom-in,
.pt-filter-gallery-container.pt-cards .item:hover .item-img .caption.pt-zoom-in {
transform: scale(1)
}
.pt-filter-gallery-container .item .caption.pt-slide-left,
.pt-filter-gallery-container.pt-cards .item .item-img .caption.pt-slide-left {
transform: translateX(-100%)
}
.pt-filter-gallery-container .item:hover .caption.pt-slide-left,
.pt-filter-gallery-container.pt-cards .item:hover .item-img .caption.pt-slide-left {
transform: translateX(0)
}
.pt-filter-gallery-container .item .caption.pt-slide-right,
.pt-filter-gallery-container.pt-cards .item .item-img .caption.pt-slide-right {
transform: translateX(100%)
}
.pt-filter-gallery-container .item:hover .caption.pt-slide-right,
.pt-filter-gallery-container.pt-cards .item:hover .item-img .caption.pt-slide-right {
transform: translateX(0)
}
.pt-filter-gallery-container .item .caption.pt-slide-top,
.pt-filter-gallery-container.pt-cards .item .item-img .caption.pt-slide-top {
transform: translateY(-100%)
}
.pt-filter-gallery-container .item:hover .caption.pt-slide-top,
.pt-filter-gallery-container.pt-cards .item:hover .item-img .caption.pt-slide-top {
transform: translateY(0)
}
.pt-filter-gallery-container .item .caption.pt-slide-bottom,
.pt-filter-gallery-container.pt-cards .item .item-img .caption.pt-slide-bottom {
transform: translateY(100%)
}
.pt-filter-gallery-container .item:hover .caption.pt-slide-bottom,
.pt-filter-gallery-container.pt-cards .item:hover .item-img .caption.pt-slide-bottom {
transform: translateY(0)
}
.pt-filter-gallery-container .item .caption a {
display: inline-block;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border-radius: 50%;
margin: 0 5px;
font-size: 20px;
cursor: pointer;
transition: .3s
}
.pt-container .item .caption a:nth-child(2),
.pt-filter-gallery-container .item .caption a:nth-child(1) {
transition: .6s;
opacity: 0
}
.pt-filter-gallery-container .item .caption a:nth-child(1) {
transform: translateY(-100%)
}
.pt-filter-gallery-container .item .caption a:nth-child(2) {
transform: translateY(100%)
}
.pt-filter-gallery-container .item .caption:hover a:nth-child(1),
.pt-filter-gallery-container .item .caption:hover a:nth-child(2) {
transform: translateY(0);
opacity: 1
}
.pt-filter-gallery-container .item .caption .pt-popup-link {
outline: 0
}
.pt-filter-gallery-container.pt-cards .item:before {
padding-top: 0
}
.pt-filter-gallery-container.pt-cards .item-img {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 220px;
z-index: 0;
overflow: hidden
}
.pt-filter-gallery-container.pt-cards .item-content {
padding: 15px
}
.pt-filter-gallery-container.pt-cards .item-content .title,
.pt-filter-gallery-container.pt-cards .item-content .title a {
font-size: 18px;
line-height: 1;
margin-bottom: 0;
transition: .3s
}
.pt-filter-gallery-container.pt-cards .item-content p {
font-size: 14px;
line-height: 26px
}
@media screen and (max-width:480px) {
.pt-filter-gallery-container .item {
width: 100%
}
}
@media only screen and (min-width:481px) and (max-width:767px) {
.pt-filter-gallery-container .item {
width: calc(100%/2 - (((2 - 1) * 1rem)/ 2))
}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
.pt-filter-gallery-container .item {
width: calc(100%/3 - (((3 - 1) * 1rem)/ 3))
}
}
@media screen and (min-width:1025px) {
.pt-col-1 .item {
width: 100%
}
.pt-col-2 .item {
width: calc((100% / 2) - 10px)
}
.pt-col-3 .item {
width: calc((100% / 3) - 10px)
}
.pt-col-4 .item {
width: calc((100% / 4) - 10px)
}
.pt-col-5 .item {
width: calc((100% / 5) - 10px)
}
.pt-tiles .item {
margin-bottom: 0
}
.pt-tiles.pt-col-1 .item {
width: 100%
}
.pt-tiles.pt-col-2 .item {
width: 50%;
float: left
}
.pt-tiles.pt-col-3 .item {
width: 33.33%;
float: left
}
.pt-tiles.pt-col-4 .item {
width: 25%;
float: left
}
.pt-tiles.pt-col-5 .item {
width: 20%;
float: left
}
}
.pt-fg-content-align-left .pt-cards .item .item-content {
text-align: left
}
.pt-fg-content-align-center .pt-cards .item .item-content {
text-align: center
}
.pt-fg-content-align-right .pt-cards .item .item-content {
text-align: right
}
.pt-flip-box-wrapper .icon-wrapper {
display: inline-block;
padding: 10px;
line-height: 1;
margin-top: 39px
}
.pt-flip-box-wrapper .back-icon-title,
.pt-flip-box-wrapper .front-icon-title {
margin: 10px auto;
color: #fff
}
.pt-flip-box-wrapper .flipbox-content {
display: block;
position: relative;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%)
}
.pt-flip-box-inner {
width: 100%;
height: 200px;
position: relative;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d
}
.pt-flip-box-inner .pt-flip-box-back,
.pt-flip-box-inner .pt-flip-box-front {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
text-align: center;
padding: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .6s ease 0s;
-moz-transition: all .6s ease 0s;
-ms-transition: all .6s ease 0s;
-o-transition: all .6s ease 0s;
transition: all .6s ease 0s
}
.pt-fb-animate-vertical .pt-flip-box-inner .pt-flip-box-front {
-webkit-transform: perspective(1000px) rotateX(0);
-ms-transform: perspective(1000px) rotateX(0);
transform: perspective(1000px) rotateX(0)
}
.pt-fb-animate-vertical .pt-flip-box-inner .pt-flip-box-back {
-webkit-transform: perspective(1000px) rotateX(180deg);
transform: perspective(1000px) rotateX(180deg);
-ms-transform: perspective(1000px) rotateX(180deg)
}
.pt-fb-animate-vertical .pt-flip-box-inner:hover .pt-flip-box-front {
-webkit-transform: perspective(1000px) rotateX(180deg);
transform: perspective(1000px) rotateX(180deg);
-ms-transform: perspective(1000px) rotateX(180deg)
}
.pt-fb-animate-vertical .pt-flip-box-inner:hover .pt-flip-box-back {
-webkit-transform: perspective(1000px) rotateX(0);
transform: perspective(1000px) rotateX(0);
-ms-transform: perspective(1000px) rotateX(0)
}
.pt-fb-animate-horizontal .pt-flip-box-inner .pt-flip-box-front {
-webkit-transform: perspective(1000px) rotateY(0);
transform: perspective(1000px) rotateY(0);
-ms-transform: perspective(1000px) rotateY(0)
}
.pt-fb-animate-horizontal .pt-flip-box-inner .pt-flip-box-back {
-webkit-transform: perspective(1000px) rotateY(180deg);
transform: perspective(1000px) rotateY(180deg);
-ms-transform: perspective(1000px) rotateY(180deg)
}
.pt-fb-animate-horizontal .pt-flip-box-inner:hover .pt-flip-box-front {
-webkit-transform: perspective(1000px) rotateY(180deg);
transform: perspective(1000px) rotateY(180deg);
-ms-transform: perspective(1000px) rotateY(180deg)
}
.pt-fb-animate-horizontal .pt-flip-box-inner:hover .pt-flip-box-back {
-webkit-transform: perspective(1000px) rotateY(0);
transform: perspective(1000px) rotateY(0);
-ms-transform: perspective(1000px) rotateY(0)
}
.pt-flip-box-back i,
.pt-flip-box-front i {
font-size: 32px;
height: 1em;
width: 1em
}
.pt-fb-icon-view-framed {
border: 1px solid #92be43
}
.pt-fb-icon-shape-circle {
border-radius: 50%
}
.flipbox-content p {
margin-bottom: 10px
}
.pt-fb-button {
display: inline-block;
padding: 5px 10px
}
.pt-flip-box-front {
background: #bcbcbc
}
.pt-flip-box-back {
background: #007fc0
}
.flipbox-content .pt-fb-button-wrapper .pt-fb-button:hover {
box-shadow: none
}
.pt-fb-animate-vertical-bottom-cube .pt-flip-box-inner {
height: 250px;
-webkit-transition: -webkit-transform .33s;
transition: transform .33s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.pt-fb-animate-vertical-bottom-cube .pt-flip-box-inner .pt-flip-box-back,
.pt-fb-animate-vertical-bottom-cube .pt-flip-box-inner .pt-flip-box-front {
position: unset
}
.pt-fb-animate-vertical-bottom-cube .pt-flip-box-inner .pt-flip-box-front {
-webkit-transform: translateZ(50px);
transform: translateZ(50px)
}
.pt-fb-animate-vertical-bottom-cube .pt-flip-box-inner .pt-flip-box-back {
-webkit-transform: rotateX(-90deg) translateZ(-125px);
transform: rotateX(-90deg) translateZ(-125px)
}
.pt-fb-animate-vertical-bottom-cube .pt-flip-box-inner:hover {
-webkit-transform: rotateX(89deg);
transform: rotateX(89deg)
}
.pt-fb-animate-vertical-top-cube .pt-flip-box-inner {
backface-visibility: hidden;
box-sizing: border-box;
display: block;
height: 100%;
transition-property: transform;
width: 100%;
transition-duration: .5s;
-webkit-transform: rotateX(-90deg) translateY(50%) rotateX(90deg);
transform: rotateX(-90deg) translateY(50%) rotateX(90deg)
}
.pt-fb-animate-vertical-top-cube .pt-flip-box-inner .pt-flip-box-front {
-webkit-transform: rotateX(90deg) translateY(50%) rotateX(-90deg);
transform: rotateX(90deg) translateY(50%) rotateX(-90deg)
}
.pt-fb-animate-vertical-top-cube .pt-flip-box-inner .pt-flip-box-back {
-webkit-transform: translateY(-50%) rotateX(90deg);
transform: translateY(-50%) rotateX(90deg)
}
.pt-fb-animate-vertical-top-cube .pt-flip-box-inner:hover {
-webkit-transform: rotateX(-90deg) translateY(50%);
transform: rotateX(-90deg) translateY(50%)
}
.pt-fb-animate-horizontal-left-cube .pt-flip-box-inner {
backface-visibility: hidden;
box-sizing: border-box;
display: block;
height: 100%;
transition-property: transform;
width: 100%;
transition-duration: .5s;
-webkit-transform: rotateY(90deg) translateX(50%) rotateY(-90deg);
transform: rotateY(90deg) translateX(50%) rotateY(-90deg)
}
.pt-fb-animate-horizontal-left-cube .pt-flip-box-inner .pt-flip-box-front {
-webkit-transform: rotateY(90deg) translateX(-50%) rotateY(-90deg);
transform: rotateY(90deg) translateX(-50%) rotateY(-90deg)
}
.pt-fb-animate-horizontal-left-cube .pt-flip-box-inner .pt-flip-box-back {
-webkit-transform: translateX(-50%) rotateY(-90deg);
transform: translateX(-50%) rotateY(-90deg)
}
.pt-fb-animate-horizontal-left-cube:hover .pt-flip-box-inner {
-webkit-transform: rotateY(90deg) translateX(50%);
transform: rotateY(90deg) translateX(50%)
}
.pt-fb-animate-horizontal-right-cube .pt-flip-box-inner {
backface-visibility: hidden;
box-sizing: border-box;
display: block;
height: 100%;
transition-property: transform;
width: 100%;
transition-duration: .5s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateY(-90deg) translateX(-50%) rotateY(90deg);
transform: rotateY(-90deg) translateX(-50%) rotateY(90deg)
}
.pt-fb-animate-horizontal-right-cube .pt-flip-box-inner .pt-flip-box-front {
-webkit-transform: rotateY(90deg) translateX(-50%) rotateY(-90deg);
transform: rotateY(90deg) translateX(-50%) rotateY(-90deg)
}
.pt-fb-animate-horizontal-right-cube .pt-flip-box-inner .pt-flip-box-back {
-webkit-transform: translateX(50%) rotateY(90deg);
transform: translateX(50%) rotateY(90deg)
}
.pt-fb-animate-horizontal-right-cube:hover .pt-flip-box-inner {
-webkit-transform: rotateY(-90deg) translateX(-50%);
transform: rotateY(-90deg) translateX(-50%)
}
.pt-fb-animate-horizontal-3d .pt-flip-box-inner,
.pt-fb-animate-horizontal-left-3d .pt-flip-box-inner,
.pt-fb-animate-vertical-3d .pt-flip-box-inner,
.pt-fb-animate-vertical-bottom-top-3d .pt-flip-box-inner {
transform-style: preserve-3d;
perspective: 1000px
}
.pt-fb-animate-horizontal-3d .pt-flip-box-inner .pt-flip-box-back,
.pt-fb-animate-horizontal-3d .pt-flip-box-inner .pt-flip-box-front,
.pt-fb-animate-horizontal-3d .pt-flip-box-inner:hover .pt-flip-box-back,
.pt-fb-animate-horizontal-3d .pt-flip-box-inner:hover .pt-flip-box-front,
.pt-fb-animate-horizontal-left-3d .pt-flip-box-inner .pt-flip-box-back,
.pt-fb-animate-horizontal-left-3d .pt-flip-box-inner .pt-flip-box-front,
.pt-fb-animate-horizontal-left-3d .pt-flip-box-inner:hover .pt-flip-box-back,
.pt-fb-animate-horizontal-left-3d .pt-flip-box-inner:hover .pt-flip-box-front,
.pt-fb-animate-vertical-3d .pt-flip-box-inner .pt-flip-box-back,
.pt-fb-animate-vertical-3d .pt-flip-box-inner .pt-flip-box-front,
.pt-fb-animate-vertical-3d .pt-flip-box-inner:hover .pt-flip-box-back,
.pt-fb-animate-vertical-3d .pt-flip-box-inner:hover .pt-flip-box-front,
.pt-fb-animate-vertical-bottom-top-3d .pt-flip-box-inner .pt-flip-box-back,
.pt-fb-animate-vertical-bottom-top-3d .pt-flip-box-inner .pt-flip-box-front,
.pt-fb-animate-vertical-bottom-top-3d .pt-flip-box-inner:hover .pt-flip-box-back,
.pt-fb-animate-vertical-bottom-top-3d .pt-flip-box-inner:hover .pt-flip-box-front {
transition: transform .7s cubic-bezier(.4, .2, .2, 1)
}
.pt-fb-animate-horizontal-3d .pt-flip-box-inner .pt-flip-box-back {
position: absolute;
top: 0;
left: 0;
width: 100%;
transform: rotateY(180deg);
transform-style: preserve-3d
}
.pt-fb-animate-horizontal-left-3d .pt-flip-box-inner .pt-flip-box-back {
position: absolute;
top: 0;
right: 0;
width: 100%;
transform: rotateY(-180deg);
transform-style: preserve-3d
}
.pt-fb-animate-vertical-3d .pt-flip-box-inner .pt-flip-box-back {
position: absolute;
top: 0;
left: 0;
width: 100%;
transform: rotateX(180deg);
transform-style: preserve-3d
}
.pt-fb-animate-vertical-bottom-top-3d .pt-flip-box-inner .pt-flip-box-back {
position: absolute;
top: 0;
right: 0;
width: 100%;
transform: rotateX(-180deg);
transform-style: preserve-3d
}
.pt-fb-animate-horizontal-3d .pt-flip-box-inner .flipbox-content {
transform: translateY(-50%) translateZ(60px) scale(.94);
top: 50%;
position: absolute;
left: 0;
width: 100%;
padding: 1rem;
box-sizing: border-box;
outline: 1px solid transparent;
perspective: inherit;
z-index: 2
}
.pt-fb-animate-horizontal-left-3d .pt-flip-box-inner .flipbox-content {
transform: translateY(0) translateZ(60px) scale(.94);
top: 0;
position: absolute;
right: 0;
width: 100%;
padding: 1rem;
box-sizing: border-box;
outline: 1px solid transparent;
perspective: inherit;
z-index: 2
}
.pt-fb-animate-vertical-3d .pt-flip-box-inner .flipbox-content {
transform: translateX(0) translateZ(60px) scale(.94);
top: 0;
position: absolute;
left: 0;
width: 100%;
padding: 1rem;
box-sizing: border-box;
outline: 1px solid transparent;
perspective: inherit;
z-index: 2
}
.pt-fb-animate-vertical-bottom-top-3d .pt-flip-box-inner .flipbox-content {
transform: translateX(0) translateZ(60px) scale(.94);
top: 0;
position: absolute;
right: 0;
width: 100%;
padding: 1rem;
box-sizing: border-box;
outline: 1px solid transparent;
perspective: inherit;
z-index: 2
}
.pt-fb-animate-horizontal-3d .pt-flip-box-inner .pt-flip-box-front,
.pt-fb-animate-horizontal-left-3d .pt-flip-box-inner .pt-flip-box-front {
transform: rotateY(0);
transform-style: preserve-3d
}
.pt-fb-animate-vertical-3d .pt-flip-box-inner .pt-flip-box-front,
.pt-fb-animate-vertical-bottom-top-3d .pt-flip-box-inner .pt-flip-box-front {
transform: rotateX(0);
transform-style: preserve-3d
}
.pt-fb-animate-horizontal-3d .pt-flip-box-inner:hover .pt-flip-box-back,
.pt-fb-animate-horizontal-left-3d .pt-flip-box-inner:hover .pt-flip-box-back {
transform: rotateY(0);
transform-style: preserve-3d
}
.pt-fb-animate-vertical-3d .pt-flip-box-inner:hover .pt-flip-box-back,
.pt-fb-animate-vertical-bottom-top-3d .pt-flip-box-inner:hover .pt-flip-box-back {
transform: rotateX(0);
transform-style: preserve-3d
}
.pt-fb-animate-horizontal-3d .pt-flip-box-inner:hover .pt-flip-box-front {
transform: rotateY(-180deg);
transform-style: preserve-3d
}
.pt-fb-animate-horizontal-left-3d .pt-flip-box-inner:hover .pt-flip-box-front {
transform: rotateY(180deg);
transform-style: preserve-3d
}
.pt-fb-animate-vertical-3d .pt-flip-box-inner:hover .pt-flip-box-front {
transform: rotateX(-180deg);
transform-style: preserve-3d
}
.pt-fb-animate-vertical-bottom-top-3d .pt-flip-box-inner:hover .pt-flip-box-front {
transform: rotateX(180deg);
transform-style: preserve-3d
}
.pt-flip-box-front .flipbox-content {
height: 100%
}
.pt-flip-box-back .flipbox-content {
height: 100%
}
.pt-gravity-container input,
.pt-gravity-container textarea {
height: auto;
padding: 10px
}
.pt-gravity-container .gform_wrapper {
width: auto
}
.pt-contact-form-align-center .pt-gravity-container .pt-gravity-align-center .pt-gravity-container,
.pt-gravity-btn-align-center .pt-gravity-container input .gform_footer .gform_button {
margin-left: auto!important;
margin-right: auto!important;
display: block;
float: none
}
.pt-gravity-align-left .pt-gravity-container,
.pt-gravity-btn-align-left .pt-gravity-container input .gform_footer .gform_button {
float: left;
width: auto
}
.pt-gravity-align-right .pt-gravity-container,
.pt-gravity-btn-align-right .pt-gravity-container input .gform_footer .gform_button {
float: right;
width: auto
}
.pt-gravity-container .uneditable-input,
.pt-gravity-container input[type=color],
.pt-gravity-container input[type=date],
.pt-gravity-container input[type=datetime-local],
.pt-gravity-container input[type=datetime],
.pt-gravity-container input[type=email],
.pt-gravity-container input[type=month],
.pt-gravity-container input[type=number],
.pt-gravity-container input[type=password],
.pt-gravity-container input[type=search],
.pt-gravity-container input[type=tel],
.pt-gravity-container input[type=text],
.pt-gravity-container input[type=time],
.pt-gravity-container input[type=url],
.pt-gravity-container input[type=week],
.pt-gravity-container textarea {
max-width: 100%
}
.gform_heading {
display: none
}
.elementor-title-size-xs {
font-size: 20px
}
.elementor-title-size-sm {
font-size: 30px
}
.elementor-title-size-md {
font-size: 40px
}
.elementor-title-size-lg {
font-size: 50px
}
.elementor-title-size-xl {
font-size: 60px
}
.tab {
float: left;
width: 45%
}
.tab button {
display: block;
background-color: inherit;
color: #000;
padding: 22px 16px;
width: 100%;
border: none;
outline: 0;
text-align: left;
cursor: pointer;
transition: .3s;
font-size: 17px;
margin-right: 50px
}
.tab button:hover {
background-color: #fff
}
.tab button.active {
background-color: #fff;
box-shadow: 0 10px 50px rgba(0, 0, 0, .1);
border: 1px solid #fff;
border-radius: 6px
}
.elementor-position-right.elementor-widget-pt_icon_latest .tabcontent-main .tabcontent {
transform: scale(.9) rotateX(2deg) rotateY(14deg) rotate(1deg)
}
.elementor-position-left.elementor-widget-pt_icon_latest .tabcontent-main .tabcontent {
transform: scale(.9) rotateX(2deg) rotateY(-14deg) rotate(1deg)
}
.tabcontent {
float: left;
padding-left: 0;
width: 50%;
border-left: none;
box-shadow: 0 53px 257px rgba(222, 206, 206, .4);
border-radius: 6px;
border: 1px solid #fff;
border-radius: 6px;
padding-top: 3px;
padding-right: 3px
}
.pt-icn-icon {
float: left;
width: 15%
}
.pt-de-desc {
float: right;
width: 85%;
margin-top: 14px
}
.tabcontent-main {
perspective: 600px
}
.main {
display: block;
width: 100%;
height: -webkit-fill-available
}
.elementor object,
.elementor video,
iframe {
border: 1px solid #fff;
border-radius: 6px
}
.tabcontent img {
border: 1px solid #fff;
border-radius: 6px
}
.elementor-position-right.elementor-widget-pt_icon_latest .tab {
float: right
}
.elementor-position-left.elementor-widget-pt_icon_latest .tab {
float: left
}
@media only screen and (max-width:768px) {
.elementor-widget-pt_icon_latest .main {
display: flex;
flex-direction: column
}
.tab {
width: 100%;
order: 1;
margin-top: 20px
}
.tabcontent {
width: 100%;
transform: scale(1) rotateX(0) rotateY(0) rotate(0);
margin-top: 20px;
border: 1px solid #fff;
border-radius: 9px;
padding-top: 3px;
padding-right: 3px;
box-shadow: 0 0 30px rgba(0, 0, 0, .4)
}
.elementor-position-left.elementor-widget-pt_icon_latest .tabcontent-main .tabcontent {
transform: scale(1) rotateX(0) rotateY(0) rotate(0)
}
.elementor-position-right.elementor-widget-pt_icon_latest .tabcontent-main .tabcontent {
transform: scale(1) rotateX(0) rotateY(0) rotate(0)
}
}
.pt-img-accordion {
display: flex;
height: 50vh
}
.pt-img-accordion a {
position: relative;
flex: 1;
text-align: center;
text-decoration: none;
color: #fff;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: flex .4s
}
.pt-img-accordion a:focus {
outline: 0
}
.pt-grow-accordion {
flex: 3
}
.pt-img-accordion .overlay {
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: background-color .4s
}
.pt-img-accordion a:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .6);
z-index: 0;
top: 0;
left: 0;
bottom: 0;
right: 0;
transition: all .3s ease-in-out
}
.pt-img-accordion a:hover::after {
background-color: transparent
}
.pt-img-accordion a:hover .overlay {
background-color: rgba(0, 0, 0, .5)
}
.pt-img-accordion .overlay-inner * {
visibility: hidden;
opacity: 0;
transform-style: preserve-3d
}
.pt-img-accordion .overlay h2 {
color: #fff;
transform: translate3d(0, -60px, 0)
}
.pt-img-accordion .overlay p {
color: #fff;
transform: translate3d(0, 60px, 0)
}
.pt-img-accordion .overlay-inner-show * {
opacity: 1;
visibility: visible;
transform: none!important;
transition: all .3s .3s
}
@media screen and (max-width:800px) {
body {
font-size: 1rem;
line-height: 1.25
}
.pt-img-accordion {
flex-direction: column
}
.pt-img-accordion a:hover {
flex: 1
}
.pt-img-accordion a:hover .overlay {
background-color: transparent
}
.pt-img-accordion .overlay h2,
.pt-img-accordion .overlay p {
opacity: 1;
visibility: visible;
transform: none
}
}
.pt-image-button {
display: inline-block;
position: relative;
overflow: hidden;
background: #007fc0;
cursor: pointer;
-webkit-transition: all .2s ease-in-out!important;
-moz-transition: all .2s ease-in-out!important;
-ms-transition: all .2s ease-in-out!important;
-o-transition: all .2s ease-in-out!important;
transition: all .2s ease-in-out!important
}
.pt-image-button-style1-bottom:before,
.pt-image-button-style1-left:before,
.pt-image-button-style1-right:before,
.pt-image-button-style1-top:before,
.pt-image-button-style4-icon-wrapper,
.pt-image-button:hover {
background-color: #54595f
}
.pt-image-button.pt-image-button-sm {
padding: 12px 24px;
font-size: 14px;
line-height: 1
}
.pt-image-button.pt-image-button-md {
padding: 14px 26px;
font-size: 16px;
line-height: 1.2
}
.pt-image-button.pt-image-button-lg {
padding: 16px 28px;
font-size: 18px;
line-height: 1.3333
}
.pt-image-button.pt-image-button-block {
font-size: 15px;
line-height: 1;
padding: 12px 24px;
width: 100%;
text-align: center
}
.pt-image-button-text-icon-wrapper {
position: relative;
z-index: 3
}
.pt-image-button-text-icon-wrapper,
.pt-image-button-text-icon-wrapper i,
.pt-image-button-text-icon-wrapper span {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.pt-image-button-style1-bottom:before,
.pt-image-button-style1-left:before,
.pt-image-button-style1-right:before,
.pt-image-button-style1-top:before {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.pt-image-button-style1-bottom:before {
content: "";
position: absolute;
width: 100%;
height: 0;
top: 0;
left: 0
}
.pt-image-button-style1-top:before {
content: "";
position: absolute;
width: 100%;
height: 0;
bottom: 0;
left: 0
}
.pt-image-button-style1-right:before {
content: "";
position: absolute;
width: 0;
height: 100%;
bottom: 0;
left: 0
}
.pt-image-button-style1-left:before {
content: "";
position: absolute;
width: 0;
height: 100%;
top: 0;
right: 0
}
.pt-image-button-style1-bottom:hover:before {
height: 100%
}
.pt-image-button-style1-top:hover:before {
height: 100%
}
.pt-image-button-style1-right:hover:before {
width: 100%
}
.pt-image-button-style1-left:hover:before {
width: 100%
}
.pt-image-button-diagonal-effect-bottom:before,
.pt-image-button-diagonal-effect-left:before,
.pt-image-button-diagonal-effect-right:before,
.pt-image-button-diagonal-effect-top:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
z-index: 1;
background: rgba(255, 255, 255, .2);
-webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
-moz-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
-o-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
-ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
-webkit-transition: all .8s ease-out;
-moz-transition: all .8s ease-out;
-o-transition: all .8s ease-out;
-ms-transition: all .8s ease-out;
transition: all .8s ease-out
}
.pt-image-button-diagonal-effect-left:before,
.pt-image-button-diagonal-effect-right:hover:before {
-webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
-moz-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
-o-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
-ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0)
}
.pt-image-button-diagonal-effect-left:hover:before,
.pt-image-button-diagonal-effect-right:before {
-webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
-moz-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
-o-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
-ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0)
}
.pt-image-button-diagonal-effect-bottom:before,
.pt-image-button-diagonal-effect-top:hover:before {
-webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
-moz-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
-o-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
-ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0)
}
.pt-image-button-diagonal-effect-bottom:hover:before,
.pt-image-button-diagonal-effect-top:before {
-webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
-moz-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
-o-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
-ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0)
}
.pt-image-button-style4-icon-wrapper {
position: absolute;
z-index: 2;
width: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
opacity: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.pt-image-button-style4-icon-wrapper.top {
bottom: -100%;
left: 0
}
.pt-image-button-style4-icon-wrapper.bottom {
top: -100%;
left: 0
}
.pt-image-button-style4-icon-wrapper.left {
top: 0;
left: -100%
}
.pt-image-button-style4-icon-wrapper.right {
top: 0;
right: -100%
}
.pt-image-button-style4-bottom:hover .pt-image-button-style4-icon-wrapper {
top: 0;
opacity: 1
}
.pt-image-button-style4-top:hover .pt-image-button-style4-icon-wrapper {
bottom: 0;
opacity: 1
}
.pt-image-button-style4-left:hover .pt-image-button-style4-icon-wrapper {
left: 0;
opacity: 1
}
.pt-image-button-style4-right:hover .pt-image-button-style4-icon-wrapper {
right: 0;
opacity: 1
}
.pt-image-button-style4-bottom:hover .pt-image-button-text-icon-wrapper {
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0
}
.pt-image-button-style4-top:hover .pt-image-button-text-icon-wrapper {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0
}
.pt-image-button-style4-left:hover .pt-image-button-text-icon-wrapper {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0
}
.pt-image-button-style4-right:hover .pt-image-button-text-icon-wrapper {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0
}
.pt-image-button-overlap-effect-horizontal:before,
.pt-image-button-overlap-effect-vertical:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
background: rgba(255, 255, 255, .2);
animation-name: pt-overlap-effect-done;
animation-duration: 1s
}
.pt-image-button-overlap-effect-vertical:before {
animation-name: pt-overlap-ver-effect-done;
animation-duration: 1s
}
.pt-image-button-overlap-effect-horizontal:hover:before {
animation-name: pt-overlap-effect;
animation-duration: 1s
}
.pt-image-button-overlap-effect-vertical:hover:before {
animation-name: pt-overlap-ver-effect;
animation-duration: 1s
}
@keyframes pt-overlap-effect {
0% {
opacity: 0;
-webkit-transform: rotateY(0);
transform: rotateY(0)
}
50% {
opacity: 1;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg)
}
100% {
opacity: 0;
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg)
}
}
@keyframes pt-overlap-effect-done {
0% {
opacity: 0;
-webkit-transform: rotateY(0);
transform: rotateY(0)
}
50% {
opacity: 1;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg)
}
100% {
opacity: 0;
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg)
}
}
@keyframes pt-overlap-ver-effect {
0% {
opacity: 0;
-webkit-transform: rotateX(0);
transform: rotateX(0)
}
50% {
opacity: 1;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg)
}
100% {
opacity: 0;
-webkit-transform: rotateX(360deg);
transform: rotateX(360deg)
}
}
@keyframes pt-overlap-ver-effect-done {
0% {
opacity: 0;
-webkit-transform: rotateX(0);
transform: rotateX(0)
}
50% {
opacity: 1;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg)
}
100% {
opacity: 0;
-webkit-transform: rotateX(360deg);
transform: rotateX(360deg)
}
}
.pt-info-box-section .pt-description {
margin: 20px 0
}
.pt-info-box-section .pt-title {
margin: 20px 0
}
.pt-info-box-section .pt-description {
line-height: 25px
}
.pt-info-box-section .elementor-size-small {
font-size: 15px
}
.pt-info-box-section .elementor-size-medium {
font-size: 19px
}
.pt-info-box-section .elementor-size-large {
font-size: 29px
}
.pt-info-box-section .elementor-size-xl {
font-size: 39px
}
.pt-info-box-section .elementor-size-xxl {
font-size: 59px
}
.pt-infobox2 .infobox-icon {
height: auto
}
.pt-infobox2 .infobox-icon .infobox-icon-wrap {
display: block;
width: 100%;
height: auto;
transition: .3s
}
.pt-infobox2 .infobox-icon .infobox-icon-wrap i {
transition: .3s
}
.pt-infobox2:hover .infobox-icon .infobox-icon-wrap {
transform: scale(1.1)
}
.pt-infobox2-content-align-left .pt-infobox2 .infobox-content,
.pt-infobox2-content-align-left .pt-infobox2 .infobox-icon {
text-align: left
}
.pt-infobox2-content-align-right .pt-infobox2 .infobox-content,
.pt-infobox2-content-align-right .pt-infobox2 .infobox-icon {
text-align: right
}
.pt-infobox2-content-align-center .pt-infobox2 .infobox-content,
.pt-infobox2-content-align-center .pt-infobox2 .infobox-icon {
text-align: center
}
.pt-infobox2-icon-bg-shape-circle .infobox-icon .infobox-icon-wrap,
.pt-infobox2-icon-bg-shape-radius .infobox-icon .infobox-icon-wrap,
.pt-infobox2-icon-bg-shape-square .infobox-icon .infobox-icon-wrap {
background: #f2f2f2;
width: 90px;
height: 90px;
border: 2px solid #ededed;
text-align: center
}
.pt-infobox2-icon-bg-shape-radius .infobox-icon .infobox-icon-wrap {
border-radius: 15px
}
.pt-infobox2-icon-bg-shape-circle .infobox-icon .infobox-icon-wrap {
border-radius: 50%
}
.pt-infobox2-icon-bg-shape-circle .infobox-icon .infobox-icon-wrap i,
.pt-infobox2-icon-bg-shape-radius .infobox-icon .infobox-icon-wrap i,
.pt-infobox2-icon-bg-shape-square .infobox-icon .infobox-icon-wrap i {
margin-top: 50%;
transform: translateY(-50%)
}
.pt-infobox2-content-align-left.pt-infobox2-icon-bg-shape-circle .infobox-icon,
.pt-infobox2-content-align-left.pt-infobox2-icon-bg-shape-radius .infobox-icon,
.pt-infobox2-content-align-left.pt-infobox2-icon-bg-shape-square .infobox-icon {
display: flex;
justify-content: flex-start
}
.pt-infobox2-content-align-center.pt-infobox2-icon-bg-shape-circle .infobox-icon,
.pt-infobox2-content-align-center.pt-infobox2-icon-bg-shape-radius .infobox-icon,
.pt-infobox2-content-align-center.pt-infobox2-icon-bg-shape-square .infobox-icon {
display: flex;
justify-content: center
}
.pt-infobox2-content-align-right.pt-infobox2-icon-bg-shape-circle .infobox-icon,
.pt-infobox2-content-align-right.pt-infobox2-icon-bg-shape-radius .infobox-icon,
.pt-infobox2-content-align-right.pt-infobox2-icon-bg-shape-square .infobox-icon {
display: flex;
justify-content: flex-end
}
.pt-infobox2.icon-on-left {
position: relative;
z-index: 0;
display: flex
}
.pt-infobox2.icon-on-left .infobox-icon {
flex: 0 0 auto;
text-align: left
}
.pt-infobox2.icon-on-left .infobox-icon .infobox-icon-wrap {
background: 0 0;
border: 0;
text-align: left;
height: auto;
display: block
}
.pt-infobox2.icon-on-left .infobox-icon .infobox-icon-wrap i {
margin-top: 0;
transform: translateY(0)
}
.pt-infobox2.icon-on-left .infobox-content {
padding-left: 15px;
flex: 1 1 auto
}
.pt-infobox2.icon-on-left .infobox-content .title {
line-height: 1;
margin: 0 0 10px 0
}
.pt-infobox2.icon-on-right {
position: relative;
z-index: 0;
display: flex;
flex-direction: row-reverse
}
.pt-infobox2.icon-on-right .infobox-icon {
flex: 0 0 auto;
text-align: right
}
.pt-infobox2.icon-on-right .infobox-icon .infobox-icon-wrap {
background: 0 0;
border: 0;
text-align: right;
width: auto;
height: auto;
display: block
}
.pt-infobox2.icon-on-right .infobox-icon .infobox-icon-wrap i {
margin-top: 0;
transform: translateY(0)
}
.pt-infobox2.icon-on-right .infobox-content {
padding-right: 15px;
text-align: right;
flex: 1 1 auto;
box-sizing: border-box
}
.pt-infobox2.icon-on-right .infobox-content .title {
line-height: 1;
margin: 0 0 10px 0
}
.pt-infobox2-shape-circle .pt-infobox2 .infobox-icon img {
border-radius: 50%
}
.pt-infobox2-shape-radius .pt-infobox2 .infobox-icon img {
border-radius: 15px
}
.pt-maps-info-container {
margin-top: 10px;
margin-bottom: 10px
}
.pt-maps-info-desc,
.pt-maps-info-title {
margin: 0;
padding: 0
}
.pt-maps-container .gm-style-iw {
text-align: center
}
.pt-modal-box-button-selector,
.pt-modal-box-modal-lower-close {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent
}
.pt-btn-md {
padding: 8px 14px;
font-size: 16px;
line-height: 1.2
}
.pt-btn-lg {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333
}
.pt-btn-block {
display: block;
width: 100%
}
.pt-modal-box-modal-close {
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #000
}
.pt-modal-box-modal-close:focus,
.pt-modal-box-modal-close:hover {
color: #000;
text-decoration: none;
cursor: pointer
}
button.pt-modal-box-modal-close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: 0 0;
border: 0
}
.pt-modal-box-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
-webkit-overflow-scrolling: touch;
outline: 0;
padding: 0!important
}
.pt-modal-box-modal .pt-modal-box-modal-dialog {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%)!important;
transform: translate(-50%, -50%)!important;
margin: 0;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.pt-modal-box-modal-content {
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}
.pt-modal-backdrop.pt-in {
opacity: .5!important
}
.pt-modal-fade.pt-in {
opacity: 1
}
.pt-modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000
}
.pt-modal-backdrop.pt-modal-fade {
opacity: 0
}
.pt-modal-fade {
opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.pt-modal-box-modal.pt-in .pt-modal-box-modal-dialog {
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
top: 50%
}
.pt-modal-box-modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5
}
.pt-modal-box-modal-header .pt-modal-box-modal-close {
margin-top: -2px
}
.pt-modal-box-modal-header .pt-modal-box-modal-title {
margin: 0;
padding: 0;
line-height: 1.42857143;
clear: none;
padding: 0;
margin: 0
}
.pt-modal-box-modal-body {
position: relative;
padding: 15px
}
.pt-modal-box-modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5
}
.pt-modal-box-modal-footer .btn+.btn {
margin-bottom: 0;
margin-left: 5px
}
.pt-modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
.pt-modal-box-text-selector {
background: 0 0!important
}
@media (min-width:768px) {
.pt-modal-box-modal-dialog {
width: 600px
}
.pt-modal-box-modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
}
}
.pt-modal-box-container {
width: 100%!important
}
.pt-modal-box-selector-container .btn-info {
border: none;
-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-modal-box-selector-container img,
.pt-modal-box-selector-container span {
cursor: pointer
}
.pt-modal-box-modal-header img {
width: 48px;
padding: 5px 0;
vertical-align: top
}
.pt-modal-box-modal-header i {
padding-right: 6px
}
.pt-modal-box-modal-title img {
vertical-align: middle
}
.pt-modal-box-close-button-container {
float: right
}
.pt-modal-box-modal-close {
position: relative;
z-index: 99
}
.pt-modal-box-close-button-container,
.pt-modal-box-img-selector,
.pt-modal-box-modal-close,
.pt-modal-box-modal-lower-close,
.pt-modal-box-text-selector {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.pt-new-accordion {
width: auto;
height: auto;
transition: all .3s ease-in-out
}
.pt-new-accordion .pt-accordion-list .pt-accordion-header {
padding: 15px;
border: 1px solid rgba(0, 0, 0, .02);
font-size: 1rem;
font-weight: 600;
line-height: 1;
transition: all .3s ease-in-out;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer
}
.pt-new-accordion .pt-accordion-list .pt-accordion-header .fa-toggle {
transform: rotate(0);
z-index: 10;
transition: all .3s ease-in-out
}
.pt-new-accordion .pt-accordion-list .pt-accordion-header.active .fa-toggle {
transform: rotate(90deg);
z-index: 10;
transition: all .3s ease-in-out
}
.fa-accordion-icon {
display: inline-block;
margin-right: 10px
}
.pt-new-accordion .pt-accordion-list .pt-accordion-content {
display: none;
border: 1px solid #eee;
padding: 15px;
box-sizing: border-box;
font-size: 1rem;
line-height: 1.7;
opacity: 0
}
.pt-new-accordion .pt-accordion-list .pt-accordion-content p {
margin: 0
}
.pt-new-accordion .pt-accordion-list .pt-accordion-content.active {
display: block;
opacity: 1
}
@keyframes rotate-90 {
0% {
transform: rotateY(0)
}
100% {
transform: rotateY(-180deg)
}
}
@keyframes fadeIn {
0% {
opacity: 1;
transition: all .3s ease-in-out
}
100% {
opacity: 1;
transition: all .3s ease-in-out
}
}
.pt-ninja-container input,
.pt-ninja-container textarea {
height: auto;
padding: 10px
}
.pt-contact-form-align-center .pt-ninja-container,
.pt-contact-form-btn-align-center .pt-ninja-container .nf-field .nf-field-element input[type=button] {
margin-left: auto!important;
margin-right: auto!important;
display: block;
float: none
}
.pt-contact-form-align-left .pt-ninja-container,
.pt-contact-form-btn-align-left .pt-ninja-container .nf-field .nf-field-element input[type=button] {
float: left;
width: auto
}
.pt-contact-form-align-right .pt-ninja-container,
.pt-contact-form-btn-align-right .pt-ninja-container .nf-field .nf-field-element input[type=button] {
float: right;
width: auto
}
.pt-ninja-container .nf-field .nf-field-element input[type=password],
.pt-ninja-container .nf-field .nf-field-element input[type=url],
.pt-ninja-container .nf-field .nf-field-element textarea,
.pt-ninja-container ul.wpuf-form li .wpuf-fields input[type=email],
.pt-ninja-container ul.wpuf-form li .wpuf-fields input[type=number],
.pt-ninja-container ul.wpuf-form li .wpuf-fields input[type=text] {
max-width: 100%
}
.panel-grid .widget {
overflow: initial
}
.pt-container,
.pt-grid-container {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.pt-container *,
.pt-container ::after,
.pt-container ::before,
.pt-grid-container *,
.pt-grid-container ::after,
.pt-grid-container ::before {
-webkit-box-sizing: inherit;
box-sizing: inherit
}
.pt-container img,
.pt-container ol,
.pt-container ol:hover,
.pt-container ol>li,
.pt-container ol>li:hover,
.pt-container ol>li>a,
.pt-container ol>li>a:hover,
.pt-container ul,
.pt-container ul:hover,
.pt-container ul>li,
.pt-container ul>li:hover,
.pt-container ul>li>a,
.pt-container ul>li>a:hover,
.pt-grid-container img,
.pt-grid-container ol,
.pt-grid-container ol:hover,
.pt-grid-container ol>li,
.pt-grid-container ol>li:hover,
.pt-grid-container ol>li>a,
.pt-grid-container ol>li>a:hover,
.pt-grid-container ul,
.pt-grid-container ul:hover,
.pt-grid-container ul>li,
.pt-grid-container ul>li:hover,
.pt-grid-container ul>li>a,
.pt-grid-container ul>li>a:hover {
padding: 0;
margin: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none; background: 0 0
}
.pt-container img:after,
.pt-container img:before,
.pt-container ol:after,
.pt-container ol:before,
.pt-container ol:hover:after,
.pt-container ol:hover:before,
.pt-container ol>li:after,
.pt-container ol>li:before,
.pt-container ol>li:hover:after,
.pt-container ol>li:hover:before,
.pt-container ol>li>a:after,
.pt-container ol>li>a:before,
.pt-container ol>li>a:hover:after,
.pt-container ol>li>a:hover:before,
.pt-container ul:after,
.pt-container ul:before,
.pt-container ul:hover:after,
.pt-container ul:hover:before,
.pt-container ul>li:after,
.pt-container ul>li:before,
.pt-container ul>li:hover:after,
.pt-container ul>li:hover:before,
.pt-container ul>li>a:after,
.pt-container ul>li>a:before,
.pt-container ul>li>a:hover:after,
.pt-container ul>li>a:hover:before,
.pt-grid-container img:after,
.pt-grid-container img:before,
.pt-grid-container ol:after,
.pt-grid-container ol:before,
.pt-grid-container ol:hover:after,
.pt-grid-container ol:hover:before,
.pt-grid-container ol>li:after,
.pt-grid-container ol>li:before,
.pt-grid-container ol>li:hover:after,
.pt-grid-container ol>li:hover:before,
.pt-grid-container ol>li>a:after,
.pt-grid-container ol>li>a:before,
.pt-grid-container ol>li>a:hover:after,
.pt-grid-container ol>li>a:hover:before,
.pt-grid-container ul:after,
.pt-grid-container ul:before,
.pt-grid-container ul:hover:after,
.pt-grid-container ul:hover:before,
.pt-grid-container ul>li:after,
.pt-grid-container ul>li:before,
.pt-grid-container ul>li:hover:after,
.pt-grid-container ul>li:hover:before,
.pt-grid-container ul>li>a:after,
.pt-grid-container ul>li>a:before,
.pt-grid-container ul>li>a:hover:after,
.pt-grid-container ul>li>a:hover:before {
display: none
}
.pt-container a,
.pt-grid-container a {
text-decoration: initial
}
.pt-container img,
.pt-grid-container img {
max-width: 100%;
width: auto;
height: auto
}
.pt-container {
margin-left: auto;
margin-right: auto
}
.pt-container::after {
clear: both;
content: "";
display: block
}
.panel-grid .widget {
border: 0
}
.pt-center {
text-align: center
}
.pt-grid-container {
margin-left: -20px;
margin-right: -20px;
width: calc(100% + 40px)
}
.pt-grid-container::after {
clear: both;
content: "";
display: block
}
.pt-grid-container .pt-eightcol,
.pt-grid-container .pt-elevencol,
.pt-grid-container .pt-fivecol,
.pt-grid-container .pt-fourcol,
.pt-grid-container .pt-ninecol,
.pt-grid-container .pt-onecol,
.pt-grid-container .pt-sevencol,
.pt-grid-container .pt-sixcol,
.pt-grid-container .pt-tencol,
.pt-grid-container .pt-threecol,
.pt-grid-container .pt-twelvecol,
.pt-grid-container .pt-twocol {
min-height: 1px
}
.pt-grid-container .pt-onecol,
.pt-grid-container .pt-twocol {
width: calc(50% - 30px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-eightcol,
.pt-grid-container .pt-elevencol,
.pt-grid-container .pt-fivecol,
.pt-grid-container .pt-fourcol,
.pt-grid-container .pt-ninecol,
.pt-grid-container .pt-sevencol,
.pt-grid-container .pt-sixcol,
.pt-grid-container .pt-tencol,
.pt-grid-container .pt-threecol,
.pt-grid-container .pt-twelvecol {
width: calc(100% - 40px);
float: left;
margin-left: 20px
}
@media (max-width:479px) {
.pt-grid-container .pt-onecol:nth-child(2n+1),
.pt-grid-container .pt-twocol:nth-child(2n+1) {
clear: left
}
}
@media only screen and (min-width:480px) {
.pt-grid-container .pt-onecol,
.pt-grid-container .pt-twocol {
width: calc(33.33333% - 26.66667px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-eightcol,
.pt-grid-container .pt-fivecol,
.pt-grid-container .pt-fourcol,
.pt-grid-container .pt-ninecol,
.pt-grid-container .pt-sevencol,
.pt-grid-container .pt-sixcol,
.pt-grid-container .pt-threecol {
width: calc(50% - 30px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-elevencol,
.pt-grid-container .pt-tencol {
width: calc(66.66667% - 33.33333px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-twelvecol {
width: calc(100% - 40px);
float: left;
margin-left: 20px
}
}
@media (min-width:480px) and (max-width:800px) {
.pt-grid-container .pt-onecol:nth-child(3n+1),
.pt-grid-container .pt-twocol:nth-child(3n+1) {
clear: left
}
.pt-grid-container .pt-eightcol:nth-child(2n+1),
.pt-grid-container .pt-fivecol:nth-child(2n+1),
.pt-grid-container .pt-fourcol:nth-child(2n+1),
.pt-grid-container .pt-ninecol:nth-child(2n+1),
.pt-grid-container .pt-sevencol:nth-child(2n+1),
.pt-grid-container .pt-sixcol:nth-child(2n+1),
.pt-grid-container .pt-threecol:nth-child(2n+1) {
clear: left
}
}
@media only screen and (min-width:801px) {
.pt-grid-container .pt-onecol {
width: calc(8.33333% - 21.66667px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-onecol:nth-child(12n+1) {
clear: left
}
.pt-grid-container .pt-twocol {
width: calc(16.66667% - 23.33333px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-twocol:nth-child(6n+1) {
clear: left
}
.pt-grid-container .pt-threecol {
width: calc(25% - 25px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-threecol:nth-child(4n+1) {
clear: left
}
.pt-grid-container .pt-fourcol {
width: calc(33.33333% - 26.66667px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-fourcol:nth-child(3n+1) {
clear: left
}
.pt-grid-container .pt-fivecol {
width: calc(41.66667% - 28.33333px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-sixcol {
width: calc(50% - 30px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-sixcol:nth-child(2n+1) {
clear: left
}
.pt-grid-container .pt-sevencol {
width: calc(58.33333% - 31.66667px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-eightcol {
width: calc(66.66667% - 33.33333px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-ninecol {
width: calc(75% - 35px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-tencol {
width: calc(83.33333% - 36.66667px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-elevencol {
width: calc(91.66667% - 38.33333px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-twelvecol {
width: calc(100% - 40px);
float: left;
margin-left: 20px
}
}
.pt-grid-container .pt-onefifth {
min-height: 1px
}
.pt-grid-container .pt-onefifth {
width: calc(100% - 40px);
float: left;
margin-left: 20px
}
@media only screen and (min-width:480px) {
.pt-grid-container .pt-onefifth {
width: calc(50% - 30px);
float: left;
margin-left: 20px
}
}
@media (min-width:480px) and (max-width:800px) {
.pt-grid-container .pt-onefifth:nth-child(2n+1) {
clear: left
}
}
@media only screen and (min-width:801px) {
.pt-grid-container .pt-onefifth {
width: calc(20% - 24px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-onefifth:nth-child(5n+1) {
clear: left
}
}
.pt-gapless-grid .pt-grid-container,
.pt-gapless-grid.pt-grid-container {
margin-left: 0;
margin-right: 0;
width: auto
}
.pt-gapless-grid .pt-onecol,
.pt-gapless-grid .pt-twocol {
width: calc(50%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-eightcol,
.pt-gapless-grid .pt-elevencol,
.pt-gapless-grid .pt-fivecol,
.pt-gapless-grid .pt-fourcol,
.pt-gapless-grid .pt-ninecol,
.pt-gapless-grid .pt-onefifth,
.pt-gapless-grid .pt-sevencol,
.pt-gapless-grid .pt-sixcol,
.pt-gapless-grid .pt-tencol,
.pt-gapless-grid .pt-threecol,
.pt-gapless-grid .pt-twelvecol {
width: calc(100%);
float: left;
margin-left: 0
}
@media only screen and (min-width:480px) {
.pt-gapless-grid .pt-onecol,
.pt-gapless-grid .pt-twocol {
width: calc(33.33333%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-eightcol,
.pt-gapless-grid .pt-fivecol,
.pt-gapless-grid .pt-fourcol,
.pt-gapless-grid .pt-ninecol,
.pt-gapless-grid .pt-onefifth,
.pt-gapless-grid .pt-sevencol,
.pt-gapless-grid .pt-sixcol,
.pt-gapless-grid .pt-threecol {
width: calc(50%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-elevencol,
.pt-gapless-grid .pt-tencol {
width: calc(66.66667%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-twelvecol {
width: calc(100%);
float: left;
margin-left: 0
}
}
@media only screen and (min-width:801px) {
.pt-gapless-grid .pt-onecol {
width: calc(8.33333%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-twocol {
width: calc(16.66667%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-threecol {
width: calc(25%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-fourcol {
width: calc(33.33333%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-fivecol {
width: calc(41.66667%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-sixcol {
width: calc(50%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-sevencol {
width: calc(58.33333%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-eightcol {
width: calc(66.66667%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-ninecol {
width: calc(75%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-tencol {
width: calc(83.33333%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-elevencol {
width: calc(91.66667%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-twelvecol {
width: calc(100%);
float: left;
margin-left: 0
}
}
@media only screen and (min-width:801px) {
.pt-gapless-grid .pt-onefifth {
width: calc(20%);
float: left;
margin-left: 0
}
}
.pt-piecharts {
clear: both
}
.pt-piechart {
position: relative;
text-align: center;
float: left;
overflow: hidden;
float: left;
padding: 10px
}
.pt-piechart canvas {
position: relative;
top: 0;
left: 0;
max-width: 100%;
margin: 0 auto
}
.pt-piechart .pt-label {
text-align: center;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
top: 55%;
max-width: 65%;
color: #888
}
.pt-dark-bg .pt-piechart .pt-label {
color: #909090
}
.pt-piechart .pt-percentage span {
position: absolute;
top: 25%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
font-size: 60px;
line-height: 60px;
font-weight: 300;
text-align: center;
color: #333;
font-weight: bolder
}
.pt-dark-bg .pt-piechart .pt-percentage span {
color: #e5e5e5
}
.pt-piechart .pt-percentage sup {
font-size: 18px;
vertical-align: middle
}
.pt-piechart.dark-bg .pt-label {
color: #fff
}
.pt-piechart.dark-bg .pt-percentage span {
color: #eee
}
@media only screen and (max-width:479px) {
.pt-piechart canvas {
margin-bottom: 15px
}
}
.pt-posts-carousel {
clear: both;
max-width: none
}
@media only screen and (min-width:1024px) {
.pt-posts-carousel {
max-width: 96%
}
}
.pt-posts-carousel .pt-posts-carousel-item .hentry {
background: #fff;
border-radius: 6px;
border: none;
padding: 0;
margin: 0;
-webkit-transition: -webkit-box-shadow .25s ease 0s;
transition: -webkit-box-shadow .25s ease 0s;
transition: box-shadow .25s ease 0s;
transition: box-shadow .25s ease 0s, -webkit-box-shadow .25s ease 0s;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
overflow: hidden
}
.pt-posts-carousel .pt-posts-carousel-item .hentry:hover {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}
.pt-posts-carousel .pt-posts-carousel-item .pt-project-image {
position: relative;
overflow: hidden
}
.pt-posts-carousel .pt-posts-carousel-item .pt-project-image img {
width: 100%;
display: block;
-webkit-transition: all .4s ease-in-out 0s;
transition: all .4s ease-in-out 0s;
max-width: 100%
}
.pt-posts-carousel .pt-posts-carousel-item .pt-project-image:hover img {
-webkit-filter: brightness(50%);
filter: brightness(50%)
}
.pt-posts-carousel .pt-posts-carousel-item .pt-project-image .pt-image-info {
display: block;
text-align: center
}
.pt-posts-carousel .pt-posts-carousel-item .pt-project-image .pt-image-info .pt-entry-info {
text-align: center;
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: auto;
max-width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.pt-posts-carousel .pt-posts-carousel-item .pt-project-image .pt-image-info .pt-post-title {
padding: 10px;
margin: 0;
font-size: 22px;
line-height: 34px;
font-weight: 400;
color: #fff;
opacity: 0;
-webkit-transition: opacity .4s ease-in-out 0s;
transition: opacity .4s ease-in-out 0s
}
@media only screen and (max-width:1024px) {
.pt-posts-carousel .pt-posts-carousel-item .pt-project-image .pt-image-info .pt-post-title {
font-size: 18px;
line-height: 26px
}
}
.pt-posts-carousel .pt-posts-carousel-item .pt-project-image .pt-image-info .pt-post-title a {
display: inline;
color: #fff;
-webkit-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
border-bottom: 1px solid transparent
}
.pt-posts-carousel .pt-posts-carousel-item .pt-project-image .pt-image-info .pt-post-title a:hover {
border-bottom: 2px solid #ccc
}
.pt-posts-carousel .pt-posts-carousel-item .pt-project-image .pt-image-info .pt-terms {
display: block;
color: #f9f9f9;
font-size: 14px;
line-height: 22px;
opacity: 0;
-webkit-transition: opacity .4s ease-in-out 0s;
transition: opacity .4s ease-in-out 0s
}
.pt-posts-carousel .pt-posts-carousel-item .pt-project-image .pt-image-info .pt-terms a {
color: #ddd;
position: relative;
display: inline;
zoom: 1;
font-size: 14px;
line-height: 22px;
font-style: italic;
-webkit-transition: all .4s ease-in-out 0s;
transition: all .4s ease-in-out 0s
}
.pt-posts-carousel .pt-posts-carousel-item .pt-project-image .pt-image-info .pt-terms a:hover {
color: #fff
}
.pt-posts-carousel .pt-posts-carousel-item .pt-project-image:hover .pt-image-info .pt-post-title,
.pt-posts-carousel .pt-posts-carousel-item .pt-project-image:hover .pt-image-info .pt-terms {
opacity: 1
}
.pt-posts-carousel .pt-posts-carousel-item .pt-entry-text-wrap {
text-align: center;
max-width: 650px;
margin: 0 auto;
padding: 25px 15px
}
.pt-posts-carousel .pt-posts-carousel-item .pt-entry-text-wrap .entry-title {
font-size: 18px;
line-height: 26px;
letter-spacing: 1px;
font-weight: 700;
color: #333;
text-transform: uppercase;
clear: none;
margin-top: 0;
margin-bottom: 10px;
font-size: 16px;
line-height: 24px;
margin-bottom: 10px
}
.pt-posts-carousel .pt-posts-carousel-item .pt-entry-text-wrap .entry-title:after,
.pt-posts-carousel .pt-posts-carousel-item .pt-entry-text-wrap .entry-title:before {
display: none
}
.pt-posts-carousel .pt-posts-carousel-item .pt-entry-text-wrap .entry-title a {
color: #333;
-webkit-transition: all .4s ease-in-out 0s;
transition: all .4s ease-in-out 0s
}
.pt-posts-carousel .pt-posts-carousel-item .pt-entry-text-wrap .entry-title a:hover {
color: #888
}
.pt-posts-carousel .pt-posts-carousel-item .pt-entry-text-wrap .pt-entry-meta span {
display: inline-block;
padding: 0;
margin: 0;
font-style: italic;
color: #999
}
.pt-posts-carousel .pt-posts-carousel-item .pt-entry-text-wrap .pt-entry-meta span a {
-webkit-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
font-style: normal
}
.pt-posts-carousel .pt-posts-carousel-item .pt-entry-text-wrap .pt-entry-meta span:after {
content: '//';
padding-left: 6px;
padding-right: 6px
}
.pt-posts-carousel .pt-posts-carousel-item .pt-entry-text-wrap .pt-entry-meta span:first-child {
border: none;
padding-left: 0
}
.pt-posts-carousel .pt-posts-carousel-item .pt-entry-text-wrap .pt-entry-meta span:last-child:after {
display: none
}
.pt-posts-carousel .pt-posts-carousel-item .pt-entry-text-wrap .entry-summary {
padding: 0;
margin: 10px auto 0
}
.pt-posts-carousel .pt-posts-carousel-item .pt-entry-text-wrap .entry-summary:before {
width: 35px;
height: 1px;
background: #aaa;
display: block;
content: "";
text-align: center;
margin: 0 auto 15px
}
.pt-posts-carousel .pt-posts-carousel-item .pt-entry-text-wrap .pt-category-list {
-webkit-transition: all .4s ease-in-out 0s;
transition: all .4s ease-in-out 0s
}
.pt-posts-carousel .pt-posts-carousel-item .pt-entry-text-wrap .pt-category-list:after {
width: 35px;
height: 1px;
background: #aaa;
display: block;
content: ""
}
.pt-posts-carousel .pt-posts-carousel-item .pt-entry-text-wrap .pt-category-list:after {
text-align: center;
margin: 10px auto 10px
}
.pt-posts-carousel .pt-posts-carousel-item .pt-entry-text-wrap .pt-category-list a {
font-style: italic;
-webkit-transition: all .4s ease-in-out 0s;
transition: all .4s ease-in-out 0s
}
.pt-posts-carousel .pt-posts-carousel-item .type-post .pt-entry-text-wrap .entry-summary:before {
display: none
}
.pt-container button.slick-next,
.pt-container button.slick-prev {
position: absolute;
bottom: initial;
left: initial;
right: initial;
top: 50%;
width: 28px;
height: 28px;
margin: -14px 0 0
}
.pt-container button.slick-next,
.pt-container button.slick-next:after,
.pt-container button.slick-next:before,
.pt-container button.slick-prev,
.pt-container button.slick-prev:after,
.pt-container button.slick-prev:before {
text-shadow: none;
background: 0 0!important;
border: none;
padding: 0;
opacity: 1;
font-family: pt-icomoon!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 24px;
color: #aaa!important;
overflow: hidden;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0;
text-indent: 0;
text-align: center;
-webkit-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s
}
.pt-container button.slick-next:before,
.pt-container button.slick-prev:before {
margin: 2px;
vertical-align: middle
}
.pt-container button.slick-next:hover:after,
.pt-container button.slick-next:hover:before,
.pt-container button.slick-prev:hover:after,
.pt-container button.slick-prev:hover:before {
color: #888!important
}
.pt-dark-bg .pt-container button.slick-next:after,
.pt-dark-bg .pt-container button.slick-next:before,
.pt-dark-bg .pt-container button.slick-prev:after,
.pt-dark-bg .pt-container button.slick-prev:before {
color: #888!important
}
.pt-dark-bg .pt-container button.slick-next:hover:after,
.pt-dark-bg .pt-container button.slick-next:hover:before,
.pt-dark-bg .pt-container button.slick-prev:hover:after,
.pt-dark-bg .pt-container button.slick-prev:hover:before {
color: #aaa!important;
background: 0 0!important
}
@media only screen and (max-width:1024px) {
.pt-container button.slick-next,
.pt-container button.slick-prev {
display: none!important
}
}
.pt-container button.slick-prev {
left: -40px
}
.pt-container button.slick-prev:before {
content: "\e900"
}
.pt-container button.slick-next {
right: -40px
}
.pt-container button.slick-next:before {
content: "\e901"
}
.pt-container ul.slick-dots {
width: 100%;
position: absolute;
bottom: -30px;
text-align: center;
padding: 0!important;
margin: 0!important
}
.pt-container ul.slick-dots li {
margin: 0 8px 0 0!important;
padding: 0!important;
display: inline-block;
font-size: 0
}
.pt-container ul.slick-dots li button {
padding: 0;
background: #aaa;
border: 1px solid #aaa;
border-radius: 50%;
width: 12px;
height: 12px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: background .3s ease-in-out 0s;
transition: background .3s ease-in-out 0s;
font-size: 0;
outline: 0
}
.pt-dark-bg .pt-container ul.slick-dots li button {
background: #888!important;
border-color: #888!important
}
.pt-container ul.slick-dots li button:hover,
.pt-container ul.slick-dots li.slick-active button {
background: 0 0!important;
border-color: #aaa!important
}
.pt-container ul.slick-dots li.slick-active button {
width: 14px;
height: 14px
}
.pt-post-carousel {
margin-top: 10px;
margin-bottom: 10px
}
.pt-post-carousel .pt-post-carousel-link {
padding: 5px 9px 5px 14px;
background-color: #1e73be;
-webkit-box-shadow: none!important
}
.pt-posts-carousel .pt-posts-carousel-item .pt-project-image.style-2 {
position: relative;
overflow: hidden;
width: 50%;
float: left
}
.pt-posts-carousel .pt-posts-carousel-item .pt-entry-text-wrap.style-2 {
text-align: center;
max-width: 650px;
margin: 0 auto;
padding: 0 15px;
width: 50%;
float: left
}
.pt-posts-carousel .pt-posts-carousel-item .pt-project-image.style-3 {
position: relative;
overflow: hidden;
width: 50%;
float: right
}
.pt-posts-carousel .pt-posts-carousel-item .pt-entry-text-wrap.style-3 {
text-align: center;
max-width: 650px;
margin: 0 auto;
padding: 0 15px;
width: 50%;
float: right
}
.style-4 {
display: flex;
flex-direction: column-reverse
}
.pt-pricing {
-webkit-display: flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center
}
.pt-pricing .pt-pricing-item {
width: 100%;
height: auto;
margin: 0
}
.pt-pricing .pt-pricing-button {
display: inline-block;
padding: 12px 25px;
background: #007fc0;
font-size: 14px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: .3s;
transition: .3s;
-webkit-border-radius: 4px;
border-radius: 4px
}
.pt-pricing .pt-pricing-button:hover {
background: #03b048
}
.pt-pricing .pt-pricing-item ul {
padding: 0;
margin: 0; }
.pt-pricing .pt-pricing-item ul li.disable-item {
text-decoration: line-through;
opacity: .5
}
.pt-pricing .pt-pricing-item ul li span.li-icon {
color: #007fc0;
margin-right: 6px
}
.pt-pricing .pt-pricing-item ul li.disable-item span.li-icon {
color: #ef5350
}
.pt-pricing.style-1 {
position: relative;
z-index: 0;
text-align: center
}
.pt-pricing.style-1 .pt-pricing-item {
border: 1px solid rgba(9, 9, 9, .1);
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition: .5s;
transition: .5s
}
.pt-pricing.style-1 .pt-pricing-item:hover {
-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)
}
.pt-pricing.style-1 .pt-pricing-item.featured {
position: relative
}
.pt-pricing.style-1 .pt-pricing-item.ribbon-1:before {
content: "";
position: absolute;
width: 100%;
height: 3px;
background: #007fc0;
top: 0;
left: 0;
right: 0;
z-index: 1;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0
}
.pt-pricing.style-1 .pt-pricing-item.ribbon-2:before {
content: "Featured";
position: absolute;
width: auto;
background: #007fc0;
color: #fff;
top: 35px;
right: -15px;
z-index: 10;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
padding: 5px 10px
}
.pt-pricing.style-1 .pt-pricing-item.ribbon-2:after {
content: "";
position: absolute;
top: 20px;
right: -15px;
width: 0;
height: 0;
border-bottom: 15px solid #007fc0;
border-right: 15px solid transparent;
z-index: 9;
opacity: .9
}
.pt-pricing.style-1 .pt-pricing-item.ribbon-3:before {
content: "Featured";
position: absolute;
width: auto;
background: rgba(0, 0, 0, .6);
color: #fff;
top: 15px;
right: 15px;
z-index: 10;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
padding: 5px 15px
}
.pt-pricing.style-1 .pt-pricing-item .header {
display: block;
position: relative;
z-index: 0;
padding-bottom: 15px;
margin-bottom: 15px
}
.pt-pricing.style-1 .pt-pricing-item .header:after {
content: "";
position: absolute;
width: 140px;
height: 1px;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
background: rgba(9, 9, 9, .1)
}
.pt-pricing.style-1 .pt-pricing-item .header .title {
font-weight: 700;
line-height: 30px;
margin: 0
}
.pt-pricing.style-1 .pt-pricing-item .pt-pricing-tag {
position: relative;
z-index: 0;
padding: 15px 0;
margin-bottom: 15px
}
.pt-pricing.style-1 .pt-pricing-item .pt-pricing-tag:after {
content: "";
position: absolute;
width: 140px;
height: 1px;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
background: rgba(9, 9, 9, .04)
}
.pt-pricing.style-1 .pt-pricing-item .price-tag {
position: relative;
display: inline-block;
font-size: 28px;
font-weight: 500;
line-height: 0;
margin: 0 auto
}
.pt-pricing.style-1 .pt-pricing-item .price-tag .price-currency {
font-size: 24px;
font-weight: 700
}
.pt-pricing.style-1 .pt-pricing-item .price-period {
color: #999
}
.pt-pricing.style-1 .pt-pricing-item .body ul {
display: block;
width: 100%;
margin-bottom: 15px
}
.pt-pricing.style-1 .pt-pricing-item .body ul li { width: 100%;
height: auto;
padding: 10px 0;
font-size: 14px;
color: #6d6d6d;
border-bottom: 1px solid rgba(9, 9, 9, .04)
}
.pt-pricing.style-1 .pt-pricing-item .body ul li:last-child {
border: none
}
.pt-pricing.style-1 .pt-pricing-item.featured-large {
padding: 60px 0
}
.pt-pricing.style-2 {
position: relative;
z-index: 0;
text-align: center
}
.pt-pricing.style-2 .pt-pricing-item {
padding: 30px 0;
border-radius: 5px;
margin: 0;
border: 1px solid rgba(9, 9, 9, .1)
}
.pt-pricing.style-2 .pt-pricing-item.featured {
-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)
}
.pt-pricing.style-2 .pt-pricing-item.ribbon-1:before {
content: "";
position: absolute;
width: 100%;
height: 3px;
background: #007fc0;
top: 0;
left: 0;
right: 0;
z-index: 1;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0
}
.pt-pricing.style-2 .pt-pricing-item.ribbon-2:before {
content: "Featured";
position: absolute;
width: auto;
background: #007fc0;
color: #fff;
top: 35px;
right: -15px;
z-index: 10;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
padding: 5px 10px
}
.pt-pricing.style-2 .pt-pricing-item.ribbon-2:after {
content: "";
position: absolute;
top: 20px;
right: -15px;
width: 0;
height: 0;
border-bottom: 15px solid #007fc0;
border-right: 15px solid transparent;
z-index: 9;
opacity: .9
}
.pt-pricing.style-2 .pt-pricing-item.ribbon-3:before {
content: "Featured";
position: absolute;
width: auto;
background: rgba(0, 0, 0, .6);
color: #fff;
top: 15px;
right: 15px;
z-index: 10;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
padding: 5px 15px
}
.pt-pricing.style-2 .pt-pricing-item .pt-pricing-icon .icon {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
background: #007fc0;
border-radius: 50%;
margin-bottom: 30px;
text-align: center;
-webkit-transition: .5s;
transition: .5s;
overflow: hidden
}
.pt-pricing.style-2 .pt-pricing-item .pt-pricing-icon .icon i {
font-size: 30px;
color: #fff;
line-height: 80px;
-webkit-transition: .5s;
transition: .5s
}
.pt-pricing.style-2 .pt-pricing-item:hover .pt-pricing-icon .icon {
background: #007fc0
}
.pt-pricing.style-2 .pt-pricing-item:hover .pt-pricing-icon .icon i {
color: #fff
}
.pt-pricing.style-2 .pt-pricing-item .header {
background: #c8e6c9;
padding: 25px 30px;
margin-bottom: 15px;
position: relative;
z-index: 0
}
.pt-pricing.style-2 .pt-pricing-item.featured .header:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background: rgba(255, 255, 255, .4)
}
.pt-pricing.style-2 .pt-pricing-item .header .title {
font-size: 28px;
font-weight: 700;
line-height: 40px;
margin: 0
}
.pt-pricing.style-2 .pt-pricing-item .header .subititle {
font-size: 14px;
font-weight: 600;
color: #6d6d6d
}
.pt-pricing.style-2 .pt-pricing-item .pt-pricing-tag {
position: relative;
z-index: 0;
padding: 15px 0;
margin-bottom: 15px
}
.pt-pricing.style-2 .pt-pricing-item .pt-pricing-tag:after {
content: "";
position: absolute;
width: 140px;
height: 1px;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
background: rgba(9, 9, 9, .04)
}
.pt-pricing.style-2 .pt-pricing-item .price-tag {
position: relative;
display: inline-block;
font-size: 28px;
font-weight: 500;
line-height: 0;
margin: 0 auto
}
.pt-pricing.style-2 .pt-pricing-item .price-tag .price-currency {
font-size: 24px;
font-weight: 700;
color: #007fc0
}
.pt-pricing.style-2 .pt-pricing-item .price-period {
color: #999
}
.pt-pricing.style-2 .pt-pricing-item .body ul {
display: block;
width: 100%;
margin-bottom: 15px
}
.pt-pricing.style-2 .pt-pricing-item .body ul li { width: 100%;
height: auto;
padding: 10px 15px;
font-size: 14px;
color: #6d6d6d;
border-bottom: 1px solid rgba(9, 9, 9, .04)
}
.pt-pricing.style-2 .pt-pricing-item .body ul li:last-child {
border: none
}
.pt-pricing.style-3 {
position: relative;
z-index: 0;
text-align: center
}
.pt-pricing.style-3 .pt-pricing-item {
padding: 30px 0;
border-radius: 5px;
margin: 0;
border: 1px solid rgba(9, 9, 9, .1)
}
.pt-pricing.style-3 .pt-pricing-item.featured {
-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)
}
.pt-pricing.style-3 .pt-pricing-item.ribbon-1:before {
content: "";
position: absolute;
width: 100%;
height: 3px;
background: #007fc0;
top: 0;
left: 0;
right: 0;
z-index: 1;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0
}
.pt-pricing.style-3 .pt-pricing-item.ribbon-2:before {
content: "Featured";
position: absolute;
width: auto;
background: #007fc0;
color: #fff;
top: 35px;
right: -15px;
z-index: 10;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
padding: 5px 10px
}
.pt-pricing.style-3 .pt-pricing-item.ribbon-2:after {
content: "";
position: absolute;
top: 20px;
right: -15px;
width: 0;
height: 0;
border-bottom: 15px solid #007fc0;
border-right: 15px solid transparent;
z-index: 9;
opacity: .9
}
.pt-pricing.style-3 .pt-pricing-item.ribbon-3:before {
content: "Featured";
position: absolute;
width: auto;
background: rgba(0, 0, 0, .6);
color: #fff;
top: 15px;
right: 15px;
z-index: 10;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
padding: 5px 15px
}
.pt-pricing.style-3 .pt-pricing-item .pt-pricing-icon .icon {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
background: #007fc0;
border-radius: 50%;
margin-bottom: 30px;
text-align: center;
-webkit-transition: .5s;
transition: .5s;
overflow: hidden
}
.pt-pricing.style-3 .pt-pricing-item .pt-pricing-icon .icon i {
font-size: 30px;
color: #fff;
line-height: 80px;
-webkit-transition: .5s;
transition: .5s
}
.pt-pricing.style-3 .pt-pricing-item:hover .pt-pricing-icon .icon {
background: #007fc0
}
.pt-pricing.style-3 .pt-pricing-item:hover .pt-pricing-icon .icon i {
color: #fff
}
.pt-pricing.style-3 .pt-pricing-item .header {
padding: 25px 30px;
margin-bottom: 15px;
position: relative;
z-index: 0;
margin-top: -30px
}
.pt-pricing.style-3 .pt-pricing-item.featured .header:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background: rgba(255, 255, 255, .4)
}
.pt-pricing.style-3 .pt-pricing-item .header .title {
font-size: 28px;
font-weight: 700;
line-height: 40px;
margin: 0
}
.pt-pricing.style-3 .pt-pricing-item .header .subititle {
font-size: 14px;
font-weight: 600;
color: #6d6d6d
}
.pt-pricing.style-3 .pt-pricing-item .pt-pricing-tag {
position: relative;
z-index: 0;
padding: 15px 0;
margin-bottom: 15px
}
.pt-pricing.style-3 .pt-pricing-item .pt-pricing-tag:after {
content: "";
position: absolute;
width: 140px;
height: 1px;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
background: rgba(9, 9, 9, .04)
}
.pt-pricing.style-3 .pt-pricing-item .price-tag {
position: relative;
display: inline-block;
font-size: 28px;
font-weight: 500;
line-height: 0;
margin: 0 auto
}
.pt-pricing.style-3 .pt-pricing-item .price-tag .price-currency {
font-size: 24px;
font-weight: 700;
color: #007fc0
}
.pt-pricing.style-3 .pt-pricing-item .price-period {
color: #999
}
.pt-pricing.style-3 .pt-pricing-item .body ul {
display: block;
width: 100%;
margin-bottom: 15px
}
.pt-pricing.style-3 .pt-pricing-item .body ul li { width: 100%;
height: auto;
padding: 10px 15px;
font-size: 14px;
color: #6d6d6d;
border-bottom: 1px solid rgba(9, 9, 9, .04)
}
.pt-pricing.style-3 .pt-pricing-item .body ul li:last-child {
border: none
}
.pt-pricing.style-4 {
position: relative;
z-index: 0;
text-align: center
}
.pt-pricing.style-4 .pt-pricing-item {
border: 1px solid rgba(9, 9, 9, .1);
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition: .5s;
transition: .5s
}
.pt-pricing.style-4 .pt-pricing-item:hover {
-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)
}
.pt-pricing.style-4 .pt-pricing-item.featured {
position: relative
}
.pt-pricing.style-4 .pt-pricing-item.ribbon-1:before {
content: "";
position: absolute;
width: 100%;
height: 3px;
background: #007fc0;
top: 0;
left: 0;
right: 0;
z-index: 1;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0
}
.pt-pricing.style-4 .pt-pricing-item.ribbon-2:before {
content: "Featured";
position: absolute;
width: auto;
background: #007fc0;
color: #fff;
top: 35px;
right: -15px;
z-index: 10;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
padding: 5px 10px
}
.pt-pricing.style-4 .pt-pricing-item.ribbon-2:after {
content: "";
position: absolute;
top: 20px;
right: -15px;
width: 0;
height: 0;
border-bottom: 15px solid #007fc0;
border-right: 15px solid transparent;
z-index: 9;
opacity: .9
}
.pt-pricing.style-4 .pt-pricing-item.ribbon-3:before {
content: "Featured";
position: absolute;
width: auto;
background: rgba(0, 0, 0, .6);
color: #fff;
top: 15px;
right: 15px;
z-index: 10;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
padding: 5px 15px
}
.pt-pricing.style-4 .pt-pricing-item .header {
display: block;
position: relative;
z-index: 0;
padding-bottom: 15px;
margin-bottom: 15px
}
.pt-pricing.style-4 .pt-pricing-item .header:after {
content: "";
position: absolute;
width: 140px;
height: 1px;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
background: rgba(9, 9, 9, .1)
}
.pt-pricing.style-4 .pt-pricing-item .header .title {
font-weight: 700;
line-height: 30px;
margin: 0
}
.pt-pricing.style-4 .pt-pricing-item .pt-pricing-tag {
position: relative;
z-index: 0;
padding: 15px 0;
margin-bottom: 15px
}
.pt-pricing.style-4 .pt-pricing-item .pt-pricing-tag:after {
content: "";
position: absolute;
width: 140px;
height: 1px;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
background: rgba(9, 9, 9, .04)
}
.pt-pricing.style-4 .pt-pricing-item .price-tag {
position: relative;
display: inline-block;
font-size: 28px;
font-weight: 500;
line-height: 0;
margin: 0 auto
}
.pt-pricing.style-4 .pt-pricing-item .price-tag .price-currency {
font-size: 24px;
font-weight: 700
}
.pt-pricing.style-4 .pt-pricing-item .price-period {
color: #999
}
.pt-pricing.style-4 .pt-pricing-item .body ul {
display: block;
width: 100%;
margin-bottom: 15px
}
.pt-pricing.style-4 .pt-pricing-item .body ul li {
display: block;
width: 100%;
height: auto;
padding: 10px 0;
font-size: 14px;
color: #6d6d6d;
border-bottom: 1px solid rgba(9, 9, 9, .04)
}
.pt-pricing.style-4 .pt-pricing-item .body ul li:last-child {
border: none
}
.pt-pricing.style-4 .pt-pricing-item.featured-large {
padding: 60px 0
}
@media only screen and (min-width:768px) and (max-width:992px) {
.pt-pricing {
display: block
}
.pt-pricing .pt-pricing-item,
.pt-pricing.style-2 .pt-pricing-item,
.pt-pricing.style-4 .pt-pricing-item {
width: 100%;
margin: 0 auto 30px auto
}
}
@media only screen and (max-width:480px) {
.pt-pricing {
display: block
}
.pt-pricing .pt-pricing-item {
width: 100%
}
.pt-pricing .pt-pricing-item,
.pt-pricing.style-2 .pt-pricing-item,
.pt-pricing.style-4 .pt-pricing-item {
margin: 0 auto 30px auto
}
}
.pt-pricing-content-align-center .pt-pricing {
text-align: center
}
.pt-pricing-content-align-left .pt-pricing {
text-align: left
}
.pt-pricing-content-align-right .pt-pricing {
text-align: right
}
.pt-pricing-content-align-left .pt-pricing.style-2 .pt-pricing-item .price-tag {
padding-left: 45px
}
.pt-pricing-content-align-left .pt-pricing.style-2 .pt-pricing-item .price-tag:before {
left: 30px
}
.pt-pricing-content-align-right .pt-pricing.style-2 .pt-pricing-item .pt-pricing-tag {
padding-right: 30px
}
.pt-pricing-content-align-left .pt-pricing.style-2 .pt-pricing-item .footer,
.pt-pricing-content-align-left .pt-pricing.style-2 .pt-pricing-item .header,
.pt-pricing-content-align-left .pt-pricing.style-2 .pt-pricing-item .pt-pricing-icon,
.pt-pricing-content-align-left .pt-pricing.style-4 .pt-pricing-item .footer,
.pt-pricing-content-align-left .pt-pricing.style-4 .pt-pricing-item .header {
padding-left: 30px;
padding-right: 30px
}
.pt-pricing-content-align-right .pt-pricing.style-2 .pt-pricing-item .footer,
.pt-pricing-content-align-right .pt-pricing.style-2 .pt-pricing-item .header,
.pt-pricing-content-align-right .pt-pricing.style-2 .pt-pricing-item .pt-pricing-icon,
.pt-pricing-content-align-right .pt-pricing.style-4 .pt-pricing-item .footer,
.pt-pricing-content-align-right .pt-pricing.style-4 .pt-pricing-item .header {
padding-right: 30px;
padding-left: 30px
}
.pt-pricing-content-align-left .pt-pricing.style-2 .pt-pricing-item .body ul li,
.pt-pricing-content-align-left .pt-pricing.style-4 .pt-pricing-item .body ul li {
padding-left: 30px
}
.pt-pricing-content-align-right .pt-pricing.style-2 .pt-pricing-item .body ul li,
.pt-pricing-content-align-right .pt-pricing.style-4 .pt-pricing-item .body ul li {
padding-right: 30px
}
.pt-pricing-content-align-left .pt-pricing.style-3 .pt-pricing-item .header:after {
-webkit-transform: translateX(-80%);
transform: translateX(-80%)
}
.pt-pricing-content-align-right .pt-pricing.style-3 .pt-pricing-item .header:after {
-webkit-transform: translateX(80%);
transform: translateX(80%)
}
.pt-pricing-content-align-left .pt-pricing.style-3 .pt-pricing-item:hover .header:after,
.pt-pricing-content-align-right .pt-pricing.style-3 .pt-pricing-item:hover .header:after {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.pt-pricing-content-align-left .pt-pricing.style-1 .pt-pricing-item .header:after,
.pt-pricing-content-align-left .pt-pricing.style-1 .pt-pricing-item .pt-pricing-tag:after,
.pt-pricing-content-align-left .pt-pricing.style-2 .pt-pricing-item .pt-pricing-tag:after,
.pt-pricing-content-align-right .pt-pricing.style-1 .pt-pricing-item .header:after,
.pt-pricing-content-align-right .pt-pricing.style-1 .pt-pricing-item .pt-pricing-tag:after,
.pt-pricing-content-align-right .pt-pricing.style-2 .pt-pricing-item .pt-pricing-tag:after {
margin: 0;
width: 100%
}
.pt-pricing-button-align-right .pt-pricing.style-1 .footer,
.pt-pricing-button-align-right .pt-pricing.style-2 .footer,
.pt-pricing-button-align-right .pt-pricing.style-3 .footer,
.pt-pricing-button-align-right .pt-pricing.style-4 .footer {
text-align: right
}
.pt-pricing-button-align-center .pt-pricing.style-1 .footer,
.pt-pricing-button-align-center .pt-pricing.style-2 .footer,
.pt-pricing-button-align-center .pt-pricing.style-3 .footer,
.pt-pricing-button-align-center .pt-pricing.style-4 .footer {
text-align: center
}
.pt-pricing-button-align-left .pt-pricing.style-1 .footer,
.pt-pricing-button-align-left .pt-pricing.style-2 .footer,
.pt-pricing-button-align-left .pt-pricing.style-3 .footer,
.pt-pricing-button-align-left .pt-pricing.style-4 .footer {
text-align: left
}
.pt-pricing-content-align-center.pt-pricing-button-align-right .pt-pricing.style-2 .footer,
.pt-pricing-content-align-center.pt-pricing-button-align-right .pt-pricing.style-4 .footer {
padding-right: 30px
}
.pt-pricing-content-align-center.pt-pricing-button-align-left .pt-pricing.style-2 .footer,
.pt-pricing-content-align-center.pt-pricing-button-align-left .pt-pricing.style-4 .footer {
padding-left: 30px
}
.flex-container {
display: flex;
flex-wrap: wrap
}
.flex-container>.pt-pricing {
width: 340px;
margin: 10px
}
.clearfix::after,
.clearfix::before {
content: " ";
display: table;
clear: both
}
.pt-product-carousel .woocommerce li.product {
background-color: #fff;
border-radius: 0;
box-shadow: none
}
.hide_rating .woocommerce .star-rating,
.hide_rating .woocommerce .star-rating-container {
display: none!important
}
.pt-product-carousel .woocommerce ul.products li.product h3 {
padding: .5em
}
.pt-product-carousel .woocommerce .products .star-rating {
display: block;
float: none;
margin: 10px auto
}
body:not(.x-ethos):not(.x-integrity):not(.x-renew):not(.x-icon) .pt-product-carousel .woocommerce li.product .button {
box-shadow: none;
display: block;
left: auto;
margin: 15px;
padding: .45em .5em .575em;
position: relative;
right: auto;
text-shadow: none;
top: auto
}
.pt-product-carousel:not(.pt-product-no-style) .woocommerce li.product .entry-featured {
background-color: transparent;
border: medium none;
box-shadow: none;
padding: 0
}
.pt-product-carousel.pt-product-reveal .woocommerce li.product .entry-wrap,
.pt-product-carousel.pt-product-simple .woocommerce li.product .entry-wrap {
background-color: transparent;
bottom: auto;
box-shadow: none;
padding: 15px 0 0;
position: relative;
text-align: center;
top: auto
}
.pt-product-carousel.pt-product-reveal .woocommerce li.product .entry-header h3,
.pt-product-carousel.pt-product-simple .woocommerce li.product .entry-header h3 {
font-size: 14px;
line-height: 1.2;
margin: 0 0 5px;
padding-bottom: .5em
}
.pt-product-carousel.pt-product-reveal .woocommerce li.product .entry-header h3 a,
.pt-product-carousel.pt-product-simple .woocommerce li.product .entry-header h3 a {
color: #272727;
font-weight: 400;
letter-spacing: .01rem;
text-transform: uppercase
}
.pt-product-carousel.pt-product-reveal .woocommerce li.product .entry-header .price>.amount,
.pt-product-carousel.pt-product-reveal .woocommerce li.product .entry-header .price>ins>.amount,
.pt-product-carousel.pt-product-simple .woocommerce li.product .entry-header .price>.amount,
.pt-product-carousel.pt-product-simple .woocommerce li.product .entry-header .price>ins>.amount,
.pt-product-carousel.pt-product-simple .woocommerce li.product .price>.amount {
color: #272727;
font-size: 18px;
font-weight: 400
}
.pt-product-carousel.pt-product-reveal .woocommerce li.product .entry-wrap::before,
.pt-product-carousel.pt-product-simple .woocommerce li.product .entry-wrap::before {
display: none
}
.pt-product-carousel:not(.pt-product-no-style) .woocommerce li.product .entry-header .button {
background-color: transparent;
border: 1px solid rgba(0, 0, 0, .5);
border-radius: 0;
box-shadow: none;
color: #272727;
display: block;
font-size: 14px;
left: auto;
margin: 20px auto;
opacity: 1;
position: relative;
right: auto;
text-shadow: none;
top: auto;
width: 80%
}
.pt-product-carousel:not(.pt-product-no-style) .woocommerce li.product .entry-header .button:hover {
background-color: #e74c3c;
border: 1px solid #e74c3c;
color: #fff
}
.pt-product-carousel.pt-product-simple .woocommerce li.product .star-rating-container {
background-color: transparent;
left: auto;
opacity: 1;
position: relative;
right: auto;
top: 5px;
display: block;
margin: 0 auto;
width: 110px
}
.pt-product-carousel.pt-product-reveal .woocommerce li.product .star-rating-container .star-rating::before,
.pt-product-carousel.pt-product-simple .woocommerce li.product .star-rating-container .star-rating::before {
color: #f2b01e
}
.pt-product-carousel.pt-product-reveal .woocommerce li.product .star-rating-container .star-rating span::before,
.pt-product-carousel.pt-product-simple .woocommerce li.product .star-rating-container .star-rating span::before {
color: #f2b01e
}
.pt-product-carousel:not(.pt-product-no-style) .onsale {
border-radius: 0;
box-shadow: none;
display: block;
font-size: 14px;
height: 100px;
letter-spacing: 0;
line-height: 160px;
position: absolute;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
text-transform: uppercase;
transform: rotate(-45deg);
width: 200px;
z-index: 1
}
.pt-product-carousel:not(.pt-product-no-style) .woocommerce li.product .onsale {
left: -95px;
top: -45px
}
.pt-product-carousel .woocommerce ul.products {
margin: 0 0 30px
}
.pt-product-carousel .woocommerce li.product {
background-color: #fff;
float: left;
overflow: hidden;
padding: 0;
position: relative;
text-align: center
}
.pt-product-carousel.pt-product-reveal .woocommerce li.product .entry-wrap {
bottom: -63px;
margin-top: -63px;
position: relative;
top: auto;
-webkit-transition: all 615ms cubic-bezier(.19, 1, .22, 1) 0s;
transition: all 615ms cubic-bezier(.19, 1, .22, 1) 0s
}
.pt-product-carousel.pt-product-reveal .woocommerce li.product:hover .entry-wrap {
bottom: 0
}
.pt-product-carousel.pt-product-reveal .woocommerce li.product:hover .entry-wrap::before {
background-color: #fff;
display: block
}
.pt-product-carousel.pt-product-reveal .woocommerce li.product .star-rating-container {
background-color: rgba(255, 255, 255, .9);
left: auto;
opacity: 0;
position: absolute;
right: 10px;
top: 10px
}
.pt-product-carousel.pt-product-reveal .woocommerce li.product:hover .star-rating-container {
opacity: 1
}
.pt-product-carousel.pt-product-overlay .woocommerce li.product .entry-wrap {
bottom: auto;
font-size: 14px;
left: 0;
padding: 0;
position: absolute;
right: 0;
top: calc(100% - 4em);
transition: all 615ms cubic-bezier(.19, 1, .22, 1) 0s
}
.pt-product-carousel.pt-product-overlay .woocommerce li.product .entry-wrap {
background-color: rgba(0, 0, 0, .5);
bottom: auto;
font-size: 14px;
left: 0;
padding: 0;
position: absolute;
right: 0;
text-align: center;
top: calc(100% - 4em);
-webkit-transition: all 615ms cubic-bezier(.19, 1, .22, 1) 0s;
transition: all 615ms cubic-bezier(.19, 1, .22, 1) 0s
}
.pt-product-carousel.pt-product-overlay .woocommerce li.product .entry-wrap::before {
background-color: rgba(0, 0, 0, .5);
content: "";
display: block;
height: 50em;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: all 615ms cubic-bezier(.19, 1, .22, 1) 0s;
z-index: 0
}
.pt-product-carousel.pt-product-overlay .woocommerce li.product:hover .entry-wrap::before {
background-color: rgba(0, 0, 0, .75)
}
.pt-product-carousel.pt-product-overlay .woocommerce li.product .entry-header {
position: relative
}
.pt-product-carousel.pt-product-overlay .woocommerce li.product .entry-header h3 {
font-size: 14px;
line-height: 1;
margin: 0;
overflow: hidden;
padding: 1.5em;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap
}
.pt-product-carousel.pt-product-overlay .woocommerce li.product .entry-header h3 a {
color: #fff
}
.pt-product-carousel.pt-product-overlay .woocommerce li.product .entry-header .price>del,
.pt-product-carousel.pt-product-overlay .woocommerce li.product .price>del {
display: none
}
.pt-product-carousel.pt-product-overlay .woocommerce li.product .entry-header .price>.amount,
.woocommerce li.product .entry-header .price>ins>.amount {
color: #fff;
font-size: 24px
}
.pt-product-carousel.pt-product-overlay .woocommerce li.product .added_to_cart {
display: none
}
.pt-product-carousel.pt-product-overlay .woocommerce li.product:hover .entry-wrap {
top: calc(100% - 10.385em)
}
.pt-product-carousel.pt-product-overlay .woocommerce li.product:hover .entry-wrap::before {
background-color: rgba(0, 0, 0, .75)
}
.pt-product-carousel.pt-product-overlay .woocommerce li.product:hover .star-rating-container {
opacity: 1
}
.pt-services-style1 .pt-service .pt-icon-wrapper span {
display: block;
text-align: center;
font-size: 96px;
line-height: 1;
margin-bottom: 20px;
-webkit-transition: color .4s ease-in-out 0s;
transition: color .4s ease-in-out 0s
}
.pt-services-style1 .pt-service .pt-image-wrapper img {
display: block;
max-width: 100%;
text-align: center;
margin: 0 auto 25px;
-webkit-transition: all .4s ease-in-out 0s;
transition: all .4s ease-in-out 0s
}
.pt-services-style1 .pt-service .pt-service-text {
text-align: center;
max-width: 300px;
margin: 0 auto
}
.pt-services-style1 .pt-service .pt-service-text .pt-title {
font-size: 18px;
line-height: 26px;
letter-spacing: 1px;
font-weight: 700;
color: #333;
text-transform: uppercase;
clear: none;
margin-top: 0;
margin-bottom: 10px;
margin-bottom: 20px
}
.pt-services-style1 .pt-service:hover .pt-image-wrapper img {
-webkit-transform: scale(.9, .9);
transform: scale(.9, .9)
}
.pt-services-style2 .pt-service .pt-icon-wrapper span,
.pt-services-style2 .pt-service .pt-image-wrapper img {
float: left;
margin-right: 18px
}
.pt-services-style2 .pt-service .pt-icon-wrapper span {
font-size: 24px;
line-height: 32px
}
.pt-services-style2 .pt-service .pt-service-text .pt-title {
font-size: 18px;
line-height: 26px;
letter-spacing: 1px;
font-weight: 700;
color: #333;
text-transform: uppercase;
clear: none;
margin-top: 0;
margin-bottom: 10px;
margin-bottom: 20px
}
.pt-services-style3 .pt-service .pt-icon-wrapper span {
display: inline;
text-align: left;
font-size: 80px;
line-height: 1;
margin-bottom: 25px;
color: #555
}
.pt-dark-bg .pt-services-style3 .pt-service .pt-icon-wrapper span {
color: #c5c5c5
}
.pt-services-style3 .pt-service .pt-image-wrapper img {
display: inline;
max-width: 100%;
text-align: left;
margin-bottom: 25px
}
.pt-services-style3 .pt-service .pt-service-text {
text-align: left;
max-width: 300px;
margin: 0;
font-size: 14px;
line-height: 32px;
color: #888
}
.pt-services-style3 .pt-service .pt-service-text ul.pt-services-list {
padding: 0;
margin: 0;
border: none
}
.pt-services-style3 .pt-service .pt-service-text ul.pt-services-list li {
border-bottom: 1px solid #eee;
position: relative;
padding: 0;
margin: 0; line-height: 42px
}
.pt-services-style3 .pt-service .pt-service-text ul.pt-services-list li:hover {
padding: 0
}
.pt-dark-bg .pt-services-style3 .pt-service .pt-service-text ul.pt-services-list li {
border-color: #333
}
.pt-services-style3 .pt-service .pt-service-text ul.pt-services-list li:before {
font-family: pt-icomoon!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
display: inline-block;
height: auto;
width: auto;
background: 0 0;
float: none;
vertical-align: middle;
margin: 0 15px 0 0;
content: "\e913";
color: #bbb;
font-size: 12px;
line-height: 1
}
.pt-dark-bg .pt-services-style3 .pt-service .pt-service-text ul.pt-services-list li:before {
color: #606060
}
.pt-services-style3 .pt-service .pt-service-text .pt-title {
font-size: 18px;
line-height: 26px;
letter-spacing: 1px;
font-weight: 700;
color: #333;
text-transform: uppercase;
clear: none;
margin-top: 0;
margin-bottom: 10px;
margin-bottom: 20px
}
.pt-services {
clear: both
}
.pt-services .pt-service {
margin-bottom: 50px
}
.pt-services .pt-service .pt-icon-wrapper span {
-webkit-transition: color .4s ease-in-out 0s;
transition: color .4s ease-in-out 0s
}
.pt-services .pt-service .pt-service-text {
font-size: 15px;
line-height: 24px
}
.pt-dark-bg .pt-services .pt-service .pt-service-text {
color: #909090
}
.pt-dark-bg .pt-services .pt-service .pt-service-text .pt-title {
color: #e5e5e5
}
.panel-grid .widget {
overflow: initial
}
.pt-container,
.pt-grid-container {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.pt-container *,
.pt-container ::after,
.pt-container ::before,
.pt-grid-container *,
.pt-grid-container ::after,
.pt-grid-container ::before {
-webkit-box-sizing: inherit;
box-sizing: inherit
}
.pt-container img,
.pt-container ol,
.pt-container ol:hover,
.pt-container ol>li,
.pt-container ol>li:hover,
.pt-container ol>li>a,
.pt-container ol>li>a:hover,
.pt-container ul,
.pt-container ul:hover,
.pt-container ul>li,
.pt-container ul>li:hover,
.pt-container ul>li>a,
.pt-container ul>li>a:hover,
.pt-grid-container img,
.pt-grid-container ol,
.pt-grid-container ol:hover,
.pt-grid-container ol>li,
.pt-grid-container ol>li:hover,
.pt-grid-container ol>li>a,
.pt-grid-container ol>li>a:hover,
.pt-grid-container ul,
.pt-grid-container ul:hover,
.pt-grid-container ul>li,
.pt-grid-container ul>li:hover,
.pt-grid-container ul>li>a,
.pt-grid-container ul>li>a:hover {
padding: 0;
margin: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none; background: 0 0
}
.pt-container img:after,
.pt-container img:before,
.pt-container ol:after,
.pt-container ol:before,
.pt-container ol:hover:after,
.pt-container ol:hover:before,
.pt-container ol>li:after,
.pt-container ol>li:before,
.pt-container ol>li:hover:after,
.pt-container ol>li:hover:before,
.pt-container ol>li>a:after,
.pt-container ol>li>a:before,
.pt-container ol>li>a:hover:after,
.pt-container ol>li>a:hover:before,
.pt-container ul:after,
.pt-container ul:before,
.pt-container ul:hover:after,
.pt-container ul:hover:before,
.pt-container ul>li:after,
.pt-container ul>li:before,
.pt-container ul>li:hover:after,
.pt-container ul>li:hover:before,
.pt-container ul>li>a:after,
.pt-container ul>li>a:before,
.pt-container ul>li>a:hover:after,
.pt-container ul>li>a:hover:before,
.pt-grid-container img:after,
.pt-grid-container img:before,
.pt-grid-container ol:after,
.pt-grid-container ol:before,
.pt-grid-container ol:hover:after,
.pt-grid-container ol:hover:before,
.pt-grid-container ol>li:after,
.pt-grid-container ol>li:before,
.pt-grid-container ol>li:hover:after,
.pt-grid-container ol>li:hover:before,
.pt-grid-container ol>li>a:after,
.pt-grid-container ol>li>a:before,
.pt-grid-container ol>li>a:hover:after,
.pt-grid-container ol>li>a:hover:before,
.pt-grid-container ul:after,
.pt-grid-container ul:before,
.pt-grid-container ul:hover:after,
.pt-grid-container ul:hover:before,
.pt-grid-container ul>li:after,
.pt-grid-container ul>li:before,
.pt-grid-container ul>li:hover:after,
.pt-grid-container ul>li:hover:before,
.pt-grid-container ul>li>a:after,
.pt-grid-container ul>li>a:before,
.pt-grid-container ul>li>a:hover:after,
.pt-grid-container ul>li>a:hover:before {
display: none
}
.pt-container a,
.pt-grid-container a {
text-decoration: initial
}
.pt-container img,
.pt-grid-container img {
max-width: 100%;
width: auto;
height: auto
}
.pt-container {
margin-left: auto;
margin-right: auto
}
.pt-container::after {
clear: both;
content: "";
display: block
}
.panel-grid .widget {
border: 0
}
.pt-center {
text-align: center
}
.pt-grid-container {
margin-left: -20px;
margin-right: -20px;
width: calc(100% + 40px)
}
.pt-grid-container::after {
clear: both;
content: "";
display: block
}
.pt-grid-container .pt-eightcol,
.pt-grid-container .pt-elevencol,
.pt-grid-container .pt-fivecol,
.pt-grid-container .pt-fourcol,
.pt-grid-container .pt-ninecol,
.pt-grid-container .pt-onecol,
.pt-grid-container .pt-sevencol,
.pt-grid-container .pt-sixcol,
.pt-grid-container .pt-tencol,
.pt-grid-container .pt-threecol,
.pt-grid-container .pt-twelvecol,
.pt-grid-container .pt-twocol {
min-height: 1px
}
.pt-grid-container .pt-onecol,
.pt-grid-container .pt-twocol {
width: calc(50% - 30px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-eightcol,
.pt-grid-container .pt-elevencol,
.pt-grid-container .pt-fivecol,
.pt-grid-container .pt-fourcol,
.pt-grid-container .pt-ninecol,
.pt-grid-container .pt-sevencol,
.pt-grid-container .pt-sixcol,
.pt-grid-container .pt-tencol,
.pt-grid-container .pt-threecol,
.pt-grid-container .pt-twelvecol {
width: calc(100% - 40px);
float: left;
margin-left: 20px
}
@media (max-width:479px) {
.pt-grid-container .pt-onecol:nth-child(2n+1),
.pt-grid-container .pt-twocol:nth-child(2n+1) {
clear: left
}
}
@media only screen and (min-width:480px) {
.pt-grid-container .pt-onecol,
.pt-grid-container .pt-twocol {
width: calc(33.33333% - 26.66667px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-eightcol,
.pt-grid-container .pt-fivecol,
.pt-grid-container .pt-fourcol,
.pt-grid-container .pt-ninecol,
.pt-grid-container .pt-sevencol,
.pt-grid-container .pt-sixcol,
.pt-grid-container .pt-threecol {
width: calc(50% - 30px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-elevencol,
.pt-grid-container .pt-tencol {
width: calc(66.66667% - 33.33333px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-twelvecol {
width: calc(100% - 40px);
float: left;
margin-left: 20px
}
}
@media (min-width:480px) and (max-width:800px) {
.pt-grid-container .pt-onecol:nth-child(3n+1),
.pt-grid-container .pt-twocol:nth-child(3n+1) {
clear: left
}
.pt-grid-container .pt-eightcol:nth-child(2n+1),
.pt-grid-container .pt-fivecol:nth-child(2n+1),
.pt-grid-container .pt-fourcol:nth-child(2n+1),
.pt-grid-container .pt-ninecol:nth-child(2n+1),
.pt-grid-container .pt-sevencol:nth-child(2n+1),
.pt-grid-container .pt-sixcol:nth-child(2n+1),
.pt-grid-container .pt-threecol:nth-child(2n+1) {
clear: left
}
}
@media only screen and (min-width:801px) {
.pt-grid-container .pt-onecol {
width: calc(8.33333% - 21.66667px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-onecol:nth-child(12n+1) {
clear: left
}
.pt-grid-container .pt-twocol {
width: calc(16.66667% - 23.33333px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-twocol:nth-child(6n+1) {
clear: left
}
.pt-grid-container .pt-threecol {
width: calc(25% - 25px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-threecol:nth-child(4n+1) {
clear: left
}
.pt-grid-container .pt-fourcol {
width: calc(33.33333% - 26.66667px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-fourcol:nth-child(3n+1) {
clear: left
}
.pt-grid-container .pt-fivecol {
width: calc(41.66667% - 28.33333px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-sixcol {
width: calc(50% - 30px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-sixcol:nth-child(2n+1) {
clear: left
}
.pt-grid-container .pt-sevencol {
width: calc(58.33333% - 31.66667px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-eightcol {
width: calc(66.66667% - 33.33333px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-ninecol {
width: calc(75% - 35px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-tencol {
width: calc(83.33333% - 36.66667px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-elevencol {
width: calc(91.66667% - 38.33333px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-twelvecol {
width: calc(100% - 40px);
float: left;
margin-left: 20px
}
}
.pt-grid-container .pt-onefifth {
min-height: 1px
}
.pt-grid-container .pt-onefifth {
width: calc(100% - 40px);
float: left;
margin-left: 20px
}
@media only screen and (min-width:480px) {
.pt-grid-container .pt-onefifth {
width: calc(50% - 30px);
float: left;
margin-left: 20px
}
}
@media (min-width:480px) and (max-width:800px) {
.pt-grid-container .pt-onefifth:nth-child(2n+1) {
clear: left
}
}
@media only screen and (min-width:801px) {
.pt-grid-container .pt-onefifth {
width: calc(20% - 24px);
float: left;
margin-left: 20px
}
.pt-grid-container .pt-onefifth:nth-child(5n+1) {
clear: left
}
}
.pt-gapless-grid .pt-grid-container,
.pt-gapless-grid.pt-grid-container {
margin-left: 0;
margin-right: 0;
width: auto
}
.pt-gapless-grid .pt-onecol,
.pt-gapless-grid .pt-twocol {
width: calc(50%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-eightcol,
.pt-gapless-grid .pt-elevencol,
.pt-gapless-grid .pt-fivecol,
.pt-gapless-grid .pt-fourcol,
.pt-gapless-grid .pt-ninecol,
.pt-gapless-grid .pt-onefifth,
.pt-gapless-grid .pt-sevencol,
.pt-gapless-grid .pt-sixcol,
.pt-gapless-grid .pt-tencol,
.pt-gapless-grid .pt-threecol,
.pt-gapless-grid .pt-twelvecol {
width: calc(100%);
float: left;
margin-left: 0
}
@media only screen and (min-width:480px) {
.pt-gapless-grid .pt-onecol,
.pt-gapless-grid .pt-twocol {
width: calc(33.33333%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-eightcol,
.pt-gapless-grid .pt-fivecol,
.pt-gapless-grid .pt-fourcol,
.pt-gapless-grid .pt-ninecol,
.pt-gapless-grid .pt-onefifth,
.pt-gapless-grid .pt-sevencol,
.pt-gapless-grid .pt-sixcol,
.pt-gapless-grid .pt-threecol {
width: calc(50%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-elevencol,
.pt-gapless-grid .pt-tencol {
width: calc(66.66667%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-twelvecol {
width: calc(100%);
float: left;
margin-left: 0
}
}
@media only screen and (min-width:801px) {
.pt-gapless-grid .pt-onecol {
width: calc(8.33333%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-twocol {
width: calc(16.66667%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-threecol {
width: calc(25%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-fourcol {
width: calc(33.33333%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-fivecol {
width: calc(41.66667%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-sixcol {
width: calc(50%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-sevencol {
width: calc(58.33333%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-eightcol {
width: calc(66.66667%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-ninecol {
width: calc(75%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-tencol {
width: calc(83.33333%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-elevencol {
width: calc(91.66667%);
float: left;
margin-left: 0
}
.pt-gapless-grid .pt-twelvecol {
width: calc(100%);
float: left;
margin-left: 0
}
}
@media only screen and (min-width:801px) {
.pt-gapless-grid .pt-onefifth {
width: calc(20%);
float: left;
margin-left: 0
}
}
.pt-grid-container .pt-sixcol:nth-child(2n+1) {
clear: none
}
.pt-stats-bars {
clear: both
}
.pt-stats-bars .pt-stats-bar {
width: 100%;
display: block;
margin: 0 0 18px;
overflow: hidden
}
.pt-stats-bars .pt-stats-bar .pt-stats-title {
margin: 0;
display: block;
color: #888;
font-style: normal;
font-size: 15px;
text-transform: none;
color: #333;
font-size: 16px;
line-height: 28px
}
.pt-stats-bars .pt-stats-bar .pt-stats-title span {
margin-left: 5px
}
.pt-dark-bg .pt-stats-bars .pt-stats-bar .pt-stats-title {
color: #ddd
}
.pt-stats-bars .pt-stats-bar .pt-stats-bar-wrap {
position: relative
}
.pt-stats-bars .pt-stats-bar .pt-stats-bar-content {
background: #e55a54;
display: block;
height: 10px;
width: 0;
position: relative;
z-index: 1;
border-radius: 5px
}
.pt-stats-bars .pt-stats-bar .pt-stats-bar-bg {
width: 100%;
background: rgba(0, 0, 0, .1);
height: 10px;
display: block;
margin-top: -10px;
border-radius: 5px
}
.pt-dark-bg .pt-stats-bars .pt-stats-bar .pt-stats-bar-bg {
background: rgba(255, 255, 255, .1)
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box {
display: inline-block;
margin-bottom: 35px;
overflow: hidden;
position: relative;
line-height: 0;
width: 100%
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box .banner_title {
background: #242424 none repeat scroll 0 0;
color: #fff;
font-weight: 400
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box .banner_title {
color: #fff;
display: block;
font-size: 15px;
line-height: 1.2;
margin: 0;
opacity: 1;
padding: .7em 15px;
position: relative;
text-align: left;
width: 100%;
z-index: 99
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box .mask {
color: #fff;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
overflow: hidden
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box:hover .mask.opaque-background {
background: rgba(0, 0, 0, .45)
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style01 .mask {
-ms-transform: translateY(100%);
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all .2s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style01:hover .mask {
opacity: 1;
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style02 .mask {
-ms-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all .2s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style02:hover .mask {
opacity: 1;
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style03 .mask {
-ms-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all .2s linear;
-webkit-transition: all .4s linear;
transition: all .4s linear
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style03:hover .mask {
opacity: 1;
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style04 .mask {
-ms-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all .2s linear;
-webkit-transition: all .4s linear;
transition: all .4s linear
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style04:hover .mask {
opacity: 1;
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style05 img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style05:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style05:hover .mask {
opacity: 1
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style06 img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style06:hover img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style06:hover .mask {
opacity: 1
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box .mask .pt-description,
.pt-interactive_banner-wrapper .pt-interactive-banner-box .mask p {
color: inherit;
text-align: center;
padding: 15px 1.5em 0;
margin-bottom: 0;
display: block;
line-height: 1.5em
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box .mask .pt-description {
color: inherit;
padding-top: 1em
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box .mask .pt-description p {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
color: inherit
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box .banner_title i {
float: initial !important;
font-size: 1em;
line-height: 1.2;
padding-right: 0
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box a.pt-link {
background-color: transparent;
color: transparent;
cursor: pointer;
display: block;
height: 100%;
left: 0;
margin: 0;
padding: 0;
position: absolute;
text-decoration: none;
top: 0;
width: 100%;
z-index: 99
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box .mask .pt-back-icon {
display: block;
font-size: 3em;
line-height: 1;
margin: 25px auto 0;
text-align: center
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style07 .mask,
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style07 .mask:hover {
opacity: 1
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style07 .mask {
-ms-transform: translate(-100%, -100px) rotate(-180deg);
-webkit-transform: translate(-100%, -100px) rotate(-180deg);
transform: translate(-100%, -100px) rotate(-180deg)
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style07:hover .mask {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0)
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style07 .pt-back-icon {
-webkit-transform: translateX(-100%) rotate(-360deg);
-ms-transform: translateX(-100%) rotate(-360deg);
transform: translateX(-100%) rotate(-360deg);
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style07:hover .pt-back-icon {
-webkit-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style07 .mask p {
-webkit-transform: translateX(-100%) rotate(-90deg);
-ms-transform: translateX(-100%) rotate(-90deg);
transform: translateX(-100%) rotate(-90deg);
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style07:hover .mask p {
-webkit-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style07 .mask a {
-webkit-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style07:hover .mask a {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style08 .mask,
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style08 .mask:hover {
opacity: 1
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style08 .mask {
-ms-transform: translate(100%, -100px) rotate(180deg);
-webkit-transform: translate(100%, -100px) rotate(180deg);
transform: translate(100%, -100px) rotate(180deg)
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style08:hover .mask {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0)
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style08 .pt-back-icon {
-webkit-transform: translateX(100%) rotate(360deg);
-ms-transform: translateX(100%) rotate(360deg);
transform: translateX(100%) rotate(360deg);
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style08:hover .pt-back-icon {
-webkit-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style08 .mask p {
-webkit-transform: translateX(100%) rotate(90deg);
-ms-transform: translateX(100%) rotate(90deg);
transform: translateX(100%) rotate(90deg);
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style08:hover .mask p {
-webkit-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style08 .mask a {
-webkit-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box.banner-style08:hover .mask a {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .3s;
transition-delay: .3s
}
.pt-interactive_banner-wrapper .pt-interactive-banner-box img {
display: block;
margin: 0 auto
}
.pt-team-section .team-designation-title-size-default,
.pt-team-section .team-location-title-size-default,
.pt-team-section .team-phonenumber-title-size-default {
color: #7f7f7f;
margin-bottom: 5px
}
.pt-team-section .team-designation-title-size-small,
.pt-team-section .team-location-title-size-small,
.pt-team-section .team-phonenumber-title-size-small,
.pt-team-section .team-title-size-small {
color: #7f7f7f;
font-size: 15px;
margin-bottom: 5px
}
.pt-team-section .team-designation-title-size-medium,
.pt-team-section .team-location-title-size-medium,
.pt-team-section .team-phonenumber-title-size-medium,
.pt-team-section .team-title-size-medium {
color: #7f7f7f;
font-size: 19px;
margin-bottom: 5px
}
.pt-team-section .team-designation-title-size-large,
.pt-team-section .team-location-title-size-large,
.pt-team-section .team-phonenumber-title-size-large,
.pt-team-section .team-title-size-large {
color: #7f7f7f;
font-size: 29px;
margin-bottom: 5px
}
.pt-team-section .team-designation-title-size-xl,
.pt-team-section .team-location-title-size-xl,
.pt-team-section .team-phonenumber-title-size-xl,
.pt-team-section .team-title-size-xl {
color: #7f7f7f;
font-size: 39px;
margin-bottom: 5px
}
.pt-team-section .team-designation-title-size-xxl,
.pt-team-section .team-location-title-size-xxl,
.pt-team-section .team-phonenumber-title-size-xxl,
.pt-team-section .team-title-size-xxl {
color: #7f7f7f;
font-size: 59px;
margin-bottom: 5px
}
.pt-team-section .pt-description {
line-height: 22px;
margin: 10px 0;
padding-left: 10px;
padding-right: 10px
}
.pt-team-section .elementor-social-icons-wrapper {
margin: 25px 0
}
.pt-team-section .pt-team-member-photo .pt-team-member-photo-wrapper img {
margin: 0
}
.pt-team-section {
width: 100%
}
.pt-team-section .team-title-size-default {
margin: 0
}
.pt-team-members {
clear: both
}
.pt-team-members .pt-team-member .pt-social-list {
margin-top: 20px
}
.pt-team-members .pt-team-member .pt-social-list .pt-social-list-item {
display: inline;
margin: 0 15px 0 0
}
.pt-team-members .pt-team-member .pt-team-member-details {
font-size: 15px;
line-height: 24px
}
.pt-team-members .pt-team-member .pt-team-member-text .pt-title {
font-size: 18px;
line-height: 26px;
letter-spacing: 1px;
font-weight: 700;
color: #333;
text-transform: uppercase;
clear: none;
margin-top: 0;
margin-bottom: 10px
}
.pt-team-members .pt-team-member .pt-team-member-text .pt-team-member-position {
font-size: 15px;
line-height: 24px;
font-style: italic;
color: #888;
margin-bottom: 10px
}
.pt-team-members-style1 .pt-team-member-wrapper {
float: left;
padding: 10px
}
.pt-team-members-style1 .pt-team-member {
max-width: 320px;
margin: 0 auto 40px
}
.pt-team-members-style1 .pt-team-member .pt-image-wrapper {
text-align: center;
position: relative
}
.pt-team-members-style1 .pt-team-member .pt-image-wrapper img {
max-width: 100%;
margin: 0 auto 30px;
border-radius: 50%;
-webkit-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s
}
.pt-team-members-style1 .pt-team-member .pt-image-wrapper .pt-social-list {
position: absolute;
height: 100%;
width: 100%;
top: 40%;
z-index: 2
}
@media only screen and (max-width:767px) {
.pt-team-members-style1 .pt-team-member .pt-image-wrapper .pt-social-list {
position: relative;
top: 0
}
}
.pt-team-members-style1 .pt-team-member .pt-image-wrapper .pt-social-list i {
font-size: 26px;
color: #fff;
opacity: 0;
-webkit-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s
}
.pt-team-members-style1 .pt-team-member .pt-image-wrapper .pt-social-list i:hover {
color: #ccc
}
@media only screen and (max-width:767px) {
.pt-team-members-style1 .pt-team-member .pt-image-wrapper .pt-social-list i {
color: inherit;
opacity: 1
}
.pt-team-members-style1 .pt-team-member .pt-image-wrapper .pt-social-list i:hover {
color: inherit
}
}
.pt-team-members-style1 .pt-team-member:hover .pt-image-wrapper img {
-webkit-filter: brightness(50%);
filter: brightness(50%)
}
@media only screen and (max-width:767px) {
.pt-team-members-style1 .pt-team-member:hover .pt-image-wrapper img {
-webkit-filter: brightness(80%);
filter: brightness(80%)
}
}
.pt-team-members-style1 .pt-team-member:hover .pt-image-wrapper .pt-social-list i {
opacity: 1
}
.pt-team-members-style1 .pt-team-member .pt-team-member-text {
text-align: center;
max-width: 650px
}
.pt-team-members-style1 .pt-team-member .pt-team-member-text .pt-title {
margin-bottom: 10px
}
.pt-team-members-style1 .pt-team-member .pt-social-list {
margin: 10px auto
}
.pt-team-members-style2 {
position: relative;
max-width: 960px
}
.pt-team-members-style2 .pt-team-member-wrapper {
clear: both;
margin-top: 100px
}
.pt-team-members-style2 .pt-team-member-wrapper:first-child {
margin-top: 0
}
.pt-team-members-style2 .pt-team-member-wrapper .pt-image-wrapper {
float: left;
position: relative
}
.pt-team-members-style2 .pt-team-member-wrapper .pt-image-wrapper img {
max-width: 320px;
border-radius: 50%;
-webkit-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s
}
.pt-team-members-style2 .pt-team-member-wrapper .pt-team-member-text {
margin: 10px 0 0;
vertical-align: middle;
padding-top: 20px
}
.pt-team-members-style2 .pt-team-member-wrapper .pt-team-member-text .pt-title {
margin-bottom: 5px
}
.pt-team-members-style2 .pt-team-member-wrapper .pt-team-member-text .pt-team-member-details {
margin: 10px 0 10px
}
.pt-team-members-style2 .pt-team-member-wrapper .pt-team-member-text .pt-social-list i {
font-size: 24px
}
.pt-team-members-style2 .pt-team-member-wrapper:hover .pt-image-wrapper img {
-webkit-filter: brightness(80%);
filter: brightness(80%)
}
.pt-team-members-style2 .pt-team-member-wrapper:nth-child(odd) .pt-image-wrapper {
margin-right: 50px
}
.pt-team-members-style2 .pt-team-member-wrapper:nth-child(even) .pt-image-wrapper {
float: right;
margin-left: 50px
}
.pt-team-members-style2 .pt-team-member-wrapper:nth-child(even) .pt-team-member-text .pt-social-list,
.pt-team-members-style2 .pt-team-member-wrapper:nth-child(even) .pt-team-member-text .pt-team-member-details,
.pt-team-members-style2 .pt-team-member-wrapper:nth-child(even) .pt-team-member-text .pt-team-member-position,
.pt-team-members-style2 .pt-team-member-wrapper:nth-child(even) .pt-team-member-text .pt-title {
text-align: right
}
@media only screen and (max-width:767px) {
.pt-team-members-style2 .pt-team-member-wrapper {
margin-top: 75px
}
.pt-team-members-style2 .pt-team-member .pt-image-wrapper,
.pt-team-members-style2 .pt-team-member .pt-team-member-text {
width: 100%;
float: none
}
.pt-team-members-style2 .pt-team-member .pt-image-wrapper {
text-align: center
}
.pt-team-members-style2 .pt-team-member .pt-image-wrapper img {
margin: 0 auto 20px
}
.pt-team-members-style2 .pt-team-member .pt-team-member-text {
max-width: 400px;
margin: 0 auto;
padding-top: 0
}
.pt-team-members-style2 .pt-team-member .pt-team-member-text .pt-social-list,
.pt-team-members-style2 .pt-team-member .pt-team-member-text .pt-team-member-details,
.pt-team-members-style2 .pt-team-member .pt-team-member-text .pt-team-member-position,
.pt-team-members-style2 .pt-team-member .pt-team-member-text .pt-title {
text-align: center!important
}
}
.pt-dark-bg .pt-team-members .pt-team-member .pt-team-member-details {
color: #909090
}
.pt-dark-bg .pt-team-members .pt-team-member .pt-team-member-text .pt-title {
color: #e5e5e5
}
.pt-dark-bg .pt-team-members .pt-team-member .pt-team-member-text .pt-team-member-position {
color: #505050
}
.pt-team-members .pt-team-member .pt-social-list .pt-social-list-item i {
padding: 9px
}
.pt-testimonial-image img {
max-width: 100%
}
.pt-testimonial-image {
padding: 10px 10px 10px 10px
}
.pt-testimonial-image>figure {
display: block;
margin: 0
}
.testimonial-avatar-rounded figure img {
border-radius: 50%;
height: auto
}
.pt-testimonial-content {
margin: 0;
padding: 10px 20px 50px
}
.pt-testimonial-item>figure {
margin: 0 auto;
padding: 0 20px
}
.pt-testimonial-item .center-text {
text-align: center
}
.pt-testimonial-item .right-text {
text-align: right
}
.pt-testimonial-item .left-text {
text-align: left
}
.pt-testimonial-item .justify-text {
text-align: justify
}
.pt-testimonial-content .pt-testimonial-text {
font-size: 100%;
font-style: italic;
line-height: 1.5;
margin-bottom: 10px
}
.pt-testimonial-content .pt-testimonial-user {
float: left;
font-family: inherit;
font-size: 105%;
font-style: italic;
font-weight: 400;
line-height: 1.5;
margin-bottom: 0;
margin-right: 5px
}
.pt-testimonial-content .pt-testimonial-user-company {
clear: both;
float: left;
font-family: inherit;
font-size: 90%;
font-style: italic;
font-weight: 500;
line-height: 1.75;
margin-bottom: 0;
margin-top: 1px
}
.pt-testimonial-image {
position: relative
}
.pt-testimonial-image .pt-testimonial-quote::after {
color: inherit!important;
content: "\f10e";
font-family: FontAwesome;
font-size: 200%;
position: absolute;
right: 20px;
top: 10px
}
.pt-align-left .pt-testimonial-content,
.pt-align-left .pt-testimonial-user,
.pt-align-left .pt-testimonial-user-company {
text-align: left
}
.pt-align-left .pt-testimonial-image {
float: left;
margin-right: 10px;
max-width: 150px;
width: 30%
}
.pt-align-left .pt-testimonial-content {
float: left;
margin-top: 20px;
position: relative;
width: 67%
}
.pt-align-left .pt-testimonial-image .pt-testimonial-quote {
display: none
}
.pt-align-left .pt-testimonial-quote::before {
color: inherit;
content: "\f10e";
font-family: FontAwesome;
font-size: 28px;
right: 20px;
position: absolute;
top: 0
}
.pt-align-left .pt-testimonial-content {
margin: 0;
padding: 20px 10px
}
.pt-testimonial-content .pp-arrow-left {
border-bottom: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid transparent;
height: 0;
left: -15px;
position: absolute;
top: 30px;
width: 0
}
.pt-align-centered .pt-testimonial-content .pt-testimonial-text {
text-align: center
}
.pt-align-centered .pt-testimonial-user,
.pt-align-centered .pt-testimonial-user-company {
float: none;
text-align: center
}
.pt-align-centered .pt-testimonial-image>figure img {
display: block;
margin-left: auto!important;
margin-right: auto!important
}
.pt-align-right .pt-testimonial-content,
.pt-align-right .pt-testimonial-user,
.pt-align-right .pt-testimonial-user-company {
text-align: right
}
.pt-align-right .pt-testimonial-image {
float: right;
width: 30%;
max-width: 150px;
margin-left: 10px
}
.pt-align-right .pt-testimonial-content {
float: right;
position: relative;
width: 67%
}
.pt-align-right .pt-testimonial-image .pt-testimonial-quote {
display: none
}
.pt-align-right .pt-testimonial-quote::before {
color: inherit;
content: "\f10d";
font-family: FontAwesome;
font-size: 28px;
left: 20px;
position: absolute;
top: 0
}
.pt-align-right .pt-testimonial-user,
.pt-align-right .pt-testimonial-user-company {
float: none;
text-align: right
}
.pt-align-right .pt-testimonial-content {
padding: 20px 10px
}
.pt-testimonial-content .pp-arrow-right {
border-bottom: 15px solid transparent;
border-left: 15px solid transparent;
border-top: 15px solid transparent;
height: 0;
right: -15px;
position: absolute;
top: 30px;
width: 0
}
.pt-align-centered.style01 .pt-testimonial-content {
padding: 100px 50px 50px;
position: relative;
top: -75px;
z-index: 9
}
.pt-align-centered.style01 .pt-testimonial-image {
position: relative;
z-index: 10
}
.pt-testimonial-item {
overflow: hidden
}
.elementor-widget-pt-testimonial {
background: 0 0!important
}
.pt-tooltip {
position: relative;
display: inline-block;
min-width: 150px;
text-align: center;
padding: 12px 24px;
font-size: .93rem;
color: #333;
line-height: 1;
cursor: pointer;
transition: all .3s ease-in-out
}
.pt-tooltip .pt-tooltip-text {
display: block;
width: 100%;
visibility: hidden;
background-color: #000;
color: #fff;
text-align: center;
border-radius: 4px;
padding: 10px;
position: absolute;
z-index: 1;
font-size: .93rem;
line-height: 1.3
}
.pt-tooltip .pt-tooltip-text::after {
content: "";
position: absolute;
border-width: 5px;
border-style: solid
}
.pt-tooltip:hover .pt-tooltip-text {
visibility: visible
}
.pt-tooltip .pt-tooltip-text.pt-tooltip-left {
top: 50%;
right: 100%;
transform: translateY(-50%);
margin-right: 10px
}
.pt-tooltip:hover .pt-tooltip-text.pt-tooltip-left {
animation: tooltipLeftIn .3s ease-in-out
}
.pt-tooltip .pt-tooltip-text.pt-tooltip-left::after {
top: calc(50% - 5px);
left: 100%;
border-color: transparent transparent transparent #000
}
.pt-tooltip .pt-tooltip-text.pt-tooltip-right {
top: 50%;
left: 100%;
transform: translateY(-50%);
transition: all .3s ease-in-out;
margin-left: 10px
}
.pt-tooltip:hover .pt-tooltip-text.pt-tooltip-right {
animation: tooltipRightIn .3s linear
}
.pt-tooltip .pt-tooltip-text.pt-tooltip-right::after {
top: calc(50% - 5px);
right: 100%;
border-color: transparent #000 transparent transparent
}
.pt-tooltip .pt-tooltip-text.pt-tooltip-top {
bottom: calc(100%);
left: 0;
right: 0;
margin: 0 auto 10px auto
}
.pt-tooltip .pt-tooltip-text.pt-tooltip-top::after {
margin-top: 0;
top: 100%;
left: calc(50% - 5px);
border-color: #000 transparent transparent transparent
}
.pt-tooltip:hover .pt-tooltip-text.pt-tooltip-top {
animation: tooltipTopIn .3s linear
}
.pt-tooltip .pt-tooltip-text.pt-tooltip-bottom {
top: 100%;
left: 0;
right: 0;
margin: 10px auto 0 auto
}
.pt-tooltip .pt-tooltip-text.pt-tooltip-bottom::after {
margin-top: 0;
bottom: 100%;
left: calc(50% - 5px);
border-color: transparent transparent #000 transparent
}
.pt-tooltip:hover .pt-tooltip-text.pt-tooltip-bottom {
animation: tooltipBottomIn .3s linear
}
.pt-tooltip-align-left {
display: flex;
width: 100%;
justify-content: flex-start
}
.pt-tooltip-align-right {
display: flex;
width: 100%;
justify-content: flex-end
}
.pt-tooltip-align-center {
display: flex;
width: 100%;
justify-content: center
}
.pt-tooltip-align-justify .pt-tooltip {
display: flex;
justify-content: center;
align-items: center
}
@keyframes tooltipRightIn {
0% {
opacity: 0;
left: 105%
}
100% {
opacity: 1;
left: 100%
}
}
@keyframes tooltipLeftIn {
0% {
opacity: 0;
right: 105%
}
100% {
opacity: 1;
right: 100%
}
}
@keyframes tooltipTopIn {
0% {
opacity: 0;
bottom: 110%
}
100% {
opacity: 1;
bottom: 100%
}
}
@keyframes tooltipBottomIn {
0% {
opacity: 0;
top: 110%
}
100% {
opacity: 1;
top: 100%
}
}
.pt-contact-form-align-center .pt-weforms-container {
float: none;
margin: 0 auto!important
}
.pt-contact-form-btn-align-center .weforms-submit-container {
text-align: center
}
.pt-contact-form-btn-align-left .weforms-submit-container {
text-align: left
}
.pt-contact-form-btn-align-right .weforms-submit-container {
text-align: right
}
.slick-slider {
position: relative;
display: block;
-webkit-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;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block
}
.slick-track:after,
.slick-track:before {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: .8
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: 0!important;
-webkit-backface-visibility: hidden
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.mfp-align-top .mfp-container:before {
display: none
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
width: 100%;
cursor: auto
}
.mfp-ajax-cur {
cursor: progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
cursor: auto
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.mfp-loading.mfp-figure {
display: none
}
.mfp-hide {
display: none!important
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -.8em;
left: 8px;
right: 8px;
z-index: 1044
}
.mfp-preloader a {
color: #ccc
}
.mfp-preloader a:hover {
color: #fff
}
.mfp-s-ready .mfp-preloader {
display: none
}
.mfp-s-error .mfp-content {
display: none
}
button.mfp-arrow,
button.mfp-close {
overflow: visible;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none;
display: block;
outline: 0;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: .65;
padding: 0 0 18px 10px;
color: #fff;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace
}
.mfp-close:focus,
.mfp-close:hover {
opacity: 1
}
.mfp-close:active {
top: 1px
}
.mfp-close-btn-in .mfp-close {
color: #333
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
color: #fff;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px;
white-space: nowrap
}
.mfp-arrow {
position: absolute;
opacity: .65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
margin-top: -54px
}
.mfp-arrow:focus,
.mfp-arrow:hover {
opacity: 1
}
.mfp-arrow:after,
.mfp-arrow:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: .7
}
.mfp-arrow-left {
left: 0
}
.mfp-arrow-left:after {
border-right: 17px solid #fff;
margin-left: 31px
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
right: 0
}
.mfp-arrow-right:after {
border-left: 17px solid #fff;
margin-left: 39px
}
.mfp-arrow-right:before {
border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px
}
.mfp-iframe-holder .mfp-close {
top: -40px
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
background: #000
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto
}
.mfp-figure {
line-height: 0
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
background: #444
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px
}
.mfp-figure figure {
margin: 0
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px
}
.mfp-image-holder .mfp-content {
max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer
}
@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0
}
.mfp-img-mobile img.mfp-img {
padding: 0
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, .6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, .6);
position: fixed;
text-align: center;
padding: 0
}
}
@media all and (max-width:900px) {
.mfp-arrow {
-webkit-transform: scale(.75);
transform: scale(.75)
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%
}
.mfp-container {
padding-left: 6px;
padding-right: 6px
}
}
.pt-filter-gallery-control {
width: 100%
}
.pt-filter-gallery-control ul,
.pt-filter-gallery-control ul li {
text-align: center
}
.pt-filter-gallery-control ul {
margin: 0 0 20px 0;
padding: 0;
text-align: center
}
.pt-filter-gallery-control {
display: flex;
flex-flow: 1 1 auto;
align-items: center;
justify-content: center;
flex-flow: row wrap;
padding: 0;
margin: 0
}
.pt-filter-gallery-control ul li {
list-style: none;
font-size: 24px;
display: inline-block;
text-align: center
}
.pt-filter-gallery-control ul li a.control {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
padding: 10px 25px;
margin: 10px 6px
}
.pt-filter-gallery-container {
text-align: justify;
font-size: .1px
}
.pt-filter-gallery-container:after {
content: '';
display: inline-block;
width: 100%
}
.pt-filter-gallery-container .item {
display: inline-block;
vertical-align: top
}
.pt-filter-gallery-container .item {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 1rem;
position: relative;
overflow: hidden
}
.pt-filter-gallery-container:not(.pt-cards) .item:before {
content: '';
display: inline-block;
padding-top: 56.25%
}
.pt-filter-gallery-container .item .caption {
position: absolute;
display: flex;
flex-flow: 1 1 100%;
align-items: center;
justify-content: center;
z-index: 10;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: transform .4s
}
.pt-filter-gallery-container.pt-cards .item .caption {
display: none
}
.pt-filter-gallery-container.pt-cards .item .item-img .caption {
position: absolute;
display: flex;
flex-flow: 1 1 100%;
align-items: center;
justify-content: center;
z-index: 10;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: transform .4s
}
.pt-filter-gallery-container .item .caption.pt-zoom-in,
.pt-filter-gallery-container.pt-cards .item .item-img .caption.pt-zoom-in {
transform: scale(0)
}
.pt-filter-gallery-container .item:hover .caption.pt-zoom-in,
.pt-filter-gallery-container.pt-cards .item:hover .item-img .caption.pt-zoom-in {
transform: scale(1)
}
.pt-filter-gallery-container .item .caption.pt-slide-left,
.pt-filter-gallery-container.pt-cards .item .item-img .caption.pt-slide-left {
transform: translateX(-100%)
}
.pt-filter-gallery-container .item:hover .caption.pt-slide-left,
.pt-filter-gallery-container.pt-cards .item:hover .item-img .caption.pt-slide-left {
transform: translateX(0)
}
.pt-filter-gallery-container .item .caption.pt-slide-right,
.pt-filter-gallery-container.pt-cards .item .item-img .caption.pt-slide-right {
transform: translateX(100%)
}
.pt-filter-gallery-container .item:hover .caption.pt-slide-right,
.pt-filter-gallery-container.pt-cards .item:hover .item-img .caption.pt-slide-right {
transform: translateX(0)
}
.pt-filter-gallery-container .item .caption.pt-slide-top,
.pt-filter-gallery-container.pt-cards .item .item-img .caption.pt-slide-top {
transform: translateY(-100%)
}
.pt-filter-gallery-container .item:hover .caption.pt-slide-top,
.pt-filter-gallery-container.pt-cards .item:hover .item-img .caption.pt-slide-top {
transform: translateY(0)
}
.pt-filter-gallery-container .item .caption.pt-slide-bottom,
.pt-filter-gallery-container.pt-cards .item .item-img .caption.pt-slide-bottom {
transform: translateY(100%)
}
.pt-filter-gallery-container .item:hover .caption.pt-slide-bottom,
.pt-filter-gallery-container.pt-cards .item:hover .item-img .caption.pt-slide-bottom {
transform: translateY(0)
}
.pt-filter-gallery-container .item .caption a {
display: inline-block;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border-radius: 50%;
margin: 0 5px;
font-size: 20px;
cursor: pointer;
transition: .3s
}
.pt-container .item .caption a:nth-child(2),
.pt-filter-gallery-container .item .caption a:nth-child(1) {
transition: .6s;
opacity: 0
}
.pt-filter-gallery-container .item .caption a:nth-child(1) {
transform: translateY(-100%)
}
.pt-filter-gallery-container .item .caption a:nth-child(2) {
transform: translateY(100%)
}
.pt-filter-gallery-container .item .caption:hover a:nth-child(1),
.pt-filter-gallery-container .item .caption:hover a:nth-child(2) {
transform: translateY(0);
opacity: 1
}
.pt-filter-gallery-container .item .caption .pt-popup-link {
outline: 0
}
.pt-filter-gallery-container.pt-cards .item:before {
padding-top: 0
}
.pt-filter-gallery-container.pt-cards .item-img {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 220px;
z-index: 0;
overflow: hidden
}
.pt-filter-gallery-container.pt-cards .item-content {
padding: 15px
}
.pt-filter-gallery-container.pt-cards .item-content .title,
.pt-filter-gallery-container.pt-cards .item-content .title a {
font-size: 18px;
line-height: 1;
margin-bottom: 0;
transition: .3s
}
.pt-filter-gallery-container.pt-cards .item-content p {
font-size: 14px;
line-height: 26px
}
@media screen and (max-width:480px) {
.pt-filter-gallery-container .item {
width: 100%
}
}
@media only screen and (min-width:481px) and (max-width:767px) {
.pt-filter-gallery-container .item {
width: calc(100%/2 - (((2 - 1) * 1rem)/ 2))
}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
.pt-filter-gallery-container .item {
width: calc(100%/3 - (((3 - 1) * 1rem)/ 3))
}
}
@media screen and (min-width:1025px) {
.pt-col-1 .item {
width: 100%
}
.pt-col-2 .item {
width: calc((100% / 2) - 10px)
}
.pt-col-3 .item {
width: calc((100% / 3) - 10px)
}
.pt-col-4 .item {
width: calc((100% / 4) - 10px)
}
.pt-col-5 .item {
width: calc((100% / 5) - 10px)
}
.pt-tiles .item {
margin-bottom: 0
}
.pt-tiles.pt-col-1 .item {
width: 100%
}
.pt-tiles.pt-col-2 .item {
width: 50%;
float: left
}
.pt-tiles.pt-col-3 .item {
width: 33.33%;
float: left
}
.pt-tiles.pt-col-4 .item {
width: 25%;
float: left
}
.pt-tiles.pt-col-5 .item {
width: 20%;
float: left
}
}
.pt-fg-content-align-left .pt-cards .item .item-content {
text-align: left
}
.pt-fg-content-align-center .pt-cards .item .item-content {
text-align: center
}
.pt-fg-content-align-right .pt-cards .item .item-content {
text-align: right
}
.mfp-wrap~div.dialog-widget {
display: none!important
}
.pt-img-accordion {
display: flex;
height: 50vh
}
.pt-img-accordion a {
position: relative;
flex: 1;
text-align: center;
text-decoration: none;
color: #fff;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: flex .4s
}
.pt-img-accordion a:focus {
outline: 0
}
.pt-grow-accordion {
flex: 3
}
.pt-img-accordion .overlay {
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: background-color .4s
}
.pt-img-accordion a:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .6);
z-index: 0;
top: 0;
left: 0;
bottom: 0;
right: 0;
transition: all .3s ease-in-out
}
.pt-img-accordion a:hover::after {
background-color: transparent
}
.pt-img-accordion a:hover .overlay {
background-color: rgba(0, 0, 0, .5)
}
.pt-img-accordion .overlay-inner * {
visibility: hidden;
opacity: 0;
transform-style: preserve-3d
}
.pt-img-accordion .overlay h2 {
color: #fff;
transform: translate3d(0, -60px, 0)
}
.pt-img-accordion .overlay p {
color: #fff;
transform: translate3d(0, 60px, 0)
}
.pt-img-accordion .overlay-inner-show * {
opacity: 1;
visibility: visible;
transform: none!important;
transition: all .3s .3s
}
@media screen and (max-width:800px) {
body {
font-size: 1rem;
line-height: 1.25
}
.pt-img-accordion {
flex-direction: column
}
.pt-img-accordion a:hover {
flex: 1
}
.pt-img-accordion a:hover .overlay {
background-color: transparent
}
.pt-img-accordion .overlay h2,
.pt-img-accordion .overlay p {
opacity: 1;
visibility: visible;
transform: none
}
}