







/* 1a. Containers */




/* 1b. Colors */





/* 1c. Typography */















/* 1d. Buttons */









/* 1e. Forms */









/* 1f. Tables */











/* 1g. Site header */





/* 1h. Site footer */









.content-wrapper {
  max-width: 1320px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 60px 20px;
}

.dnd-section > .row-fluid {
  max-width: 1320px;
}





html {
  font-size: 16px;
}

body {
  font-family: Quicksand, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #777777;
}

/* Paragraphs */

p {
  font-family: Quicksand, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Anchors */

a {
  color: #8e2694;
}

a:hover,
a:focus {
  color: #66006c;
}

a:active {
  color: #b64ebc;
}

::selection {
  color: #fff;
  background-color: #8e2694;
}

/* Headings */

h1 {
  font-weight: 700; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #111111;
  font-size: 56px;
}

h2 {
  font-weight: 700; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #111111;
  font-size: 48px;
}

h3 {
  font-weight: 700; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #111111;
  font-size: 36px;
}

h4 {
  font-weight: 700; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #111111;
  font-size: 26px;
}

h5 {
  font-weight: 700; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #111111;
  font-size: 20px;
}

h6 {
  font-weight: 700; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #111111;
  font-size: 14px;
}

@media (min-width: 768px) and (max-width: 960px) {
  h1 {
    font-size: calc(56px * 0.9);
  }
  h2 {
    font-size: calc(48px * 0.9);
  }
  h3 {
    font-size: calc(36px * 0.9);
  }
  h4 {
    font-size: calc(26px * 0.9);
  }
}

@media (max-width: 767px) {
  h1 {
    font-size: calc(56px * 0.8);
  }
  h2 {
    font-size: calc(48px * 0.8);
  }
  h3 {
    font-size: calc(36px * 0.8);
  }
}

.title-subtitle {
  color: #8e2694;
  font-family: Poppins, sans-serif;
}

hr:not(:first-child) {
  color: #8e2694;
  background-color: #8e2694;
}

/* Blockquote */

blockquote {
  border-left-color: #fed841;
}

/* Underline */

.underline01 {
  background-image: linear-gradient(to bottom,rgba(0,0,0,0) 80%,#8e2694 80%);
}
.underline02 {
  background-image: linear-gradient(to bottom,rgba(0,0,0,0) 80%,#fed841 80%);
}





button,
.button {
  background-color: 

  
  
    
  


  rgba(142, 38, 148, 1.0)

;
  border: 0px solid #8e2694;
  border-radius: 50px;
  color: #FFFFFF;
  padding: 12px 35px;
  font-weight: 700; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  font-family: Poppins, sans-serif;
}

.header__column button,
.header__column .button {
  padding: calc(12px * 0.7) calc(35px * 0.6);
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  background-color: rgba(112, 8, 118, 1.0);
  border-color: #700876;
  color: #FFFFFF;
}

button.bg-true,
.button.bg-true {
  background-color: 

  
  
    
  


  rgba(130, 27, 227, 1.0)

;
  border: 0px solid #821be3;
}

button.bg-true:hover,
button.bg-true:focus,
.button.bg-true:hover,
.button.bg-true:focus {
  background-color: rgba(100, 0, 197, 1.0);
  border-color: #6400c5;
  color: #FFFFFF;
}

button:active,
.button:active {
  background-color: rgba(182, 78, 188, 1.0);
  border-color: #b64ebc;
  color: #FFFFFF;
}





form,
.submitted-message {
  font-family: Quicksand, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Form title */

.form-title {
  color: #111111;
  font-size: 26px
}

/* Form label */

form label {
  font-weight: 700; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #111111;
  font-family: Poppins, sans-serif;
}

/* Form help text */

form legend {
  color: #FFFFFF;
}



/* Form inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  font-weight: 700; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  border-color: #eeeeee;
  color: #111111;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
  border-color: #8e2694;
}

form .hs-button {
  font-family: Poppins, sans-serif;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #777777;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #777777;
}

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
  background: #8e2694;
}

.fn-date-picker td .pika-button:hover {
  background-color: #8e2694 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #8e2694;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  background-color: 

  
  
    
  


  rgba(142, 38, 148, 1.0)

;
  border: 0px solid #8e2694;
  border-radius: 50px;
  color: #FFFFFF;
  padding: 12px 35px;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: rgba(102, 0, 108, 1.0);
  border-color: #66006c;
  color: #FFFFFF;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(182, 78, 188, 1.0);
  border-color: #b64ebc;
  color: #FFFFFF;
}





table {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: #FFFFFF;
}

th,
td {
  border-color: #FFFFFF;
  color: #FFFFFF;
}

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(142, 38, 148, 1.0)

;
  border-bottom-color: #FFFFFF;
  color: #FFFFFF;
}

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #FFFFFF;
}





#preloader_preload {
  background-color: #fed841;
}

.header {
  background-color: 

  
  
    
  


  rgba(255, 2, 1, 0.0)

;
  border-bottom-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
}

body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #FFFFFF;
  font-family: Poppins, sans-serif;
}

body .navigation-primary .submenu .submenu .menu-item .menu-link {
  color: #777777;
  font-family: Quicksand;
}
body .navigation-primary .submenu .submenu .menu-item:hover .menu-link {
  color: #8e2694;
}

.header__language-switcher--label-current:hover,
.header__language-switcher--label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  
}

body .navigation-primary a:active,
.header__language-switcher--label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #ffffff;
}

body .navigation-primary .submenu.level-1 > li > a:after {
  background-color: #8e2694;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(255, 2, 1, 0.0)

;
}

.header__language-switcher--label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Poppins, sans-serif;
  color: #FFFFFF;
}

.header__language-switcher--label-current:after {
  border-top-color: #FFFFFF;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(255, 2, 1, 0.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #FFFFFF;
  }
}

.submenu.level-2,
.header__language-switcher .lang_list_class li {
  background-color: #111111;
}

.header__language-switcher .lang_list_class li:hover,
.header__language-switcher.open .lang_list_class li {
  background-color: #8e2694;
}





.footer {
  background-color: 

  
  
    
  


  rgba(17, 17, 17, 1.0)

;
}

/* Footer Content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #FAFAFA;
}

.footer .heading-title {
  color: #ffffff;
}





.blog-header__inner,
.blog-related-posts {
  padding: 60px 0;
}

.blog-post__body {
  padding-top: calc(60px + 40px);
}

.blog-post {
  padding-bottom: calc(60px + 40px);
}

/* Blog listing */

.blog-index__post-title-link {
  color: #111111;
}

.blog-index__post-author-name {
  color: #777777;
}

.blog-index__post-tag {
  font-weight: 700; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  background-color: #8e2694;
}

.blog-index__post-tag:hover {
  background-color: #111111;
}

.blog-index__post-timestamp {
  color: #8e2694;
}

/* Blog pagination */

.blog-pagination__link {
  color: #777777;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #8e2694;
}

.blog-pagination__next-link svg,
.blog-pagination__prev-link svg {
  fill: #777777;
}
.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
  background-color: #8e2694;
}

.blog-pagination {
  font-family: Poppins, sans-serif;
}

/* Blog post */

.blog-post__meta {
  font-weight: 700; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  font-family: Poppins, sans-serif;
}

.blog-post__body {
  color: #111111;
}

.blog-post__title-wrapper h1 {
  font-size: calc(56px * 1.2);
}

.blog-post__tag-link {
  color: #777777;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #4f4f4f;
}

.blog-post__tag-link:active {
  color: #9f9f9f;
}

/* Blog related posts */

.blog-related-posts__title a {
  color: #111111;
}

.blog-related-posts__title a:hover {
  color: #8e2694;
}

/* Blog comments */

.blog-comments {
  padding-top: 60px;
  margin-bottom: calc(60px + 40px);
}

#comments-listing .comment-reply-to {
  color: #8e2694;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #66006c;
}

#comments-listing .comment-reply-to:active {
  color: #b64ebc;
}

.blog-comments .replying-to {
  font-weight: 700; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #111111;
}





.error-page:before {
  color: #8e2694;
}

.systems-page--search-results .hs-search-results__listing li .hs-search-results__title {
  font-family: Poppins, sans-serif;
  font-size: 20px;
  color: #111111;
}

.systems-page--search-results .hs-search-results__listing .hs-search-highlight {
  color: #8e2694;
}





.card__price {
  font-weight: 700; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #111111;
  font-size: calc(56px * 1.15);
}

.card__subtitle {
  color: #999999;
}

.team-member-wrapper img {
  border-color: #8e2694;
}

.team-member-wrapper .team-desc {
  color: #999999;
}

.team-member-wrapper.team-info-inside .team-job {
  color: #fed841;
}

.social-links__icon:hover,
.social-links__icon:focus,
.team-member__social-link:hover .team-member__social-link_color,
.team-member__social-link:focus .team-member__social-link_color {
  background-color: #8e2694;
}

.header__search.open,
.header__navigation.open,
.header__language-switcher.open {
  background-color: #8e2694;
}

.header__search .hs-search-field__input {
  font-family: Poppins, sans-serif;
}

.icon-block_icon-wrapper svg,
.service-table_icon-wrapper svg {
  fill: #8e2694;
}
.service-table.st-bg-transparent .service-table_icon-wrapper svg {
  fill: #fed841;
}

.counter-value-wrapper {
  font-weight: 700; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  font-family: Poppins, sans-serif;
  color: #111111;
}

.counter-title {
  color: #8e2694;
}

.counter-wrapper.counter-scheme-secondary .counter-value-wrapper {
  color: #fed841;
}

.promo-box:before {
  background: #8e2694;
}

.progress-bar {
  font-family: Poppins, sans-serif;
}

.progress-title {
  color: #111111;
}

.progress-load {
  background-color: #8e2694;
}

.portfolio.animation-overlay .portfolio__item .portfolio__desc {
  color: #8e2694;
}

.portfolio__title {
  background-image: linear-gradient(to bottom,rgba(0,0,0,0) 80%,#fed841 80%);
}

.portfolio.animation-default .portfolio__title {
  background-image: linear-gradient(to bottom,rgba(0,0,0,0) 80%,#8e2694 80%);
}

.portfolio.animation-overlay .portfolio__item .portfolio__caption {
  background-color: #111111;
}

.portfolio.animation-overlay.colorful .portfolio__item .portfolio__caption {
  background-color: #8e2694;
}

.portfolio.animation-overlay.colorful2 .portfolio__item .portfolio__caption {
  background-color: #fed841;
}

.portfolio.animation-overlay.colorful2 .portfolio__item .portfolio__caption * {
  color: #111111;
}
.portfolio.animation-overlay .portfolio__title {
  background-image: linear-gradient(to bottom,rgba(0,0,0,0) 70%,#fed841 70%);
}
.portfolio.animation-overlay.colorful2 .portfolio__title {
  background-image: linear-gradient(to bottom,rgba(0,0,0,0) 70%,#8e2694 70%);
}

.toggles__icon:before,
.toggles__icon:after {
  background-color: #111111;
}

.splide__pagination__page.is-active {
  background-color: #8e2694;
}

.testimonial-text {
  color: #111111;
}

.testimonial-author-desc {
  color: #999999;
}

.testimonial-large-text {
  font-family: Poppins, sans-serif;
}

.video-button-block_icon {
  background-color: #8e2694;
}

.video-close-btn:hover {
  background-color: #8e2694;
}

.vbb-color-full-light .video-button-block_icon svg {
  fill: #8e2694;
}

.vbb-color-full-dark .video-button-block_icon {
  background-color: #111111;
}

.video-button-popup-bg {
  background-color: #fed841;
}

.button-link__link {
  font-weight: 700; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #111111;
}

.button-link__link:hover {
  color: #111111;
}

.button-link__link:after {
  background-color: #111111;
}

.banner-block:hover .banner-block_wrapper {
  background-color: #8e2694;
}

.banner-block_size-large .banner-block_title {
  font-size: calc(36px * 1.3);
}

.large-promo.large-promo_dark:after {
  border-color: #fed841;
}
.large-promo.large-promo_primary {
  background-color: #8e2694;
}
.large-promo.large-promo_primary .large-promo-subtitle,
.large-promo.large-promo_primary .large-promo-text a {
  color: #111111;
}
.large-promo.large-promo_secondary {
  background-color: #fed841;
}
.large-promo.large-promo_secondary:after {
  border-color: #111111;
}
.large-promo.large-promo_secondary .large-promo-text,
.large-promo.large-promo_secondary .large-promo-text h1,
.large-promo.large-promo_secondary .large-promo-text h2,
.large-promo.large-promo_secondary .large-promo-text h3,
.large-promo.large-promo_secondary .large-promo-text h4,
.large-promo.large-promo_secondary .large-promo-text h5,
.large-promo.large-promo_secondary .large-promo-text h6,
.large-promo.large-promo_secondary .large-promo-text p {
  color: #111111;
}
.large-promo.large-promo_special .large-promo-text,
.large-promo.large-promo_special .large-promo-text h1,
.large-promo.large-promo_special .large-promo-text h2,
.large-promo.large-promo_special .large-promo-text h3,
.large-promo.large-promo_special .large-promo-text h4,
.large-promo.large-promo_special .large-promo-text h5,
.large-promo.large-promo_special .large-promo-text h6,
.large-promo.large-promo_special .large-promo-text p {
  color: #111111;
}
.heading-color-full-dark * {
  color: #111111;
}
@media (min-width: 768px) and (max-width: 1139px) {
  .service-table_title,
  .promo-box .heading-wrapper h3,
  .banner-block_title {
    font-size: calc(36px * 0.7);
  }
  .icon-block_title,
  .service-box_title {
    font-size: calc(26px * 0.8);
  }
  .banner-block_size-large .banner-block_title {
    font-size: calc(36px * 0.9);
  }
  
  .phone_ext-9ff8d86b-e305-46c0-9a9b-77761b861c4a_8590{
    width: 30% !important;
    height: 20% !important;
}