/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */


























/* 1d. Buttons */

/* Primary */






































/* 1e. Forms */














/* 1f. Tables */













/* 1g. Website header */






.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 60px 1rem;
}
.header__container.menu-header {
  max-width: 1240px;
}

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






html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #4d4d4d;
  font-size: 16px;
}

/*   html, body {
overflow-x: hidden;
} */

/* Paragraphs */

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

/* Anchors */

a {
  font-weight: 700; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #d13988;
}
a:hover,
a:focus {
  font-weight: 700; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #a91160;
}

a:active {
  font-weight: 700; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #f961b0;
}

/* Headings */

h1 {
  font-weight: 500; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #25142B;
  font-size: 50px;
  text-transform: none;
  margin: .75rem 0;
}

h2 {
  font-weight: 500; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #25142b;
  font-size: 36px;
  text-transform: none;
  margin: .75rem 0;
}

h3 {
  font-weight: 500; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #25142B;
  font-size: 22px;
  text-transform: none;
  margin: .75rem 0;
}

h4 {
  font-weight: 600; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #25142B;
  font-size: 22px;
  text-transform: none;
  margin: .75rem 0;
}

h5 {
  font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #000000;
  font-size: 16px;
  text-transform: none;
  margin: .75rem 0;
}

h6 {
  font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #25142b;
  font-size: 14px;
  text-transform: none;
  margin: .75rem 0;
}

/* Blockquote */

blockquote {
  border-left-color: ;
}





button,
.button,
.hs-button,
.btn--primary,
input[type="submit"].btn--primary {
  border: 3px solid #FFFFFF;

  padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;

  font-family: Inter, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(37, 20, 43, 1.0)

;
  border-radius: 60px;
  color: #FFFFFF;
  text-transform: capitalize;
  transition: .3s;
  text-shadow: none;
  text-align: center;
}
input[type="submit"].btn--primary {
  display: inline-block;
  box-shadow: none;
  background-image: none;
  background-color: 

  
  
    
  


  rgba(37, 20, 43, 1.0)

!important;
  padding: 5px 10px;
  background-clip: initial;
}
@media (min-width:768px) {
  input[type="submit"].btn--primary:hover {
    font-family: Inter,sans-serif;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    background-color: #FFF!important;
    border-color: #25142b;
    color: 

  
  
    
  


  rgba(37, 20, 43, 1.0)

!important;
  }
}
button:hover,
button:focus,
.button:hover,
.button:focus
.hs-button:hover,
.hs-button:focus, 
.btn--primary:hover, 
.btn--primary:focus,
button:active,
.button:active,
.hs-button:active,
.btn--primary:active{
  font-family: Inter, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: rgba(37, 20, 43, 1.0);
  border-color: #25142B;
  color: #ffffff;
}


/* secondary */
.btn--secondary {
  border: 1px solid #D13988;

  padding-top: 15px;
padding-right: 24px;
padding-bottom: 15px;
padding-left: 24px;

  font-family: Inter, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(209, 57, 136, 1.0)

;
  border-radius: 60px;
  color: #FFFFFF;
  text-transform: none;
  transition: .3s;
  text-shadow: none;
  text-align: center;
}

.btn--secondary:hover, 
.btn--secondary:focus,
.btn--secondary:active {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: rgba(37, 20, 43, 1.0);
  border-color: #25142B;
  color: #ffffff;
}

/* tertiary */
.btn--tertiary {
  border: 1px none #ffffff;

  padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;

  font-family: Inter, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 28px;
  color: #25142B;
  text-transform: none;
  transition: .3s;
  text-shadow: none;
  text-align: center;
}
.btn--tertiary:hover, 
.btn--tertiary:focus,
.btn--tertiary:active {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: rgba(37, 20, 43, 1.0);
  border-color: #25142B;
  color: #FFFFFF;
}

.btn--link {
  position: relative;
  color: var(--link-color);
  font-weight: 600;
  width: fit-content;
}
.btn--link:hover {
  font-weight: 600;
}
.btn--link::before {
  content: '';
  width: 0;
  height: 2px;
  background-color: var(--link-color);
  position: absolute;
  left: 0;
  bottom: 0;
  transition: .2s;
}
.btn--link:hover::before {
  width: 100%;
}






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

/* Form title */

.form-title {
  color: #D13988;
}

/* Labels */

form label {
  color: #25142B;
}

/* Help text */

form legend {
  color: #25142B;
}

/* 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: 2px solid #E2E2E2;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #25142B;
  border-radius: 0px;
  padding-top: 10px;
padding-right: 18px;
padding-bottom: 10px;
padding-left: 18px;
;
}


/* Form placeholder text */

::-webkit-input-placeholder {
  color: #25142B;
}

::-moz-placeholder {
  color: #25142B;
}

:-ms-input-placeholder {
  color: #25142B;
}

::placeholder {
  color: #25142B;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #25142B;
}

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

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

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

/* Submit button */

form input[type=submit],
form .hs-button {
  border: 3px solid #FFFFFF;

  padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;

  font-family: Inter, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(37, 20, 43, 1.0)

;
  border-radius: 60px;
  color: #FFFFFF;
  font-size: 18px;
  text-transform: capitalize;
}





/* Table */

table {
  border: 1px none #25142B;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
  border: 1px none #25142B;

  padding: 10px;

  border-color: ;
  color: #25142B;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
  color: #25142B;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #25142B;
}





.header {
  background-color: ;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: ;
  font-family: Inter;
}

.menu__child-toggle-icon {
  border-top-color: ;
}

.menu .menu__link:hover,
.menu .menu__link: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: ;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: ;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: ;
}

.menu__child-toggle-icon:active {
  border-top-color: ;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: ;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    
    background-color: ;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    
    background-color: ;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: ;
  background-color: ;
}

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

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: ;
}

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

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

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

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

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





.footer {
  background-color: ;
}

/* 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: ;
}





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

/* Blog post */

.blog-post__meta a {
  color: #4d4d4d;
}

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

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

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

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  font-weight: 500; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #25142b;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #000003;
}

.blog-related-posts__title-link:active {
  color: #4d3c53;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 60px;
}

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

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

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





.hs-search-results__title {
  font-weight: 500; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #25142B;
}





.animate--fade_in {
  opacity: 0;
  transition: 1s;
}
.animate--fade_from_top {
  opacity: 0;
  transform: translateY(-50px);
  transition: 1s;
}
.animate--fade_from_bottom {
  opacity: 0;
  transform: translateY(50px);
  transition: 1s;
}
.animate--slide_from_right {
  opacity: 0;
  transform: translateX(1000px);
  transition: 1s;
  z-index: 4;
}  
.animate--slide_from_left {
  opacity: 0;
  transform: translateX(-1000px);
  transition: 1s;
  z-index: 4;
}
.animated {
  opacity: 1;
  transform: translateY(0) translateX(0);
}






.box-shadow {
  box-shadow: 0px 10px 20px rgba(0,0,0,.3); /* Make a theme options, default styling was 0px 3px 6px rgba(0,0,0,.2) */
}
.shadow--offset {
  box-shadow: 3rem 3rem 0 var(--shadow-color);
  margin: 3rem;
}

/* Typewriter  */
.typewriter {
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.blink {
  position: relative;
}
.blink:after {
  content: '';
  position: absolute;
  right: -5px;
  width: 2px;
  background-color: #000;
  height: 100%;
  animation: blinker 1.5s ease-out infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}


/* Background Color */
.bg--primary_dark {
  background-color: #25142B;
}
.bg--primary_light {
  background-color: #4D4D4D;
}
.bg--secondary_dark {
  background-color: #D13988;
}
.bg--secondary_light {
  background-color: #F3A23A;
}
.bg--tertiary {
  background-color: #D13988;
}
.bg--white {
  background-color: #fff;
}
.bg--black {
  background-color: #000;
}
.bg--transparent {
  background-color: transparent;
}

/* Border Color */
.border--primary_dark {
  border-color: #25142B;
}
.border--primary_light {
  border-color: #4D4D4D;
}
.border--secondary_dark {
  border-color: #D13988;
}
.border--secondary_light {
  border-color: #F3A23A;
}
.border--tertiary {
  border-color: #D13988;
}
.border--white {
  border-color: #fff;
}
.border--black {
  border-color: #000;
}
.border--transparent {
  border-color: transparent;
}

/* Text Color */
.text--primary_dark {
  color: #25142B;
}
.text--primary_light {
  color: #4D4D4D;
}
.text--secondary_dark {
  color: #D13988;
}
.text--secondary_light {
  color: #F3A23A;
}
.text--tertiary {
  color: #D13988;
}
.text--white {
  color: #fff;
}
.text--black {
  color: #000;
}
.text--transparent {
  color: transparent;
}

/* Fill Color */
.fill--primary_dark {
  fill: #25142B;
}
.fill--primary_light {
  fill: #4D4D4D;
}
.fill--secondary_dark {
  fill: #D13988;
}
.fill--secondary_light {
  fill: #F3A23A;
}
.fill--tertiary {
  fill: #D13988;
}
.fill--white {
  fill: #fff;
}
.fill--black {
  fill: #000;
}
.fill--transparent {
  fill: transparent;
}

/* Outline Effects */
.outline--primary_dark>span {
  background-color: #25142B;
}
.outline--primary_light>span {
  background-color: #4D4D4D;
}
.outline--secondary_dark>span {
  background-color: #D13988;
}
.outline--secondary_light>span {
  background-color: #F3A23A;
}
.outline--tertiary>span {
  background-color: #D13988;
}
.outline--white>span {
  background-color: #fff;
}
.outline--black>span {
  background-color: #000;
}
.outline--transparent>span {
  background-color: transparent;
}

/* Hover Background */
.h-bg--primary_dark:hover,
.h-bg--primary_dark.open {
  background-color: #25142B;
}
.h-bg--primary_light:hover,
.h-bg--primary_light.open {
  background-color: #4D4D4D;
}
.h-bg--secondary_dark:hover,
.h-bg--secondary_dark.open {
  background-color: #D13988;
}
.h-bg--secondary_light:hover,
.h-bg--secondary_light.open {
  background-color: #F3A23A;
}
.h-bg--tertiary:hover,
.h-bg--tertiary.open {
  background-color: #D13988;
}
.h-bg--white:hover,
.h-bg--white.open{
  background-color: #fff;
}
.h-bg--black:hover,
.h-bg--black.open {
  background-color: #000;
}
.h-bg--transparent:hover,
.h-bg--transparent.open {
  background-color: transparent;
}

/* Hover Text Color */
.h-text--primary_dark:hover,
.h-text--primary_dark.open {
  color: #25142B;
}
.h-text--primary_light:hover,
.h-text--primary_light.open {
  color: #4D4D4D;
}
.h-text--secondary_dark:hover,
.h-text--secondary_dark.open {
  color: #D13988;
}
.h-text--secondary_light:hover,
.h-text--secondary_light.open {
  color: #F3A23A;
}
.h-text--tertiary:hover,
.h-text--tertiary.open {
  color: #D13988;
}
.h-text--white:hover,
.h-text--white.open {
  color: #fff;
}
.h-text--black:hover,
.h-text--black.open {
  color: #000;
}
.h-text--transparent:hover,
.h-text--transparent.open {
  color: transparent;
}

/* Hover Outline Effects */
.h-outline--primary_dark:hover>span {
  background-color: #25142B;
}
.h-outline--primary_light:hover>span {
  background-color: #4D4D4D;
}
.h-outline--secondary_dark:hover>span {
  background-color: #D13988;
}
.h-outline--secondary_light:hover>span {
  background-color: #F3A23A;
}
.h-outline--tertiary:hover>span {
  background-color: #D13988;
}
.h-outline--white:hover>span {
  background-color: #fff;
}
.h-outline--black:hover>span {
  background-color: #000;
}
.h-outline--transparent:hover>span {
  background-color: transparent;
}



section,
.section {
  position: relative;
}
.section-wrapper {
  width: 100%;
  max-width: 1240px;
  margin: auto;
  position: relative;
  z-index: 2;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

/* List item bullets */

ul li::marker {
  color: #F3A23A;
}





/* Blog listing */

.blog-index__post-title-link,
.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus,
.blog-index__post-title-link:active {
  font-weight: 500; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  text-transform: none;
}

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

.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus {
  color: #000003;
}

.blog-index__post-title-link:active {
  color: #4d3c53;
}

.blog-index__post-tag,
.blog-index__post-author-name {
  color: #4d4d4d;
}

/* Blog pagination */

.pagination__link-text,
.pagination__link--number {
  color: #4d4d4d;
}

.pagination__link:hover .pagination__link-text,
.pagination__link:focus .pagination__link-text,
.pagination__link--number:hover,
.pagination__link--number:focus {
  color: #252525;
}

.pagination__link:active .pagination__link-text,
.pagination__link--number:active {
  color: #757575;
}

.pagination__link-icon svg {
  fill: #4d4d4d;
}

/* Pricing card */

.card__price {
  font-weight: 500; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #25142B;
  font-size: 22px;
}

.card__body svg {
  fill: ;
}

/* Social follow */

.social-links__icon {
  background-color: ;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: ;
}

.social-links__icon:active {
  background-color: ;
  font-weight: 500; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #25142B;
  font-size: 22px;
}



/* Header */
/* .header {
  background-color: rgba(248,250,252,.8);
} */
.header__logo img {
  max-width: 178px !important;
}

/* Bold Style Override */
b, strong {
  font-weight: 600 !important;
}

/* Phone Icon Eyebrow Nav */

.nav-eyebrow .fa-phone {
  transform: rotate(25deg);
  margin-right: 5px !important;
}

/* Testimonial w/Optional Slider */
@media(max-width: 767px) {
  .testimonial-cards__visual-wrapper {
    text-align: center;
  }
}

/* Flip Cards */
.flip-card__back ul {
  list-style-image: url('https://www.stayfrank.com/hubfs/stay-frank-website-images/images/icons/iconmonstr-arrow-19-12.png');
  text-align: left;
}
.flip-card__back ul li {
  margin-bottom: 10px;
}
@media(max-width: 767px) {
  .bottom-border-card .flip-card__front h2 {
    font-size: 1.3rem !important;
  }
  .body-container--home .flip-cards .flip-card {
    width: 100% !important;
    /* margin-bottom: 30px !important; */ /* Removed 7/13/2022 to fix mobile flip card issue */
  }
} 

/* Shape Divider */

@media(max-width: 767px) {
  .shape--bottom {
    bottom: 0px !important;
  }
  .shape-divider {
    display: block !important;
  }
  .shape--flipX {
    transform: rotateX(180deg) !important;
  }
}

@media(max-width: 767px) {
  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: 1px solid rgba(77,77,77,.3) !important;
  }
}

/* Simple Cards */

.simple-card__inner ul {
  list-style-image: url('https://www.stayfrank.com/hubfs/stay-frank-website-images/images/icons/iconmonstr-arrow-19-12.png');
}

.simple-card__inner ul li {
  margin-bottom: 10px;
}

#module--widget_1655137459271 .simple-card.taller-radius .simple-card__inner div {
  display: flex;
  align-items: center;
  justify-content: center;
}

#module--widget_1654958456797 h2.title /* Team page employees */ {
  color: #25142b;
  font-size: 22px;
  padding: 40px 10px;
}

@media(max-width: 400px) {
  #module--widget_1654180667732 .simple-card:first-of-type {
    min-height: 750px;
    justify-content: space-between;
  }
  #module--widget_1654180667732 .simple-card:first-of-type div {
    bottom: -110px !important;
  }
}

/* Bottom Forms */
@media(max-width: 767px) {
  .body-container--bottom-form .form {
    padding: 40px 4rem !important;
    max-width: 100%;
    position: relative;
    top: -100px; /* Default was 0 */
    // left: 0;
    background: #ffffff;
    /* min-width: 100%; */
    box-shadow: 0px -3px 20px #0000001a;
    border: 1px solid #E6E6E6;
    border-radius: 60px !important; /* Default value was 0px */
    z-index: 2; /* Added to fix hero image dark overlay issue 6/21/2022 */
  }
  .body-container--bottom-form .dnd_area_bottom_form-row-0-background-image {
    background-attachment: scroll;
    height: 400px;
  }
  .dnd_area_bottom-row-0-background-image .form {
    border-radius: 60px !important;
  }
}

/* Navigation */

.nav__menu-children .hs-menu-wrapper .active-branch {
  height:  auto !important;
}

/* Pillar Chapters */

a.chapter__number-wrapper:hover p,
a.chapter__number-wrapper:focus p{
  color: #d13988;
}

/* Footer */

.footer__bottom {
  margin-top: 20px;
}

/* HS Videos */

.hs-video-container iframe {
  border-radius: 20px;
}

/* Top Form */

.hs-landing-page #module--dnd_area-module-1 .hero-bottom-overlapping-form h3 {
  text-align: center;
}

.hs-landing-page #module--dnd_area-module-1 .hero-bottom-overlapping-form form {
  flex-direction: column;
}
/* To remove focus z index that is applied in HS page editor by HS JS file */
.inpage-editor-active-field, .inpage-editor-highlight-field {
  z-index:1 !important;
}