/* 1a. Containers */




/* 1b. Colors */





/* 1c. Typography */















/* 1d. Buttons */







/* 1e. Forms */










/* 1f. Tables */











/* 1g. Site header */





/* 1h. Site footer */




/* crop */







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

.dnd-section {
  padding: 80px 20px;
}

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

/* Set vertical space between columsn in mobile view */
@media (max-width: 767px) {
  .row-fluid [class *="span"] {
    margin-bottom: 50px
  }  
  .row-fluid [class *="span"]:last-child {
    margin-bottom: 0;
  }
}

/* Add also margin blow image widget */
.row-fluid > .span12 > .hs_cos_wrapper > .hs_cos_wrapper_type_linked_image > img {
  margin: 0 0 1rem;
}





html {
  font-size: 18px;
}

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

/* Paragraphs */

h1, h2, h3, h4, h5, h6, p {
    margin: 0 0 1rem;
}

p {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-weight: 300;
  line-height: 27.0px;
}

/* Anchors */

a {
  color: #dc0f78;
}

a:hover,
a:focus {
  color: #f8188a;
}

a:active {
  color: #f8188a;
}

/* Headings */

h1 {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #262626;
  font-size: 68px;
  line-height: 78.19999999999999px;
  margin-bottom: 40px;
}

h2 {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #262626;
  font-size: 55px;
  line-height: 63.24999999999999px;
}

h3 {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #262626;
  font-size: 35px;
}

h4 {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #262626;
  font-size: 24px;
}

h5 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  color: #000000;
  font-size: 18px;
}

h6 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  color: #262626;
  font-size: 14px;
}

/* Blockquote */

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

/* Set vertical space between columsn in mobile view */
@media (max-width: 767px) {
  h1 {
    font-size: 48px;
    line-height: 55.199999999999996px;
  }

  h2 {
    font-size: 40px;
    line-height: 46.0px;
  }

}






button,
.button {
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
  background-color: 

  
  
    
  


  rgba(220, 15, 120, 1.0)

;
  border: 0px solid #262626;
  border-radius: 0px;
  color: #FFFFFF;
  padding: 15px 40px;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  /*background-color: rgba(180, 0, 80, 1.0);
  border-color: #000000;*/
  background-color: #f8188a;
  border-color: #f8188a;
  color: #FFFFFF;
}

button:active,
.button:active {
  background-color: rgba(255, 55, 160, 1.0);
  border-color: #4e4e4e;
  color: #FFFFFF;
}





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

/* Form title */

.form-title {
  background-color: 

  
  
    
  


  rgba(38, 38, 38, 1.0)

;
  color: #dc0f78;
}

/* Form label */

form label {
  color: #262626;
}

/* Form help text */

form legend {
  color: #262626;
}

/* 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 {
  border-color: #f6f6f6;
  color: #262626;
  width: 100% !important;
  -webkit-appearance: none;
  outline: none;
  border: 1px solid #f6f6f6;
  background-color: #f6f6f6;
  border-radius: 0;
}

input[type="checkbox"], 
input[type="radio"] {
  margin-right: 5px;
}
/*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: #262626;
}*/

/* Form placeholder text */

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

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

/* Date picker */

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

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

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

/* Submit button */

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

  
  
    
  


  rgba(220, 15, 120, 1.0)

;
  border: 0px solid #262626;
  border-radius: 0px;
  color: #FFFFFF;
  padding: 15px 40px;
  width: 100%;
  text-transform: uppercase;
  font-weight: 400;
}

form input[type=submit]:hover,
form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  /*background-color: rgba(180, 0, 80, 1.0);
  border-color: #000000;*/
  background-color: #f8188a;
  border-color: #f8188a;
  color: #FFFFFF;
}

form input[type=submit]:active,
form .hs-button:active {
  /*background-color: rgba(255, 55, 160, 1.0);
  border-color: #4e4e4e;*/
  background-color: #f8188a;
  border-color: #f8188a;
  color: #FFFFFF;
}

/** CROP **/
.widget-type-form {
  margin-top: 30px;
}
.hs-site-page fieldset.form-columns-2 {
  column-gap: 20px;  
  display: flex;
}
.hs-site-page .hs-form-field {
  margin-bottom: 20px;
  width: 100%;
}
.hs-site-page .hs-form-field .input {
  margin-right: 0 !important; 
}
.hs-site-page .hs-form-field .input textarea {
  height: 10rem; 
}
.hs-site-page .hs-fieldtype-text label,
.hs-site-page .hs-fieldtype-textarea label {
  display: none;
}
.hs-site-page .field .hs-error-msgs.inputs-list {
  display: none !important;
}
.hs-site-page .hs-input.error {
  border-color: #dc0f78;
  border-width: 1px;
}
.hs-site-page .hs_error_rollup ul.hs-error-msgs li label {
  color: #dc0f78;  
  margin-bottom: 40px;
  text-align: center;  
}
.hs-site-page .legal-consent-container,
.hs-site-page .legal-consent-container p {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: .875rem;
  font-weight: 300;
  line-height: 27.0px;
}
.hs-site-page .legal-consent-container .hs-form-booleancheckbox label {
  align-items: baseline;
  display: flex;  
}
.hs-site-page .legal-consent-container .hs-form-booleancheckbox-display>span,
.hs-site-page .legal-consent-container .hs-form-booleancheckbox-display>span p {
  margin-left: 0.2rem !important;
}





table {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: #262626;
}

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

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(38, 38, 38, 1.0)

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

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #262626;
}





.header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

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

body .navigation-primary a:hover,
body .navigation-primary a:focus,
.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 {
  color: #000000;
}

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

body .navigation-primary .submenu.level-1 > li > a.active-item:after {
  background-color: #262626;
}

body .submenu.level-2,
.header__language-switcher .lang_list_class {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: #262626;
}

body .submenu.level-2 > li:first-child:before {
  border-color: #262626;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: #262626;
}

body .submenu.level-2 .menu-item .menu-link:hover,
body .submenu.level-2 .menu-item .menu-link:focus,
.header__language-switcher .lang_list_class li:hover,
body .submenu.level-2 > li:first-child:hover:before,
body .submenu.level-2 > li:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Lato, sans-serif;
}

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

/* Crop navigation changes */
.header {
  background: none;
  position: relative;
}

.header__logo,
.header__logo--main {
  left: 20px;
  margin: 0 !important;
  max-width: 125px;
  padding: 0;
  position: absolute;
}

.header__container.content-wrapper {
  padding: 0 20px;  
  position: relative;
}

.header__container.content-wrapper.logo-bar {
  justify-content: flex-end;
  padding: 35px 20px 40px;
}

.header__container.content-wrapper.logo-bar > * {
  margin-left: 40px;
}

.header__custom-language-switcher {
  margin: 0;
  padding: 0;
}

.header__custom-language-switcher a {
  color: #000;  
  font-size: 14px;
  font-weight: 300;
  line-height: 14px;
  padding-left: 5px;
}

.header__custom-language-switcher a.active {
  font-weight: 400;  
  text-decoration: underline;
}

.header__button a.button {
  font-size: 12px;
  line-height: 12px;
  padding: 9px 14px;
  text-transform: uppercase;
}

.header__navigation--toggle {
  background-image: none;
  padding: 2px 0 0;
}

.header__navigation--toggle:after {
  content: "" !important;
}

.hamburger-box {
  width: 32px;
}

.hamburger-inner, 
.hamburger-inner:after, 
.hamburger-inner:before,
.hamburger.is-active .hamburger-inner, 
.hamburger.is-active .hamburger-inner:after, 
.hamburger.is-active .hamburger-inner:before {
  width: 32px;
  background-color: #dc0f78;
}

.hamburger:hover, 
.hamburger.is-active:hover {
    opacity: 1;
}

.hamburger:hover .hamburger-inner, 
.hamburger:hover .hamburger-inner:after, 
.hamburger:hover .hamburger-inner:before,
.hamburger.is-active:hover .hamburger-inner, 
.hamburger.is-active:hover .hamburger-inner:after, 
.hamburger.is-active:hover .hamburger-inner:before {
  background-color: #f8188a;
}

.header__navigation {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

 !important;
  display: block;
  max-height: 0;
  overflow-y: hidden;  
  padding: 0;
  position: absolute;  
  transition: max-height 0.45s ease;
  width: 100%;  
}

.header__navigation.open {
  height: auto;
  max-height: 50vh;
  top: auto;
  transition: max-height 1s ease;
}

.header__navigation .header__container.content-wrapper {
  padding: 0 20px 30px;
}

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #262626;
  }
  
  /* crop */
  
  .header__container.content-wrapper.logo-bar {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    padding: 20px 20px 20px;
  }
  
  .header__container.content-wrapper.logo-bar > * {
    margin-left: 18px;
  }

  .header__logo,
  .header__logo--main {
    max-width: 100px;
  }
  
}





.footer {
  background-color: 

  
  
    
  


  rgba(246, 246, 246, 1.0)

;
  text-align: right;
}

.footer__container.content-wrapper {
  padding: 20px 20px;
}

/* 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: #dc0f78;  
  font: {font=Raleway, font_set=GOOGLE, styles={font-family=Raleway, sans-serif, font-style=normal, font-weight=normal, text-decoration=none}, size=null, size_unit=null, color=#262626, variant=regular, fallback=sans-serif, style=font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none, css=color: #262626;font-family: Raleway, sans-serif;};
  font-size: 16px;
  font-weight: 300;
}

/* Cookiebot */
a#CybotCookiebotDialogBodyButtonAccept,
a#CybotCookiebotDialogBodyLevelButtonAccept,
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    background-color: #dc0f78 !important;
    border: 1px solid #dc0f78 !important;
    padding: 4px 8px !important;
}





.blog-index,
.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 80px 0;
}

.blog-pagination,
.blog-comments {
  margin-bottom: 80px;
}

.blog-post__date {
  border-color: #262626;
}

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

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

.blog-post__tag-link:active {
  color: #4e4e4e;
}

.blog-pagination__link {
  color: #262626;
}

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

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

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

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

/* crop */

/* header */
.blog-header {
  background-image: url(https://7148563.fs1.hubspotusercontent-na1.net/hubfs/7148563/bg_blog.jpg);
  background-position: center middle;
  background-size: cover;
}

.blog-header__inner {
    padding: 70px 0;
}

.blog-header__title {
  color: #fff;
  font-size: 68px;
  margin: 0 0 20px 0;
}

.blog-header__subtitle {
  color: #fff;
  margin: 0 0 25px 0;
}

/* index */
.blog-index__post-content h2 {
  margin: 0 0 30px;
}

.blog-index__post-content--small h2 {
  font-size: 24px;
  line-height: 32px;
  margin: 15px 0;
}

.blog-index__post-content {
  font-weight: 300;
}

.blog-index__post a:hover {
  text-decoration: none;
}

/* single */
.blog-post__content-wrapper {
  max-width: 680px;
  margin: 0 auto;
}

.blog-post__meta {
  font-size: 16px;
  font-weight: 300;
  margin: 35px 0;
}

.blog-post__meta a {
  color: #dc0f78;
  font-weight: normal;
  text-decoration: none;
}

.blog-post__avatar {
  border-radius: 50%;
  float: left;
  margin: 0 20px 0 0;
}

.blog-post__main-image {
  margin: 40px auto;
  max-width: 800px;
}

/* author */
.blog-author {
  display: flex;
  margin: 0 auto;
  max-width: 680px;
  padding: 60px 20px 0;  
}

.blog-author h2,
.blog-author p {
  color: #262626;
}

.blog-header__author-avatar {
    box-shadow: none;
    margin: 0 40px 0 0;
    width: 110px
}

.blog-header__author-social-links a {
    background-color: #dc0f78;
    height: 40px;
    margin: 0 12px 0 0;
    width: 40px
}

.blog-header__author-social-links a:hover {
    background-color: #f8188a;
}

/* social links */
.social-links__icon {
  background-color: #494a52;
}

@media(max-width: 767px) {
  .blog-index__post-image-wrapper--large {
    display: block;
    margin: 0 0 20px;
  }
  .blog-index__post {
    flex: 0 0 100%;
    padding: 1rem 0;
  }
}





.error-page:before {
  display: none;
}
.systems-page .success {
  border-radius: 0px;
  margin: 40px 0;
  padding: 10px 20px;
  width: auto;
}
div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
  background-color: #f6f6f6 !important;
  box-shadow: none !important;
}






.card__price {
  font-family: Raleway, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #262626;
  font-size: 35px;
}