/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.
*********************************************************************************
****************************************************************************** */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

/* Test */
















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

.body-container__homepage .dnd-section:nth-child(odd) {
    background-color: #eeeeee;
}





body {
    color: #333333;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: 16px;
}

a {
    color: rgba(69, 195, 243, 1.0);
}

a:hover
/* ,a:focus  */
{
    color:#1fb7f1;
}

a:active {
    color: rgba(109, 235, 255, 1.0);
}

h1 {
    color: #333333;
    font-family: Roboto, sans-serif;
    font-size: 42px;
    font-weight: 200;
}

h2 {
    color: #333333;
    font-family: Roboto, sans-serif;
    font-size: 36px;
    font-weight: 200;
}

h3 {
    color: #333333;
    font-family: Roboto, sans-serif;
    font-size: 28px;
    font-weight: 200;
}

h4 {
    color: #333333;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 200;
}

h5 {
    color: #333333;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    font-weight: 200;
}

h6 {
    color: #333333;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 200;
}

blockquote {
    border-left: 2px solid #eeeeee;
}





.hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_google_search,
.widget-type-blog_subscribe,
.widget-span.widget-type-form,
.error-template .body-container .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_google_search,
.password-template .body-container form,
.subscription-template .body-container .widget-type-email_simple_subscription form,
div#comment-form,
.body-container .hs_cos_wrapper_type_form,
.hs-search-field__bar, .section.post-footer, .systems-page form {
    background-color: rgba(245, 245, 245, 1.0);
    border-color: rgba(245, 245, 245, 1.0);
    border-radius: 6px;
    border-width: 1px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
    margin: 0 auto!important;
    max-width: 100%!important;
}

h3.form-title {
    background-color: rgba(255, 255, 255, 0.0);
    color: black;
    font-weight: bold;
    padding: 0px;
    margin-bottom: 15px;
    margin-top: 0px;
}

.hs-button,
.button--primary {
    background-color: rgba(69, 195, 243, 1.0);
    border-color: rgba(69, 195, 243, 1.0);
    border-radius: 40px;
    border-width: 1px;
    color: rgba(255, 255, 255, 1.0);
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus {
    background-color: rgba(50, 189, 242, 1.0);
    border-color: rgba(50, 189, 242, 1.0);
    color: rgba(255, 255, 255, 1.0);
}

.hs-button:active,
.button--primary:active {
    background-color: rgba(109, 235, 255, 1.0);
    border-color: rgba(109, 235, 255, 1.0);
    color: rgba(255, 255, 255, 1.0);
}

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

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

form input,
form select,
form textarea,
.hs-input {
    background-color: rgba(255, 255, 255, 1.0);
    border-color: rgba(204, 204, 204, 1.0);
    color: rgba(85, 85, 85, 1.0);
    border-width: 1px;
    border-radius: 4px;
}

form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus {
    border-color: rgba(69, 195, 243, 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: #333333;
}

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

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

.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: #eeeeee !important;

}

.blog-form {
    display: block;
    margin-left: 10px!important; margin-right: 10px !important;
    margin-top: 20px;

}

input .blog-form{
    padding:10px; background:#45c3f3!important;; border:0 none!important;;
    cursor:pointer!important;;
    -webkit-border-radius: 5px!important;;
    border-radius: 15px!important;;
    color: #fff;!important;}


.img-adjust-size {max-width: 80%; display: block; margin-left: 20px; margin-right: 20px; height: auto; padding:20px;}





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

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

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

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





.custom-header-top {
    background: rgba(69, 195, 243, 1.0);
}

.custom-top-links ul > li > a {
    color: rgba(255, 255, 255, 1.0);
}

.custom-top-links ul > li > a .fa {
    color: rgba(255, 255, 255, 1.0);
}

.custom-top-links ul > li > a:hover {
    color: rgba(255, 255, 255, 1.0);
}

.custom-top-links ul > li > a:hover .fa {
    color: rgba(255, 255, 255, 1.0);
}

.custom-header-bottom {
    background: rgba(0, 0, 0, 0.8);
}

.custom-menu-primary .submenu.level-1 > li > a {
    color: rgba(255, 255, 255, 1.0);
}

.custom-menu-primary .submenu.level-1 > li > a:hover {
    color: rgba(69, 195, 243, 1.0);
    background-color: rgba(255, 255, 255, 0.0);
}

.custom-menu-primary .submenu.level-1 > li.active > a {
    background-color: transparent !important;
    color: rgba(69, 195, 243, 1.0);
}

.custom-menu-primary .submenu.level-1 > li > a > .caret {
    border-bottom-color: rgba(255, 255, 255, 1.0);
    border-top-color: rgba(255, 255, 255, 1.0);
}

.custom-menu-primary ul ul {
    background-color: rgba(239, 239, 239, 1.0);
}

.custom-menu-primary .submenu.level-1 > li > a:hover > .caret {
    border-bottom-color: rgba(69, 195, 243, 1.0);
    border-top-color: rgba(69, 195, 243, 1.0);
}

.custom-menu-primary .submenu.level-1 > li.active > a > .caret {
    border-bottom-color: rgba(69, 195, 243, 1.0);
    border-top-color: rgba(69, 195, 243, 1.0);
}

.custom-menu-primary ul ul li a {
    color: rgba(51, 51, 51, 1.0);
}

.custom-menu-primary ul ul li:hover > a {
    color: rgba(255, 255, 255, 1.0);
    background-color: rgba(69, 195, 243, 1.0);
}

.custom-menu-primary ul ul li.active > a {
    color: rgba(51, 51, 51, 1.0);
    background-color: rgba(255, 255, 255, 0.0);
}

.custom-menu-primary .submenu.level-1 > li.contact-us {
    background-color: rgba(69, 195, 243, 1.0);
    border-color: rgba(69, 195, 243, 1.0);
    border-radius: 40px;
    border-width: 1px;
    color: rgba(255, 255, 255, 1.0);
}

.custom-menu-primary .submenu.level-1 > li.contact-us > a {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    color: rgba(255, 255, 255, 1.0);
}

.custom-menu-primary .submenu.level-1 > li.contact-us:hover {
    background-color: rgba(50, 189, 242, 1.0);
    border-color: rgba(50, 189, 242, 1.0);
    color: rgba(255, 255, 255, 1.0);
}

.custom-menu-primary .submenu.level-1 > li.contact-us:hover > a {
    color: rgba(255, 255, 255, 1.0);
}





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

.custom-copyright p {
    color: rgba(255, 255, 255, 1.0);
}

.custom-privacy-links ul > li > a {
    color: rgba(255, 255, 255, 1.0);
}

.custom-privacy-links ul > li > a:hover {
    color: rgba(255, 255, 255, 0.5);
}

.custom-footer .footer-divider {
    border-color: rgba(200, 200, 200, 1.0);
}

.custom-footer-menu .hs-menu-wrapper > ul > li > a {
    color: rgba(69, 195, 243, 1.0);
}

.custom-footer-menu .hs-menu-wrapper > ul ul li a {
    color: rgba(255, 255, 255, 1.0);
}

.custom-footer-menu .hs-menu-wrapper > ul ul li a:hover {
    color: rgba(255, 255, 255, 0.5);
}

.custom-address-section a {
    background-color: rgba(69, 195, 243, 1.0);
    border-color: rgba(69, 195, 243, 1.0);
    border-radius: 40px;
    border-width: 1px;
    color: rgba(255, 255, 255, 1.0);
}

.custom-address-section a:hover {
    background-color: rgba(50, 189, 242, 1.0);
    border-color: rgba(50, 189, 242, 1.0);
    color: rgba(255, 255, 255, 1.0);
}

.custom-social-icon {
    background-color: rgba(0, 173, 239, 1.0);
}

.social-icon-inner a .fa-social {
    color: rgba(255, 255, 255, 1.0);
}

.social-icon-inner a:hover .fa-social {
    color: rgba(77, 77, 77, 1.0);
}





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

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

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

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

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

.blog-pagination__link {
    color: #333333;
}

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

.blog-post__title {
    color: #333333;
    font-family:Raleway;
    font-size: 36px;
    font-weight: ;
}

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

#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);
}










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

.page-center,
.content-wrapper,
.dnd-section > .row-fluid {
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
}

@media (min-width: 1200px) {
    .page-center,
    .content-wrapper,
    .dnd-section > .row-fluid {
        max-width: 1170px;
    }
}




.body-container__website .dnd-section:nth-child(odd) {
    background-color: {typography=, tables=, buttons=, spacing=, footer=, global_colors=, header=, forms=}
}
.hs-rss-item {width: 31%!important; float: left!important; margin-right: 30px!important}
.hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {width: 100%!important}
.hs-rss-title {font-size: 24px!important}
.hs-rss-description {margin-top: 10px!important}
.hs-rss-description a {padding: 10px 20px; color: white; background-color: #45c3f3; display: block; margin-top: 10px; max-width: 117px}
.hs-rss-description a:hover {text-decoration: none; background-color: #3ba9d2}
.hs-rss-item.hs-with-featured-image .hs-rss-item-text {width: 100%; padding: 20px 20px 0px; border: 1px solid #ccc; border-bottom: 0px}
.hs-rss-featured-image {border: 1px solid #ccc;}
.container {
    max-width: 1180px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 20px;
}

@media (max-width: 1440px) {.hs-rss-item {width: 30%!important;}
}

@media (max-width: 1000px) {.hs-rss-item {width: 100%!important; margin-right: 0px; margin-bottom: 20px}
}

.dnd-section.full-width-forcedd { padding: 0 !important; } 
.dnd-section.full-width-forcedd>div, .dnd-section.full-width-forcedd>div>div { padding-left: 0px !important; padding-right: 0px !important; max-width: none !important; }




.module-base{position:relative;z-index:1;}
.ae-ovelay-color{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:2;}
.module-base .container>div{position:relative;z-index:3;}
/* .small-banner-section{min-height: 288px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} */
.banner-text {
    z-index: 3;
    display: table-cell;
    vertical-align: middle;
}
.inner-banner-lp {display: table;
    width: 100%;
    min-height: 288px;}
.heading-part{padding:0 0 40px 0;text-align:center;}
.heading-part h1{margin:0;font-weight:700;}
.lp-header{background-color:#fff;padding:50px 0;box-shadow:0px 5px 50px #00000029;}
.inner-content1{display:flex;flex-wrap:wrap;padding:80px 0;}
.lp-content{width:calc(100% - 314px);padding-right:50px;}
.lp-form{width:314px;}
.lp-form .hs_cos_wrapper_type_form{background-color:transparent;border:1px solid #DDDDDD;}
.imng-con img{width:100%!important;max-width:100%!important;}
.top-con img{padding-left:40px;}
.lp-form h3{text-align:center;font-weight:700;color:#1B3B5F;margin-bottom:18px;}
.lp-footer .inner-footer{justify-content:center;}
.lp-form .actions{text-align:center;}
.lp-form .actions input{background-color:#00F25A;border:transparent;color:#000;font-weight:700;font-size:14px;transition: all .6s ease;}
.lp-form .actions input:hover{background-color: #00D650;}
.lp-form .hs-form-required{color:#AA0000;}
.thanku-img{text-align:center;margin-bottom:36px;}
.pad-tb-40{padding:40px 0;}
.heading-part h2{font-weight:400;color:#1B3B5F;}
.heading-part1 h1 {
    margin: 0;
    font-weight: 700;
    text-align:center;
    padding:20px 0;
}
.bottom-title h3 {
    font-size: 18px;
}

.bottom-title {
    padding-top: 20px;
}
.blog-re-index{display:flex;flex-wrap:wrap;margin:0 -30px;}
.blog-item{width:calc(33.33% - 60px);margin:0 30px 30px;border:2px solid #707070;border-radius:5px;background-color:#fff;overflow:hidden;}
.blog-fe-img img{width:100%;height:100%;object-fit:cover;object-position:center;}
.blog-fe-img{height:200px;border-bottom:4px solid #1B3B5F;}
.blog-details{padding:20px;}
h4.blog-title{font-weight:700;color:#1B3B5F;font-size:20px;line-height:26px;}
h5.blog-date{font-size:16px;color:#707070;font-style:italic;font-weight:400;}
.blog-content p{color:#000000;font-weight:400;text-align:left!important;}
.form-bar .actions input{transition: all .6s ease;}
.form-bar .actions input:hover{background-color:#00D650; }
.upper-ser-item {
    background-color: #f5f5f5;
    padding: 20px 30px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 20px;
}

.ser-title h3 {
    color: #999999;
    font-size: 20px;
    font-weight: 700;
}

.ser-item h4 {
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}

.inner-ser-item {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.ser-item {
    width: calc(33.33% - 20px);
    margin: 0 10px 20px;
}

.ser-title {
    padding-bottom: 30px;
}

.ser-img {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ser-img img {
    height: 100%;
}
a.at-icon-wrapper.at-share-btn.at-svc-mailto svg {
    display: none;
}

a.at-icon-wrapper.at-share-btn.at-svc-mailto > span.at-icon-wrapper {
    background-image: url(https://7872840.fs1.hubspotusercontent-na1.net/hubfs/7872840/CharlesIt_June2020/Images/envelope-regular@2x.png);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
}

.lp-charles-updated .heading-part1 h1 { font-size: 60px }
.lp-charles-updated .heading-part1 h2 { font-size: 50px }
.lp-charles-updated  h2 { font-size: 24px; }
.lp-charles-updated  h3 { font-size: 16px; }
.lp-charles-updated .ser-title h4 { font-size: 18px; margin: 0; }
.lp-charles-updated .bottom-title h4 { font-size: 20px; }
.lp-charles-updated .dnd-section > .row-fluid { padding:0 }
.lp-charles-updated .lp-form h3 { font-size: 28px; }
@media(max-width:1550px){
	.lp-charles-updated .heading-part1 h1 { font-size: 50px; }
	.lp-charles-updated .heading-part1 h2 { font-size: 45px; }
}
@media(min-width:1201px){
.lp-charles-updated .content-section .heading-part h2 { font-size: 44px; }
}
@media(max-width:1200px){
    .blog-re-index{margin:0 -20px;}
    .blog-item{width:calc(33.33% - 40px);margin:0 20px 30px;}
	.lp-charles-updated .heading-part1 h1 { font-size: 40px; }
	.lp-charles-updated .heading-part1 h2 { font-size: 38px; }
}
@media(max-width:1023px){
    .ser-item {
        width: calc(50% - 20px);
    }
}
@media(max-width:991px){
	.lp-charles-updated .heading-part1 h1 { font-size: 36px; }
	.lp-charles-updated .heading-part1 h2 { font-size: 34px; }
}
@media(max-width:840px){
    .lp-form{width:100%;}
    .lp-content{width:100%;padding-right:0;}
    .heading-part h1{font-size:34px;}
    .blog-details{padding:15px;}
    .blog-re-index{margin:0 -10px;}
    .blog-item{width:calc(33.33% - 20px);margin:0 10px 30px;}
}
@media(max-width:767px){
    .lp-footer .inner-footer{display:flex;padding:60px 0 60px 0;}
    .blog-re-index{margin:0 0;}
    .blog-item{width:100%;margin:0 0 30px;}
    .top-con img { padding-left: 20px; }
    .blog-post-header h1 { margin: 0 0 20px;}
	
	.lp-charles-updated .heading-part1 h1 { font-size: 32px; }
	.lp-charles-updated .heading-part1 h2 { font-size: 30px; }
	.lp-charles-updated .lp-form h3 { font-size: 20px; }
	
}
@media(max-width:639px){
    .inner-ser-item { margin: 0 0;}
    .ser-item {  width: 100%;  margin: 0 0 20px;    }
	.lp-charles-updated .heading-part1 h1 { font-size: 28px; }
	.lp-charles-updated .heading-part1 h2 { font-size: 26px; }
}
@media(max-width:480px){
/*     .top-con img{padding:20px 0;width:100%!important;} */
    .heading-part h1{font-size:30px;}
	.lp-charles-updated .heading-part1 h2 { font-size: 24px; }
}

.vb-listing-wrapper .post-item{position:relative;}
.menu-f ul li:first-child>a {pointer-events:none;}
.cd-primary-nav > li > a:hover { color: #1b3b5f !important;}
.cd-primary-nav > li:hover > a .caret{ color: #1b3b5f !important;}