/*======================image accordian addons ===================================*/

.content-in {

  background: #fff;

  padding: 20px;

  font-size: 13px;

}

.content-in table {

  border-collapse: collapse;

  float: left;

  clear: both;

  width: 100%;

  margin: 0px;

  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("icons/background.jpg") repeat-y center top;

  padding: 20px;

}

td.dark {

  background: #060606 url("icons/background-dark.gif") repeat-y center top;

  padding: 20px;

}

td.transparent {

  background: #d9d9d9 url("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 0px 20px 0px;

  color: #fff;

  font-size: 12px;

  overflow: auto;

  line-height: 16px;

  margin: 0px 0px 0px 0px;

  white-space: pre;

  width: 100%;

}

.image-acc.content {

  float: none;

}

.sep {

  width: 100%;

  text-align: center;

}

/* image accordion */

* {

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.image-acc {

  display: inline-block;

  margin: 50px;

  border: 0px 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 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

}

.image:hover {

  transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

}

/* vertical */

.vertical {

  border-left: 0px !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 */

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

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

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

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

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

.img-7.vertical .image-acc-inner:hover .image {

  height: 31px;

}

.img-7.vertical .image {

  height: 55px;

}

.img-7.vertical .image:hover {

  height: 200px !important;

}

/* with content */

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

}

/* with content type 1 */

.type1 .image-inner {

  background: #000;

  top: 0px;

  right: 0px;

  left: 0px;

}

.content.type1 .txt-head {

  float: left;

  width: 100%;

}

.content.type1 .txt-content {

  float: left;

  width: 100%;

  padding: 0px 25px 15px 25px;

}

/* with content type 2 */

.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: 0px 25px 15px 25px;

}

/* with content type 3 */

.type3 .image-inner {

  top: -3px;

  right: -8px;

  left: 0px;

  bottom: -97px;

}

.content.type3 .txt-head {

  background: #000;

  float: left;

  margin-bottom: 15px;

}

.content.type3 .txt-content {

  background: #00000075;

  float: left;

}

/*================================advance accordion CSS====================================*/

.pt-adv-accordion {

  width: auto;

  height: auto;

  transition: all 0.3s ease-in-out;

}

.pt-adv-accordion .pt-accordion-list {

}

.pt-adv-accordion .pt-accordion-list .pt-accordion-header {

  padding: 15px;

  border: 1px solid rgba(0, 0, 0, 0.02);

  font-size: 1rem;

  font-weight: 600;

  line-height: 1;

  transition: all 0.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(0deg);

  z-index: 10;

  transition: all 0.3s ease-in-out;

}

.pt-adv-accordion .pt-accordion-list .pt-accordion-header.active .fa-toggle {

  transform: rotate(90deg);

  z-index: 10;

  transition: all 0.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(0deg);

  }

  100% {

    transform: rotateY(-180deg);

  }

}

@keyframes fadeIn {

  0% {

    opacity: 1;

    transition: all 0.3s ease-in-out;

  }

  100% {

    opacity: 1;

    transition: all 0.3s ease-in-out;

  }

}

/*=========================================== Advance Tabs============================================*/

.pt-advance-tabs > .pt-tab-navs {

  position: relative;

  padding: 0px;

  margin: 0px;

  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:hover,

.pt-advance-tabs .pt-tab-navs li a.active {

  position: relative;

  z-index: 0;

}

.pt-advance-tabs .pt-tab-navs li a:after {

  content: "";

  position: absolute;

  bottom: -10px;

  left: 0px;

  right: 0px;

  margin: 0 auto;

  z-index: 1;

  width: 0px;

  height: 0px;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-top: 10px solid #444;

  border-bottom: 0px;

  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 0.3s;

}

/* Inline Icon */

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

}

/*===========================================blog post================================================*/

.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 0.4s ease-in-out 0s;

  transition: all 0.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: none;

  -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 0.4s ease-in-out 0s;

  transition: all 0.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 0.4s ease-in-out 0s;

  transition: opacity 0.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 0.3s ease-in-out 0s;

  transition: all 0.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 0.4s ease-in-out 0s;

  transition: opacity 0.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 0.4s ease-in-out 0s;

  transition: all 0.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: normal;

  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 0.4s ease-in-out 0s;

  transition: all 0.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 0.3s ease-in-out 0s;

  transition: all 0.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;

}

/*read more button */

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

}

/*read more button */

/*=======================================caldera form CSS======================================================*/

.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 textarea,

.pt-cfforms-container input[type="text"],

.pt-cfforms-container input[type="tel"],

.pt-cfforms-container input[type="password"],

.pt-cfforms-container input[type="datetime"],

.pt-cfforms-container input[type="datetime-local"],

.pt-cfforms-container input[type="date"],

.pt-cfforms-container input[type="month"],

.pt-cfforms-container input[type="time"],

.pt-cfforms-container input[type="week"],

.pt-cfforms-container input[type="number"],

.pt-cfforms-container input[type="email"],

.pt-cfforms-container input[type="url"],

.pt-cfforms-container input[type="search"],

.pt-cfforms-container input[type="tel"],

.pt-cfforms-container input[type="color"],

.pt-cfforms-container .uneditable-input {

  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;

  transition: border linear 0.2s, box-shadow linear 0.2s;

}

.pt-cfforms-container .wpcf-form::before,

.pt-cfforms-container .wpcf-form::after {

  content: " ";

  clear: both;

  display: table;

}

.pt-cfforms-container .wpcf-response-output {

  clear: both;

}

/*========================================== Call To Action====================================*/

.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("../img/bg.jpg");

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  position: relative;

  z-index: 0;

  color: rgba(255, 255, 255, 0.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: 0px;

  left: 0px;

  z-index: -1;

  background: rgba(0, 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, 0.9);

}

/* Cta Flex */

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

}

/* Cta Icon Flex */

.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: 0px 30px;

}

/* Cta Flex */

.pt-call-to-action.call-to-action-flex .content {

  padding: 0px 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%;

}

/* Cta Button */

.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: 0.5s;

  -ms-transition: 0.5s;

  transition: 0.5s;

  -webkit-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2);

  -ms-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.2);

  box-shadow: 0px 0px 3px -1px rgba(0, 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: 0px;

}

.pt-call-to-action .call-to-action-button:focus {

  outline: none;

}

/* Hover */

.pt-call-to-action .call-to-action-button:hover {

  color: #fff;

  background: #3f51b5;

  -webkit-box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1);

  -ms-box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.1);

}

/* Cta Button effect 1 */

.pt-call-to-action .call-to-action-button.effect-1:after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background: #3f51b5;

  top: 0px;

  left: 0px;

  transform: translateY(-100%);

  -webkit-transform: translateY(-100%);

  -ms-transform: translateY(-100%);

  z-index: -1;

  -webkit-transition: 0.5s;

  -ms-transition: 0.5s;

  transition: 0.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);

}

/* Cta Button effect 2 */

.pt-call-to-action .call-to-action-button.effect-2:after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background: #3f51b5;

  top: 0px;

  left: 0px;

  z-index: -1;

  -webkit-transition: 0.5s;

  -ms-transition: 0.5s;

  transition: 0.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 Queries */

@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: 0px;

  }

  .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: 0px;

  }

  .pt-call-to-action.call-to-action-flex .action,

  .pt-call-to-action.call-to-action-icon-flex .action {

    text-align: center;

    padding-top: 0px;

  }

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

  }

}

/** * Dual Color Heading */

.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 0px;

}

.pt-dual-header .subtext {

  font-size: 16px;

  display: block;

}

.pt-dual-header i {

  display: block;

  padding: 0px;

  margin: 20px 0px 10px 0px;

  font-size: 36px;

}

.pt-dual-header .title span.lead {

  color: #1abc9c;

}

/* Builder Related Css */

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

}

/* ================================ Clients Widget=====================================*/

.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 0.3s ease-in-out 0s;

  transition: all 0.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 0.4s ease-in-out 0s;

  transition: opacity 0.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;

  filter: alpha(opacity=0);

  -moz-opacity: 0;

  opacity: 0;

  -webkit-transition: opacity 0.4s ease-in-out 0s;

  transition: opacity 0.4s ease-in-out 0s;

}

.pt-clients .pt-client:hover .pt-image-overlay {

  opacity: 0.7;

}

.pt-dark-bg .pt-clients .pt-client:hover .pt-image-overlay {

  opacity: 0.8;

}

.pt-clients .pt-client:hover .pt-client-name {

  opacity: 1;

}

/* client */

/*=======================================Contact form 7 CSS===================================*/

.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 textarea,

.pt-contact-form-container input[type="text"],

.pt-contact-form-container input[type="password"],

.pt-contact-form-container input[type="datetime"],

.pt-contact-form-container input[type="datetime-local"],

.pt-contact-form-container input[type="date"],

.pt-contact-form-container input[type="month"],

.pt-contact-form-container input[type="time"],

.pt-contact-form-container input[type="week"],

.pt-contact-form-container input[type="number"],

.pt-contact-form-container input[type="email"],

.pt-contact-form-container input[type="url"],

.pt-contact-form-container input[type="search"],

.pt-contact-form-container input[type="tel"],

.pt-contact-form-container input[type="color"],

.pt-contact-form-container .uneditable-input {

  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;

  transition: border linear 0.2s, box-shadow linear 0.2s;

}

.pt-contact-form-container .wpcf7-form::before,

.pt-contact-form-container .wpcf7-form::after {

  content: " ";

  clear: both;

  display: table;

}

.pt-contact-form-container .wpcf7-response-output {

  clear: both;

}

/*================================= Data Table==============================================*/

/* General Style */

.pt-data-table-wrap {

}

.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_length,

.pt-data-table-wrap .pt-data-tables_info,

.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, 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 0.3s;

}

.pt-data-table-wrap .pt-data-tables_paginate .paginate_button:hover,

.pt-data-table-wrap .pt-data-tables_paginate .paginate_button.current {

  color: #fff;

  background: #4a4893;

}

.pt-data-table-wrap .pt-data-tables_paginate .paginate_button.previous {

}

.pt-data-table-wrap .pt-data-tables_paginate .paginate_button.next {

}

.pt-data-table-wrap .pt-data-tables_paginate .paginate_button.disabled {

  cursor: no-drop;

  background: #f2f2f2;

  opacity: 0.5;

  color: #888;

}

.pt-data-table-wrap .pt-data-tables_info,

.pt-data-table-wrap .pt-data-tables_length label,

.pt-data-table-wrap .pt-data-tables_filter 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, 0.09);

  outline: 0;

  padding: 10px;

  margin-left: 10px;

}

table.pt-data-table thead .sorting,

table.pt-data-table thead .sorting_desc,

table.pt-data-table thead .sorting_asc {

  position: relative;

  z-index: 0;

  outline: 0;

  cursor: pointer;

}

table.pt-data-table thead .sorting:after,

table.pt-data-table thead .sorting_desc:after,

table.pt-data-table thead .sorting_asc: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;

}

/* Table style */

.pt-data-table {

  width: 100%;

  height: auto;

  border-collapse: collapse;

  margin: 0px;

}

.pt-data-table thead {

}

.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, 0.1);

}

.pt-data-table thead tr th:last-child {

  border: 0px;

}

.pt-data-table tbody {

}

.pt-data-table tbody tr {

}

.pt-data-table tbody tr.even {

  transition: background 0.4s ease-in-out;

}

.pt-data-table tbody tr.odd {

  background: rgba(242, 242, 242, 0.5);

  transition: background 0.2s ease-in-out;

}

.pt-data-table tbody tr.even:hover,

.pt-data-table tbody tr.odd:hover {

  background: rgba(242, 242, 242, 0.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, 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, 0.06);

}

.pt-data-table tbody tr td:last-child {

  border-right: 0px;

}

table.pt-data-table thead .sorting_disabled.sorting:after {

  display: none;

}

/* Edidtor related */

.pt-hide-elements .pt-data-tables_info {

  display: none;

}

.pt-dt-th-align-left .pt-data-table thead tr th,

.pt-dt-td-align-left .pt-data-table tbody tr td {

  text-align: left;

}

.pt-dt-th-align-right .pt-data-table thead tr th,

.pt-dt-td-align-right .pt-data-table tbody tr td {

  text-align: right;

  padding-right: 30px;

}

.pt-dt-th-align-center .pt-data-table thead tr th,

.pt-dt-td-align-center .pt-data-table tbody tr td {

  text-align: center;

}

.pt-data-table-th-img {

  display: inline-block;

  margin: 0px;

  line-height: 1;

}

table.pt-data-table thead .sorting:after,

table.pt-data-table thead .sorting_desc:after,

table.pt-data-table thead .sorting_asc:after {

  display: none;

}

/*========================================================Dual Button Box=========================================*/

/* ---------------- twentyseventeen css ----------------- */

.entry-content a.elementor-button,

.entry-summary a.elementor-button,

.widget a.elementor-button,

.site-footer .widget-area a.elementor-button,

.posts-navigation 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,

.widget a.elementor-button:hover,

.site-footer .widget-area a.elementor-button:hover,

.posts-navigation a.elementor-button:hover,

.widget_authors a.elementor-button:hover strong {

  -webkit-box-shadow: inherit;

  box-shadow: inherit;

}

/* ---------------- single button ----------------- */

.single-button-wrapper {

  display: inline-block;

  position: relative;

}

/* ---------------- single button ----------------- */

.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 0.3s;

  transition: all 0.3s;

  opacity: 0;

  background-color: #444444;

}

.dual-button-left .elementor-align-icon-right,

.dbwt-button-left .elementor-align-icon-right,

.dual-button-right .elementor-align-icon-right,

.dbwt-button-right .elementor-align-icon-right,

.single-button-normal .elementor-align-icon-right {

  float: right;

  margin-left: 5px;

  position: relative;

  z-index: 2;

}

.dual-button-left .elementor-align-icon-left,

.dbwt-button-left .elementor-align-icon-left,

.dual-button-right .elementor-align-icon-left,

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

.single-button-normal.style1:hover .btn-hover {

  opacity: 1;

}

/* ---------- single-button-normal style2 ------------ */

.single-button-normal.style2 .btn-hover {

  top: -100%;

}

.single-button-normal.style2:hover .btn-hover {

  top: 0;

}

/* ---------- single-button-normal style3 ------------ */

.single-button-normal.style3 .btn-hover {

  left: -100%;

}

.single-button-normal.style3:hover .btn-hover {

  left: 0;

}

/* ---------- single-button-normal style4 ------------ */

.single-button-normal.style4 .btn-hover {

  right: -100%;

  left: auto;

}

.single-button-normal.style4:hover .btn-hover {

  right: 0;

}

/* ---------- single-button-normal style5 ------------ */

.single-button-normal.style5 .btn-hover {

  bottom: -100%;

  top: auto;

}

.single-button-normal.style5:hover .btn-hover {

  bottom: 0;

}

/* ---------- single-button-normal style6 ------------ */

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

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

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

}

/* ---------------- Push Button ----------------- */

.single-button-push {

  overflow: hidden;

  position: relative;

  vertical-align: middle;

  -webkit-transition: none !important;

  transition: none !important;

}

/* ---------- Push button1 ---------- */

.single-button-push.style1 {

  -webkit-box-shadow: 0 5px #0e83cd !important;

  box-shadow: 0 5px #0e83cd !important;

  top: auto;

}

/* ---------- push btn1 hover style ------------ */

.single-button-push.style1:hover {

  top: 2px;

  -webkit-box-shadow: 0 3px #0e83cd !important;

  box-shadow: 0 3px #0e83cd !important;

}

/* ---------- Push button2 ---------- */

.single-button-push.style2 {

  -webkit-box-shadow: 5px 0 #0e83cd !important;

  box-shadow: 5px 0 #0e83cd !important;

  left: auto;

}

/* ---------- push btn2 hover style ------------ */

.single-button-push.style2:hover {

  left: 2px;

  -webkit-box-shadow: 3px 0 #0e83cd !important;

  box-shadow: 3px 0 #0e83cd !important;

}

/* ---------- Push button3 ---------- */

.single-button-push.style3 {

  -webkit-box-shadow: 0 -5px #0e83cd !important;

  box-shadow: 0 -5px #0e83cd !important;

  bottom: auto;

}

/* ---------- push btn3 hover style ------------ */

.single-button-push.style3:hover {

  bottom: 2px;

  -webkit-box-shadow: 0 -3px #0e83cd !important;

  box-shadow: 0 -3px #0e83cd !important;

}

/* ---------- Push button4 ---------- */

.single-button-push.style4 {

  -webkit-box-shadow: -5px 0 #0e83cd !important;

  box-shadow: -5px 0 #0e83cd !important;

  right: auto;

}

/* ---------- push btn4 hover style ------------ */

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

}

/* ---------------- circle Button ----------------- */

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

}

/* ---------- circle button1 ---------- */

.single-button-circle.style1 {

  -webkit-box-shadow: 0 5px #0e83cd;

  box-shadow: 0 5px #0e83cd !important;

  top: auto;

}

/* ---------- circle button1 hover style ------------ */

.single-button-circle.style1:hover {

  top: 2px;

  -webkit-box-shadow: 0 3px #0e83cd;

  box-shadow: 0 3px #0e83cd !important;

}

/* ---------- circle button2 ---------- */

.single-button-circle.style2 {

  -webkit-box-shadow: 5px 0 #0e83cd !important;

  box-shadow: 5px 0 #0e83cd !important;

  left: auto;

}

/* ---------- circle button2 hover style ------------ */

.single-button-circle.style2:hover {

  left: 2px;

  -webkit-box-shadow: 3px 0 #0e83cd !important;

  box-shadow: 3px 0 #0e83cd !important;

}

/* ---------- circle button3 ---------- */

.single-button-circle.style3 {

  -webkit-box-shadow: 0 -5px #0e83cd !important;

  box-shadow: 0 -5px #0e83cd !important;

  bottom: auto;

}

/* ---------- circle button3 hover style ------------ */

.single-button-circle.style3:hover {

  bottom: 2px;

  -webkit-box-shadow: 0 -3px #0e83cd !important;

  box-shadow: 0 -3px #0e83cd !important;

}

/* ---------- circle button4 ---------- */

.single-button-circle.style4 {

  -webkit-box-shadow: -5px 0 #0e83cd !important;

  box-shadow: -5px 0 #0e83cd !important;

  right: auto;

}

/* ---------- circle button4 hover style ------------ */

.single-button-circle.style4:hover {

  right: 2px;

  -webkit-box-shadow: -3px 0 #0e83cd !important;

  box-shadow: -3px 0 #0e83cd !important;

}

/* ---------------- Slide Button ----------------- */

.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 0.3s;

  transition: all 0.3s;

  margin-right: 0px !important;

}

/* ---------------- Slide Button1 ----------------- */

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

}

/* ---------------- Slide Button2 ----------------- */

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

}

/* ---------------- Slide Button3 ----------------- */

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

}

/* ---------------- Slide Button4 ----------------- */

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

.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 0.6s;

  transition: all 0.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 0.6s;

  transition: all 0.6s;

}

/* ---------------- Single Button Swipe1----------------- */

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

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

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

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

}

/* ---------------- Single Button tooltip----------------- */

.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%, 0.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%, 0.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%, 0.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%, 0.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;

}

/* ---------------- Duale Button Wrapper---------------- */

.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: 0px !important;

  border-bottom-right-radius: 0px !important;

}

.dual-button-right {

  border-top-left-radius: 0px !important;

  border-bottom-left-radius: 0px !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 0.3s;

  transition: all 0.3s;

  opacity: 0;

  background-color: #444444;

}

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

}

/* ---------------- Duale Button style2 ---------------- */

.dual-button-normal.style2 .btn-hover {

  top: -100%;

}

.dual-button-normal.style2:hover .btn-hover {

  top: 0;

}

.dual-button-left .btn-hover

/* ---------------- Duale Button style3 ---------------- */

 .dual-button-normal.style3 .btn-hover {

  left: -100%;

}

.dual-button-normal.style3:hover .btn-hover {

  left: 0;

}

/* ---------------- Duale Button style4 ---------------- */

.dual-button-normal.style4 .btn-hover {

  right: -100%;

  left: auto;

}

.dual-button-normal.style4:hover .btn-hover {

  right: 0;

}

/* ---------------- Duale Button style5 ---------------- */

.dual-button-normal.style5 .btn-hover {

  bottom: -100%;

  top: auto;

}

.dual-button-normal.style5:hover .btn-hover {

  bottom: 0%;

}

/* ---------------- Duale Button style6 ---------------- */

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

}

/* ---------------- Duale Button style7 ---------------- */

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

}

/* ---------------- Duale Button style8 ---------------- */

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

}

/* ---------------- Duale Button push style1 ---------------- */

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

}

/* ---------------- Duale Button push style2 ---------------- */

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

}

/* ---------------- Duale Button push style3 ---------------- */

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

}

/* ---------------- Duale Button push style4 ---------------- */

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

}

/* ---------------- Duale Button slide ---------------- */

.dual-button-slide .elementor-button-icon,

.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 0.3s;

  transition: all 0.3s;

}

.dual-button-slide:hover .elementor-button-icon {

  opacity: 1;

}

/* ---------------- Duale Button slide style1 ---------------- */

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

}

/* ---------------- Duale Button slide style2 ---------------- */

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

}

/* ---------------- Duale Button slide style3 ---------------- */

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

}

/* ---------------- Duale Button slide style4 ---------------- */

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

}

/* ---------------- Duale Button swipe ---------------- */

.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 0.6s;

  transition: all 0.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 0.6s;

  transition: all 0.6s;

}

/* ---------------- Duale Button swipe style1 ---------------- */

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

}

/* ---------------- Duale Button swipe style3 ---------------- */

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

}

/* ---------------- Duale Button swipe style3 ---------------- */

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

}

/* ---------------- Duale Button swipe style4 ---------------- */

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

}

/* ---------------- Duale Button with text Wrapper---------------- */

.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: 0px !important;

  border-bottom-right-radius: 0px !important;

}

.dbwt-button-right {

  border-top-left-radius: 0px !important;

  border-bottom-left-radius: 0px !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 0.3s;

  transition: all 0.3s;

  opacity: 0;

  background-color: #444444;

}

.dbwt-button-text,

.dbwt-btn-icon {

  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;

}

/* ---------------- Duale Button style2 ---------------- */

.dbwt-button-normal.style2 .btn-hover {

  top: -100%;

}

.dbwt-button-normal.style2:hover .btn-hover {

  top: 0;

}

/* ---------------- Duale Button style3 ---------------- */

.dbwt-button-normal.style3 .btn-hover {

  left: -100%;

}

.dbwt-button-normal.style3:hover .btn-hover {

  left: 0;

}

/* ---------------- Duale Button style4 ---------------- */

.dbwt-button-normal.style4 .btn-hover {

  right: -100%;

  left: auto;

}

.dbwt-button-normal.style4:hover .btn-hover {

  right: 0;

}

/* ---------------- Duale Button style5 ---------------- */

.dbwt-button-normal.style5 .btn-hover {

  bottom: -100%;

  top: auto;

}

.dbwt-button-normal.style5:hover .btn-hover {

  bottom: 0%;

}

/* ---------------- Duale Button style6 ---------------- */

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

}

/* ---------------- Duale Button style7 ---------------- */

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

}

/* ---------------- Duale Button style8 ---------------- */

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

}

/* ---------------- Duale Button push style1 ---------------- */

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

}

/* ---------------- Duale Button push style2 ---------------- */

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

}

/* ---------------- Duale Button push style3 ---------------- */

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

}

/* ---------------- Duale Button push style4 ---------------- */

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

}

/* ---------------- Duale Button slide ---------------- */

.dbwt-button-slide .elementor-button-icon,

.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 0.3s;

  transition: all 0.3s;

}

.dbwt-button-slide:hover .elementor-button-icon {

  opacity: 1;

}

/* ---------------- Duale Button slide style1 ---------------- */

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

}

/* ---------------- Duale Button slide style2 ---------------- */

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

}

/* ---------------- Duale Button slide style3 ---------------- */

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

}

/* ---------------- Duale Button slide style4 ---------------- */

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

}

/* ---------------- Duale Button swipe ---------------- */

.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 0.6s;

  transition: all 0.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 0.6s;

  transition: all 0.6s;

}

/* ---------------- Duale Button swipe style1 ---------------- */

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

}

/* ---------------- Duale Button swipe style3 ---------------- */

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

}

/* ---------------- Duale Button swipe style3 ---------------- */

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

}

/* ---------------- Duale Button swipe style4 ---------------- */

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

}

/* New CSS */

.dual-button-wrapper,

.dual-button-with-text-wrapper,

.dual-button-wrapper .btn-left .dual-button-left,

.dual-button-wrapper .btn-right .dual-button-right,

.dual-button-with-text-wrapper .btn-left .dbwt-button-left,

.dual-button-with-text-wrapper .btn-right .dbwt-button-right,

.single-button-wrapper,

.single-button-wrapper .single-button-normal {

  width: 100%;

}

.dual-button-wrapper .btn-left,

.dual-button-wrapper .btn-right,

.dual-button-with-text-wrapper .btn-left,

.dual-button-with-text-wrapper .btn-right {

  width: 50%;

}

.time {

  text-align: left !important;

  padding: 0 10px !important;

}

.elementor-widget-container {

  max-width: 100%;

  margin: 0 auto;

}

/*=================================== Dual Color Heading===============================================*/

.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 0px;

}

.pt-dual-header .subtext {

  font-size: 16px;

  display: block;

}

.pt-dual-header i {

  display: block;

  padding: 0px;

  margin: 20px 0px 10px 0px;

  font-size: 36px;

}

.pt-dual-header .title span.lead {

  color: #1abc9c;

}

/* Builder Related Css */

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

}

/*==================================dual header ====================================*/

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

}

/*=========================================Flipbox Css============================================*/

.pt-flip-box-wrapper .icon-wrapper {

  display: inline-block;

  padding: 10px;

  line-height: 1;

}

.pt-flip-box-wrapper .front-icon-title,

.pt-flip-box-wrapper .back-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-front,

.pt-flip-box-inner .pt-flip-box-back {

  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 0.6s ease 0s;

  -moz-transition: all 0.6s ease 0s;

  -ms-transition: all 0.6s ease 0s;

  -o-transition: all 0.6s ease 0s;

  transition: all 0.6s ease 0s;

}

.pt-fb-animate-vertical .pt-flip-box-inner .pt-flip-box-front {

  -webkit-transform: perspective(1000px) rotateX(0deg);

  -ms-transform: perspective(1000px) rotateX(0deg);

  transform: perspective(1000px) rotateX(0deg);

}

.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(0deg);

  transform: perspective(1000px) rotateX(0deg);

  -ms-transform: perspective(1000px) rotateX(0deg);

}

.pt-fb-animate-horizontal .pt-flip-box-inner .pt-flip-box-front {

  -webkit-transform: perspective(1000px) rotateY(0deg);

  transform: perspective(1000px) rotateY(0deg);

  -ms-transform: perspective(1000px) rotateY(0deg);

}

.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(0deg);

  transform: perspective(1000px) rotateY(0deg);

  -ms-transform: perspective(1000px) rotateY(0deg);

}

.pt-flip-box-front i,

.pt-flip-box-back 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;

}

/** Info Box Css **/

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

}

/** Interactive Banner Styles **/

.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: #ffffff;

  font-weight: normal;

}

.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: 0.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, 0.45);

}

/* Appear From Bottom */

.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 0.2s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.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: 0.2s;

  transition-delay: 0.2s;

}

/* Appear From top */

.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 0.2s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.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: 0.2s;

  transition-delay: 0.2s;

}

/* Appear From Left */

.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 0.2s linear;

  -webkit-transition: all 0.4s linear;

  transition: all 0.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: 0.2s;

  transition-delay: 0.2s;

}

/* Appear From Right */

.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 0.2s linear;

  -webkit-transition: all 0.4s linear;

  transition: all 0.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: 0.2s;

  transition-delay: 0.2s;

}

/* Appear From Zoom In */

.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 0.4s ease-in-out;

  transition: all 0.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;

}

/* Appear From Zoom Out */

.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 0.4s ease-in-out;

  transition: all 0.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: right;

  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 0.1s ease-in-out;

  transition: all 0.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: 0.3s;

  transition-delay: 0.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 0.2s ease-in-out;

  transition: all 0.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: 0.3s;

  transition-delay: 0.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 0.4s ease-in-out;

  transition: all 0.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: 0.3s;

  transition-delay: 0.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 0.1s ease-in-out;

  transition: all 0.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: 0.3s;

  transition-delay: 0.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 0.2s ease-in-out;

  transition: all 0.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: 0.3s;

  transition-delay: 0.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 0.4s ease-in-out;

  transition: all 0.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: 0.3s;

  transition-delay: 0.3s;

}

.pt-interactive_banner-wrapper .pt-interactive-banner-box img {

  display: block;

  margin: 0 auto;

}

/** Team Css **/

.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-title-size-small,

.pt-team-section .team-location-title-size-small,

.pt-team-section .team-designation-title-size-small,

.pt-team-section .team-phonenumber-title-size-small {

  color: #7f7f7f;

  font-size: 15px;

  margin-bottom: 5px;

}

.pt-team-section .team-title-size-medium,

.pt-team-section .team-location-title-size-medium,

.pt-team-section .team-designation-title-size-medium,

.pt-team-section .team-phonenumber-title-size-medium {

  color: #7f7f7f;

  font-size: 19px;

  margin-bottom: 5px;

}

.pt-team-section .team-title-size-large,

.pt-team-section .team-location-title-size-large,

.pt-team-section .team-designation-title-size-large,

.pt-team-section .team-phonenumber-title-size-large {

  color: #7f7f7f;

  font-size: 29px;

  margin-bottom: 5px;

}

.pt-team-section .team-title-size-xl,

.pt-team-section .team-location-title-size-xl,

.pt-team-section .team-designation-title-size-xl,

.pt-team-section .team-phonenumber-title-size-xl {

  color: #7f7f7f;

  font-size: 39px;

  margin-bottom: 5px;

}

.pt-team-section .team-title-size-xxl,

.pt-team-section .team-location-title-size-xxl,

.pt-team-section .team-designation-title-size-xxl,

.pt-team-section .team-phonenumber-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: #ffffff;

  /* border: 1px solid #e2e2e2;

     padding: 15px;*/

  width: 100%;

}

.pt-team-section .team-title-size-default {

  margin: 0;

}

/* Time Line CSS */

.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, 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: #ffffff;

  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: bold;

  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;

}

/* Responsive Style for Post Timeline */

@media only screen and (max-width: 1366px) {

  .pt-timeline-post-title h2 {

    font-size: 0.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:after,

  .pt-timeline-post:before,

  .pt-timeline-post-inner:after {

    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: 0.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;

  }

}

/* Testimonials Styles */

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

}

/* Default aligned */

.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: normal;

  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;

}

/* Left align */

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

}

/* Center align */

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

}

/* Right align */

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

}

/* Left Align With Background */

.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: none !important;

}

/* Dual Button Box */

/* ---------------- twentyseventeen css ----------------- */

.entry-content a.elementor-button,

.entry-summary a.elementor-button,

.widget a.elementor-button,

.site-footer .widget-area a.elementor-button,

.posts-navigation 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,

.widget a.elementor-button:hover,

.site-footer .widget-area a.elementor-button:hover,

.posts-navigation a.elementor-button:hover,

.widget_authors a.elementor-button:hover strong {

  -webkit-box-shadow: inherit;

  box-shadow: inherit;

}

/* ---------------- single button ----------------- */

.single-button-wrapper {

  display: inline-block;

  position: relative;

}

/* ---------------- single button ----------------- */

.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 0.3s;

  transition: all 0.3s;

  opacity: 0;

  background-color: #444444;

}

.dual-button-left .elementor-align-icon-right,

.dbwt-button-left .elementor-align-icon-right,

.dual-button-right .elementor-align-icon-right,

.dbwt-button-right .elementor-align-icon-right,

.single-button-normal .elementor-align-icon-right {

  float: right;

  margin-left: 5px;

  position: relative;

  z-index: 2;

}

.dual-button-left .elementor-align-icon-left,

.dbwt-button-left .elementor-align-icon-left,

.dual-button-right .elementor-align-icon-left,

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

.single-button-normal.style1:hover .btn-hover {

  opacity: 1;

}

/* ---------- single-button-normal style2 ------------ */

.single-button-normal.style2 .btn-hover {

  top: -100%;

}

.single-button-normal.style2:hover .btn-hover {

  top: 0;

}

/* ---------- single-button-normal style3 ------------ */

.single-button-normal.style3 .btn-hover {

  left: -100%;

}

.single-button-normal.style3:hover .btn-hover {

  left: 0;

}

/* ---------- single-button-normal style4 ------------ */

.single-button-normal.style4 .btn-hover {

  right: -100%;

  left: auto;

}

.single-button-normal.style4:hover .btn-hover {

  right: 0;

}

/* ---------- single-button-normal style5 ------------ */

.single-button-normal.style5 .btn-hover {

  bottom: -100%;

  top: auto;

}

.single-button-normal.style5:hover .btn-hover {

  bottom: 0;

}

/* ---------- single-button-normal style6 ------------ */

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

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

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

}

/* ---------------- Push Button ----------------- */

.single-button-push {

  overflow: hidden;

  position: relative;

  vertical-align: middle;

  -webkit-transition: none !important;

  transition: none !important;

}

/* ---------- Push button1 ---------- */

.single-button-push.style1 {

  -webkit-box-shadow: 0 5px #0e83cd !important;

  box-shadow: 0 5px #0e83cd !important;

  top: auto;

}

/* ---------- push btn1 hover style ------------ */

.single-button-push.style1:hover {

  top: 2px;

  -webkit-box-shadow: 0 3px #0e83cd !important;

  box-shadow: 0 3px #0e83cd !important;

}

/* ---------- Push button2 ---------- */

.single-button-push.style2 {

  -webkit-box-shadow: 5px 0 #0e83cd !important;

  box-shadow: 5px 0 #0e83cd !important;

  left: auto;

}

/* ---------- push btn2 hover style ------------ */

.single-button-push.style2:hover {

  left: 2px;

  -webkit-box-shadow: 3px 0 #0e83cd !important;

  box-shadow: 3px 0 #0e83cd !important;

}

/* ---------- Push button3 ---------- */

.single-button-push.style3 {

  -webkit-box-shadow: 0 -5px #0e83cd !important;

  box-shadow: 0 -5px #0e83cd !important;

  bottom: auto;

}

/* ---------- push btn3 hover style ------------ */

.single-button-push.style3:hover {

  bottom: 2px;

  -webkit-box-shadow: 0 -3px #0e83cd !important;

  box-shadow: 0 -3px #0e83cd !important;

}

/* ---------- Push button4 ---------- */

.single-button-push.style4 {

  -webkit-box-shadow: -5px 0 #0e83cd !important;

  box-shadow: -5px 0 #0e83cd !important;

  right: auto;

}

/* ---------- push btn4 hover style ------------ */

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

}

/* ---------------- circle Button ----------------- */

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

}

/* ---------- circle button1 ---------- */

.single-button-circle.style1 {

  -webkit-box-shadow: 0 5px #0e83cd;

  box-shadow: 0 5px #0e83cd !important;

  top: auto;

}

/* ---------- circle button1 hover style ------------ */

.single-button-circle.style1:hover {

  top: 2px;

  -webkit-box-shadow: 0 3px #0e83cd;

  box-shadow: 0 3px #0e83cd !important;

}

/* ---------- circle button2 ---------- */

.single-button-circle.style2 {

  -webkit-box-shadow: 5px 0 #0e83cd !important;

  box-shadow: 5px 0 #0e83cd !important;

  left: auto;

}

/* ---------- circle button2 hover style ------------ */

.single-button-circle.style2:hover {

  left: 2px;

  -webkit-box-shadow: 3px 0 #0e83cd !important;

  box-shadow: 3px 0 #0e83cd !important;

}

/* ---------- circle button3 ---------- */

.single-button-circle.style3 {

  -webkit-box-shadow: 0 -5px #0e83cd !important;

  box-shadow: 0 -5px #0e83cd !important;

  bottom: auto;

}

/* ---------- circle button3 hover style ------------ */

.single-button-circle.style3:hover {

  bottom: 2px;

  -webkit-box-shadow: 0 -3px #0e83cd !important;

  box-shadow: 0 -3px #0e83cd !important;

}

/* ---------- circle button4 ---------- */

.single-button-circle.style4 {

  -webkit-box-shadow: -5px 0 #0e83cd !important;

  box-shadow: -5px 0 #0e83cd !important;

  right: auto;

}

/* ---------- circle button4 hover style ------------ */

.single-button-circle.style4:hover {

  right: 2px;

  -webkit-box-shadow: -3px 0 #0e83cd !important;

  box-shadow: -3px 0 #0e83cd !important;

}

/* ---------------- Slide Button ----------------- */

.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 0.3s;

  transition: all 0.3s;

  margin-right: 0px !important;

}

/* ---------------- Slide Button1 ----------------- */

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

}

/* ---------------- Slide Button2 ----------------- */

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

}

/* ---------------- Slide Button3 ----------------- */

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

}

/* ---------------- Slide Button4 ----------------- */

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

.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 0.6s;

  transition: all 0.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 0.6s;

  transition: all 0.6s;

}

/* ---------------- Single Button Swipe1----------------- */

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

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

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

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

}

/* ---------------- Single Button tooltip----------------- */

.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%, 0.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%, 0.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%, 0.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%, 0.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;

}

/* ---------------- Duale Button Wrapper---------------- */

.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: 0px !important;

  border-bottom-right-radius: 0px !important;

}

.dual-button-right {

  border-top-left-radius: 0px !important;

  border-bottom-left-radius: 0px !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 0.3s;

  transition: all 0.3s;

  opacity: 0;

  background-color: #444444;

}

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

}

/* ---------------- Duale Button style2 ---------------- */

.dual-button-normal.style2 .btn-hover {

  top: -100%;

}

.dual-button-normal.style2:hover .btn-hover {

  top: 0;

}

/* ---------------- Duale Button style3 ---------------- */

.dual-button-normal.style3 .btn-hover {

  left: -100%;

}

.dual-button-normal.style3:hover .btn-hover {

  left: 0;

}

/* ---------------- Duale Button style4 ---------------- */

.dual-button-normal.style4 .btn-hover {

  right: -100%;

  left: auto;

}

.dual-button-normal.style4:hover .btn-hover {

  right: 0;

}

/* ---------------- Duale Button style5 ---------------- */

.dual-button-normal.style5 .btn-hover {

  bottom: -100%;

  top: auto;

}

.dual-button-normal.style5:hover .btn-hover {

  bottom: 0%;

}

/* ---------------- Duale Button style6 ---------------- */

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

}

/* ---------------- Duale Button style7 ---------------- */

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

}

/* ---------------- Duale Button style8 ---------------- */

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

}

/* ---------------- Duale Button push style1 ---------------- */

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

}

/* ---------------- Duale Button push style2 ---------------- */

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

}

/* ---------------- Duale Button push style3 ---------------- */

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

}

/* ---------------- Duale Button push style4 ---------------- */

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

}

/* ---------------- Duale Button slide ---------------- */

.dual-button-slide .elementor-button-icon,

.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 0.3s;

  transition: all 0.3s;

}

.dual-button-slide:hover .elementor-button-icon {

  opacity: 1;

}

/* ---------------- Duale Button slide style1 ---------------- */

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

}

/* ---------------- Duale Button slide style2 ---------------- */

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

}

/* ---------------- Duale Button slide style3 ---------------- */

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

}

/* ---------------- Duale Button slide style4 ---------------- */

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

}

/* ---------------- Duale Button swipe ---------------- */

.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 0.6s;

  transition: all 0.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 0.6s;

  transition: all 0.6s;

}

/* ---------------- Duale Button swipe style1 ---------------- */

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

}

/* ---------------- Duale Button swipe style3 ---------------- */

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

}

/* ---------------- Duale Button swipe style3 ---------------- */

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

}

/* ---------------- Duale Button swipe style4 ---------------- */

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

}

/* ---------------- Duale Button with text Wrapper---------------- */

.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: 0px !important;

  border-bottom-right-radius: 0px !important;

}

.dbwt-button-right {

  border-top-left-radius: 0px !important;

  border-bottom-left-radius: 0px !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 0.3s;

  transition: all 0.3s;

  opacity: 0;

  background-color: #444444;

}

.dbwt-button-text,

.dbwt-btn-icon {

  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;

}

/* ---------------- Duale Button style2 ---------------- */

.dbwt-button-normal.style2 .btn-hover {

  top: -100%;

}

.dbwt-button-normal.style2:hover .btn-hover {

  top: 0;

}

/* ---------------- Duale Button style3 ---------------- */

.dbwt-button-normal.style3 .btn-hover {

  left: -100%;

}

.dbwt-button-normal.style3:hover .btn-hover {

  left: 0;

}

/* ---------------- Duale Button style4 ---------------- */

.dbwt-button-normal.style4 .btn-hover {

  right: -100%;

  left: auto;

}

.dbwt-button-normal.style4:hover .btn-hover {

  right: 0;

}

/* ---------------- Duale Button style5 ---------------- */

.dbwt-button-normal.style5 .btn-hover {

  bottom: -100%;

  top: auto;

}

.dbwt-button-normal.style5:hover .btn-hover {

  bottom: 0%;

}

/* ---------------- Duale Button style6 ---------------- */

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

}

/* ---------------- Duale Button style7 ---------------- */

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

}

/* ---------------- Duale Button style8 ---------------- */

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

}

/* ---------------- Duale Button push style1 ---------------- */

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

}

/* ---------------- Duale Button push style2 ---------------- */

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

}

/* ---------------- Duale Button push style3 ---------------- */

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

}

/* ---------------- Duale Button push style4 ---------------- */

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

}

/* ---------------- Duale Button slide ---------------- */

.dbwt-button-slide .elementor-button-icon,

.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 0.3s;

  transition: all 0.3s;

}

.dbwt-button-slide:hover .elementor-button-icon {

  opacity: 1;

}

/* ---------------- Duale Button slide style1 ---------------- */

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

}

/* ---------------- Duale Button slide style2 ---------------- */

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

}

/* ---------------- Duale Button slide style3 ---------------- */

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

}

/* ---------------- Duale Button slide style4 ---------------- */

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

}

/* ---------------- Duale Button swipe ---------------- */

.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 0.6s;

  transition: all 0.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 0.6s;

  transition: all 0.6s;

}

/* ---------------- Duale Button swipe style1 ---------------- */

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

}

/* ---------------- Duale Button swipe style3 ---------------- */

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

}

/* ---------------- Duale Button swipe style3 ---------------- */

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

}

/* ---------------- Duale Button swipe style4 ---------------- */

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

}

/*========================================facebook========================================================*/

.pt-social-feed-container {

}

.pt-social-feed-element.hidden {

  background-color: red !important;

}

.pt-facebook-feed-wrapper::before,

.pt-facebook-feed-wrapper::after,

.pt-facebook-feed-container::before,

.pt-facebook-feed-container::after,

.pt-twitter-feed-wrapper::before,

.pt-twitter-feed-wrapper::after,

.pt-twitter-feed-container::before,

.pt-twitter-feed-container::after {

  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;

}

/* Link styles */

.pt-social-feed-element a {

  color: #0088cc;

  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:hover,

.pt-social-feed-element a:active {

  outline: 0;

  color: #005580;

  text-decoration: underline;

}

/* Text styles */

.pt-social-feed-element small {

  font-size: 85%;

}

.pt-social-feed-element strong {

  font-weight: bold;

}

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

}

/* Message styles */

.pt-social-feed-element,

.pt-social-feed-element .media-body {

  overflow: hidden;

  zoom: 1;

  *overflow: visible;

}

.pt-social-feed-element {

  padding: 10px;

  background: none;

}

.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:hover,

.pt-social-feed-element a.muted:focus {

  color: #808080;

}

.pt-social-feed-element {

  transition: 0.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: 0.4s;

  background: #fff;

}

.pt-social-feed-element:hover .pt-content {

  box-shadow: 0 0 10px 0 rgba(10, 10, 10, 0.2);

}

.pt-social-feed-element .social-network-icon {

  opacity: 0.7;

}

.pt-social-feed-element .author-title {

  color: #444;

  line-height: 1.5em;

  font-weight: 500;

}

/* Icon Color */

.media-body .fa-twitter {

  color: #1da1f2;

  margin-right: 8px;

}

.media-body .fa-facebook {

  color: #3b5998;

  margin-right: 8px;

}

/* Read More Link */

.text-wrapper p .read-more-link {

  margin-top: 9px;

  display: block;

}

/* Navigation Links */

.pt-social-feed-wrapper .slick-prev,

.pt-social-feed-element .slick-next {

  background: #1da1f2;

}

/* Loading Loader */

.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: 0px;

  left: 0px;

  bottom: 0px;

  right: 0px;

}

.pt-loading-feed.show-loading {

  display: block;

  /*background: #fff;

    */

  text-align: center;

  z-index: 10;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.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;

  /* Safari */

  animation: spin 2s linear infinite;

  margin: 0 auto;

}

/* Safari */

@-webkit-keyframes spin {

  0% {

    -webkit-transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

  }

}

@keyframes spin {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

/*====================================================*/

/* List View */

.pt-social-feed-container.list-view .pt-social-feed-element {

  margin: 15px;

  border: 1px solid rgba(0, 0, 0, 0.1);

  background: none;

}

/* Carousel View */

.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, 0.1);

}

/* Masonry View */

.pt-twitter-feed-container.masonry-view .pt-social-feed-element,

.pt-facebook-feed-container.masonry-view .pt-social-feed-element {

  width: 33.33%;

  margin-top: 0px;

  float: left;

}

.pt-social-feed-element .pt-content {

  border: 1px solid rgba(0, 0, 0, 0.1);

}

/* Editor Related Style */

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

@media only screen and (min-width: 768px) and (max-width: 992px) {

  .pt-twitter-feed-container.masonry-view .pt-social-feed-element,

  .pt-facebook-feed-container.masonry-view .pt-social-feed-element {

    width: 50% !important;

  }

}

@media only screen and (max-width: 480px) {

  .pt-twitter-feed-container.masonry-view .pt-social-feed-element,

  .pt-facebook-feed-container.masonry-view .pt-social-feed-element {

    width: 100% !important;

  }

}

/*====================================filter gallery==========================================================*/

.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: 0px 0px 20px 0px;

  padding: 0px;

  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: 0px;

  margin: 0px;

}

.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: 0.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: 0px;

  left: 0px;

  right: 0px;

  bottom: 0px;

  transition: transform 0.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: 0px;

  left: 0px;

  right: 0px;

  bottom: 0px;

  transition: transform 0.4s;

}

/* Caption Animation */

.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: 0.3s;

}

.pt-filter-gallery-container .item .caption a:nth-child(1),

.pt-container .item .caption a:nth-child(2) {

  transition: 0.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;

}

/* Filter Gallery Card Style */

.pt-filter-gallery-container.pt-cards .item:before {

  padding-top: 0px;

}

.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: 0px;

  transition: 0.3s;

}

.pt-filter-gallery-container.pt-cards .item-content p {

  font-size: 14px;

  line-height: 26px;

}

/* Grid Breakpoints */

/* Mobile */

@media screen and (max-width: 480px) {

  .pt-filter-gallery-container .item {

    width: 100%;

  }

}

/* Landscape Mobile */

@media only screen and (min-width: 481px) and (max-width: 767px) {

  .pt-filter-gallery-container .item {

    width: calc(100% / 2 - (((2 - 1) * 1rem) / 2));

  }

}

/* iPad */

@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: 0px;

  }

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

  }

}

/* Editor Specific Style */

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

}

/*=========================================Flipbox Css=====================================================*/

.pt-flip-box-wrapper .icon-wrapper {

  display: inline-block;

  padding: 10px;

  line-height: 1;

  margin-top: 39px;

}

.pt-flip-box-wrapper .front-icon-title,

.pt-flip-box-wrapper .back-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-front,

.pt-flip-box-inner .pt-flip-box-back {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  text-align: center;

  padding: 0px;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transition: all 0.6s ease 0s;

  -moz-transition: all 0.6s ease 0s;

  -ms-transition: all 0.6s ease 0s;

  -o-transition: all 0.6s ease 0s;

  transition: all 0.6s ease 0s;

}

.pt-fb-animate-vertical .pt-flip-box-inner .pt-flip-box-front {

  -webkit-transform: perspective(1000px) rotateX(0deg);

  -ms-transform: perspective(1000px) rotateX(0deg);

  transform: perspective(1000px) rotateX(0deg);

}

.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(0deg);

  transform: perspective(1000px) rotateX(0deg);

  -ms-transform: perspective(1000px) rotateX(0deg);

}

.pt-fb-animate-horizontal .pt-flip-box-inner .pt-flip-box-front {

  -webkit-transform: perspective(1000px) rotateY(0deg);

  transform: perspective(1000px) rotateY(0deg);

  -ms-transform: perspective(1000px) rotateY(0deg);

}

.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(0deg);

  transform: perspective(1000px) rotateY(0deg);

  -ms-transform: perspective(1000px) rotateY(0deg);

}

.pt-flip-box-front i,

.pt-flip-box-back 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;

}

/* Cube effets */

.pt-fb-animate-vertical-bottom-cube .pt-flip-box-inner {

  height: 250px;

  -webkit-transition: -webkit-transform 0.33s;

  transition: transform 0.33s;

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

}

.pt-fb-animate-vertical-bottom-cube .pt-flip-box-inner .pt-flip-box-front,

.pt-fb-animate-vertical-bottom-cube .pt-flip-box-inner .pt-flip-box-back {

  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: 500ms;

  -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: 500ms;

  -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: 500ms;

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

  /* <-NB */

  -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%);

}

/* 3d effects */

.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-front,

.pt-fb-animate-horizontal-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 .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 .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 .pt-flip-box-back,

.pt-fb-animate-horizontal-3d .pt-flip-box-inner:hover .pt-flip-box-front,

.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-front,

.pt-fb-animate-horizontal-left-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-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,

.pt-fb-animate-vertical-bottom-top-3d

  .pt-flip-box-inner:hover

  .pt-flip-box-back {

  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.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(0.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(0.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(0.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(0.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(0deg);

  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(0deg);

  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(0deg);

  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(0deg);

  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%;

}

/*===========================================Contact form 7 CSS================================================================*/

.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 textarea,

.pt-gravity-container input[type="text"],

.pt-gravity-container input[type="password"],

.pt-gravity-container input[type="datetime"],

.pt-gravity-container input[type="datetime-local"],

.pt-gravity-container input[type="date"],

.pt-gravity-container input[type="month"],

.pt-gravity-container input[type="time"],

.pt-gravity-container input[type="week"],

.pt-gravity-container input[type="number"],

.pt-gravity-container input[type="email"],

.pt-gravity-container input[type="url"],

.pt-gravity-container input[type="search"],

.pt-gravity-container input[type="tel"],

.pt-gravity-container input[type="color"],

.pt-gravity-container .uneditable-input {

  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;

}

/*==============================icon effect==================================================*/

.tab {

  float: left;

  width: 45%;

}

/* Style the buttons inside the tab */

.tab button {

  display: block;

  background-color: inherit;

  color: black;

  padding: 22px 16px;

  width: 100%;

  border: none;

  outline: none;

  text-align: left;

  cursor: pointer;

  transition: 0.3s;

  font-size: 17px;

  margin-right: 50px;

}

/* Change background color of buttons on hover */

.tab button:hover {

  background-color: #fff;

}

/* Create an active/current "tab button" class */

.tab button.active {

  background-color: #fff;

  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);

  border: 1px solid #fff;

  border-radius: 6px;

}

.elementor-position-right.elementor-widget-pt_icon_latest

  .tabcontent-main

  .tabcontent {

  transform: scale(0.9) rotateX(2deg) rotateY(14deg) rotate(1deg);

}

.elementor-position-left.elementor-widget-pt_icon_latest

  .tabcontent-main

  .tabcontent {

  transform: scale(0.9) rotateX(2deg) rotateY(-14deg) rotate(1deg);

}

/* Style the tab content */

.tabcontent {

  float: left;

  padding-left: 0px;

  width: 50%;

  border-left: none;

  box-shadow: 0 53px 257px rgba(222, 206, 206, 0.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;

}

iframe,

.elementor object,

.elementor video {

  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(0deg) rotateY(0deg) rotate(0deg);

    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, 0.4);

  }

  .elementor-position-left.elementor-widget-pt_icon_latest

    .tabcontent-main

    .tabcontent {

    transform: scale(1) rotateX(0deg) rotateY(0deg) rotate(0deg);

  }

  .elementor-position-right.elementor-widget-pt_icon_latest

    .tabcontent-main

    .tabcontent {

    transform: scale(1) rotateX(0deg) rotateY(0deg) rotate(0deg);

  }

}

/*================================= Image accordion ==============================================*/

.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 0.4s;

}

.pt-img-accordion a:focus {

  outline: none;

}

.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 0.4s;

}

.pt-img-accordion a:after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.6);

  z-index: 0;

  top: 0px;

  left: 0px;

  bottom: 0px;

  right: 0px;

  transition: all 0.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, 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 0.3s 0.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;

  }

}

/*========================================image button =======================================================*/

.pt-image-button {

  display: inline-block;

  position: relative;

  overflow: hidden;

  background: #007fc0;

  cursor: pointer;

  -webkit-transition: all 0.2s ease-in-out !important;

  -moz-transition: all 0.2s ease-in-out !important;

  -ms-transition: all 0.2s ease-in-out !important;

  -o-transition: all 0.2s ease-in-out !important;

  transition: all 0.2s ease-in-out !important;

}

/*Default background for slide styles*/

.pt-image-button:hover,

.pt-image-button-style4-icon-wrapper,

.pt-image-button-style1-top:before,

.pt-image-button-style1-bottom:before,

.pt-image-button-style1-left:before,

.pt-image-button-style1-right:before {

  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 span,

.pt-image-button-text-icon-wrapper,

.pt-image-button-text-icon-wrapper i {

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

}

.pt-image-button-style1-bottom:before,

.pt-image-button-style1-top:before,

.pt-image-button-style1-left:before,

.pt-image-button-style1-right:before {

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  transition: all 0.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-top:before,

.pt-image-button-diagonal-effect-bottom:before,

.pt-image-button-diagonal-effect-left:before,

.pt-image-button-diagonal-effect-right:before {

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  content: "";

  z-index: 1;

  background: rgba(255, 255, 255, 0.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 0.8s ease-out;

  -moz-transition: all 0.8s ease-out;

  -o-transition: all 0.8s ease-out;

  -ms-transition: all 0.8s ease-out;

  transition: all 0.8s ease-out;

}

.pt-image-button-diagonal-effect-right:hover:before,

.pt-image-button-diagonal-effect-left: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-top:hover:before,

.pt-image-button-diagonal-effect-bottom: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 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.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, 0.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(0deg);

    transform: rotateY(0deg);

  }

  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(0deg);

    transform: rotateY(0deg);

  }

  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(0deg);

    transform: rotateX(0deg);

  }

  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(0deg);

    transform: rotateX(0deg);

  }

  50% {

    opacity: 1;

    -webkit-transform: rotateX(180deg);

    transform: rotateX(180deg);

  }

  100% {

    opacity: 0;

    -webkit-transform: rotateX(360deg);

    transform: rotateX(360deg);

  }

}

/*=======================================Info Box Css===========================================================*/

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

}

/*==============================================Infobox Style============================================================*/

/* Image/Icon On Top */

.pt-infobox2 {

}

.pt-infobox2 .infobox-icon {

  height: auto;

}

.pt-infobox2 .infobox-icon .infobox-icon-wrap {

  display: block;

  width: 100%;

  height: auto;

  transition: 0.3s;

}

.pt-infobox2 .infobox-icon .infobox-icon-wrap i {

  transition: 0.3s;

}

.pt-infobox2:hover .infobox-icon .infobox-icon-wrap {

  transform: scale(1.1);

}

.pt-infobox2 .infobox-content {

}

.pt-infobox2 .infobox-content .title {

}

/* For Content Alignment */

.pt-infobox2-content-align-left .pt-infobox2 .infobox-icon,

.pt-infobox2-content-align-left .pt-infobox2 .infobox-content {

  text-align: left;

}

.pt-infobox2-content-align-right .pt-infobox2 .infobox-icon,

.pt-infobox2-content-align-right .pt-infobox2 .infobox-content {

  text-align: right;

}

.pt-infobox2-content-align-center .pt-infobox2 .infobox-icon,

.pt-infobox2-content-align-center .pt-infobox2 .infobox-content {

  text-align: center;

}

/* For icon background shape */

.pt-infobox2-icon-bg-shape-none {

}

.pt-infobox2-icon-bg-shape-square .infobox-icon .infobox-icon-wrap,

.pt-infobox2-icon-bg-shape-radius .infobox-icon .infobox-icon-wrap,

.pt-infobox2-icon-bg-shape-circle .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-square .infobox-icon .infobox-icon-wrap i,

.pt-infobox2-icon-bg-shape-radius .infobox-icon .infobox-icon-wrap i,

.pt-infobox2-icon-bg-shape-circle .infobox-icon .infobox-icon-wrap i {

  margin-top: 50%;

  transform: translateY(-50%);

}

/* For icon bg shape alignment */

.pt-infobox2-content-align-left.pt-infobox2-icon-bg-shape-square .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-circle .infobox-icon {

  display: flex;

  justify-content: flex-start;

}

.pt-infobox2-content-align-center.pt-infobox2-icon-bg-shape-square

  .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-circle

  .infobox-icon {

  display: flex;

  justify-content: center;

}

.pt-infobox2-content-align-right.pt-infobox2-icon-bg-shape-square .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-circle

  .infobox-icon {

  display: flex;

  justify-content: flex-end;

}

/* Image/Icon On Left */

.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: none;

  border: 0px;

  text-align: left;

  height: auto;

  display: block;

}

.pt-infobox2.icon-on-left .infobox-icon .infobox-icon-wrap i {

  margin-top: 0px;

  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;

}

/* Image/Icon On Right */

.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: none;

  border: 0px;

  text-align: right;

  width: auto;

  height: auto;

  display: block;

}

.pt-infobox2.icon-on-right .infobox-icon .infobox-icon-wrap i {

  margin-top: 0px;

  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;

}

/* Imgae Circle On Top */

.pt-infobox2-shape-circle .pt-infobox2 .infobox-icon img {

  border-radius: 50%;

}

.pt-infobox2-shape-radius .pt-infobox2 .infobox-icon img {

  border-radius: 15px;

}

/*========================================== map ======================================================*/

.pt-maps-info-container {

  margin-top: 10px;

  margin-bottom: 10px;

}

.pt-maps-info-title,

.pt-maps-info-desc {

  margin: 0;

  padding: 0;

}

.pt-maps-container .gm-style-iw {

  text-align: center;

}

/*====================================== modelbox =====================================================*/

.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: normal;

  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: bold;

  line-height: 1;

  color: #000;

}

.pt-modal-box-modal-close:hover,

.pt-modal-box-modal-close:focus {

  color: #000;

  text-decoration: none;

  cursor: pointer;

}

button.pt-modal-box-modal-close {

  -webkit-appearance: none;

  padding: 0;

  cursor: pointer;

  background: transparent;

  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 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.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, 0.2);

  border-radius: 6px;

  outline: 0;

  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);

  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);

}

.pt-modal-backdrop.pt-in {

  filter: alpha(opacity=50);

  opacity: 0.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 {

  filter: alpha(opacity=0);

  opacity: 0;

}

.pt-modal-fade {

  opacity: 0;

  -webkit-transition: opacity 0.3s ease-in-out;

  -o-transition: opacity 0.3s ease-in-out;

  transition: opacity 0.3s ease-in-out;

}

.pt-modal-box-modal.pt-in .pt-modal-box-modal-dialog {

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.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: none !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, 0.5);

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);

  }

}

.pt-modal-box-container {

  width: 100% !important;

}

/*Open Modal Button Style*/

.pt-modal-box-selector-container .btn-info {

  border: none;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

/*Open Modal Img, Span Style */

.pt-modal-box-selector-container img,

.pt-modal-box-selector-container span {

  cursor: pointer;

}

/*Image on Modal Header Style*/

.pt-modal-box-modal-header img {

  width: 48px;

  padding: 5px 0;

  vertical-align: top;

}

/*Icon On Modal Header Style*/

.pt-modal-box-modal-header i {

  padding-right: 6px;

}

/*Image On Modal Header Style*/

.pt-modal-box-modal-title img {

  vertical-align: middle;

}

/*Close Button Container Style*/

.pt-modal-box-close-button-container {

  float: right;

}

.pt-modal-box-modal-close {

  position: relative;

  z-index: 99;

}

.pt-modal-box-img-selector,

.pt-modal-box-text-selector,

.pt-modal-box-close-button-container,

.pt-modal-box-modal-close,

.pt-modal-box-modal-lower-close {

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

/*==================================new accordion ================================================*/

.pt-new-accordion {

  width: auto;

  height: auto;

  transition: all 0.3s ease-in-out;

}

.pt-new-accordion .pt-accordion-list {

}

.pt-new-accordion .pt-accordion-list .pt-accordion-header {

  padding: 15px;

  border: 1px solid rgba(0, 0, 0, 0.02);

  font-size: 1rem;

  font-weight: 600;

  line-height: 1;

  transition: all 0.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(0deg);

  z-index: 10;

  transition: all 0.3s ease-in-out;

}

.pt-new-accordion .pt-accordion-list .pt-accordion-header.active .fa-toggle {

  transform: rotate(90deg);

  z-index: 10;

  transition: all 0.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(0deg);

  }

  100% {

    transform: rotateY(-180deg);

  }

}

@keyframes fadeIn {

  0% {

    opacity: 1;

    transition: all 0.3s ease-in-out;

  }

  100% {

    opacity: 1;

    transition: all 0.3s ease-in-out;

  }

}

/*============================================Ninja Form Styles====================================================*/

.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 ul.wpuf-form li .wpuf-fields input[type="text"],

.pt-ninja-container .nf-field .nf-field-element input[type="password"],

.pt-ninja-container ul.wpuf-form li .wpuf-fields input[type="email"],

.pt-ninja-container .nf-field .nf-field-element input[type="url"],

.pt-ninja-container ul.wpuf-form li .wpuf-fields input[type="number"],

.pt-ninja-container .nf-field .nf-field-element textarea {

  max-width: 100%;

}

/*=======================================piecharts=======================================================*/

.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 ol,

.pt-container ul,

.pt-container ol > li,

.pt-container ul > li,

.pt-container ol:hover,

.pt-container ul:hover,

.pt-container ul > li:hover,

.pt-container ol > li:hover,

.pt-container ol > li > a,

.pt-container ul > li > a,

.pt-container ol > li > a:hover,

.pt-container ul > li > a:hover,

.pt-container img,

.pt-grid-container ol,

.pt-grid-container ul,

.pt-grid-container ol > li,

.pt-grid-container ul > li,

.pt-grid-container ol:hover,

.pt-grid-container ul:hover,

.pt-grid-container ul > li:hover,

.pt-grid-container ol > li:hover,

.pt-grid-container ol > li > a,

.pt-grid-container ul > li > a,

.pt-grid-container ol > li > a:hover,

.pt-grid-container ul > li > a:hover,

.pt-grid-container img {

  padding: 0;

  margin: 0;

  border: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  list-style: none;

  background: none;

}

.pt-container ol:before,

.pt-container ol:after,

.pt-container ul:before,

.pt-container ul:after,

.pt-container ol > li:before,

.pt-container ol > li:after,

.pt-container ul > li:before,

.pt-container ul > li:after,

.pt-container ol:hover:before,

.pt-container ol:hover:after,

.pt-container ul:hover:before,

.pt-container ul:hover:after,

.pt-container ul > li:hover:before,

.pt-container ul > li:hover:after,

.pt-container ol > li:hover:before,

.pt-container ol > li:hover:after,

.pt-container ol > li > a:before,

.pt-container ol > li > a:after,

.pt-container ul > li > a:before,

.pt-container ul > li > a:after,

.pt-container ol > li > a:hover:before,

.pt-container ol > li > a:hover:after,

.pt-container ul > li > a:hover:before,

.pt-container ul > li > a:hover:after,

.pt-container img:before,

.pt-container img:after,

.pt-grid-container ol:before,

.pt-grid-container ol:after,

.pt-grid-container ul:before,

.pt-grid-container ul:after,

.pt-grid-container ol > li:before,

.pt-grid-container ol > li:after,

.pt-grid-container ul > li:before,

.pt-grid-container ul > li:after,

.pt-grid-container ol:hover:before,

.pt-grid-container ol:hover:after,

.pt-grid-container ul:hover:before,

.pt-grid-container ul:hover:after,

.pt-grid-container ul > li:hover:before,

.pt-grid-container ul > li:hover:after,

.pt-grid-container ol > li:hover:before,

.pt-grid-container ol > li:hover:after,

.pt-grid-container ol > li > a:before,

.pt-grid-container ol > li > a:after,

.pt-grid-container ul > li > a:before,

.pt-grid-container ul > li > a:after,

.pt-grid-container ol > li > a:hover:before,

.pt-grid-container ol > li > a:hover:after,

.pt-grid-container ul > li > a:hover:before,

.pt-grid-container ul > li > a:hover:after,

.pt-grid-container img:before,

.pt-grid-container img:after {

  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;

}

/* ------- General styles ------------ */

.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-onecol,

.pt-grid-container .pt-twocol,

.pt-grid-container .pt-threecol,

.pt-grid-container .pt-fourcol,

.pt-grid-container .pt-fivecol,

.pt-grid-container .pt-sixcol,

.pt-grid-container .pt-sevencol,

.pt-grid-container .pt-eightcol,

.pt-grid-container .pt-ninecol,

.pt-grid-container .pt-tencol,

.pt-grid-container .pt-elevencol,

.pt-grid-container .pt-twelvecol {

  min-height: 1px;

  /* Prevents columns from collapsing when housing absolute elements or when lazy loading content */

}

.pt-grid-container .pt-onecol,

.pt-grid-container .pt-twocol {

  width: calc(50% - 30px);

  float: left;

  margin-left: 20px;

}

.pt-grid-container .pt-threecol,

.pt-grid-container .pt-fourcol,

.pt-grid-container .pt-fivecol,

.pt-grid-container .pt-sixcol,

.pt-grid-container .pt-sevencol,

.pt-grid-container .pt-eightcol,

.pt-grid-container .pt-ninecol,

.pt-grid-container .pt-tencol,

.pt-grid-container .pt-elevencol,

.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-threecol,

  .pt-grid-container .pt-fourcol,

  .pt-grid-container .pt-fivecol,

  .pt-grid-container .pt-sixcol,

  .pt-grid-container .pt-sevencol,

  .pt-grid-container .pt-eightcol,

  .pt-grid-container .pt-ninecol {

    width: calc(50% - 30px);

    float: left;

    margin-left: 20px;

  }

  .pt-grid-container .pt-tencol,

  .pt-grid-container .pt-elevencol {

    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-threecol:nth-child(2n + 1),

  .pt-grid-container .pt-fourcol:nth-child(2n + 1),

  .pt-grid-container .pt-fivecol:nth-child(2n + 1),

  .pt-grid-container .pt-sixcol:nth-child(2n + 1),

  .pt-grid-container .pt-sevencol:nth-child(2n + 1),

  .pt-grid-container .pt-eightcol:nth-child(2n + 1),

  .pt-grid-container .pt-ninecol: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;

  }

}

/*--------- Gapless grid columns ----*/

.pt-gapless-grid.pt-grid-container,

.pt-gapless-grid .pt-grid-container {

  margin-left: 0px;

  margin-right: 0px;

  width: auto;

}

.pt-gapless-grid .pt-onecol,

.pt-gapless-grid .pt-twocol {

  width: calc(50%);

  float: left;

  margin-left: 0px;

}

.pt-gapless-grid .pt-threecol,

.pt-gapless-grid .pt-fourcol,

.pt-gapless-grid .pt-fivecol,

.pt-gapless-grid .pt-sixcol,

.pt-gapless-grid .pt-sevencol,

.pt-gapless-grid .pt-eightcol,

.pt-gapless-grid .pt-ninecol,

.pt-gapless-grid .pt-tencol,

.pt-gapless-grid .pt-elevencol,

.pt-gapless-grid .pt-twelvecol,

.pt-gapless-grid .pt-onefifth {

  width: calc(100%);

  float: left;

  margin-left: 0px;

}

@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: 0px;

  }

  .pt-gapless-grid .pt-threecol,

  .pt-gapless-grid .pt-fourcol,

  .pt-gapless-grid .pt-fivecol,

  .pt-gapless-grid .pt-sixcol,

  .pt-gapless-grid .pt-sevencol,

  .pt-gapless-grid .pt-eightcol,

  .pt-gapless-grid .pt-ninecol,

  .pt-gapless-grid .pt-onefifth {

    width: calc(50%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-tencol,

  .pt-gapless-grid .pt-elevencol {

    width: calc(66.66667%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-twelvecol {

    width: calc(100%);

    float: left;

    margin-left: 0px;

  }

}

@media only screen and (min-width: 801px) {

  .pt-gapless-grid .pt-onecol {

    width: calc(8.33333%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-twocol {

    width: calc(16.66667%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-threecol {

    width: calc(25%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-fourcol {

    width: calc(33.33333%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-fivecol {

    width: calc(41.66667%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-sixcol {

    width: calc(50%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-sevencol {

    width: calc(58.33333%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-eightcol {

    width: calc(66.66667%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-ninecol {

    width: calc(75%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-tencol {

    width: calc(83.33333%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-elevencol {

    width: calc(91.66667%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-twelvecol {

    width: calc(100%);

    float: left;

    margin-left: 0px;

  }

}

@media only screen and (min-width: 801px) {

  .pt-gapless-grid .pt-onefifth {

    width: calc(20%);

    float: left;

    margin-left: 0px;

  }

}

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

  }

}

/*=============================================== post carousel ======================================================*/

.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 0.25s ease 0s;

  transition: -webkit-box-shadow 0.25s ease 0s;

  transition: box-shadow 0.25s ease 0s;

  transition: box-shadow 0.25s ease 0s, -webkit-box-shadow 0.25s ease 0s;

  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

  box-shadow: 0 1px 3px rgba(0, 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, 0.2);

  box-shadow: 0 1px 3px rgba(0, 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 0.4s ease-in-out 0s;

  transition: all 0.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 0.4s ease-in-out 0s;

  transition: opacity 0.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 0.3s ease-in-out 0s;

  transition: all 0.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 0.4s ease-in-out 0s;

  transition: opacity 0.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 0.4s ease-in-out 0s;

  transition: all 0.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: bold;

  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: #333333;

  -webkit-transition: all 0.4s ease-in-out 0s;

  transition: all 0.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 0.3s ease-in-out 0s;

  transition: all 0.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 0.4s ease-in-out 0s;

  transition: all 0.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 0.4s ease-in-out 0s;

  transition: all 0.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-prev,

.pt-container button.slick-next {

  position: absolute;

  bottom: initial;

  left: initial;

  right: initial;

  top: 50%;

  width: 28px;

  height: 28px;

  margin: -14px 0 0;

}

.pt-container button.slick-prev,

.pt-container button.slick-prev:before,

.pt-container button.slick-prev:after,

.pt-container button.slick-next,

.pt-container button.slick-next:before,

.pt-container button.slick-next:after {

  text-shadow: none;

  background: none !important;

  border: none;

  padding: 0;

  opacity: 1;

  font-family: "pt-icomoon" !important;

  speak: none;

  font-style: normal;

  font-weight: normal;

  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: none;

  text-indent: 0;

  text-align: center;

  -webkit-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

}

.pt-container button.slick-prev:before,

.pt-container button.slick-next:before {

  margin: 2px;

  vertical-align: middle;

}

.pt-container button.slick-prev:hover:before,

.pt-container button.slick-prev:hover:after,

.pt-container button.slick-next:hover:before,

.pt-container button.slick-next:hover:after {

  color: #888 !important;

}

.pt-dark-bg .pt-container button.slick-prev:before,

.pt-dark-bg .pt-container button.slick-prev:after,

.pt-dark-bg .pt-container button.slick-next:before,

.pt-dark-bg .pt-container button.slick-next:after {

  color: #888 !important;

}

.pt-dark-bg .pt-container button.slick-prev:hover:before,

.pt-dark-bg .pt-container button.slick-prev:hover:after,

.pt-dark-bg .pt-container button.slick-next:hover:before,

.pt-dark-bg .pt-container button.slick-next:hover:after {

  color: #aaa !important;

  background: none !important;

}

@media only screen and (max-width: 1024px) {

  .pt-container button.slick-prev,

  .pt-container button.slick-next {

    display: none !important;

    /* Let users navigate via touch */

  }

}

.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 0.3s ease-in-out 0s;

  transition: background 0.3s ease-in-out 0s;

  font-size: 0;

  outline: none;

}

.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: none !important;

  border-color: #aaa !important;

}

.pt-container ul.slick-dots li.slick-active button {

  width: 14px;

  height: 14px;

}

/*read more button */

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

}

/*read more button */

/*style 2*/

.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: 0px 15px;

  width: 50%;

  float: left;

}

/*style 3*/

.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: 0px 15px;

  width: 50%;

  float: right;

}

/*style 4*/

.style-4 {

  display: flex;

  flex-direction: column-reverse;

}

/*====================================== Pricing Table ====================================================*/

.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: 33.33%;

    */

  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: 0.3s;

  transition: 0.3s;

  -webkit-border-radius: 4px;

  border-radius: 4px;

}

.pt-pricing .pt-pricing-button:hover {

  background: #03b048;

}

.pt-pricing .pt-pricing-item ul {

  padding: 0px;

  margin: 0px;

  list-style: none;

}

.pt-pricing .pt-pricing-item ul li.disable-item {

  text-decoration: line-through;

  opacity: 0.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;

}

/* Pricing Table: Style 1 */

.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, 0.1);

  /* padding: 30px;

    */

  -webkit-border-radius: 5px;

  border-radius: 5px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.pt-pricing.style-1 .pt-pricing-item:hover {

  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25),

    0 10px 10px rgba(0, 0, 0, 0.22);

  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 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: 0px;

  left: 0px;

  right: 0px;

  z-index: 1;

  -webkit-border-radius: 5px 5px 0px 0px;

  border-radius: 5px 5px 0px 0px;

}

.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: 0.9;

}

.pt-pricing.style-1 .pt-pricing-item.ribbon-3:before {

  content: "Featured";

  position: absolute;

  width: auto;

  background: rgba(0, 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: 0px;

  left: 0px;

  right: 0px;

  margin: 0 auto;

  z-index: 1;

  background: rgba(9, 9, 9, 0.1);

}

.pt-pricing.style-1 .pt-pricing-item .header .title {

  font-weight: 700;

  line-height: 30px;

  margin: 0px;

}

.pt-pricing.style-1 .pt-pricing-item .pt-pricing-tag {

  position: relative;

  z-index: 0;

  padding: 15px 0px;

  margin-bottom: 15px;

}

.pt-pricing.style-1 .pt-pricing-item .pt-pricing-tag:after {

  content: "";

  position: absolute;

  width: 140px;

  height: 1px;

  bottom: 0px;

  left: 0px;

  right: 0px;

  margin: 0 auto;

  z-index: 1;

  background: rgba(9, 9, 9, 0.04);

}

.pt-pricing.style-1 .pt-pricing-item .price-tag {

  position: relative;

  display: inline-block;

  font-size: 28px;

  font-weight: 500;

  line-height: 0px;

  margin: 0px 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 {

}

.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 {

  display: block;

  width: 100%;

  height: auto;

  padding: 10px 0px;

  font-size: 14px;

  color: #6d6d6d;

  border-bottom: 1px solid rgba(9, 9, 9, 0.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 0px;

}

/* Pricing Table : Style 2 */

.pt-pricing.style-2 {

  position: relative;

  z-index: 0;

  text-align: center;

}

.pt-pricing.style-2 .pt-pricing-item {

  padding: 30px 0px;

  border-radius: 5px;

  margin: 0px;

  border: 1px solid rgba(9, 9, 9, 0.1);

}

.pt-pricing.style-2 .pt-pricing-item.featured {

  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25),

    0 10px 10px rgba(0, 0, 0, 0.22);

  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);

}

.pt-pricing.style-2 .pt-pricing-item.ribbon-1:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 3px;

  background: #007fc0;

  top: 0px;

  left: 0px;

  right: 0px;

  z-index: 1;

  -webkit-border-radius: 5px 5px 0px 0px;

  border-radius: 5px 5px 0px 0px;

}

.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: 0.9;

}

.pt-pricing.style-2 .pt-pricing-item.ribbon-3:before {

  content: "Featured";

  position: absolute;

  width: auto;

  background: rgba(0, 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 {

}

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

  /*border: 2px solid #00c853;

    */

  margin-bottom: 30px;

  text-align: center;

  -webkit-transition: 0.5s;

  transition: 0.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: 0.5s;

  transition: 0.5s;

}

.pt-pricing.style-2 .pt-pricing-item:hover .pt-pricing-icon .icon {

  background: #007fc0;

  /*border: 2px solid #43A047;

    */

}

.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: 0px;

  left: 0px;

  right: 0px;

  bottom: 0px;

  z-index: -1;

  background: rgba(255, 255, 255, 0.4);

}

.pt-pricing.style-2 .pt-pricing-item .header .title {

  font-size: 28px;

  font-weight: 700;

  line-height: 40px;

  margin: 0px;

}

.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 0px;

  margin-bottom: 15px;

}

.pt-pricing.style-2 .pt-pricing-item .pt-pricing-tag:after {

  content: "";

  position: absolute;

  width: 140px;

  height: 1px;

  bottom: 0px;

  left: 0px;

  right: 0px;

  margin: 0 auto;

  z-index: 1;

  background: rgba(9, 9, 9, 0.04);

}

.pt-pricing.style-2 .pt-pricing-item .price-tag {

  position: relative;

  display: inline-block;

  font-size: 28px;

  font-weight: 500;

  line-height: 0px;

  margin: 0px 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 {

}

.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 {

  display: block;

  width: 100%;

  height: auto;

  padding: 10px 15px;

  font-size: 14px;

  color: #6d6d6d;

  border-bottom: 1px solid rgba(9, 9, 9, 0.04);

}

.pt-pricing.style-2 .pt-pricing-item .body ul li:last-child {

  border: none;

}

/* Pricing Table : Style 3 */

.pt-pricing.style-3 {

  position: relative;

  z-index: 0;

  text-align: center;

}

.pt-pricing.style-3 .pt-pricing-item {

  padding: 30px 0px;

  border-radius: 5px;

  margin: 0px;

  border: 1px solid rgba(9, 9, 9, 0.1);

}

.pt-pricing.style-3 .pt-pricing-item.featured {

  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25),

    0 10px 10px rgba(0, 0, 0, 0.22);

  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);

}

.pt-pricing.style-3 .pt-pricing-item.ribbon-1:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 3px;

  background: #007fc0;

  top: 0px;

  left: 0px;

  right: 0px;

  z-index: 1;

  -webkit-border-radius: 5px 5px 0px 0px;

  border-radius: 5px 5px 0px 0px;

}

.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: 0.9;

}

.pt-pricing.style-3 .pt-pricing-item.ribbon-3:before {

  content: "Featured";

  position: absolute;

  width: auto;

  background: rgba(0, 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 {

}

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

  /*border: 2px solid #00c853;

    */

  margin-bottom: 30px;

  text-align: center;

  -webkit-transition: 0.5s;

  transition: 0.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: 0.5s;

  transition: 0.5s;

}

.pt-pricing.style-3 .pt-pricing-item:hover .pt-pricing-icon .icon {

  background: #007fc0;

  /*border: 2px solid #43A047;

    */

}

.pt-pricing.style-3 .pt-pricing-item:hover .pt-pricing-icon .icon i {

  color: #fff;

}

.pt-pricing.style-3 .pt-pricing-item .header {

  /* background: #49508c;

    */

  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: 0px;

  left: 0px;

  right: 0px;

  bottom: 0px;

  z-index: -1;

  background: rgba(255, 255, 255, 0.4);

}

.pt-pricing.style-3 .pt-pricing-item .header .title {

  font-size: 28px;

  font-weight: 700;

  line-height: 40px;

  margin: 0px;

}

.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 0px;

  margin-bottom: 15px;

}

.pt-pricing.style-3 .pt-pricing-item .pt-pricing-tag:after {

  content: "";

  position: absolute;

  width: 140px;

  height: 1px;

  bottom: 0px;

  left: 0px;

  right: 0px;

  margin: 0 auto;

  z-index: 1;

  background: rgba(9, 9, 9, 0.04);

}

.pt-pricing.style-3 .pt-pricing-item .price-tag {

  position: relative;

  display: inline-block;

  font-size: 28px;

  font-weight: 500;

  line-height: 0px;

  margin: 0px 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 {

}

.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 {

  display: block;

  width: 100%;

  height: auto;

  padding: 10px 15px;

  font-size: 14px;

  color: #6d6d6d;

  border-bottom: 1px solid rgba(9, 9, 9, 0.04);

}

.pt-pricing.style-3 .pt-pricing-item .body ul li:last-child {

  border: none;

}

/* Pricing Table : Style 4 */

.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, 0.1);

  /* padding: 30px;

    */

  -webkit-border-radius: 5px;

  border-radius: 5px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.pt-pricing.style-4 .pt-pricing-item:hover {

  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25),

    0 10px 10px rgba(0, 0, 0, 0.22);

  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 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: 0px;

  left: 0px;

  right: 0px;

  z-index: 1;

  -webkit-border-radius: 5px 5px 0px 0px;

  border-radius: 5px 5px 0px 0px;

}

.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: 0.9;

}

.pt-pricing.style-4 .pt-pricing-item.ribbon-3:before {

  content: "Featured";

  position: absolute;

  width: auto;

  background: rgba(0, 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: 0px;

  left: 0px;

  right: 0px;

  margin: 0 auto;

  z-index: 1;

  background: rgba(9, 9, 9, 0.1);

}

.pt-pricing.style-4 .pt-pricing-item .header .title {

  font-weight: 700;

  line-height: 30px;

  margin: 0px;

}

.pt-pricing.style-4 .pt-pricing-item .pt-pricing-tag {

  position: relative;

  z-index: 0;

  padding: 15px 0px;

  margin-bottom: 15px;

}

.pt-pricing.style-4 .pt-pricing-item .pt-pricing-tag:after {

  content: "";

  position: absolute;

  width: 140px;

  height: 1px;

  bottom: 0px;

  left: 0px;

  right: 0px;

  margin: 0 auto;

  z-index: 1;

  background: rgba(9, 9, 9, 0.04);

}

.pt-pricing.style-4 .pt-pricing-item .price-tag {

  position: relative;

  display: inline-block;

  font-size: 28px;

  font-weight: 500;

  line-height: 0px;

  margin: 0px 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 {

}

.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 0px;

  font-size: 14px;

  color: #6d6d6d;

  border-bottom: 1px solid rgba(9, 9, 9, 0.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 0px;

}

/* Media Query */

@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;

  }

}

/* Page Builder Related Style */

.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 .header,

.pt-pricing-content-align-left

  .pt-pricing.style-2

  .pt-pricing-item

  .pt-pricing-icon,

.pt-pricing-content-align-left .pt-pricing.style-2 .pt-pricing-item .footer,

.pt-pricing-content-align-left .pt-pricing.style-4 .pt-pricing-item .header,

.pt-pricing-content-align-left .pt-pricing.style-4 .pt-pricing-item .footer {

  padding-left: 30px;

  padding-right: 30px;

}

.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-2 .pt-pricing-item .footer,

.pt-pricing-content-align-right .pt-pricing.style-4 .pt-pricing-item .header,

.pt-pricing-content-align-right .pt-pricing.style-4 .pt-pricing-item .footer {

  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-right

  .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-right

  .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-2

  .pt-pricing-item

  .pt-pricing-tag:after {

  margin: 0;

  width: 100%;

}

/* Button Alignment */

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

}

/* comman */

.flex-container {

  display: flex;

  flex-wrap: wrap;

}

.flex-container > .pt-pricing {

  width: 31.4%;

  /*line-height: 30px;

    */

  margin: 10px;

}

/*general css */

.pt-pricing .pt-pricing-item .body {

}

/* Only In Pro */

/*==========================================product grid ==========================================================*/

.clearfix::before,

.clearfix::after {

  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-container,

.hide_rating .woocommerce .star-rating {

  display: none !important;

}

.pt-product-carousel .woocommerce ul.products li.product h3 {

  padding: 0.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: 0.45em 0.5em 0.575em;

  position: relative;

  right: auto;

  text-shadow: none;

  top: auto;

}

/* Product Simple and Reveal Style */

.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-simple .woocommerce li.product .entry-wrap,

.pt-product-carousel.pt-product-reveal .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-simple .woocommerce li.product .entry-header h3,

.pt-product-carousel.pt-product-reveal

  .woocommerce

  li.product

  .entry-header

  h3 {

  font-size: 14px;

  line-height: 1.2;

  margin: 0 0 5px;

  padding-bottom: 0.5em;

}

.pt-product-carousel.pt-product-simple

  .woocommerce

  li.product

  .entry-header

  h3

  a,

.pt-product-carousel.pt-product-reveal

  .woocommerce

  li.product

  .entry-header

  h3

  a {

  color: #272727;

  font-weight: normal;

  letter-spacing: 0.01rem;

  text-transform: uppercase;

}

.pt-product-carousel.pt-product-simple .woocommerce li.product .price > .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-reveal

  .woocommerce

  li.product

  .entry-header

  .price

  > .amount,

.pt-product-carousel.pt-product-reveal

  .woocommerce

  li.product

  .entry-header

  .price

  > ins

  > .amount {

  color: #272727;

  font-size: 18px;

  font-weight: normal;

}

.pt-product-carousel.pt-product-simple

  .woocommerce

  li.product

  .entry-wrap::before,

.pt-product-carousel.pt-product-reveal

  .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, 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-simple

  .woocommerce

  li.product

  .star-rating-container

  .star-rating::before,

.pt-product-carousel.pt-product-reveal

  .woocommerce

  li.product

  .star-rating-container

  .star-rating::before {

  color: #f2b01e;

}

.pt-product-carousel.pt-product-simple

  .woocommerce

  li.product

  .star-rating-container

  .star-rating

  span::before,

.pt-product-carousel.pt-product-reveal

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

}

/* Product Reveal Styles */

.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 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;

  transition: all 0.615s cubic-bezier(0.19, 1, 0.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, 0.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;

}

/* Product Overlay Styles */

.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 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;

}

.pt-product-carousel.pt-product-overlay .woocommerce li.product .entry-wrap {

  background-color: rgba(0, 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 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;

  transition: all 0.615s cubic-bezier(0.19, 1, 0.22, 1) 0s;

}

.pt-product-carousel.pt-product-overlay

  .woocommerce

  li.product

  .entry-wrap::before {

  background-color: rgba(0, 0, 0, 0.5);

  content: "";

  display: block;

  height: 50em;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  transition: all 0.615s cubic-bezier(0.19, 1, 0.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, 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 .price > del,

.pt-product-carousel.pt-product-overlay

  .woocommerce

  li.product

  .entry-header

  .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, 0.75);

}

.pt-product-carousel.pt-product-overlay

  .woocommerce

  li.product:hover

  .star-rating-container {

  opacity: 1;

}

/*============================================= services ======================================================*/

.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 0.4s ease-in-out 0s;

  transition: color 0.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 0.4s ease-in-out 0s;

  transition: all 0.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: bold;

  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(0.9, 0.9);

  transform: scale(0.9, 0.9);

}

.pt-services-style2 .pt-service .pt-image-wrapper img,

.pt-services-style2 .pt-service .pt-icon-wrapper span {

  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: bold;

  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;

  list-style: none;

  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: normal;

  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: none;

  float: none;

  vertical-align: middle;

  margin: 0 15px 0 0;

  content: "\e913";

  color: #bbbbbb;

  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: bold;

  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 0.4s ease-in-out 0s;

  transition: color 0.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;

}

/* --------------- Reset styles --------- */

.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 ol,

.pt-container ul,

.pt-container ol > li,

.pt-container ul > li,

.pt-container ol:hover,

.pt-container ul:hover,

.pt-container ul > li:hover,

.pt-container ol > li:hover,

.pt-container ol > li > a,

.pt-container ul > li > a,

.pt-container ol > li > a:hover,

.pt-container ul > li > a:hover,

.pt-container img,

.pt-grid-container ol,

.pt-grid-container ul,

.pt-grid-container ol > li,

.pt-grid-container ul > li,

.pt-grid-container ol:hover,

.pt-grid-container ul:hover,

.pt-grid-container ul > li:hover,

.pt-grid-container ol > li:hover,

.pt-grid-container ol > li > a,

.pt-grid-container ul > li > a,

.pt-grid-container ol > li > a:hover,

.pt-grid-container ul > li > a:hover,

.pt-grid-container img {

  padding: 0;

  margin: 0;

  border: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  list-style: none;

  background: none;

}

.pt-container ol:before,

.pt-container ol:after,

.pt-container ul:before,

.pt-container ul:after,

.pt-container ol > li:before,

.pt-container ol > li:after,

.pt-container ul > li:before,

.pt-container ul > li:after,

.pt-container ol:hover:before,

.pt-container ol:hover:after,

.pt-container ul:hover:before,

.pt-container ul:hover:after,

.pt-container ul > li:hover:before,

.pt-container ul > li:hover:after,

.pt-container ol > li:hover:before,

.pt-container ol > li:hover:after,

.pt-container ol > li > a:before,

.pt-container ol > li > a:after,

.pt-container ul > li > a:before,

.pt-container ul > li > a:after,

.pt-container ol > li > a:hover:before,

.pt-container ol > li > a:hover:after,

.pt-container ul > li > a:hover:before,

.pt-container ul > li > a:hover:after,

.pt-container img:before,

.pt-container img:after,

.pt-grid-container ol:before,

.pt-grid-container ol:after,

.pt-grid-container ul:before,

.pt-grid-container ul:after,

.pt-grid-container ol > li:before,

.pt-grid-container ol > li:after,

.pt-grid-container ul > li:before,

.pt-grid-container ul > li:after,

.pt-grid-container ol:hover:before,

.pt-grid-container ol:hover:after,

.pt-grid-container ul:hover:before,

.pt-grid-container ul:hover:after,

.pt-grid-container ul > li:hover:before,

.pt-grid-container ul > li:hover:after,

.pt-grid-container ol > li:hover:before,

.pt-grid-container ol > li:hover:after,

.pt-grid-container ol > li > a:before,

.pt-grid-container ol > li > a:after,

.pt-grid-container ul > li > a:before,

.pt-grid-container ul > li > a:after,

.pt-grid-container ol > li > a:hover:before,

.pt-grid-container ol > li > a:hover:after,

.pt-grid-container ul > li > a:hover:before,

.pt-grid-container ul > li > a:hover:after,

.pt-grid-container img:before,

.pt-grid-container img:after {

  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;

}

/* ------- General styles ------------ */

.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-onecol,

.pt-grid-container .pt-twocol,

.pt-grid-container .pt-threecol,

.pt-grid-container .pt-fourcol,

.pt-grid-container .pt-fivecol,

.pt-grid-container .pt-sixcol,

.pt-grid-container .pt-sevencol,

.pt-grid-container .pt-eightcol,

.pt-grid-container .pt-ninecol,

.pt-grid-container .pt-tencol,

.pt-grid-container .pt-elevencol,

.pt-grid-container .pt-twelvecol {

  min-height: 1px;

  /* Prevents columns from collapsing when housing absolute elements or when lazy loading content */

}

.pt-grid-container .pt-onecol,

.pt-grid-container .pt-twocol {

  width: calc(50% - 30px);

  float: left;

  margin-left: 20px;

}

.pt-grid-container .pt-threecol,

.pt-grid-container .pt-fourcol,

.pt-grid-container .pt-fivecol,

.pt-grid-container .pt-sixcol,

.pt-grid-container .pt-sevencol,

.pt-grid-container .pt-eightcol,

.pt-grid-container .pt-ninecol,

.pt-grid-container .pt-tencol,

.pt-grid-container .pt-elevencol,

.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-threecol,

  .pt-grid-container .pt-fourcol,

  .pt-grid-container .pt-fivecol,

  .pt-grid-container .pt-sixcol,

  .pt-grid-container .pt-sevencol,

  .pt-grid-container .pt-eightcol,

  .pt-grid-container .pt-ninecol {

    width: calc(50% - 30px);

    float: left;

    margin-left: 20px;

  }

  .pt-grid-container .pt-tencol,

  .pt-grid-container .pt-elevencol {

    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-threecol:nth-child(2n + 1),

  .pt-grid-container .pt-fourcol:nth-child(2n + 1),

  .pt-grid-container .pt-fivecol:nth-child(2n + 1),

  .pt-grid-container .pt-sixcol:nth-child(2n + 1),

  .pt-grid-container .pt-sevencol:nth-child(2n + 1),

  .pt-grid-container .pt-eightcol:nth-child(2n + 1),

  .pt-grid-container .pt-ninecol: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;

  }

}

/*--------- Support for 5 column grid ----*/

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

  }

}

/*--------- Gapless grid columns ----*/

.pt-gapless-grid.pt-grid-container,

.pt-gapless-grid .pt-grid-container {

  margin-left: 0px;

  margin-right: 0px;

  width: auto;

}

.pt-gapless-grid .pt-onecol,

.pt-gapless-grid .pt-twocol {

  width: calc(50%);

  float: left;

  margin-left: 0px;

}

.pt-gapless-grid .pt-threecol,

.pt-gapless-grid .pt-fourcol,

.pt-gapless-grid .pt-fivecol,

.pt-gapless-grid .pt-sixcol,

.pt-gapless-grid .pt-sevencol,

.pt-gapless-grid .pt-eightcol,

.pt-gapless-grid .pt-ninecol,

.pt-gapless-grid .pt-tencol,

.pt-gapless-grid .pt-elevencol,

.pt-gapless-grid .pt-twelvecol,

.pt-gapless-grid .pt-onefifth {

  width: calc(100%);

  float: left;

  margin-left: 0px;

}

@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: 0px;

  }

  .pt-gapless-grid .pt-threecol,

  .pt-gapless-grid .pt-fourcol,

  .pt-gapless-grid .pt-fivecol,

  .pt-gapless-grid .pt-sixcol,

  .pt-gapless-grid .pt-sevencol,

  .pt-gapless-grid .pt-eightcol,

  .pt-gapless-grid .pt-ninecol,

  .pt-gapless-grid .pt-onefifth {

    width: calc(50%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-tencol,

  .pt-gapless-grid .pt-elevencol {

    width: calc(66.66667%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-twelvecol {

    width: calc(100%);

    float: left;

    margin-left: 0px;

  }

}

@media only screen and (min-width: 801px) {

  .pt-gapless-grid .pt-onecol {

    width: calc(8.33333%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-twocol {

    width: calc(16.66667%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-threecol {

    width: calc(25%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-fourcol {

    width: calc(33.33333%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-fivecol {

    width: calc(41.66667%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-sixcol {

    width: calc(50%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-sevencol {

    width: calc(58.33333%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-eightcol {

    width: calc(66.66667%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-ninecol {

    width: calc(75%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-tencol {

    width: calc(83.33333%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-elevencol {

    width: calc(91.66667%);

    float: left;

    margin-left: 0px;

  }

  .pt-gapless-grid .pt-twelvecol {

    width: calc(100%);

    float: left;

    margin-left: 0px;

  }

}

@media only screen and (min-width: 801px) {

  .pt-gapless-grid .pt-onefifth {

    width: calc(20%);

    float: left;

    margin-left: 0px;

  }

}

.pt-grid-container .pt-sixcol:nth-child(2n + 1) {

  clear: none;

}

/*===============================================Stats Bar==================================================*/

.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, 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, 0.1);

}

/*=========================================Interactive Banner Styles==========================================================*/

.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: #ffffff;

  font-weight: normal;

}

.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: 0.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, 0.45);

}

/* Appear From Bottom */

.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 0.2s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.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: 0.2s;

  transition-delay: 0.2s;

}

/* Appear From top */

.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 0.2s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.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: 0.2s;

  transition-delay: 0.2s;

}

/* Appear From Left */

.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 0.2s linear;

  -webkit-transition: all 0.4s linear;

  transition: all 0.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: 0.2s;

  transition-delay: 0.2s;

}

/* Appear From Right */

.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 0.2s linear;

  -webkit-transition: all 0.4s linear;

  transition: all 0.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: 0.2s;

  transition-delay: 0.2s;

}

/* Appear From Zoom In */

.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 0.4s ease-in-out;

  transition: all 0.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;

}

/* Appear From Zoom Out */

.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 0.4s ease-in-out;

  transition: all 0.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: right;

  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 0.1s ease-in-out;

  transition: all 0.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: 0.3s;

  transition-delay: 0.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 0.2s ease-in-out;

  transition: all 0.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: 0.3s;

  transition-delay: 0.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 0.4s ease-in-out;

  transition: all 0.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: 0.3s;

  transition-delay: 0.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 0.1s ease-in-out;

  transition: all 0.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: 0.3s;

  transition-delay: 0.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 0.2s ease-in-out;

  transition: all 0.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: 0.3s;

  transition-delay: 0.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 0.4s ease-in-out;

  transition: all 0.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: 0.3s;

  transition-delay: 0.3s;

}

.pt-interactive_banner-wrapper .pt-interactive-banner-box img {

  display: block;

  margin: 0 auto;

}

/*=======================================================Team Css============================================*/

.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-title-size-small,

.pt-team-section .team-location-title-size-small,

.pt-team-section .team-designation-title-size-small,

.pt-team-section .team-phonenumber-title-size-small {

  color: #7f7f7f;

  font-size: 15px;

  margin-bottom: 5px;

}

.pt-team-section .team-title-size-medium,

.pt-team-section .team-location-title-size-medium,

.pt-team-section .team-designation-title-size-medium,

.pt-team-section .team-phonenumber-title-size-medium {

  color: #7f7f7f;

  font-size: 19px;

  margin-bottom: 5px;

}

.pt-team-section .team-title-size-large,

.pt-team-section .team-location-title-size-large,

.pt-team-section .team-designation-title-size-large,

.pt-team-section .team-phonenumber-title-size-large {

  color: #7f7f7f;

  font-size: 29px;

  margin-bottom: 5px;

}

.pt-team-section .team-title-size-xl,

.pt-team-section .team-location-title-size-xl,

.pt-team-section .team-designation-title-size-xl,

.pt-team-section .team-phonenumber-title-size-xl {

  color: #7f7f7f;

  font-size: 39px;

  margin-bottom: 5px;

}

.pt-team-section .team-title-size-xxl,

.pt-team-section .team-location-title-size-xxl,

.pt-team-section .team-designation-title-size-xxl,

.pt-team-section .team-phonenumber-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 {

  /*background-color: #ffffff;

     border: 1px solid #e2e2e2;

     padding: 15px;

    */

  width: 100%;

}

.pt-team-section .team-title-size-default {

  margin: 0;

}

/*=========================================team member===========================================================*/

.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: bold;

  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;

}

/*-------- Style 1 ----------------*/

.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 0.3s ease-in-out 0s;

  transition: all 0.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 0.3s ease-in-out 0s;

  transition: all 0.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;

}

/*-------- Style 2 ----------------*/

.pt-team-members-style2 {

  position: relative;

  max-width: 960px;

}

.pt-team-members-style2 .pt-team-member-wrapper {

  clear: both;

  margin-top: 100px;

  /* Make that flip-flop possible */

}

.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 0.3s ease-in-out 0s;

  transition: all 0.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-title,

.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-team-member-details,

.pt-team-members-style2

  .pt-team-member-wrapper:nth-child(even)

  .pt-team-member-text

  .pt-social-list {

  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-title,

  .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-team-member-details,

  .pt-team-members-style2 .pt-team-member .pt-team-member-text .pt-social-list {

    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;

}

/*======================================Testimonials Styles =========================================================*/

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

}

/* Default aligned */

.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: normal;

  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;

}

/* Left align */

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

}

/* Center align */

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

}

/* Right align */

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

}

/* Left Align With Background */

.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: none !important;

}

/*====================================Tooltip==================================================*/

.pt-tooltip {

  position: relative;

  display: inline-block;

  min-width: 150px;

  text-align: center;

  padding: 12px 24px;

  font-size: 0.93rem;

  color: #333;

  line-height: 1;

  cursor: pointer;

  transition: all 0.3s ease-in-out;

}

.pt-tooltip .pt-tooltip-text {

  display: block;

  width: 100%;

  visibility: hidden;

  background-color: black;

  color: #fff;

  text-align: center;

  border-radius: 4px;

  padding: 10px;

  position: absolute;

  z-index: 1;

  font-size: 0.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;

}

/* Left */

.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 300ms ease-in-out;

}

.pt-tooltip .pt-tooltip-text.pt-tooltip-left::after {

  top: calc(50% - 5px);

  left: 100%;

  border-color: transparent transparent transparent black;

}

/* Right */

.pt-tooltip .pt-tooltip-text.pt-tooltip-right {

  top: 50%;

  left: 100%;

  transform: translateY(-50%);

  transition: all 0.3s ease-in-out;

  margin-left: 10px;

}

.pt-tooltip:hover .pt-tooltip-text.pt-tooltip-right {

  animation: tooltipRightIn 300ms linear;

}

.pt-tooltip .pt-tooltip-text.pt-tooltip-right::after {

  top: calc(50% - 5px);

  right: 100%;

  border-color: transparent black transparent transparent;

}

/* Top */

.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: 0px;

  top: 100%;

  left: calc(50% - 5px);

  border-color: black transparent transparent transparent;

}

.pt-tooltip:hover .pt-tooltip-text.pt-tooltip-top {

  animation: tooltipTopIn 300ms linear;

}

/* Bottom */

.pt-tooltip .pt-tooltip-text.pt-tooltip-bottom {

  top: 100%;

  left: 0;

  right: 0;

  margin: 10px auto 0px auto;

}

.pt-tooltip .pt-tooltip-text.pt-tooltip-bottom::after {

  margin-top: 0px;

  bottom: 100%;

  left: calc(50% - 5px);

  border-color: transparent transparent black transparent;

}

.pt-tooltip:hover .pt-tooltip-text.pt-tooltip-bottom {

  animation: tooltipBottomIn 300ms linear;

}

/* Alignments */

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

}

/* tooltip Keyframes */

@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%;

  }

}

/*===================================== weforms Form Styles ==============================================*/

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

}

/*===============================================Slider===========================================================*/

.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: none;

}

.slick-list.dragging {

  cursor: pointer;

  cursor: hand;

}

.slick-slider .slick-track,

.slick-slider .slick-list {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.slick-track {

  position: relative;

  top: 0;

  left: 0;

  display: block;

}

.slick-track:before,

.slick-track:after {

  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;

}

/*================================================FILTERABLE GALLERY ==============================================================*/

/* Magnific Popup CSS */

.mfp-bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1042;

  overflow: hidden;

  position: fixed;

  background: #0b0b0b;

  opacity: 0.8;

}

.mfp-wrap {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1043;

  position: fixed;

  outline: none !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-inline-holder .mfp-content,

.mfp-ajax-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-close,

.mfp-arrow,

.mfp-preloader,

.mfp-counter {

  -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: -0.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-close,

button.mfp-arrow {

  overflow: visible;

  cursor: pointer;

  background: transparent;

  border: 0;

  -webkit-appearance: none;

  display: block;

  outline: none;

  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: 0.65;

  padding: 0 0 18px 10px;

  color: #fff;

  font-style: normal;

  font-size: 28px;

  font-family: Arial, Baskerville, monospace;

}

.mfp-close:hover,

.mfp-close:focus {

  opacity: 1;

}

.mfp-close:active {

  top: 1px;

}

.mfp-close-btn-in .mfp-close {

  color: #333;

}

.mfp-image-holder .mfp-close,

.mfp-iframe-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: 0.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:hover,

.mfp-arrow:focus {

  opacity: 1;

}

.mfp-arrow:before,

.mfp-arrow:after {

  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: 0.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, 0.6);

  background: #000;

}

/* Main image in popup */

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;

}

/* The shadow behind the image */

.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, 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) {

  /**

  * Remove all paddings around the image on small screen

  */

  .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, 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, 0.6);

    position: fixed;

    text-align: center;

    padding: 0;

  }

}

@media all and (max-width: 900px) {

  .mfp-arrow {

    -webkit-transform: scale(0.75);

    transform: scale(0.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: 0px 0px 20px 0px;

  padding: 0px;

  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: 0px;

  margin: 0px;

}

.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: 0.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: 0px;

  left: 0px;

  right: 0px;

  bottom: 0px;

  transition: transform 0.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: 0px;

  left: 0px;

  right: 0px;

  bottom: 0px;

  transition: transform 0.4s;

}

/* Caption Animation */

.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: 0.3s;

}

.pt-filter-gallery-container .item .caption a:nth-child(1),

.pt-container .item .caption a:nth-child(2) {

  transition: 0.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;

}

/* Filter Gallery Card Style */

.pt-filter-gallery-container.pt-cards .item:before {

  padding-top: 0px;

}

.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: 0px;

  transition: 0.3s;

}

.pt-filter-gallery-container.pt-cards .item-content p {

  font-size: 14px;

  line-height: 26px;

}

/* Grid Breakpoints */

/* Mobile */

@media screen and (max-width: 480px) {

  .pt-filter-gallery-container .item {

    width: 100%;

  }

}

/* Landscape Mobile */

@media only screen and (min-width: 481px) and (max-width: 767px) {

  .pt-filter-gallery-container .item {

    width: calc(100% / 2 - (((2 - 1) * 1rem) / 2));

  }

}

/* iPad */

@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: 0px;

  }

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

  }

}

/* Editor Specific Style */

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

}

/*  Magnific Gallery Fix */

.mfp-wrap ~ div.dialog-widget {

  display: none !important;

}

/* Image accordion */

.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 0.4s;

}

.pt-img-accordion a:focus {

  outline: none;

}

.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 0.4s;

}

.pt-img-accordion a:after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.6);

  z-index: 0;

  top: 0px;

  left: 0px;

  bottom: 0px;

  right: 0px;

  transition: all 0.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, 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 0.3s 0.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;

  }

}