/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.
*********************************************************************************
****************************************************************************** */

/* Test */
















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

.dnd-section {
	padding-bottom: 32px;
	padding-top: 32px;
}

.body-container__homepage .dnd-section:nth-child(odd) {
	background-color: #F8FAFC;
}
.page-center {
	max-width: 1038px;
}




html {
	font-size: 18;
}

body {
  color: #303030;
  font-size: 18px;
font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 400
}

p {
	font-family: PT Sans, -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

a {
	font-family: PT Sans, "PT Sans", -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	color: rgba(18, 121, 190, 1.0);
	cursor: pointer;
}

a:hover,
a:focus {
  color:rgba(48, 48, 48, 1.0);
}

a:active {
	color: rgba(58, 161, 230, 1.0);
}

h1 {
	color: #303030;
	font-family: PT Sans;
	font-size: 40px;
	font-weight: 700;
}


h2 {
	color: #1E3760;
	font-family: PT Sans;
	font-size: 36px;
	font-weight: 700;
}

@media(max-width: 767px) {
	h2 {
		font-size: 30.599999999999998px;
	}
}

h3 {
	color: #559ECA;
	font-family: PT Sans;
	font-size: 28px;
	font-weight: 700;
}

@media(max-width: 767px) {
	h3 {
		font-size: 23.8px;
	}
}

h4 {
	color: #425b76;
	font-family: PT Sans;
	font-size: 19px;
	font-weight: 700;
}

@media(max-width: 767px) {
	h4 {
		font-size: 16.15px;
	}
}

h5 {
	color: #303030;
	font-family: PT Sans;
	font-size: 26px;
	font-weight: 700;
}

h6 {
	color: #303030;
	font-family: PT Sans;
	font-size: 23px;
	font-weight: 700;
}

blockquote {
	border-left: 10px solid #F8FAFC;;
}





form,
.submitted-message {
	border-color: rgba(#null, 0.0);
	font-family: PT Sans;
}

h3.form-title {
	background-color: rgba(255, 255, 255, 0.0);
	color: rgba(48, 48, 48, 1.0);
}

.hs-button,
.button--primary {
	background-color: rgba(18, 121, 190, 1.0);
	border-color: rgba(73, 74, 82, 1.0);
	border-radius: 5px;
	border-width: 0px;
	color: rgba(255, 255, 255, 1.0);
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus {
	background-color: #303030;
	color: #ffffff;
}

.hs-button:active,
.button--primary:active {
	background-color: rgba(58, 161, 230, 1.0);
	border-color: rgba(113, 114, 122, 1.0);
	color: rgba(255, 255, 255, 1.0);
}

.hs-form label {
	color: rgba(48, 48, 48, 1.0);
}

.hs-form legend {
	color: rgba(48, 48, 48, 1.0);
}

form input,
form select,
form textarea,
.hs-input,
input[type="password"]{
	border-color: rgba(197, 197, 197, 1.0);
	color: ;
	border-radius: 5px;
}

form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus,
input[type="password"]:focus {
	border-color: rgba(48, 48, 48, 1.0);
}

.fn-date-picker .pika-table thead th {
	color: rgba(255, 255, 255, 0.0);
}

.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before,
.hs-richtext {
	color: #303030;
}

.hs-richtext {
	font-size: 18;
}

.hs-default-font-element,
.hs-main-font-element {
	font-family: PT Sans;
}

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

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

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





th,
td {
	background-color: rgba(255, 255, 255, 1.0);
	border: 1px solid rgba(48, 48, 48, 1.0);
	color: rgba(48, 48, 48, 1.0);
}

thead th,
thead td {
	background-color: rgba(48, 48, 48, 1.0);
	color: rgba(255, 255, 255, 1.0);
}

tfoot td {
	background-color: rgba(255, 255, 255, 1.0);
	color: rgba(48, 48, 48, 1.0);
}

table,
tbody + tbody {
	border-color: rgba(48, 48, 48, 1.0);
}





.header {
	background-color: rgba(255, 255, 255, 1.0);
}

.header__container {
	max-width: 1038px;
}

body .custom-menu-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
	color: rgba(48, 48, 48, 1.0);
}

body .custom-menu-primary .submenu.level-1 > li:hover > a,
body .custom-menu-primary .submenu.level-1 > li:focus > a,
.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: rgba(18, 121, 190, 1.0);
}

body .custom-menu-primary a.active-branch,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
	color: rgba(18, 121, 190, 1.0);
}

body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li:active {
	background-color: rgba(255, 255, 255, 0.0);
}
body .custom-menu-primary .submenu.level-1 > li {
	background-color: rgba(#null, 0.0);
}
body .custom-menu-primary .submenu.level-1 > li a:hover,
body .custom-menu-primary .submenu.level-1 > li a:focus {
	background-color: rgba(255, 255, 255, 0.0);
}
body .custom-menu-primary .submenu.level-1 > li > a.active-item {
  color: rgba(18, 121, 190, 1.0);
  background-color: rgba(255, 255, 255, 0.0);
}

body .custom-menu-primary .submenu.level-2 > li > a {
	color: rgba(255, 255, 255, 1.0);
}
body .custom-menu-primary .submenu.level-2 {
	background-color: rgba(18, 121, 190, 1.0);
}
body .custom-menu-primary .submenu.level-2:before {
	border-bottom-color: rgba(18, 121, 190, 1.0);
}
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link {
	background-color: rgba(18, 121, 190, 1.0);
}
body .custom-menu-primary .submenu.level-2 .triangle-container .triangle {
	background-color: rgba(18, 121, 190, 1.0);
}

body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:hover,
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:focus,
body .header__language-switcher .lang_list_class li:hover,
body .custom-menu-primary .submenu.level-2 .triangle-container.level-2.hover .triangle {
	background-color: rgba(48, 48, 48, 1.0);;
	color: rgba(255, 255, 255, 1.0);
}
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link.active-item {
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(48, 48, 48, 1.0);
}

.custom-header-bottom-left p {
	color: rgba(117, 117, 117, 1.0);
}
.custom-header-bottom-left h2 a {
	color: rgba(48, 48, 48, 1.0);
}
.custom-header-bottom-left h2 a:hover {
	color: rgba(18, 121, 190, 1.0);
}
.custom-header-social-wrap ul li a {
	color: rgba(117, 117, 117, 1.0);
}
.custom-header-social-wrap ul li a:hover {
	color: rgba(18, 121, 190, 1.0);
}

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

.header__language-switcher-label-current:after {
	border-top-color: rgba(48, 48, 48, 1.0);
}

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

	.header__navigation-toggle svg,
	.menu-arrow svg {
		fill: rgba(48, 48, 48, 1.0);
	}
}





.footer {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(48, 48, 48, 1.0);
}

.footer__container {
	max-width: 1038px;
}

.footer-col h2 {
  color: rgba(48, 48, 48, 1.0);
}
.footer-col p {
  color: rgba(48, 48, 48, 1.0);
}
.footer-col p a {
  color: rgba(18, 121, 190, 1.0);
}
.footer-col p a:hover {
  color: rgba(48, 48, 48, 1.0);
}

.custom-footer-bottom a,
.custom-footer-bottom-right ul li a {
  color: rgba(117, 117, 117, 1.0);
}
.custom-footer-bottom a:hover,
.custom-footer-bottom-right ul li a:hover {
  color: rgba(48, 48, 48, 1.0);
}





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

.blog-post__date {
	border-color: #303030;
}

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

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

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

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

.blog-pagination__link {
	color: #303030;
}

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

.blog-post__title {
	color: #1E3760;
	font-family:PT Sans;
	font-size: 36px;
	font-weight: ;
}

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

#comments-listing .comment-reply-to {
	color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
	color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:active {
	color: rgba(#null, 0.0);
}

/*             Blog Grid Listing and Post styles            */

.blog-header {
	background-color: rgb(238, 240, 242);
}

.hs-blog-listing,
.hs-blog-post {
	background-color: #F8FAFC;
}

.blog-index__post-inner-card {
	box-shadow: -5px 0px 20px 0px rgba(73, 75, 77, 0.10);
}

.blog-post__tag-link:hover{
	color: #303030;
}

.blog-post__read-more svg {
	fill: #303030;
}

.blog-post__read-more a:hover svg {
	fill: #303030;
}

.blog-sidebar ul {
	box-shadow: -5px 0px 20px 0px rgba(73, 75, 77, 0.10);
}

.blog-sidebar a {
	color: #303030;
}

.blog-sidebar a:hover {
	color: #303030;
}

.blog__subscription-block {
	background-color: rgb(238, 240, 242);
}

.post-featured-image {
	max-height: 600px;
}

.blog-post {
	box-shadow: -5px 0px 20px 0px rgba(73, 75, 77, 0.10);
}

.blog-post__meta a {
	color: #303030;
}

.blog-post__body, .blog-post__tags a {
	color: #303030;
}

.blog-post__meta a:hover {
  color: #303030
}

.blog-post__links {
	border-top:  2px solid rgb(228, 230, 232);
}

.blog-post__back-to-blog {
	color: #303030;
}

.blog-post__back-to-blog:hover {
	color: #303030;
}

.blog-post__back-to-blog svg {
	fill: #303030;
}

a.blog-post__back-to-blog:hover svg {
	fill: #303030;
}

.comment.depth-0,
.blog-comments form {
	border-top: 2px solid rgb(228, 230, 232);
}

.comment.depth-1 {
	border-left: 2px solid rgb(228, 230, 232);
}

.section.post-footer .hs-input {
	border-color: rgb(228, 230, 232);
}

.blog-recent-posts {
	background-color: rgb(238, 240, 242);
}










body .icon svg {
	fill: #494A52;
}

body .tns-nav button.tns-nav-active {
	background-color: #494A52;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
	background-color: #494A52;
}

body .social-links__icon {
	background-color: #494A52;
}

body .social-links__icon:hover svg,
body .social-links__icon:focus svg {
	fill: rgba(#null, 0.0);
}

body .social-links__icon:active svg {
	fill: rgba(#null, 0.0);
}

body .team-member__description {
	background-color: #F8FAFC;
}

.page-center {
	max-width: 1038px;
	margin: 0 auto;
}




.body-container__website .dnd-section:nth-child(odd) {
	background-color: {typography=, tables=, buttons=, spacing=, footer=, global_colors=, blog_settings=, header=, forms=}
}

/* Info Module */
.pi-pillar-layout1 .dnd_area1-row-0-padding{padding-top:0!important;padding-bottom:0!important;padding-left:0!important;padding-right:0!important}
.pi-pillar-layout1 .row-fluid{margin-top:0!important;padding:0}
.pi-pillar-layout1 .container {max-width:1038px;margin:0 auto !important;padding:0 16px;float:none !important; }
.pi-info-module { padding: 60px 0; }
.pi-info-cont1 { margin-top: 20px; }

/* Pillar Module */
.pi-pillar-module{position:relative;z-index:99; padding: 30px 0  60px;}
.pi-pillar-left{position:absolute;top:0;left:0;z-index:99;height:100%;width:22%;padding: 30px 0 60px;}
ul.navigation{position:sticky;top:50px;left:0;padding:50px 10px 50px 25px;background:#fff;box-shadow:0 4px 6px rgb(0 0 0 / 10%),0 5px 15px rgb(0 0 0 / 4%);margin:0;list-style-type: none;}
ul.navigation li::marker{content:unset}
ul.navigation li { margin-bottom: 20px; }
ul.navigation li a { position: relative; z-index: 9; padding-left: 28px; color: #000; }
ul.navigation li a:after { position: absolute; content: "\203A"; top: 8px; left: 0; z-index: -1; font-size: 35px; font-weight: bold; line-height: 0; }
.pi-pillar-item { margin-bottom: 40px; }
.pi-pillar-hero-img { height: 420px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin-top: 35px; margin-bottom: 30px; }
ul.navigation li a:after{position:absolute;content:"\203A";top:8px;left:0;z-index:-1;font-size:35px;font-weight:bold;line-height:0}
ul.navigation li a{position:relative;z-index:9;padding-left:28px;color:#000;font-weight:700}
ul.navigation li{margin-bottom:20px}
ul.navigation li:last-child{margin-bottom:0}
ul.navigation li a:hover{text-decoration:none;opacity:1;color:#1279be}
ul.navigation li a.active{color:#1279be}
.pi-pillar-info1 img { max-width: 100%;height:auto; }
.pi-pillar-right .container { max-width: 1038px; width: 55%; }
.pi-pillar-headline-txt { margin: 30px 0; }
.pi-pillar-headline-txt h2 { display: flex; flex-wrap: wrap; align-items: center; }
.pi-pillar-headline-txt span.pi-num-uy { font-size: 52px; margin-right: 20px; color: #1279be; }
.pi-pillar-left .menu-dis {display:none}
.pi-pillar-info1 .pi-table-add {width:100%;overflow-x: auto;}
.word-break { word-break: break-all; }

/* -------------------------------------------commen for all sites but if requiired then custom from above content ---------------------------------------------------- */
/*--------------- Responsive media query style start here ----------------*/
@media (max-width: 1400px){
    .pi-pillar-right .container { max-width: 1021px; width: 69%; margin-left: 22% !important; }
}
@media (max-width: 1200px){
  .pi-pillar-right .container { max-width: 1038px; width: 100%; margin: 0 auto !important; }
  .pi-pillar-left { position: absolute; top: 0; left: auto; right: 20px; width: auto;  }
    .pi-pillar-left .menu-dis {display:flex;position: sticky; top: 20px; }
  #menu__toggle {
  opacity: 0;
}

#menu__toggle:checked ~ .menu__btn > span {
  transform: rotate(45deg);
}
#menu__toggle:checked ~ .menu__btn > span::before {
  top: 0;
  transform: rotate(0);
}
#menu__toggle:checked ~ .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
#menu__toggle:checked ~ .navigation {
 visibility: visible; top: 0; opacity: 1
}

.menu__btn {
 display: flex;
    align-items: center;
    position: sticky;
    top: 20px;
    left: 20px;
    cursor: pointer;
    z-index: 1;
    width: 40px;
    height: 40px;
    justify-content: center !important;
    box-shadow: 0 4px 6px rgb(0 0 0 / 10%), 0 5px 15px rgb(0 0 0 / 4%);
    background: #fff;
}

.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
  display: block;
  position: absolute;

  width: 100%;
  height: 2px;

  background-color: #303030;

  transition-duration: .25s;
  width: 26px;
}
.menu__btn > span::before {
  content: '';
  top: -8px;
}
.menu__btn > span::after {
  content: '';
  top: 8px;
}
  ul.navigation { position: fixed; top: -100%; left: 0; width: 100%; height: 100%; transition-duration: .25s; visibility: hidden; opacity: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;padding-top: 80px;    overflow: scroll; }
  #menu__toggle:checked ~ .menu__btn { position: fixed; right: 20px; left: auto; }
}
@media (max-width: 1079px){
 .custom-recents-post-wrap.pi-recents-post1 .recent-post-item { width: 50% !important; margin: 0 0 30px !important; padding: 0 16px !important; }
}
@media (max-width: 991px){
    
}
@media (max-width: 840px){
    
}
@media (max-width: 767px){
  .custom-recents-post-wrap.pi-recents-post1 .recent-post-item { width: 100% !important; }
  .pi-pillar-headline-txt span.pi-num-uy { font-size: 38px; margin-right: 10px; }
  .pi-pillar-left {  top: 0;   padding-top: 0; }
  .pi-pillar-headline-txt h4 span.pi-num-uy { margin: 0px 0 12px; }
  .pi-pillar-headline-txt h4 { flex-direction: column; align-items: flex-start; }
  .pi-pillar-headline-txt h4  {display:none;}
  .pi-pillar-hero-img { height: 310px; }
}
@media (max-width: 640px){
    
}
@media (max-width: 480px){
    
}
@media (max-width: 375px){
    
}
/*--------------- Responsive media query style start here ----------------*/