/* ******************************************************************************
*********************************************************************************
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: 1200px;
}

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

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




html {
  font-size: 18;
}

body {
  color: #1a1a1ab3;
  font-family: Karla;
  font-weight: 400;
  font-size: 18px;
}

p {
  font-family: Karla;
  font-weight: 400
}

body li{
  font-weight: 400;
}

a {
  font-family: Karla;
  color: rgba(3, 100, 212, 1.0);
  cursor: pointer;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

a:hover,
a:focus {
  color: rgba(3, 100, 212, 1.0);
}

a:active {
  color: rgba(43, 140, 252, 1.0);
}

h1 {
  color: #1a1a1a;
  font-family: Karla;
  font-size: 36px;
  font-weight: 400;
}

h2 {
  color: #000;  
  font-family: Karla;
  font-size: 28px;
  font-weight: 400;
}

h3 {
  color: #1a1a1a99;
  font-family: Karla;
  font-size: 20px;
  font-weight: 400;
}
h4 {
  color: #1a1a1a;
  font-family: ;
  font-size: 18px;
  font-weight: 400;
}

h5 {
  color: #1a1a1a;
  font-family: Karla;
  font-size: 16px;
  font-weight: 400;
}

h6 {
  color: #1a1a1a;
  font-family: Karla;
  font-size: 14px;
  font-weight: 400;
}

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





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

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

.hs-button,
.button--primary {
  background-color: rgba(255, 122, 89, 1.0);
  border-color: rgba(255, 122, 89, 1.0);
  border-radius: 3px;
  border-width: 1px;
  color: rgba(255, 255, 255, 1.0);
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
}

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

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

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

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

form input,
form select,
form textarea,
.hs-input,
.systems-page input[type="password"]{
  border-color: rgba(203, 214, 226, 1.0);
  color:rgba(51, 71, 91, 1.0);
  border-radius: 3px;
  background-color: rgba(245, 248, 250, 1.0);
  border-width: 1px;
}

form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus {
  border-color: rgba(82, 169, 236, 0.8);
}

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

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

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

.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(51, 51, 51, 1.0);
  color: rgba(0, 0, 0, 1.0);
}

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

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

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





.cm-header-inner {
  background-color: rgba(29, 62, 100, 1.0);
}

.header__container {
  max-width: 1200px;
}

.sqs-announcement-bar{
  background-color: rgba(50, 115, 191, 1.0);
}

.sqs-announcement-bar-text p{
  color: rgba(255, 255, 255, 1.0);
}
.sqs-announcement-bar-text p a{
  color: rgba(255, 255, 255, 1.0);
}
.sqs-announcement-bar-close{
  background-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 1.0);
}

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(255, 255, 255, 0.9);
}

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

body .custom-menu-primary a.active-item,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
  color: rgba(255, 255, 255, 1.0);
}
body .custom-menu-primary .submenu.level-1 > li.active-branch,
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: #fff;
  background-color: rgba(255, 255, 255, 0.0);
}
body .custom-menu-primary .submenu.level-1 > li:hover,
body .custom-menu-primary .submenu.level-1 > li:focus {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.0);
}
body .custom-menu-primary .submenu.level-1 > li > a.active-item {
  color: rgba(255, 255, 255, 1.0);
  background-color: rgba(255, 255, 255, 0.0);
}

body .custom-menu-primary .submenu.level-1 > li > a.active-item:after {
  background-color: rgba(255, 255, 255, 1.0);
}
body .custom-menu-primary .submenu.level-2 > li > a {
  color: rgba(255, 255, 255, 0.9);
}
body .custom-menu-primary .submenu.level-2 {
  background-color: rgba(29, 62, 100, 1.0);
}
body .custom-menu-primary .submenu.level-2 .triangle-container .triangle {
  background-color: rgba(29, 62, 100, 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(29, 62, 100, 1.0);
  color: rgba(255, 255, 255, 1.0);
}
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link.active-item {
  background-color: rgba(29, 62, 100, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

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

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

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

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





.footer {
  background-color: rgba(255, 255, 255, 1.0);
  color:rgba(0, 0, 0, 0.4);
}
.footer__copyright {
  color:rgba(0, 0, 0, 0.4); 
}
.footer__container {
  max-width: 1200px;
}
.facebook-unauth{
  background-color: rgba(59, 89, 152, 1.0);
}
.linkedin-unauth{
  background-color: rgba(9, 118, 180, 1.0);
}
.twitter-unauth{
  background-color: rgba(85, 172, 238, 1.0);
}
.sqs-svg-icon--list a use.sqs-use--icon{
  fill:rgba(255, 255, 255, 1.0); 
}

.footer-border hr{
  background-color: rgba(0, 0, 0, 0.15);
}




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

.blog-post__date {
  border-color: #1a1a1ab3;
}

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

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

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

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

.blog-pagination__link {
  color: #1a1a1ab3;
}

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

.blog-post__title {
  color: #000;
  font-family:Karla;
  font-size: 28px;
  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(245, 245, 245);
}

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

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

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

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

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

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

.blog-sidebar a {
  color: #1a1a1ab3;
}

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

.blog__subscription-block {
  background-color: rgb(245, 245, 245);
}

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

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

.blog-post__meta a:hover {
  color: #0364d4
}

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

.blog-post__back-to-blog {
  color: #1a1a1ab3;
}

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

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

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

.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(245, 245, 245);
}










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: 1200px;
  margin: 0 auto;
}




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

.hs-form fieldset {
  max-width: 100% !important;

}
.comment-box-controls {padding-top:0;}
 .post-publish-date {
    padding-top: 20px;
}

.banner .banner-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.acsb-trigger.acsb-trigger-size-big {
  width: 60px !important;
  height: 60px !important; 
}
.blog-banner-inner {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    max-width: 800px;
}
.blog-banner-inner h1 {
    color: #fff;
    margin: 0 0 18px;
}
.stori-post-item { width:33.33%; padding: 0 15px; margin: 0 0 40px;  }
.stori-post-item-inner { background-color: #fff; box-shadow: 0 10px 20px 0 rgba(0,0,0,.2); position: relative; height: 100%; padding-bottom: 66px; }
.recent-hs-featured-image-wrapper a  { margin: 0 0 15px 0;  position: relative;  display: block;  overflow:hidden; padding-bottom: 56.25%; }
.recent-hs-featured-image-wrapper a img { position: absolute;  top:0; left:0;  right:0;  width:100%;  height:100%;  object-fit:cover;  object-position:center; }
.recent-post-body-wrapper {  padding: 20px; }
.recent-post-title { line-height: 1.2em;  margin: 0 0 10px 0; color: #212121;  font-family: Karla;  font-style: normal;  font-weight: 700; letter-spacing: -.5px;  font-size: 20px; }
.recent-post-title a { color: #212121; }
.recent-post-title a:hover { color: #0364d4; }
.recent-post-summary { margin: 0 0 10px 0; font-size: 14px;  line-height: 1.4em;  color: rgba(26,26,26,.7); }
.recent-post-summary > * { display:inline; margin:0;  color:inherit; }
.recent-post-byline { font-size: 13px; line-height: normal;  }
.recent-post-byline > div { display: inline-block; font-size: 14px;  color: #666;  opacity: .7;  line-height: 1.4em;  text-transform: none; }
.recent-post-byline a {color: #666;}
.recent-post-byline a:hover { color: #0364d4; }
.recent-post-byline > div:after { content: " ·"; margin: 0 .3em; } 
.recent-post-byline > div:last-child:after { content:none; }

.stori-buttons svg { width: 14px; height: 14px; vertical-align: middle; display: inline-block; fill: #fc535a; margin-left: 5px; }
.stori-buttons { padding: 20px; border-top: 1px solid #212121; position: absolute; bottom: 0; left: 0; right: 0; }
.stori-buttons a { font-size: 18px; line-height: normal; font-weight: 700; color: #fc535a; transition: all 0.15s linear; }
.stori-buttons a:hover, .stori-buttons a:hover svg { color: #3675bd; fill: #3675bd; }
.stori-main-inner { display: flex; flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap;  }
.stori-main-left { width: 25%; position: relative; }
.stori-main-right { width: 70%; padding: 70px 30px; }
.stori-main-left:before { content: ""; position: absolute; top: 0; background-color: #f1f9ff; left: -1000%; width: 1000%; height: 100%; } 
.stori-main-inner.set-stori-main-true .stori-main-left { width: 30%; }
.stori-main-inner.set-stori-main-true .stori-side-fill-sec { padding: 30px 30px 30px 0px; }
.stori-main-inner.set-stori-main-true .stori-main-right { padding: 70px 0 70px 30px; }
.stori-main-section { overflow: hidden; }



.stori-main-left > div { height: 100%; }
.stori-side-fill-sec { max-width: 450px; background-color:#f1f9ff; height: 100%; padding: 30px 70px; border-right: 1px solid #3675bd; }
.stori-search label, .stori-dropdowns > label, .stori-manual-item label { font-size: 18px; line-height: 26px; font-weight: 400; margin: 0 0 10px; display: inline-block; color: #212121; }
.stori-search-inn input.quicksearch { background-color: #fff; padding: 9px 60px 9px 12px; border: 1px solid #212121; border-radius: 6px; font-size: 18px; line-height: 27px; color: #212121; outline: none; width: 100% !important; }
.stori-search-inn input.quicksearch::placeholder {  color: #212121; }
.stori-search-inn svg { width: 18px; height: 18px; vertical-align: middle; fill: #3675bd; }   
.stori-search-inn > .hs_cos_wrapper { width: 47px; height: 47px; border-left: 1px solid #212121; display: flex; align-items: center; justify-content: center; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; position: absolute; top: 0; right: 0; }
.stori-search-inn { position: relative; }
.stori-search-inn input.quicksearch:focus, .stori-search-inn input.quicksearch:focus+span, .stori-dropdowns-innes.Open-drop > label, .stori-dropdowns-innes.Open-drop > label:after, .stori-dropdowns-innes.Open-drop > label:before { border-color: #3675bd; }
.stori-dropdowns { margin: 27px 0 0; }
.stori-dropdowns-innes > label { cursor: pointer; background-color: #fff;  border: 1px solid #212121;    border-radius: 6px;    color: #212121;    font-size: 18px;    line-height: 27px;    outline: none;    padding: 9px 60px 9px 12px;    width: 100%!important;    font-weight: 400;    position: relative;    display: flex;    align-items: center; transition: .75s; }
.stori-dropdowns-innes > label:before { content: "";   border-left: 2px solid #212121;    border-bottom: 2px solid #212121;    width: 10px;    height: 10px;    position: absolute;    right: 19px;    transform: rotate(-45deg);    transition: .75s; }
.stori-dropdowns-innes > label:after { content: "";   transition: .75s;    border-left: 1px solid #212121;    position: absolute;    top: 0;    right: 47px;    height: 100%; }
.stori-dropdowns-innes ul.button-group { z-index: 111; margin: 0;   padding: 0;    list-style: none;    background-color: #3675bd;    max-height: 180px;    display: none;    overflow-y: auto !important; position: absolute; top: 100%; left: 0; right: 0; border-radius: 6px; }
.stori-dropdowns-innes { position: relative; }   
.stori-dropdowns-innes.Open-drop > label:before { transform: rotate(135deg); }
.stori-dropdowns-innes ul.button-group li { padding: 9px 18px;    color: #fff;   border-bottom: 1px solid rgba(255,255,255,.15);    cursor: pointer;    transition: .75s; }
.stori-dropdowns-innes ul.button-group li:hover, .stori-dropdowns-innes ul.button-group li.is-checked { background-color: #212121; }
.stori-manual-item ul { margin: 0; padding-left: 22px; }
.stori-manual-item { margin: 27px 0 0; }
.stori-manual-item ul li a { font-size: 18px; line-height: 26px; }
.noResult { display:none; color: #212121; font-size: 18px; font-weight: 700; line-height: 26px; }     
.stori-listi-sec { margin: 0 -15px; }
.filter-count-inn { border: 1px dashed #212121; display: inline-block; margin: 0 0 27px; padding: 7px 15px; border-radius: 6px; font-size: 18px; line-height: 28px; }
.filter-count-inn span.filter-count { color: #fc535a; margin: 0 5px; font-weight: 600; vertical-align: middle; }
.stori-manual-other {   display:none; }

.loadMorebtn a#loadMore { background: #fc535a; border: 2px solid #fc535a; color: #fff; -webkit-border-radius: 3px; border-radius: 3px; font-weight: 500; font-size: 16px; line-height: 1em; padding: 0.75em 1em; margin: 40px 0 0; display: inline-block; }
.loadMorebtn a#loadMore:hover { background: rgba(252,83,90,.8); color: #fff;  }
.post-page-body.success-page-body .listing-page-wrapper.post-page-wrapper { max-width: 100%; padding: 0 0 0 80px; }

.success-sto-inner { display: flex; flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap; }
.success-sto-left { width: 70%; padding-right: 65px; }
.success-sto-right { width: 30%; }
.success-post-outer { background-color: rgba(241, 249, 255, 1) !important; padding: 17px 13px; }
.newTheme .success-post-inner:first-child h2 { margin-top: 0; }   

.post-page-body.success-page-body .PostSticky-social ul { top: 170px; }
.post-page-body.success-page-body .rel-posts-item { width: 31.33%; margin-right: 3%; }
.post-page-body.success-page-body .rel-posts-item:nth-child(3) { margin-right: 0; }
.post-page-body.success-page-body .rel-posts-wrapp-in { display: flex; flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap; }

.success-sto-pagination { padding: 0 0 60px; }
.success-sto-pagination .blog-pagination-list { margin: 0; }

.sto-leareen-section { padding: 30px 0; background-color: rgba(241, 249, 255, 1) !important; }
.sto-leareen-inner { display: flex; flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap; }
.sto-leareen-left { width: 50%; }
.sto-leareen-right { width: 50%; text-align: center; padding-left: 30px; }
.sto-leareen-button { padding: 34px 0 17px; }
.sto-leareen-text { font-size: 20px; line-height: 30px; }


.success-sto-quote { padding: 50px 0 20px; }   
.success-sto-inners { padding: 60px 0; border-top: 1px solid rgba(0,0,0,1.0); border-bottom: 1px solid rgba(0,0,0,1.0); }

.request-a-section { padding: 30px 0; }
.newTheme .request-a-inner h2 { text-align: center; }
.request-a-form { background-color: #2b5d97; border-radius: 15px; padding: 20px; }
.request-a-form form .hs-form-field > label, .request-a-form form .hs-form-field span.hs-form-required { color: #fff; }

.newTheme .request-a-form .hs-form .hs-form-field input[type=date],
.newTheme .request-a-form .hs-form .hs-form-field input[type=email], 
.newTheme .request-a-form .hs-form .hs-form-field input[type=number],
.newTheme .request-a-form .hs-form .hs-form-field input[type=phone], 
.newTheme .request-a-form .hs-form .hs-form-field input[type=tel], 
.newTheme .request-a-form .hs-form .hs-form-field input[type=text], 
.newTheme .request-a-form .hs-form .hs-form-field select, 
.newTheme .request-a-form .hs-form .hs-form-field textarea {   padding: 0 20px; width: 100% !important; }
.newTheme .request-a-form .hs-form ul.inputs-list { margin: 0; }
.newTheme .request-a-form .hs-form ul.inputs-list label { color: #fff; }
.newTheme .request-a-form .hs-form .hs_submit { padding: 25px 0; }
.newTheme .request-a-form .hs-form .hs-form-field .input { margin-right: 0; }
.newTheme .request-a-form .hs-form .form-columns-2 .hs-form-field { padding: 0 10px; }
.newTheme .request-a-form .hs-form .form-columns-2 { max-width: initial !important; margin: 0 -10px; width: auto; }



.footer-section { background-color: #fff; border-top: 1px solid #f0f5ff; float: left; padding: 50px 0 30px; position: relative; width: 100%; }		
.footer-address.bmFooter-address ul { padding: 0; margin: 40px 0 0; list-style: none; }
.footer-address.bmFooter-address h5 { color: #000; font-size: 20px; font-weight: 600; margin: 0 0 5px; }	
.footer-address.bmFooter-address p { margin: 0 0 10px; }
.footer-inner { display: flex; flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap; }
.footer-middle { width: 52%; padding: 0 40px; }
.footer-left, .footer-right { width: 24%; }
.footer-top-text { color: #a5a5a5;  }
.footer-top-text h3, .footer-right h3, .footer-menus .footer-menu h3, .newTheme .footer-top-text h3 { color: #000; font-weight: 600 !important; margin: 0 0 5px !important; }    
.footer-top-text p { margin: 0 0 10px; }
.footer-form-inner { max-width: 550px; display: inline-block; margin: 0 0 10px; }
.footer-form form { position: relative; padding-right: 160px; }
.newTheme .footer-form form input[type=submit] { position: absolute;    top: 0;    right: 0;   background: #fc535a !important;    border: 2px solid #fc535a !important;    border-radius: 3px;    padding: 9px 16px !important;   min-width: 160px; }
.newTheme .footer-form form input[type=submit]:hover { background: rgba(252,83,90,.8) !important;  color: #fff !important; }
.newTheme .footer-form form .hs-form-field input[type=date],
.newTheme .footer-form form .hs-form-field input[type=email],
.newTheme .footer-form form .hs-form-field input[type=number],
.newTheme .footer-form form .hs-form-field input[type=phone], 
.newTheme .footer-form form .hs-form-field input[type=tel], 
.newTheme .footer-form form .hs-form-field input[type=text],
.newTheme .footer-form form .hs-form-field select, 
.newTheme .footer-form form .hs-form-field textarea {  padding: 11px 15px; height: auto;  }
.footer-contacts ul { margin: 0; padding: 0; list-style: none; }
.footer-contacts ul li { padding: 5px 0; }
.footer-contacts ul li a { padding-left: 26px; margin: 0 0 10px; position: relative;  font-size: 16px; line-height: 24px; vertical-align: middle; } 
.footer-contacts ul li a:before { content: ""; font-family: "Font Awesome 6 Pro"; left: 0; position: absolute; top: 0; font-size: 16px; line-height: 19px; }
.footer-contacts ul li.set_support a:before { content: "\f025"; }
.footer-contacts ul li.set_mail a:before { content: "\f0e0"; }
.footer-contacts ul li.set_request_demo a:before { content: "\f144"; }
.footer-contacts ul li.set_number a:before { content: "\f3ce"; }
.footer-contacts ul li.set_chat a:before { content: "\f4a3"; }
.footer-social { margin: 22px 0 0; }
.footer-social ul { margin: 0; padding: 0; list-style: none;  }
.footer-social ul li { display: inline-block; margin: 0 5px 0 0; }
.footer-social ul li a svg { height: 16px; vertical-align: middle; width: 16px; fill: #fff; }
.footer-social ul li:first-child a { background-color: #3b5998; }
.footer-social ul li:nth-child(2) a { background-color: #0976b4; }
.footer-social ul li:nth-child(3) a { background-color: #000;  }
.footer-social ul li a { background-color: #fc535a; display: block; font-size: 16px; color: #fff; height: 30px; line-height: 30px; text-align: center; transition: all .4s ease; width: 30px; }
.footer-social ul li a:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
.footer-social ul li a i.fa-facebook-f:before { content: "\f39e"; }
.footer-menus { display: flex; flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap; margin: 0 -15px; }
.footer-menus .footer-menu { width: 33.33%; padding: 0 15px; }
.footer-menus .footer-menu ul { padding: 0; margin: 0; }
.footer-menus .footer-menu ul li { width: 100%; margin: 0 0 5px; font-size: 18px; line-height: 26px; font-weight: 700; color: #a5a5a5; }
.footer-menus .footer-menu ul li a { margin: 0 0 2px; padding: 0 0 0 20px; position: relative; font-size: 16px; line-height: 24px; font-weight: 400; color: #a5a5a5; }
.footer-menus .footer-menu ul li a:before { color: #3273bf; content: "\f105"; font-family: FontAwesome; font-size: 20px; left: 0; line-height: normal; position: absolute; top: 2px; }
.footer-menus .footer-menu ul li a:hover { color: #fc535a; }
.footer-form .submitted-message { font-weight: 700; color: #000; }
.newTheme .success-sto-inner .background-twitter a { background-color: #000; }


@media(min-width:2400px){
  .stori-side-fill-sec { max-width: 440px; }


}

@media(max-width:1700px){ 
 .stori-side-fill-sec { padding: 30px 50px 30px 60px; }
 .stori-main-left { width: 28%; }

}



@media(max-width:1200px){
 .stori-post-item { width: 50%; }
 .stori-main-left, .stori-main-inner.set-stori-main-true .stori-main-left { width: 35%; }
 .stori-main-right { padding: 27px; width: 65%; } 
 .stori-side-fill-sec, .stori-main-inner.set-stori-main-true .stori-side-fill-sec { max-width: 100%; padding: 27px; }
 .success-sto-left { padding-right: 40px; } 
  
  
  
}

@media(max-width:991px){ 
  .bmFooter-mail ul li a { font-size: 14px !important; }
  .stori-main-left,
  .stori-main-right, .success-sto-right, .stori-main-inner.set-stori-main-true .stori-main-left { width: 100%; }
  .stori-main-left .stori-manual-content { display: none; }
  .stori-main-left:after { content: ""; position: absolute; top: 0; background-color: #f1f9ff; right: -1000%; width: 1000%; height: 100%; }
  .stori-main-inner.set-stori-main-true .stori-side-fill-sec, .stori-main-inner.set-stori-main-true .stori-main-right { padding: 27px 0; }
  .stori-side-fill-sec { border-right: 0; border-bottom: 1px solid #3675bd; }
  .stori-manual-content.stori-manual-other { display: block; background-color: #f1f9ff; padding: 27px; margin: 0 -27px; }
  .stori-manual-item { margin: 0 0 27px; }
  .stori-main-right { padding: 27px 27px 0; }   
  .success-sto-left { width: 100%; padding: 0 0 40px; }
  .footer-left, .footer-right, .footer-middle { width: 100%; }   
  .footer-middle { padding: 30px 0; }  
  
  
  
  
}

@media(max-width:767px){  
  .stori-post-item, .sto-leareen-left { width: 100%; }
  .loadMorebtn a#loadMore { margin: 30px 0; }
  .post-page-body.success-page-body .listing-page-wrapper.post-page-wrapper { padding: 0; }
  .sto-leareen-right { width: 100%; padding: 30px 0 0; }  
  .sto-leareen-text { font-size: 18px; line-height: 28px; }  
  .success-sto-inners { padding: 30px 0; }
  .footer-menus .footer-menu { width: 100%; margin: 0 0 30px; }
  .footer-menus .footer-menu:last-child { margin: 0; }
  .footer-form form { padding: 0; }  
  .newTheme .footer-form form input[type=submit] { position: static; }
     
  
  
  
}