/* Here you can manage your macro's theme setting to avoid multiple compilations */

@font-face {
 font-family: "Calibri";
 src: url("https://8989466.fs1.hubspotusercontent-na1.net/hubfs/8989466/Font/Calibri%20Regular.ttf") format("ttf");
}



  

.link-footer{
  color: #FFF;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
}




/* Here you can manage your theme settings */







/* 1a. Containers & Spacing */






/* 1b. Colors */ 


;



 
/* 1c. Typography */

































/* 1d. Buttons */







/* 1e. Forms */







 




/* 1f. Tables */
/* Check in notes if needed */
/* 1g. Site header */











/* 1h. Site footer */










/* 1i. Modules */















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

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

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





html {
  font-size: 16px;
  line-height: 1.50;
}

body {
  font-family: Montserrat; font-style: normal; font-weight: normal; text-decoration: none;
  color: #454D54;
  background-color: #FFFFFF
}

/* Paragraphs */

p {
  font-family: "Calibri" !important;
  font-family: Montserrat; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Anchors */

a {
  color: #EE2737;
}

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

a:active {
  color: #ff4f5f;
}

/* Headings */

h1, .h1 {
  font-weight: 700; text-decoration: none; font-family: Montserrat; font-style: normal;
  color: #17223d;
  font-size: 50px;
  line-height: 1.25;
  font-weight:bold !important;
}

h2, .h2 {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #17223d;
  font-size: 38px;
  line-height: 1.25;
  font-weight:bold !important;
}

h3, .h3 {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #17223d;
  font-size: 30px;
  line-height: 1.25;
  font-weight:bold !important;
}

h4, .h4 {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #17223d;
  font-size: 24px;
  line-height: 1.25;
  font-weight:bold !important;
}

h5, .h5 {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #17223d;
  font-size: 16px;
  line-height: 1.25;
  font-weight:bold !important;
}

h6, .h6 {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #17223d;
  font-size: 14px;
  line-height: 1.25;
  font-weight:bold !important;
}

.label {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #999;
  font-size: 14px;
}

.subtitle {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #8C9BAA;
  font-size: 20px;
}

/* Blockquote */

blockquote {
  padding:10px 100px 10px 10px; 
  border-left:solid 3px #EE2737; 
  background:#F6F9FD; 
  color:#1D1D1B;
  font-style: normal !important;
  margin-left: 0px;
  margin-right: 0px;
}





button,
.button {
  background-color: 

  
  
    
  


  rgba(255, 42, 83, 1.0)

;
  border: 1px solid #FF2A53;
  border-radius: 6px;
  color: #FFFFFF;
  padding: 15px 53px;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  background-color: rgba(215, 2, 43, 1.0);
  border-color: #d7022b;
  color: #FFFFFF;
}

button:active,
.button:active {
  background-color: rgba(255, 82, 123, 1.0);
  border-color: #ff527b;
  color: #FFFFFF;
}





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

/* Form title */

h3.form-title {
  background-color: 

  
  
    
  


  rgba(255, 42, 83, 1)

;
  color: #FF0201;
}

/* Form label */

form label {
  color: #454D54;
}



/* Form help text */

form legend {
  color: #FF2A53;
}

/* Form inputs */

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea,
form.hs-form .hs-form-field input:not([type=checkbox]):not([type=radio]):not([type=file]),
form.hs-form .hs-form-field select,
form.hs-form .hs-form-field textarea {
  border-color: #CCCCCC;
  color: #454D54;
}

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

/* Form placeholder text */

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

/* Date picker */

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

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

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

/* Submit button */

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

  
  
    
  


  rgba(255, 42, 83, 1.0)

;
  border: 1px solid #FF2A53;
  border-radius: 6px;
  color: #FFFFFF;
  padding: 15px 53px;
*/
  background-color: 

  
  
    
  


  rgba(255, 42, 83, 1.0)

;
  border: 1px solid #FF2A53;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  white-space: normal;
  vertical-align: middle;
  padding: 10px 20px;
  text-decoration: none;
  user-select: none;
  transition: 0.3s color, 0.3s background, 0.3s border;
  border-radius: 4px;
  letter-spacing: 1px;
  color: white;
  overflow: hidden;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: rgba(215, 2, 43, 1.0);
  border-color: #d7022b;
  color: #FFFFFF;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(255, 82, 123, 1.0);
  border-color: #ff527b;
  color: #FFFFFF;
}





/* table {
  background-color: ;
  border-color: ;
}

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

thead th,
thead td {
  background-color: ;
  border-bottom-color: ;
  color: ;
}

tfoot td {
  background-color: ;
  color: ;
}

tbody + tbody {
  border-top-color: ;
} */





.mega-menu  {
  background-color:  

  
  
    
  


  rgba(12, 35, 64, 1.0)

 ;
}





.mega-menu nav .navbar-collapse .navbar-nav > li > a {
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.mega-menu nav .navbar-collapse .navbar-nav > li > a svg path{
  fill: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.mega-menu nav .navbar-collapse .navbar-nav > li > a:hover {
  color: #FFFFFF;
}

.mega-menu nav .navbar-collapse .navbar-nav > li > a:hover svg path{
  fill: #FFFFFF;
}

.mega-menu nav .button-group a.btn.filled {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #ffffff;
}
.mega-menu nav .button-group a.btn.filled:hover {
  background-color: transparent;
  color: #ffffff;
}
.mega-menu nav .button-group a.btn.outline {
  border-color: #ffffff;
  color: #ffffff;
}
.mega-menu nav .button-group a.btn.outline:hover {
  background-color: #ffffff;
  color: #17223D;
}
.mega-menu nav .button-group a.btn.text {
  border-color: #ffffff;
  color: #ffffff;
}

.body-system .mega-menu {
  background-color: #17223D;
}






.footer-full .first-footer {
  background-color: 

  
  
    
  


  rgba(12, 35, 64, 1.0)


}

.footer-full .first-footer .col-wrapper p,
.footer-full .first-footer .owner-infos p{
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)


}

.footer-full .first-footer .col-wrapper ul li a{
  color:
  color: rgba(255, 255, 255, 1.0);
}

.footer-full .first-footer .col-wrapper ul li a:hover{
  color: rgba(255, 255, 255, 1.0);
}

.footer-full .sub-footer {
  background-color: #0C2340;
}

.footer-full .sub-footer p {
  color: #ffffff;
}





.blog-post__date {
  border-color: #454D54;
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
  color: #454D54;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
  color: #1d252c;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,x
.blog-post__author-name:active {
  color: #6d757c;
}

.blog-tag-filter__menu-link--active-item:after {
  background-color: #FF2A53;
}

.blog-pagination__link {
  color: #454D54;
}

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

.blog-post__title {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #17223d;
  font-size: 38px;
}

.blog-post__author {
  background-color: #FF0201;
}

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

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

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











body .icon svg {
  fill: #FF2A53;
}



.simple-hero {
  background-color: 

  
  
    
  


  rgba(23, 34, 61, 1.0)

;
  
}
.simple-hero * {
  color: #FFFFFF;
}

.simple-hero svg path{
  fill : #FFFFFF;
}



 .mega-sidebar .primary-link {
  color: #17223d;
}
 .mega-sidebar .secondary-link {
  color: #454d54;
}
 .mega-sidebar .secondary-link:hover {
  color: #EE2737;
}
 .mega-sidebar .secondary-link.active {
  color: #EE2737;
}

 .mega-sidebar .secondary-link.active:before {
  background-color: #EE2737;
}

 .mega-sidebar {
  border-right: solid #E2E6EA 1px;
}

.logos-slider .slider-container:after{
  background: linear-gradient(to right, transparent, #FFFFFF 60%);
}
.logos-slider .slider-container:before{
  background: linear-gradient(to left, transparent, #FFFFFF 60%);
}


body .divider-section .divider-container hr.divider:after{
  background-color: #FFFFFF;
}


 .btn{
  font-family: Montserrat;
}

 .btn.filled{
  background-color: #FF2A53;
  border: solid #FF2A53 2px;
}
 .btn.filled:after{
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='10px' viewBox='0 0 7 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Module-Development' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Call-to-Action' transform='translate(-185.000000, -75.000000)' fill='white'%3E%3Cg id='btn-copy-5' transform='translate(165.000000, 60.000000)'%3E%3Cpath d='M26.0231581,20.5517394 L21.2286462,24.8135277 C20.9239268,25.0843894 20.4573261,25.0569423 20.1864644,24.7522229 C20.0663491,24.6170931 20,24.4425819 20,24.2617844 L20,15.7382077 C20,15.3305068 20.3305068,15 20.7382077,15 C20.9190052,15 21.0935165,15.0663491 21.2286462,15.1864644 L26.0231581,19.4482527 C26.3278775,19.7191144 26.3553246,20.1857151 26.0844629,20.4904345 C26.0652466,20.5120529 26.0447764,20.5325231 26.0231581,20.5517394 Z' id='Triangle'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
 .btn.filled:hover{
  background-color: transparent;
  color: #FF2A53;
  border: solid #FF2A53 2px;
}
 .btn.filled:hover:after{
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='10px' viewBox='0 0 7 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Module-Development' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Call-to-Action' transform='translate(-185.000000, -75.000000)' fill='rgb(255, 42, 83)'%3E%3Cg id='btn-copy-5' transform='translate(165.000000, 60.000000)'%3E%3Cpath d='M26.0231581,20.5517394 L21.2286462,24.8135277 C20.9239268,25.0843894 20.4573261,25.0569423 20.1864644,24.7522229 C20.0663491,24.6170931 20,24.4425819 20,24.2617844 L20,15.7382077 C20,15.3305068 20.3305068,15 20.7382077,15 C20.9190052,15 21.0935165,15.0663491 21.2286462,15.1864644 L26.0231581,19.4482527 C26.3278775,19.7191144 26.3553246,20.1857151 26.0844629,20.4904345 C26.0652466,20.5120529 26.0447764,20.5325231 26.0231581,20.5517394 Z' id='Triangle'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

 .btn.outline{
  border: solid #FF2A53 2px;
  color: #FF2A53;
}
 .btn.outline:hover{
  background-color: #FF2A53;
  border: solid transparent 2px;
  color: white;
}
.btn.outline svg g {
  fill: #FF2A53;
}
.btn.outline:hover svg g{
  fill: white;
}

 .btn.text{
  border-bottom: solid #FF2A53 2px;
  color: #FF2A53;
}



.testimonial-card .content-card{
  background-color: #FF2A53;
  color: #FF0201;
}

.testimonial-card .content-card .h4{
  color: #FF0201;
}

.testimonial-card .content-card .h4:after{
  background-color: #FF0201;
}



.custom-collapse .accordion .card .card-toggle:not(.collapsed){
  color: #FF2A53;
}

.custom-collapse .accordion .card .card-toggle.collapsed{
  color: #17223d;

}
.custom-collapse .accordion .card .card-toggle svg#close-icon g {
  fill : #FF2A53;
}




.horizontal-tabs .nav-tabs .nav-item-wrapper.active{
  background-color: rgba(255, 42, 83, .1);
  border-top: solid #FF2A53 2px;
}

.horizontal-tabs .nav-tabs .nav-item-wrapper:hover{
  background-color: rgba(255, 42, 83, .1);
  border-color: #FF2A53;
}

.horizontal-tabs .nav-tabs .nav-item-wrapper:hover .nav-link-title{
  color: #FF2A53; 
}




.custom-video .video-cover .video-wrapper svg.play-icon circle{
  fill: #FF2A53;
}
.custom-video .video-cover .video-wrapper svg.play-icon path{
  fill: white;
}





.video-modal svg.play-icon circle{
  fill: #FF2A53;
}
.video-modal svg.play-icon path{
  fill: white;
}



.custom-bullet-point-list ul li svg.tick rect{
  fill: #FF2A53;
}

.custom-bullet-point-list ul li svg.point g#Listing{
  fill: #FF2A53;
}

.custom-bullet-point-list ul li span.number{
  color: #FF2A53;
}