/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * Accordion CSS -> Frontend+Backend.
 */
.wp-block-wpl-block-accordion .accordion_item.white h3 {
  background: #fff;
  border-color: #ddd;
  color: #000; }

.wp-block-wpl-block-accordion .accordion_item.black h3 {
  background: #474747;
  border-color: #202020;
  color: #fff; }

.wp-block-wpl-block-accordion .accordion_item.grey h3 {
  background: #ececec;
  border-color: #ddd;
  color: #000; }

.wp-block-wpl-block-accordion .accordion_item.red h3 {
  background: #e53b51;
  background: -webkit-gradient(linear, left top, left bottom, from(#e53b51), to(#e11a50));
  background: -webkit-linear-gradient(top, #e53b51 0%, #e11a50 100%);
  background: -o-linear-gradient(top, #e53b51 0%, #e11a50 100%);
  background: linear-gradient(to bottom, #e53b51 0%, #e11a50 100%);
  border-color: #e33a50;
  color: #fff; }

.wp-block-wpl-block-accordion .accordion_item.orange h3 {
  background: #f18d06;
  background: -webkit-gradient(linear, left top, left bottom, from(#f18d06), to(#ed8200));
  background: -webkit-linear-gradient(top, #f18d06 0%, #ed8200 100%);
  background: -o-linear-gradient(top, #f18d06 0%, #ed8200 100%);
  background: linear-gradient(to bottom, #f18d06 0%, #ed8200 100%);
  border-color: #f18d06;
  color: #fff; }

.wp-block-wpl-block-accordion .accordion_item.green h3 {
  background: #2eb44b;
  background: -webkit-gradient(linear, left top, left bottom, from(#2eb44b), to(#11b231));
  background: -webkit-linear-gradient(top, #2eb44b 0%, #11b231 100%);
  background: -o-linear-gradient(top, #2eb44b 0%, #11b231 100%);
  background: linear-gradient(to bottom, #2eb44b 0%, #11b231 100%);
  border-color: #2eb44b;
  color: #fff; }

.wp-block-wpl-block-accordion .accordion_item.blue h3 {
  background: #20a7ff;
  background: -webkit-gradient(linear, left top, left bottom, from(#20a7ff), to(#07a0ff));
  background: -webkit-linear-gradient(top, #20a7ff 0%, #07a0ff 100%);
  background: -o-linear-gradient(top, #20a7ff 0%, #07a0ff 100%);
  background: linear-gradient(to bottom, #20a7ff 0%, #07a0ff 100%);
  border-color: #20a7ff;
  color: #fff; }

.wp-block-wpl-block-accordion .accordion_item h3 {
  cursor: pointer;
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 20px;
  margin: 0px; }
  .wp-block-wpl-block-accordion .accordion_item h3.align-left {
    text-align: left; }
  .wp-block-wpl-block-accordion .accordion_item h3.align-center {
    text-align: center; }
  .wp-block-wpl-block-accordion .accordion_item h3.align-right {
    text-align: right; }

.wp-block-wpl-block-accordion .accordion_item .content {
  margin: 0;
  display: none;
  padding: 10px; }
  .wp-block-wpl-block-accordion .accordion_item .content.align-left {
    text-align: left; }
  .wp-block-wpl-block-accordion .accordion_item .content.align-center {
    text-align: center; }
  .wp-block-wpl-block-accordion .accordion_item .content.align-right {
    text-align: right; }

.wp-block-wpl-block-accordion .accordion_item .expand-item:after {
  content: '+';
  float: right;
  font-weight: bold; }

.wp-block-wpl-block-accordion .accordion_item.expanded .expand-item:after {
  content: '- '; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * Alert CSS -> Frontend+Backend.
 */
.wp-block-wpl-block-alert .alert-type {
  padding: 10px;
  margin: 15px 0;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.6);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.6);
  border-bottom-width: 3px; }
  .wp-block-wpl-block-alert .alert-type.white {
    background: #fff;
    border-color: #ddd; }
    .wp-block-wpl-block-alert .alert-type.white p {
      color: #000; }
  .wp-block-wpl-block-alert .alert-type.black {
    background: #474747;
    border-color: #202020; }
    .wp-block-wpl-block-alert .alert-type.black p {
      color: #fff; }
  .wp-block-wpl-block-alert .alert-type.grey {
    background: #ececec;
    border-color: #ddd; }
    .wp-block-wpl-block-alert .alert-type.grey p {
      color: #000; }
  .wp-block-wpl-block-alert .alert-type.error {
    background: #e53b51;
    background: -webkit-gradient(linear, left top, left bottom, from(#e53b51), to(#e11a50));
    background: -webkit-linear-gradient(top, #e53b51 0%, #e11a50 100%);
    background: -o-linear-gradient(top, #e53b51 0%, #e11a50 100%);
    background: linear-gradient(to bottom, #e53b51 0%, #e11a50 100%);
    border-color: #e33a50; }
    .wp-block-wpl-block-alert .alert-type.error p {
      color: #fff; }
  .wp-block-wpl-block-alert .alert-type.warning {
    background: #f18d06;
    background: -webkit-gradient(linear, left top, left bottom, from(#f18d06), to(#ed8200));
    background: -webkit-linear-gradient(top, #f18d06 0%, #ed8200 100%);
    background: -o-linear-gradient(top, #f18d06 0%, #ed8200 100%);
    background: linear-gradient(to bottom, #f18d06 0%, #ed8200 100%);
    border-color: #f18d06; }
    .wp-block-wpl-block-alert .alert-type.warning p {
      color: #fff; }
  .wp-block-wpl-block-alert .alert-type.success {
    background: #2eb44b;
    background: -webkit-gradient(linear, left top, left bottom, from(#2eb44b), to(#11b231));
    background: -webkit-linear-gradient(top, #2eb44b 0%, #11b231 100%);
    background: -o-linear-gradient(top, #2eb44b 0%, #11b231 100%);
    background: linear-gradient(to bottom, #2eb44b 0%, #11b231 100%);
    border-color: #2eb44b; }
    .wp-block-wpl-block-alert .alert-type.success p {
      color: #fff; }
  .wp-block-wpl-block-alert .alert-type.info {
    background: #20a7ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#20a7ff), to(#07a0ff));
    background: -webkit-linear-gradient(top, #20a7ff 0%, #07a0ff 100%);
    background: -o-linear-gradient(top, #20a7ff 0%, #07a0ff 100%);
    background: linear-gradient(to bottom, #20a7ff 0%, #07a0ff 100%);
    border-color: #20a7ff; }
    .wp-block-wpl-block-alert .alert-type.info p {
      color: #fff; }
  .wp-block-wpl-block-alert .alert-type p {
    margin: 0px; }
    .wp-block-wpl-block-alert .alert-type p.alert-align-center {
      text-align: center; }
    .wp-block-wpl-block-alert .alert-type p.alert-align-right {
      text-align: right; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * Container CSS -> Frontend+Backend.
 */
.wp-block-wpl-block-container {
  background: #f9f9f9;
  margin: 0 auto;
  padding: 1.5rem;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover; }
  .wp-block-wpl-block-container .content-container {
    position: relative;
    z-index: 5; }
  .wp-block-wpl-block-container .background-container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .wp-block-wpl-block-container .gray {
    color: #8c8c8c; }
  .wp-block-wpl-block-container .white {
    color: white; }
  .wp-block-wpl-block-container .black {
    color: white; }
  .wp-block-wpl-block-container .wp-block-separator.is-style-default {
    display: block;
    width: 25%;
    margin: 0 auto 12px auto;
    border: 0px;
    border-bottom: 1px solid #d7d7d7; }
  .wp-block-wpl-block-container .wp-block-separator.is-style-wide {
    display: block;
    width: 100%;
    margin: 0 auto 12px auto;
    border: 0px;
    border-bottom: 1px solid #d7d7d7; }
  .wp-block-wpl-block-container .wp-block-separator.is-style-dots.white:before {
    color: #fff; }
  .wp-block-wpl-block-container .wp-block-separator.is-style-dots.gray:before {
    color: #8c8c8c; }
  .wp-block-wpl-block-container .subtitle {
    padding: 0 0 15px 0;
    margin: 0;
    letter-spacing: 2px;
    font-size: 24px;
    font-weight: 300;
    line-height: 150%;
    font-style: italic; }

.wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.is-resized > figcaption {
  display: block; }

.margin-bottom-5 {
  margin-bottom: 5px; }

.margin-bottom-10 {
  margin-bottom: 10px; }

.margin-bottom-15 {
  margin-bottom: 15px; }

.margin-bottom-20 {
  margin-bottom: 20px; }

.margin-bottom-25 {
  margin-bottom: 25px; }

.margin-bottom-30 {
  margin-bottom: 30px; }

.margin-bottom-35 {
  margin-bottom: 35px; }

.margin-bottom-40 {
  margin-bottom: 40px; }

.title-line::after {
  content: '';
  display: block;
  width: 30px;
  height: 3px;
  margin: 17px 0 35px;
  background: #353535; }

@media only screen and (max-width: 768px) {
  .wp-block-media-text {
    display: block; }
  .wp-block-media-text .wp-block-media-text__media {
    width: auto;
    margin: 2em 1em 1em; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * Team CSS -> Frontend+Backend.
 */
.wp-block-wpl-block-team img.team-image {
  width: 100%;
  height: auto; }

.wp-block-wpl-block-team .team_name {
  margin: 5px 0; }
  .wp-block-wpl-block-team .team_name.align-left {
    text-align: left; }
  .wp-block-wpl-block-team .team_name.align-right {
    text-align: right; }
  .wp-block-wpl-block-team .team_name.align-center {
    text-align: center; }

.wp-block-wpl-block-team .team_position.align-left p {
  text-align: left; }

.wp-block-wpl-block-team .team_position.align-right p {
  text-align: right; }

.wp-block-wpl-block-team .team_position.align-center p {
  text-align: center; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * link CSS -> Frontend+Backend.
 */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * Alert CSS -> Frontend+Backend.
 */
.wp-block-wpl-block-columns {
  margin-bottom: 2em; }
  .wp-block-wpl-block-columns p {
    font-size: 17px; }
  .wp-block-wpl-block-columns .column-align-left {
    text-align: left; }
  .wp-block-wpl-block-columns .column-align-center {
    text-align: center; }
  .wp-block-wpl-block-columns .column-align-right {
    text-align: right; }
  .wp-block-wpl-block-columns .columns-2 {
    -webkit-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 32px;
            column-gap: 32px; }
  .wp-block-wpl-block-columns .columns-3 {
    -webkit-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 32px;
            column-gap: 32px; }
  .wp-block-wpl-block-columns .columns-4 {
    -webkit-column-count: 4;
            column-count: 4;
    -webkit-column-gap: 32px;
            column-gap: 32px; }
  @media only screen and (max-width: 1024px) {
    .wp-block-wpl-block-columns .columns-2 {
      -webkit-column-count: 2;
              column-count: 2;
      -webkit-column-gap: 32px;
              column-gap: 32px; }
    .wp-block-wpl-block-columns .columns-3 {
      -webkit-column-count: 3;
              column-count: 3;
      -webkit-column-gap: 32px;
              column-gap: 32px; }
    .wp-block-wpl-block-columns .columns-4 {
      -webkit-column-count: 3;
              column-count: 3;
      -webkit-column-gap: 32px;
              column-gap: 32px; } }
  @media only screen and (max-width: 768px) {
    .wp-block-wpl-block-columns .columns-2 {
      -webkit-column-count: 2;
              column-count: 2;
      -webkit-column-gap: 32px;
              column-gap: 32px; }
    .wp-block-wpl-block-columns .columns-3 {
      -webkit-column-count: 2;
              column-count: 2;
      -webkit-column-gap: 32px;
              column-gap: 32px; }
    .wp-block-wpl-block-columns .columns-4 {
      -webkit-column-count: 2;
              column-count: 2;
      -webkit-column-gap: 32px;
              column-gap: 32px; } }
  @media only screen and (max-width: 420px) {
    .wp-block-wpl-block-columns .columns-2 {
      -webkit-column-count: 1;
              column-count: 1;
      -webkit-column-gap: 32px;
              column-gap: 32px; }
    .wp-block-wpl-block-columns .columns-3 {
      -webkit-column-count: 1;
              column-count: 1;
      -webkit-column-gap: 32px;
              column-gap: 32px; }
    .wp-block-wpl-block-columns .columns-4 {
      -webkit-column-count: 1;
              column-count: 1;
      -webkit-column-gap: 32px;
              column-gap: 32px; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * Accordion CSS -> Frontend+Backend.
 */
.wp-block-wpl-block-pricing {
  text-align: center;
  padding: 20px 10px 40px 10px; }
  .wp-block-wpl-block-pricing .title {
    text-transform: uppercase;
    margin: 0;
    padding: 32px 0 0;
    font-size: 1.8em; }
  .wp-block-wpl-block-pricing .psubtitle {
    padding: 10px 0 20px 0; }
  .wp-block-wpl-block-pricing .price {
    margin: 30px;
    color: #000;
    display: block; }
    .wp-block-wpl-block-pricing .price sup {
      font-size: 16px;
      line-height: 32px;
      vertical-align: top;
      display: inline-block; }
      @media only screen and (max-width: 1024px) {
        .wp-block-wpl-block-pricing .price sup {
          font-size: 14px; } }
      @media only screen and (max-width: 768px) {
        .wp-block-wpl-block-pricing .price sup {
          font-size: 14px; } }
      @media only screen and (max-width: 480px) {
        .wp-block-wpl-block-pricing .price sup {
          font-size: 12px; } }
    .wp-block-wpl-block-pricing .price span {
      font-size: 72px; }
      @media only screen and (max-width: 1024px) {
        .wp-block-wpl-block-pricing .price span {
          font-size: 28px; } }
      @media only screen and (max-width: 768px) {
        .wp-block-wpl-block-pricing .price span {
          font-size: 32px; } }
      @media only screen and (max-width: 480px) {
        .wp-block-wpl-block-pricing .price span {
          font-size: 28px; } }
    .wp-block-wpl-block-pricing .price sub {
      font-size: 21px;
      letter-spacing: 1px; }
      @media only screen and (max-width: 1024px) {
        .wp-block-wpl-block-pricing .price sub {
          font-size: 16px; } }
      @media only screen and (max-width: 768px) {
        .wp-block-wpl-block-pricing .price sub {
          font-size: 22px; } }
      @media only screen and (max-width: 480px) {
        .wp-block-wpl-block-pricing .price sub {
          font-size: 14px; } }
  .wp-block-wpl-block-pricing .line {
    border-top: 1px solid #8c8c8c;
    padding: 20px 0 0 0; }
  .wp-block-wpl-block-pricing .pricing-details {
    margin: 20px 0 40px 0; }
    .wp-block-wpl-block-pricing .pricing-details p {
      margin: 0px; }
  .wp-block-wpl-block-pricing .popular .psubtitle {
    color: #000; }
  .wp-block-wpl-block-pricing .popular .pricing-details p {
    color: #000; }
  .wp-block-wpl-block-pricing .popular .line {
    border-top: 1px solid #000; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * Projects CSS -> Frontend+Backend.
 */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * Posts CSS -> Frontend+Backend.
 */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * Posts CSS -> Frontend+Backend.
 */
