/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */



























/* 1d. Buttons */













/* Primary Buttons */



















/* Secondary Buttons */



















/* Outline Buttons */



















/* Link Buttons */




















/* 1e. Forms */









































/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








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

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

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




:root {
  /* ==========================
  Primary Font family
  ========================== */
  --font-family-primary: Arial;
  --font-family-secondary: Arial;

  /* ==========================
  Primary Colors
  ========================== */
  --color-primary: #EB3300;
  --color-primary-alt: #717174;
  --color-primary-dark: #000000;

  /* ==========================
  Secondary Colors
  ========================== */
  --color-secondary: #FFC600;
  --color-secondary-alt: #0081C6;
  --color-secondary-dark: #414041;

  /* ==========================
  Neutral Colors
  ========================== */
  --LION-Neutral-800: #1B1C1E;
  --LION-Neutral-700: #4A4C4F;
  --LION-Neutral-600: #686B70;
  --LION-Neutral-500: #8A8E93;
  --LION-Neutral-400: #B4B8BD;
  --LION-Neutral-300: #D3D7DC;
  --LION-Neutral-200: #E7EAEE;
  --LION-Neutral-100: #FFFFFF;
}

html {
  font-size: 18px;  
}

body {
  font-family: Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #4A4C4F;
  font-size: 18px;
}
/* Anchors */

a {
  font-weight: normal; text-decoration: none; font-family: Arial, sans-serif; font-style: normal;
  color: #EB3300;
}

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

a:active {
  color: #ff5b28;
}

/* Headings */

h1,
.h1 {
  font-weight: 700; text-decoration: none; font-family: Arial, serif; font-style: normal;
  color: #132433;
  font-size: 54px;
  text-transform: none;
}

h2,
.h2 {
  font-weight: 700; text-decoration: none; font-family: Arial, serif; font-style: normal;
  color: #000000;
  font-size: 38px;
  text-transform: none;
}

h3,
.h3 {
  font-weight: 700; text-decoration: none; font-family: Arial, serif; font-style: normal;
  color: #000000;
  font-size: 24px;
  text-transform: none;
}

h4,
.h4 {
  font-weight: normal; text-decoration: none; font-family: Arial, serif; font-style: normal;
  color: #000000;
  font-size: 22px;
  text-transform: none;
}

h5,
.h5 {
  font-weight: normal; text-decoration: none; font-family: Arial, serif; font-style: normal;
  color: #000000;
  font-size: 18px;
  text-transform: none;
}

h6,
.h6 {
  font-weight: normal; text-decoration: none; font-family: Arial, serif; font-style: normal;
  color: #000000;
  font-size: 16px;
  text-transform: none;
}

/* Large Desktop */
@media (max-width: 1200px) {
  h1,
  .h1 {
    font-size: 45px;
  }

  h2,
  .h2 {
    font-size: 36px;
  }

  h3,
  .h3 {
    font-size: 20px;
  }

  h4,
  .h4 {
    font-size: 20px;
  }

  h5,
  .h5 {
    font-size: 18px;
  }

  h6,
  .h6 {
    font-size: 16px;
  }
}

/* Tablet */
@media (max-width: 991px) {
  h1,
  .h1 {
    font-size: 41px;
  }

  h2,
  .h2 {
    font-size: 32px;
  }

  h3,
  .h3 {
    font-size: 22px;
  }

  h4,
  .h4 {
    font-size: 20px;
  }

  h5,
  .h5 {
    font-size: 18px;
  }

  h6,
  .h6 {
    font-size: 16px;
  }
  /*   .lg-btn{
  font-size: 20px;
}
  .md-btn{
  font-size: 18px;
} */
}

/* Mobile */
@media (max-width: 767px) {
  body {
    font-size: 16px;
  }

  h1,
  .h1 {
    font-size: 31px;
  }

  h2,
  .h2 {
    font-size: 28px;
  }

  h3,
  .h3 {
    font-size: 20px;
  }

  h4,
  .h4 {
    font-size: 18px;
  }

  h5,
  .h5 {
    font-size: 16px;
  }
}


/* Blockquote */

blockquote {
  border-left-color:var(--color-primary);
}





button,
.button,
.hs-button,
.hs-blog-post-listing__post-button,
.hs-btn-primary {
  border: 1px solid #EB3300;

  
  padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 30px;
;
  ;
  font-size: 20px;
  text-transform: none;
  
  background-color: rgba(235, 51, 0, 1);
  border-radius: 0px;
  color:rgba(255, 255, 255, 1);
}
.hs-btn-primary svg path{
  fill:rgba(255, 255, 255, 1);
}

button:hover,
.button:hover,
.hs-button:hover,
.hs-blog-post-listing__post-button:hover,
button:focus,
.button:focus,
.hs-button:focus,
.hs-blog-post-listing__post-button:focus,
.hs-btn-primary:hover,
.hs-btn-primary:focus {
  border: 1px solid #717174;
;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(113, 113, 116, 1);
}
.hs-btn-primary:after{
  background: radial-gradient(circle at center, rgba(113, 113, 116, 1) 24%,rgba(235, 51, 0, 1) 25%, rgba(235, 51, 0, 1) 100%);
}

.hs-btn-primary:hover svg path{
  fill:rgba(255, 255, 255, 1);
}

button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active,
.hs-btn-primary:active {
  background-color: rgba(138, 142, 147, 1);
  border: 1px solid #8A8E93;
;
  color: rgba(255, 255, 255, 1);
}

button:disabled,
.button:disabled,
.hs-button:disabled,
.hs-blog-post-listing__post-button:disabled,
.hs-btn-primary:disabled {
  background-color: rgba(235, 51, 0, 0.5);
  color: rgba(255, 255, 255, 1);
}

.hs-btn-secondary {
  border: 1px solid #E7EAEE;

  background-color: rgba(231, 234, 238, 1);
  border-radius: 0px;
  
  padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 30px;
;
  ;
  font-size: 20px;
  text-transform: none;
  
  color:rgba(235, 51, 0, 1);
}
.hs-btn-secondary svg path{
  fill:rgba(235, 51, 0, 1);
}
.hs-btn-secondary:hover svg path{
  fill:rgba(235, 51, 0, 1);
}
.hs-btn-secondary:hover,
.hs-btn-secondary:focus {
  border: 1px solid #D3D7DC;
;
  color: rgba(235, 51, 0, 1);
  background-color: rgba(211, 215, 220, 1);
}
.hs-btn-secondary:after{
  background: radial-gradient(circle at center, rgba(211, 215, 220, 1) 24%,rgba(231, 234, 238, 1) 25%, rgba(231, 234, 238, 1) 100%);
}
.hs-btn-secondary:active {
  background-color: rgba(211, 215, 220, 1);
  border: 2px solid #B4B8BD;
;
  color: rgba(235, 51, 0, 1);
}

.hs-btn-secondary:disabled {
  background-color: rgba(247, 247, 247, 1);
  color: rgba(235, 51, 0, 1);
}

.hs-btn-outline {
  border: 1px solid rgba(18, 17, 39, 12%);

  background-color: rgba(255, 255, 255, 1);
  border-radius: 0px;

  
  padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 30px;
;
  ;
  font-size: 20px;
  text-transform: none;

  
  color:rgba(18, 17, 39, 1);
}
.hs-btn-outline svg path{
  fill:rgba(18, 17, 39, 1);
}
.hs-btn-outline:hover svg path{
  fill:rgba(18, 17, 39, 1);
}
.hs-btn-outline:hover,
.hs-btn-outline:focus {
  border: 1px solid rgba(18, 17, 39, 12%);
;
  color: rgba(18, 17, 39, 1);
  background-color: rgba(18, 17, 39, 0.04);
}
.hs-btn-outline:after{
  background: radial-gradient(circle at center, rgba(18, 17, 39, 0.04) 24%,rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 100%);
}
.hs-btn-outline:active {
  background-color: rgba(18, 17, 39, 0.04);
  border: 2px solid rgba(18, 17, 39, 12%);
;
  color: rgba(18, 17, 39, 1);
}
.hs-btn-outline:disabled {
  background-color: rgba(255, 255, 255, 1);
  color: rgba(18, 17, 39, 0.32);
}

.hs-btn-link {
  border: 1px solid rgba(255, 255, 255, 0%);
;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0px;
  
  padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 30px;
;
  ;
  font-size: 20px;
  text-transform: none;
  
  color:rgba(235, 51, 0, 1);
}
.hs-btn-link svg path{
  fill:rgba(235, 51, 0, 1);
}
.hs-btn-link:hover svg path{
  fill:rgba(18, 17, 39, 1);
}

.hs-btn-link:hover,
.hs-btn-link:focus {
  border: 1px solid rgba(18, 17, 39, 4%);
;
  color: rgba(18, 17, 39, 1);
  background-color: rgba(18, 17, 39, 0.04);
}

.hs-btn-link:after{
  background: radial-gradient(circle at center, rgba(18, 17, 39, 0.04) 24%,rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 100%);
}
.hs-btn-link:active {
  background-color: rgba(18, 17, 39, 0.04);
  border: 2px solid rgba(18, 17, 39, 12%);
;
  color: rgba(18, 17, 39, 1);
}
.hs-btn-link:disabled {
  background-color: rgba(255, 255, 255, 0);
  color: rgba(18, 17, 39, 0.32);
}





form,
.submitted-message {
  font-family: Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border: 0px none #ffffff;
;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: rgba(255, 255, 255, 0);
  padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 30px;
;
}
.submitted-message{
  color:var(--color-primary-dark);
}
/* Form title */

.form-title {
  border: 0px none #FFC600;
;
  padding: 0px;
;
  font-family: Arial; font-style: normal; font-weight: 700; text-decoration: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 24px;
  color: #EB3300;
  background-color: {color=#FFC600, opacity=0, rgba=rgba(255, 198, 0, 0), rgb=rgb(255, 198, 0), hex=#FFC600, css=rgba(255, 198, 0, 0%)};
}


/* Labels */

form label {
  color: #4A4C4F;
}

/* Help text */

form legend {
  color: #4A4C4F;
}

/* Inputs */
input[type="text"],
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"],
input[type="file"],
textarea,
select {
  border: 1px solid #8A8E93;

  background-color: rgba(255, 255, 255, 1);
  color: #4A4C4F;
  border-radius: 0px;
}

input[type="text"]:focus,
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus,
input[type="file"]:focus,
textarea:focus,
select:focus {}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #4A4C4F;
}

::-moz-placeholder {
  color: #4A4C4F;
}

:-ms-input-placeholder {
  color: #4A4C4F;
}

::placeholder {
  color: #4A4C4F;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #4A4C4F;
}

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

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

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

/* Submit button */

form input[type=submit],
form .hs-button {
  border: 1px none #EB3300;
;
  padding-top: 11px;
padding-right: 24px;
padding-bottom: 11px;
padding-left: 24px;
;
  ;
  color: #FFFFFF;
  font-size: 18px;
  background-color: rgba(235, 51, 0, 1);
  border-radius: 0px;
  text-transform: ;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: rgba(113, 113, 116, 1);
  color: #ffffff;
  border: 1px none #717174;
;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(235, 51, 0, 1);
  border-color: ;
}





/* Table */

table {
  border: 1px solid #EB3300;

  background-color: rgba(255, 255, 255, 1);
}

/* Table cells */

td,
th {
  border: 1px solid #EB3300;

  padding: 18px;

  color: #EB3300;
}

/* Table header */

thead th {
  background-color: rgba(235, 51, 0, 1);
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: rgba(255, 255, 255, 1);
  color: #EB3300;
}





header.header,.header-wrapper {
  background-color: rgba(0, 0, 0, 1);
}
/*nav.nav-wrapper{ border-color: rgba(255, 255, 255, 1);}*/

nav.nav-wrapper{ border-color: rgba(255, 255, 255, 1);}

.header-right-section .top-right-menu li.menu-item > a,
.custom-menu-primary > ul.menu > li > a{
  color: rgba(255, 255, 255, 1);
}
.header-right-section .top-right-menu li.menu-item > a:hover,
.custom-menu-primary > ul.menu > li:hover > a{
  color: rgba(235, 51, 0, 1);
}
.header-wrapper .icons-wrapper-and-btn ul.social-icons{
  --icon-color: rgba(255, 255, 255, 1);
  --icon-hover-color: rgba(235, 51, 0, 1);
}
.nav-wrapper .menu-tabs-wrapper{ background: rgba(255, 255, 255, 1);}
.menu-tabs-wrapper > .hs-menu-children-wrapper > .hs-menu-item > a{ color: rgba(27, 28, 30, 1);}
.menu-tabs-wrapper > .hs-menu-children-wrapper > .hs-menu-item:hover > a{ color: rgba(235, 51, 0, 1);}
.menu-tabs-wrapper > .hs-menu-children-wrapper > .hs-menu-item > a:before{ color: rgba(235, 51, 0, 1);}

.menu-tabs-wrapper .tab-item > a{ color: rgba(255, 255, 255, 1);}
.menu-tabs-wrapper .tab-item > a:hover{ color: rgba(235, 51, 0, 1);}

.mega-menu-content{ background-color: rgba(255, 255, 255, 1); }
.menu-tabs-wrapper .hs-menu-children-wrapper ul ul ul a{ color: rgba(27, 28, 30, 1);}
.menu-tabs-wrapper .hs-menu-children-wrapper ul ul ul a:hover,
.menu-tabs-wrapper .hs-menu-children-wrapper ul ul ul li.active > a:hover{ color: rgba(235, 51, 0, 1); }






.footer .top-footer-section{
  background-color: rgba(0, 0, 0, 1);
}
.top-footer-section .hs-menu-wrapper > ul > li > a{
  color: rgba(255, 255, 255, 1);
}
.top-footer-section .hs-menu-wrapper > ul ul > li > a{
  color: rgba(217, 219, 233, 1);
}
.top-footer-section .hs-menu-wrapper > ul ul > li > a:hover{color: rgba(235, 51, 0, 1);}
.footer .bottom-footer-section{ background-color: rgba(255, 255, 255, 1);}
.bottom-footer-section .f-copyright-text{color: rgba(138, 142, 147, 1);}
.bottom-footer-section .social-icons{
  --icon-color: rgba(235, 51, 0, 1);
  --icon-hover-color: rgba(235, 51, 0, 0.8);
}





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

/* Blog post */

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

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

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

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

/* 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: 700; text-decoration: none; font-family: Arial, serif; font-style: normal;
  text-transform: none;
}

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

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

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

/* Blog comments */

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

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

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

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





.hs-search-results__title {
  font-weight: 700; text-decoration: none; font-family: Arial, serif; font-style: normal;
  color: #132433;
}





/* Blog listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
  font-weight: 700; text-decoration: none; font-family: Arial, serif; font-style: normal;
  text-transform: none;
}

.hs-blog-post-listing__post-title-link {
  color: #000000;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
  color: #000000;
}

.hs-blog-post-listing__post-title-link:active {
  color: #282828;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
  color: #4A4C4F;
}

/* Blog pagination */

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

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

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

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

/* Pricing card */

.card__price {
  font-weight: 700; text-decoration: none; font-family: Arial, serif; font-style: normal;
  color: #000000;
  font-size: 24px;
}

.card__body svg {
  fill: #EB3300;
}

/* Social follow */

.social-links__icon {
  background-color: #EB3300;
}

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

.social-links__icon:active {
  background-color: #ff5b28;
  font-weight: 700; text-decoration: none; font-family: Arial, serif; font-style: normal;
  color: #000000;
  font-size: 24px;
}

.lg-btn{
  padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 30px;
;
  ;
  font-size: 20px;
  text-transform: none;
}
.md-btn{
  padding-top: 6px;
padding-right: 22px;
padding-bottom: 6px;
padding-left: 22px;
;
  ;
  font-size: 18px;
  text-transform: none;
}
.sm-btn{
  padding-top: 4px;
padding-right: 18px;
padding-bottom: 4px;
padding-left: 18px;
;
  ;
  font-size: 15px;
  text-transform: none;
}
.m0{
  margin:0;
}
.p0{
  padding:0;
}
.mb0{
  margin-bottom:0;
}
.mt0{
  margin-top:0;
}
.ml0{
  margin-left:0;
}
.mr0{
  margin-right:0;
}
.pb0{
  padding-bottom:0;
}
.pt0{
  padding-top:0;
}
.pl0{
  padding-left:0;
}
.pr0{
  padding-right:0;
}
/* Tablet */
@media (max-width: 991px) {
  .md-btn {
    font-size: 16px;
  }

  .lg-btn {
    font-size: 18px;
  }
}