







/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */
















/* 1d. Buttons */







/* 1e. Forms */











/* 1f. Tables */











/* 1g. Site header */





/* 1h. Site footer */








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

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

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





html {
   font-size: 16px;
}

body {
   font-size: 16px;
   color: #494A52;
   font-weight: 400;
   font-family: Open Sans;
}

/* Paragraphs */

p {
   font-size: 16px;
   color: #494A52;
   font-weight: 400;
}

/* Anchors */

a {
   color: #000000;
}

a:hover,
a:focus,
a:active {
   color: #000000;
}

/* Headings */

h1 {
   font-family: montserrat, sans-serif;
   font-size: 34px;
   color: #000000;
   font-weight: 400;
}

h2 {
   font-family: montserrat, sans-serif;
   font-size: 30px;
   color: #000000;
   font-weight: 400;
}

h3 {
   font-family: montserrat, sans-serif;
   font-size: 26px;
   color: #000000;
   font-weight: 400;
}

h4 {
   font-family: montserrat, sans-serif;
   font-size: 24px;
   color: #000000;
   font-weight: 400;
}

h5 {
   font-family: montserrat, sans-serif;
   font-size: 22px;
   color: #000000;
   font-weight: 400;
}

h6 {
   font-family: montserrat, sans-serif;
   font-size: 20px;
   color: #000000;
   font-weight: 400;
}

/* Blockquote */

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





button,
.button {
   background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
   border: px solid ;
   border-radius: 0px;
   color: #FFFFFF;
   padding: 10px 30px;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
   background-color: rgba(0, 0, 0, 1.0);
   border-color: ;
   color: #FFFFFF;
}

button:active,
.button:active {
   background-color: rgba(40, 40, 40, 1.0);
   border-color: ;
   color: #FFFFFF;
}





form,
.submitted-message {
   font-size: 16px;
   color: #494A52;
   font-weight: 400
}

/* Form title */

.form-title {
   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
   color: #0F202E;
}

/* Form label */

form label {
   color: #ffffff;
}

/* Form help text */

form legend {
   color: #1d82b6;
}

/* 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: #ffffff;
   color: #494A52;
}

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: #ffffff;
   border-width: 2px;
}

form input[type=text]:hover,
form input[type=email]:hover,
form input[type=password]:hover,
form input[type=tel]:hover,
form input[type=number]:hover,
form input[type=file]:hover,
form select:hover,
form textarea:hover {
   border-color: #ffffff;
   border-width: 2px;
}


/* Form placeholder text */

::-webkit-input-placeholder {
   color: #494A52;
}

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

/* Date picker */

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

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

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

/* Submit button */

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

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
   border-radius: 0px;
   color: #FFFFFF;
   padding: 10px 30px;
}

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

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





table {
   background-color: 

  
  
    
  


  rgba(249, 249, 249, 1.0)

;
   border-color: #dbdbdb;
}

th,
td {
   border-color: #dbdbdb;
   color: #000a15;
}

thead th,
thead td {
   background-color: 

  
  
    
  


  rgba(249, 249, 249, 1.0)

;
   border-bottom-color: #dbdbdb;
   color: #363636;
}

tfoot td {
   background-color: 

  
  
    
  


  rgba(249, 249, 249, 1.0)

;
   color: #363636;
}





header.header {
   background-color: rgba(53, 84, 117, 0.0);
}
.header__navigation .submenu.level-1>li:not(:last-child)>a{
   color: rgba(255, 255, 255, 1.0);
}
.header__navigation .submenu.level-1>li:not(:last-child)>a:hover{
   color: rgba(255, 255, 255, 1.0);
}
.header__navigation .submenu.level-2{
   background-color: rgba(36, 35, 35, 0.53);
}
.header__navigation .submenu.level-2>li>a{
   color: rgba(255, 255, 255, 1.0);
}
.header__navigation .submenu.level-2>li>a:hover{
   color: rgba(204, 204, 204, 1.0);
}






.footer__container {
   background-color: rgba(36, 35, 35, 1.0);
}
.footer-address .hs_cos_wrapper a ,
.footer-address .hs_cos_wrapper,.footer-right-content span ,.footer-right-heading h3{
   color: rgba(255, 255, 255, 1.0);
}
.footer-menu ul li a{
   color: rgba(255, 255, 255, 1.0);
}
.footer-menu ul li a:hover{
   color: rgba(255, 255, 255, 1.0);
}
.footer__copyright span{
   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: #fff;
   font-family: Open Sans;
}

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: #d7d7d7;
}



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

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

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



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

  
  
    
  


  rgba(53, 84, 117, 0.0)

;
}

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

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

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

  
  
    
  


  rgba(53, 84, 117, 0.0)

;
   }

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

















.card__price {
   font-family: montserrat, sans-serif
      font-size: 26px;
   color: #000000;
   font-weight: 400
}

/**** Custom CSS ****/

.SecMain .content-wrapper  { max-width: 1170px; margin: 0 auto; display: block; padding: 0 20px; width: 100%; float: none; }
.header.blogHeader { min-height: 83.18px; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; align-items: center; }
.header.blogHeader .content-wrapper, .footer.blogFooter .content-wrapper { display: block; max-width: 1320px; padding: 0 20px; width: 100%; }
.header.blogHeader .header-site { margin: 0;  -webkit-align-items: center; align-items: center;  }
.header.blogHeader .header-site > div { float: left;   }
.header.blogHeader .header__logo { margin: 19px 0; left: 0; }
.header.blogHeader .header_logo_main { width: 20%;  }
.header.blogHeader .header__navmain { width: 80%; }
.header.blogHeader .header__navigation { float: right; left: auto; margin: 0; }
.header.blogHeader .header__navigation.desktop .submenu.level-1 > li { width: auto !important; margin-left: 30px; }
.header.blogHeader .header__navigation.desktop .dropdown-shown { margin: 0; padding: 11px 0 0; }
.heroSec-blog { min-height: 560px; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; align-items: center; }
.hs-bgImage { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.85; }

.heroSec-blog h1 { font-size: 70px; line-height: 86px; color: #fff; }
.hs-blogSubtitle { font-size: 30px; line-height: 37px; font-weight: 300; font-family: montserrat, sans-serif; }
.rmsys-blog-listing { padding: 132px 0 20px; }
.blogListing-outer { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; }
.blogSearch-bar { margin: 0 0 40px; }
.blogSearch-bar .hs-search-field--open .hs-search-field__suggestions { border: 0; margin: 10px 0 0; padding: 30px; top: 100%; background: #FAFAFA; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;  }
.blogSearch-bar form { background: transparent; padding: 0;  }
.blogSearch-bar form .hs-search-field__input { font-size: 20px; font-family: montserrat, sans-serif; font-weight: 500; outline: 0; border: 0; background: #FAFAFA !important; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; padding: 22px 30px; line-height: 30px; color: #030303 !important;  }
.blogSearch-bar .hs-search-field__suggestions #results-for, .blogSearch-bar .hs-search-field--open .hs-search-field__suggestions li:not(:first-child) a  { font-family: montserrat, sans-serif;  }
.blogSearch-bar .hs-search-field--open .hs-search-field__suggestions li:not(:first-child) a  { font-size: 16px; font-weight: 500; }
.blogSearch-bar .hs-search-field__suggestions #results-for { font-weight: 700; font-size: 18px; }
.blogSearch-bar .hs-search-field__suggestions li a { background: transparent !important; }
.blogSearch-bar .hs-search-field__suggestions li a:hover { color: rgba(204, 204, 204, 1.0); }
.ramesys-post.rmsys-first { display: -webkit-flex; display: flex; flex-direction: column;  }
.ramesys-post.rmsys-first .by-topic { height: 100%; }
.by-topic, .ramesys-post.rmsys-fourth { padding: 35px; background: #FAFAFA; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.ramesys-post h3 { color: #030303; font-size: 30px; line-height: 37px; font-weight: 500; font-family: montserrat, sans-serif; }
.by-topic ul { padding: 0; margin: 0; list-style: none; }
.by-topic ul li a { position: relative; padding: 13px 0; font-size: 25px; font-weight: 400; color: #030303; line-height: 30px; display:  block; }
.by-topic ul li a:hover { color: rgba(204, 204, 204, 1.0); }
.by-topic ul li a:after { background: #242323; content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; opacity: 0.15; }
.by-topic ul li:last-child a:after { opacity: 0; } 
.ramesys-post { width: 31.3%; float: left; margin: 0 3.05% 34px 0; }
.ramesys-post:nth-child(3n) { margin-right: 0; }
.rmsys-image { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: flex-end; align-items: flex-end; min-height: 291px; width: 100%;  background: #242323; position: relative; z-index: 1; padding: 40px 30px;   }
.rmsys-image > a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.54; z-index: -1; } 
.rmsys-image h2 { margin: 0; }
.rmsys-image h2, .rmsys-image h2 a { color: #fff; font-size: 30px; font-weight: 500; line-height: 37px; } 
.ramesys-post:not(.rmsys-first):not(.rmsys-fourth) { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; overflow: hidden; -webkit-box-shadow: 0 0 6px rgba(0,0,0, 0.16); box-shadow: 0 0 6px rgba(0,0,0, 0.16); }
.rmsys-content { padding: 30px 30px 60px; }
.rmsys-read-full { margin: 25px 0 0; }
.rmsys-read-full a { text-decoration: underline; display: inline-block; }
.rmsys-topics ul { list-style: none; padding: 0; margin: 0; } 

.rmsys-date, .rmsys-min, .rmsys-topics, .rmsys-topics ul li a { font-weight: 600; color: #898989; font-family: montserrat, sans-serif; }
.rmsys-topics ul li { display: inline-block; }
.rmsys-date-min { margin: 0 0 20px; }
.rmsys-date, .rmsys-seperator, .rmsys-min, .rmsys-seperator:before, .rmsys-pop-dm .rmsys-topics  { display: inline-block; vertical-align: middle; }
.rmsys-seperator:before { content: " "; width: 4px; height: 4px; -webkit-border-radius: 50%; border-radius: 50%;  background: #898989; margin: -3px 12px 0; }
.rmsys-post-body, .rmsys-read-full a { font-size: 20px; font-family: helvetica-w02-light,sans-serif; font-weight: 300; line-height: 30px; color: #030303; }
.rmsys-ta-block { position: relative; margin: 0 0 30px; padding: 0 0 0 35px; }  
.rmsys-ta-block:last-child { margin-bottom: 0; }
.rmsys-ta-block h4 { font-size: 25px; margin: 0 0 5px; }
.post-pop-num { font-size: 30px; font-weight: 500; position: absolute; left: 0; top: 0; font-family: montserrat, sans-serif; }
.ramesys-post.rmsys-fourth h3 { margin: 0 0 30px;  }
.rmsys-topics ul li a:hover { color: #242323; }
.rmsys-pop-dm .rmsys-topics, .rmsys-pop-dm .rmsys-topics ul, .rmsys-pop-dm .rmsys-topics li { display: inline;}
.blog-pagination.rmsys-blog-pagination { padding: 0 0 50px; }
.blog-pagination.rmsys-blog-pagination a { font-size: 20px;  width: 50px; height: 50px; line-height: 40px; padding: 5px; text-align: center; }
.blog-pagination.rmsys-blog-pagination .blog-pagination__link.blog-pagination__next-link--disabled, .blog-pagination.rmsys-blog-pagination .blog-pagination__link.blog-pagination__prev-link--disabled { color: #898989; }
.blog-pagination.rmsys-blog-pagination .blog-pagination__link--active, .blog-pagination.rmsys-blog-pagination .blog-pagination__number-link:focus, .blog-pagination.rmsys-blog-pagination .blog-pagination__number-link:hover { border-color: #898989; }

.blogFooter .footer-logo, .blogFooter .footer-menu, .blogFooter .footer-address, .blogFooter .footer__copyright, .blogFooter .footer-right-heading, .blogFooter .footer-right-content, .blogFooter .footer-right-form { margin-left: 0; }
.blogFooter .footer-address { max-width: 215px; width: 100%; }
.blogFooter .footer-menu .hs-menu-wrapper > ul > li { margin: 0 60px 0 0; width: auto !important; }
.blogFooter .footer-menu .hs-menu-wrapper > ul > li:last-child { margin-right: 0 !important; }
.blogFooter .footer-menu .hs-menu-wrapper > ul > li > a { font-weight: 600; }
.blogFooter .footer-address .hs_cos_wrapper { line-height: 24px; }
.blogFooter .footer-menu ul li a { margin-bottom: 10px; }
.blogFooter .footer__column1, .blogFooter .footer__column2 { width: 48%; float: left; }
.blogFooter .footer__column2  { margin: 0 0 0 4%; }
.blogFooter .footer__copyright .hs_cos_wrapper { text-align: left; }
.blogFooter .footer__copyright { width: 100%; left: 0; }
.blogFooter .footer-col-left { min-height: 810px;  }
.blogFooter .footer-right-form { width: 100%; left: 0; }
.blogFooter .footer-form-col { width: 100%; }
.blogFooter .footer-form-row .footer-right-linkedin { left: 0; }
.blogFooter .footer-form-row form { display: block; }
.blogFooter .footer-form-row form .hs-form-field { position: static; width: 48%; float: left; margin: 0 4% 20px 0; }
.blogFooter .footer-right-form .hs_message.hs-message, .blogFooter .footer-form-row form .hs-form-field:nth-child(2), .blogFooter .footer-form-row form .hs-form-field:nth-child(3), .blogFooter .footer-form-row form .hs-form-field:nth-child(5), .blogFooter .footer-form-row form .hs-form-field:nth-child(7) { margin-right: 0; }
.blogFooter .footer-form-row form .hs-form-field:nth-child(3), .blogFooter .footer-right-form .hs_message.hs-message { width: 100%; }
.blogFooter .footer-right-form .hs-input:not([type="checkbox"]):not([type="radio"]) { font-family: montserrat, sans-serif; background: #fff; color: #030303 !important;  border-radius: 5px; }
.blogFooter .footer-right-form .hs-input:not([type="checkbox"]):not([type="radio"])::placeholder { color: #898989 !important; }
.blogFooter .footer-right-form .hs_submit.hs-submit { float: left; width: 100%; text-align: left; display: block; height: auto; }
.blogFooter .footer-right-form .hs_submit.hs-submit input[type="submit"] { min-width: auto; width: auto; display: inline-block; position: static; padding: 15px 40px !important; border-radius: 5px; background: #fff; color: #030303; font-weight: 600; font-family: montserrat, sans-serif; }
.blogFooter .footer-right-linkedin { left: 0; margin-left: 0; }
.blogFooter .footer__copyright { grid-area: 9/1/9/2; margin: 0; }
.blogFooter .footer-right-meta { -webkit-justify-content: space-between; justify-content: space-between; }
.blogFooter .footer-form-row form .hs-form-required { color: red; }
.blogFooter .footer-social-linkedin img { height: auto !important; }


@media(min-width: 768px) {
  .header.blogHeader .header-site > div { display: block !important; }
  .header__navigation .submenu.level-1 > li:not(:last-child) > a { font-size: 14px; }
}

@media(max-width:1220px) {
  .header.blogHeader .content-wrapper, .footer.blogFooter .content-wrapper, .SecMain .content-wrapper { max-width: 900px;  }
  
  .heroSec-blog { min-height: 460px; }
  .heroSec-blog h1 { font-size: 50px; line-height: 60px; }
  .hs-blogSubtitle { font-size: 22px; line-height: 28px; }
  .header.blogHeader .header__navigation.desktop .submenu.level-1 > li { margin-left: 15px; }
  .blogSearch-bar form .hs-search-field__input { padding: 12px 20px; font-size: 16px;  }
  .by-topic, .ramesys-post.rmsys-fourth { padding: 30px; }
  .ramesys-post h3 { font-size: 26px; line-height: 34px; }
  .by-topic ul li a { line-height: 24px; font-size: 18px; }
  .rmsys-image { padding: 25px; }
  .rmsys-image h2, .rmsys-image h2 a { font-size: 24px; line-height: 32px; }
  .rmsys-date, .rmsys-min, .rmsys-topics, .rmsys-topics ul li a { font-size: 13px; }
  .rmsys-content { padding: 25px 25px 40px; }
  .rmsys-post-body, .rmsys-read-full a { font-size: 16px; line-height: 24px; }
  .rmsys-ta-block h4 { font-size: 20px; }
  .post-pop-num { font-size: 24px; }
  .blog-pagination.rmsys-blog-pagination a { font-size: 16px; width: 40px; height: 40px; line-height: 30px; }
  .blogFooter .footer-menu .hs-menu-wrapper > ul > li { margin: 0 30px 30px 0; }
  .rmsys-ta-block { padding: 0 0 0 30px; }
  .rmsys-blog-listing { padding-top: 80px; }
  
}

 
@media(max-width: 991px) {
  .header.blogHeader .content-wrapper, .footer.blogFooter .content-wrapper, .SecMain .content-wrapper { max-width: 700px; } 
  .heroSec-blog { min-height: 400px; }
  .heroSec-blog h1 { font-size: 40px; line-height: 50px; }
  
  .rmsys-blog-listing { padding-top: 50px; }
  .blogSearch-bar { margin: 0 0 30px; }
  .body-container-wrapper .rmsys-blog-listing .hs-search-field__bar { margin-bottom: 0; }
  .ramesys-post { width: 100%;  margin-right: 0; }
  .rmsys-content { padding-bottom: 25px; }
  .blogFooter .footer__column1, .blogFooter .footer__column2 { width: 100%; }
  .blogFooter .footer-menu ul ul li { left: 0; }
  .blogFooter .footer-col-left { min-height: auto; padding: 0;  }
  .blogFooter .footer__column2 { margin: 0; }
  .blogFooter .footer-col-right { padding: 0; }
  .footer.blogFooter .content-wrapper { display: -webkit-flex; display: flex; flex-direction: column; } 
  .blogFooter .footer-menu .hs-menu-wrapper > ul > li { width: 33.33% !important; margin: 0 0 20px; padding: 0 20px 0 0; }  
  .blogFooter .footer__copyright { padding: 0 0 30px; }
}

@media(max-width: 767px){ 
  
  .header.blogHeader .header__navmain { width: 100%; } 
  .header.blogHeader .header_logo_main { width: 100%; }
  .heroSec-blog { min-height: 300px; }
  .heroSec-blog h1 { font-size: 34px; line-height: 40px; }
  .hs-blogSubtitle { font-size: 16px; line-height: 24px; }
  .blogSearch-bar { margin: 0 0 20px; }
  .blogSearch-bar .hs-search-field--open .hs-search-field__suggestions { padding: 20px; }
  .blogSearch-bar .hs-search-field--open .hs-search-field__suggestions li:not(:first-child) a  { font-size: 14px; }
  .ramesys-post { margin: 0 0 20px; }
  .rmsys-ta-block h4 { font-size: 18px; }
  .rmsys-image { min-height: 250px; }
  .ramesys-post h3 { font-size: 24px; line-height: 32px; }
  .by-topic ul li a { font-size: 16px; }
  .blog-pagination.rmsys-blog-pagination { margin: 0; }
  .blog-pagination.rmsys-blog-pagination a { font-size: 14px; width: 35px; height: 35px; line-height: 35px; padding: 0; }
  .blogFooter .footer-form-row form .hs-form-field { width: 100%; margin-right: 0; }
  .blogFooter .footer-right-form .hs_submit.hs-submit { margin-bottom: 0; }
  .blogFooter .footer-menu .hs-menu-wrapper > ul > li:last-child { margin-bottom: 0;  }
  
  .blogFooter .footer-right-form textarea.hs-input { min-height: 100px; height: auto; }
}