/* Containers */



/* Globel Colors */


 


/* Typography */



/* Body Font */






/* Heading Colors */





































/* Buttons */
















/* Forms */















































/* Tables */









/*  Website header */














/* Website footer */



/********** VARIABLE END **********/

html { font-size: 18px; }
body {
  font-family: Barlow, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #544E51;
  font-size: 18px;
  background-color:#FFFFFF;
  line-height:1.5em;
}
/*  Containers Css */
.content-wrapper, .dnd-section > .row-fluid {
  max-width: 1200px;
}

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

p { font-family: Barlow, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
a { font-weight: normal; text-decoration: underline; font-family: Barlow, sans-serif; font-style: normal; color: #0270E0; transition: 0.3s ease-in-out; text-decoration:none; }
a:hover, a:focus, a:active  { color: 
  
  
    
  
  rgba(2, 112, 224, 1.0)
; text-decoration:none; }
/* Headings */
h1,
.h1 {
  font-weight: normal; text-decoration: none; font-family: Barlow, serif; font-style: normal;
  color: #1A1719;
  font-size: 70px;
  text-transform: none;
  line-height: em;
}

h2,
.h2 {
  font-weight: normal; text-decoration: none; font-family: Barlow, serif; font-style: normal;
  color: #1A1719;
  font-size: 50px;
  text-transform: none;
  line-height: em;
}

h3,
.h3 {
  font-weight: normal; text-decoration: none; font-family: Barlow, serif; font-style: normal;
  color: #1A1719;
  font-size: 40px;
  text-transform: none;
  line-height: em;
}

h4,
.h4 {
  font-weight: normal; text-decoration: none; font-family: Barlow, serif; font-style: normal;
  color: #1A1719;
  font-size: 30px;
  text-transform: none;
  line-height: em;
}

h5,
.h5 {
  font-weight: normal; text-decoration: none; font-family: Barlow, serif; font-style: normal;
  color: #1A1719;
  font-size: 24px;
  text-transform: none;
  line-height: em;
}
h6,
.h6 {
  font-weight: normal; text-decoration: none; font-family: Barlow, serif; font-style: normal;
  color: #1A1719;
  font-size: 18px;
  text-transform: none;
  line-height: em;
}
blockquote { border-left-color: #1A1719}
hr{ border-color:
  
  
    
  
  rgba(228, 228, 238, 1.0)
; }

/*  Buttons   */
.button,
.hs-button,
.hs-blog-post-listing__post-button {
  border: 3px none #FF3639;

  padding-top: 16px;
padding-right: 26px;
padding-bottom: 16px;
padding-left: 26px;

  font-family: Barlow, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: 
  
  
    
  
  rgba(255, 54, 57, 1.0)
;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  transition: all 0.3s ease-out;
}


.button, 
.hs-button{
  display: block;
  position: relative;
  z-index: 1;
  transition: 0.3s ease-in-out;
  overflow: hidden;
}
.button:after,
.hs-button:after{
  position: absolute;
  content: "";
  height: 4px;
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all 0.4s;
  background: 
  
  
    
  
  rgba(214, 0, 3, 1.0)
;
  z-index: -1;
}
.button:hover::after,
.hs-button:hover::after {
  height: 100%;
}
.button:hover,
.hs-button:hover,
.button:focus,
.hs-button:focus,
.button:active,
.hs-button:active{
  border-color: 
  
  
    
  
  rgba(214, 0, 3, 1.0)
;
  color: 
  
  
    
  
  rgba(255, 255, 255, 1.0)
;
  transition: all 0.3s ease-in-out;
}



/* Table */
thead th{
  color:
  
  
    
  
  rgba(255, 255, 255, 1.0)
;
  background-color:
  
  
    
  
  rgba(26, 23, 25, 1.0)
;
}
th, td{
  color:
  
  
    
  
  rgba(26, 23, 25, 1.0)
;
  background-color:
  
  
    
  
  rgba(255, 255, 255, 1.0)
;
  padding: 10px;
;
  border: 1px solid #1A1719;
;
}
tfoot td{
  color:
  
  
    
  
  rgba(26, 23, 25, 1.0)
;
  background-color:
  
  
    
  
  rgba(255, 255, 255, 1.0)
;
}

/* Forms */ 
.hs-form fieldset {
  max-width: 100% !important; 
  display: flex; 
  gap: 15px;
  flex-wrap: wrap;
}
.hs-form fieldset>div {
  flex: 1;
  width: auto;
}

.hs-form fieldset>div .input {
  margin-right: 0px !important;
}

.hs-form fieldset>div input,
.hs-form fieldset>div textarea,
.hs-form fieldset>div select {
  width: 100% !important;
}


/* radio & checkbox */
.hs-form-field .inputs-list .hs-form-booleancheckbox {
  display: inline-block;
  margin-bottom: 0.3rem;
  width: 100%;
}

.hs-form-field .inputs-list .hs-form-booleancheckbox-display {
  align-items: start;
  display: flex !important;
}

.hs-form-booleancheckbox-display input {
  margin: 5px 0 0 0;
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
}

.hs-form ul.inputs-list {
  column-count: 1;
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.hs-form .hs-fieldtype-checkbox input[type="checkbox"],
.hs-form .hs-fieldtype-radio input[type="radio"] {
  box-sizing: border-box;
  height: 16px;
  width: 16px;
  margin: 3px 5px 0px 0;
  flex: 0 0 15px;
}

.hs-form .hs-fieldtype-radio .hs-form-radio,
.hs-form .hs-fieldtype-checkbox .hs-form-checkbox {
  margin: 0.5rem 0;
}

.hs-form .hs-fieldtype-radio .hs-form-radio>label,
.hs-form .hs-fieldtype-checkbox .hs-form-checkbox>label {
  display: flex;
  align-items: start;
  line-height: 1.3em;
  margin: 0.4rem 0;
}

form, .submitted-message {
  font-family: Barlow, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  padding: 30px;
;
  border: 1px none #f1f1f1;
;
  border-top-left-radius:10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px  ;
  background-color:
  
  
    
  
  rgba(241, 241, 241, 1.0)
;
}

.form-title {
  border: 1px none #1A1719;
;
  padding: 0px;
;
  font-family: Barlow; font-style: normal; font-weight: normal; text-decoration: none;
  text-align: LEFT
;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 30px;
  color: #544E51;
  background-color: 
  
  
    
  
  rgba(26, 23, 25, 1.0)
;
  text-transform:none;
}

form label{
  font-family: Barlow, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #1a1719;
  font-size: 16px;
  text-transform:none;
  letter-spacing:px;
}
form legend {
  font-size: 13px;
  color: 
  
  
    
  
  rgba(84, 78, 81, 1.0)
;
  margin: 0 0 10px;
}

/* Inputs */
input:not([type='checkbox']):not([type='submit']):not([type='radio']),
select, textarea{
  height:54px;
  font-family: Barlow, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #544E51;
  font-size: 16px;
  background-color:
  
  
    
  
  rgba(255, 255, 255, 1.0)
;
  border: 1px solid #e3e3e3;
;
  border-radius:6px;
  padding: .7rem 1rem;
}
input:focus, select:focus, textarea:focus{
  outline:none;
}
form textarea {
  height: auto !important;
  min-height: 80px !important;
}
::-webkit-input-placeholder {
  color: 
  
  
    
  
  rgba(102, 102, 102, 0.2)
;
}
::-moz-placeholder {
  color: 
  
  
    
  
  rgba(102, 102, 102, 0.2)
;
}
:-ms-input-placeholder {
  color: 
  
  
    
  
  rgba(102, 102, 102, 0.2)
;
}
::placeholder {
  color: 
  
  
    
  
  rgba(102, 102, 102, 0.2)
;
}
.hs-fieldtype-date .input .hs-dateinput:before {
  color: 
  
  
    
  
  rgba(102, 102, 102, 0.2)
;
}
.fn-date-picker td.is-selected .pika-button {
  background: #544E51;
}
.fn-date-picker td .pika-button:hover {
  background-color: #544E51 !important;
}
.fn-date-picker td.is-today .pika-button {
  color: #544E51;
}


/* Sumnit  button */


form .actions > *,
form input[type='submit'] { 
  padding-top: 16px;
padding-right: 26px;
padding-bottom: 16px;
padding-left: 26px;
;
  font-family: Barlow, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #FFFFFF;
  font-size: 16px;
  text-transform: uppercase;
   letter-spacing: 1px; 
  background: transparent;
  z-index: 2;
}
form .actions{
  display: inline-block;
  position: relative;
  transition: 0.3s ease-in-out;
  overflow: hidden;
  border: 3px none #FF3639;
;
  background-color: 
  
  
    
  
  rgba(255, 54, 57, 1.0)
;
  border-radius: 8px;
}

form .actions::after{
  position: absolute;
  content: "";
  height: 4px;
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all 0.4s;
  background-color: 
  
  
    
  
  rgba(214, 0, 3, 1.0)
;
  z-index: 1;
}
form .actions:hover::after {
  height: 100%;
}
form .actions:hover{
  border-color: 
  
  
    
  
  rgba(214, 0, 3, 1.0)
;
}
form .actions > *:hover,
form .actions > *:focus,
form .actions > *:active,
form input[type='submit'] > *:hover,
form input[type='submit'] > *:focus,
form input[type='submit'] > *:active{
  color: 
  
  
    
  
  rgba(255, 255, 255, 1.0)
;
  border-color: 
  
  
    
  
  rgba(214, 0, 3, 1.0)
;
  transition: all 0.5s ease-in-out;
}



/***  Header ***/

header .main_header_top{ background-color: 
  
  
    
  
  rgba(26, 23, 25, 1.0)
; position:relative; z-index:99;}
header.header, header .main_header_bottom{ background-color:
  
  
    
  
  rgba(255, 255, 255, 1.0)
; position:relative; z-index:99; }

.menu__wrapper > .menu__item > .menu__link, #search_data{
  font-family: Barlow, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #032530;
  font-size: 16px;
  text-transform: none;
  transition: .1s ease-in-out;
}
.menu__wrapper > .menuToggleCloase{
  font-family: Barlow, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #032530;
  font-size: 16px;
  text-transform: none;
}
.menu__submenu--level-2 > .menuToggleCloase{
  font-family: Barlow, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #1a1719;
  font-size: 16px;
  text-transform: none;
}
.menu__submenu .menu__link{
  font-family: Barlow, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #1a1719;
  font-size: 16px;
  text-transform: none;
  transition: .1s ease-in-out;
}
.menu__wrapper > .menu__item > .menu__link:hover{
  color:
  
  
    
  
  rgba(255, 54, 57, 1.0)
;
  transition: .1s ease-in-out;
}

.menu__wrapper .menu__item--has-submenu > .menu__link:after{
  color:
  
  
    
  
  rgba(255, 54, 57, 1.0)
;
  transition: .1s ease-in-out;
}
.lang_list_class .lang_switcher_link, 
.header__language-switcher--label, 
.header__language-switcher{
  font-family: Barlow, sans-serif; font-style: normal; font-weight: 500; text-decoration: none !important;
  color: #1a1719 !important;
  font-size: 16px !important;
  text-transform: none !important;
  transition: .1s ease-in-out !important;
}

.menu__submenu .menu__link:hover{
  color:
  
  
    
  
  rgba(255, 54, 57, 1.0)
;
}

.lang_list_class .lang_switcher_link:hover{
  color:
  
  
    
  
  rgba(255, 54, 57, 1.0)
 !important;
}
.js-menuToggle span{
  background:
  
  
    
  
  rgba(3, 37, 48, 1.0)
;
}
/***  Footer ***/
footer.footer{
  background-color:
  
  
    
  
  rgba(243, 243, 243, 1.0)
;
}
footer.footer *:not(button, .button, .hs-button){
  font-family: Barlow, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #032530;
}
.search_data_form_wrap .hs-search-field__bar > form{
  background:unset;
  padding:0;
}




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

/* Blog post */

.blog-post__meta a {
  color: #544E51;
}

.blog-post__tag-link {
  color: #544E51;
}

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

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

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

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

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

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

/* Blog comments */

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

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

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

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





.hs-search-results__title {
  font-weight: normal; text-decoration: none; font-family: Barlow, serif; font-style: normal;
  color: #1A1719;
}





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

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

.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: #423f41;
}


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

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
  color: #544E51;
}

.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: #2c2629;
}

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

.hs-pagination__link-icon svg {
  fill: #544E51;
}

/* Pricing card */

.card__price {
  font-weight: normal; text-decoration: none; font-family: Barlow, serif; font-style: normal;
  color: #1A1719;
  font-size: 40px;
}

.card__body svg {
  fill: #544E51;
}

/* Social follow */

.social-links__icon {
  background-color: #544E51;
}

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

.social-links__icon:active {
  background-color: #7c7679;
  font-weight: normal; text-decoration: none; font-family: Barlow, serif; font-style: normal;
  color: #1A1719;
  font-size: 40px;
}



/*  menu image */
@media(min-width:992px){
  .menu__submenu.no-list{
    background-color:
  
  
    
  
  rgba(250, 250, 250, 1.0)
;
    ;
  }

  .lang_list_class li{
    background-color:
  
  
    
  
  rgba(250, 250, 250, 1.0)
 !important;
     !important;
  }
}
/*** Media quires ****/
@media(max-width:1199px){
  .dnd-section > .row-fluid, .content-wrapper{max-width:960px;}
}
@media(max-width:991px){ 
  .header__navigation, .menu__submenu{background-color:
  
  
    
  
  rgba(255, 255, 255, 1.0)
;}
  .js-pushNavLevel.isOpen{
    background-color:
  
  
    
  
  rgba(250, 250, 250, 1.0)
;
  }
  .dnd-section > .row-fluid, .content-wrapper{max-width:720px;}
  h1, .h1{ font-size: 40px; }
  h2, .h2{ font-size: 36px; }
  h3, .h3{ font-size: 30px; }
  h4, .h4{ font-size: 24px; }
  h5, .h5{ font-size: 20px; }
  h6, .h6{ font-size: 18px; }
  button, .button, .hs-button, .hs-blog-post-listing__post-button { font-size: 16px; }
  .form-title{font-size:26px;}
  form input[type=submit], form .hs-button {font-size: 16px; }
  form label{font-size:14px;}
  .hs-form fieldset {gap: 0px;}

  
  .mobile_logo{ display:block; }
  .desktop_logo{ display:none;}
  
}
@media(max-width:767px){
  .dnd-section > .row-fluid,  .content-wrapper{max-width:540px;}
  html, body{font-size:16px;}
  h1, .h1{ font-size:30px; }
  h2, .h2{ font-size:26px; }
  h3, .h3{ font-size:22px; }
  h4, .h4{ font-size:18px; }
  h5, .h5{ font-size:16px; }
  h6, .h6{ font-size:14px; }
  button, .button, .hs-button, .hs-blog-post-listing__post-button { font-size: 16px; }
  .menu__wrapper > .menu__item > .menu__link, .menu__submenu .menu__link, .menu__wrapper > .menuToggleCloase, .menu__submenu--level-2 > .menuToggleCloase {font-size:14px;}
  .form-title{font-size:20px;}
  form input[type=submit], form .hs-button{ font-size: 16px; }
  form label{font-size:14px;}
}