
  






/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */


























/* 1d. Buttons */








/* 1e. Forms */













/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








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

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 1rem;
}

.dnd-section > .row-fluid {
  max-width: 100%;
}





html {
  font-size: 24px;
}

body {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #425b76;
  font-size: 24px;
}

/* Paragraphs */

p {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Anchors */

a {
  font-weight: normal; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: #0270E0;
}

a:hover,
a:focus {
  font-weight: normal; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: #0048b8;
}

a:active {
  font-weight: normal; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: #2a98ff;
}

/* Headings */

h1 {
  font-weight: 700; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: #425b76;
  font-size: 50px;
  text-transform: none;
}

h2 {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #e83b54;
  font-size: 23px;
  text-transform: none;
}


h3 {
  font-weight: 700; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: #425b76;
  font-size: 30px;
  text-transform: none;
}

h4 {
  font-weight: normal; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: #425b76;
  font-size: 24px;
  text-transform: none;
}

h5 {
  font-weight: normal; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: #000000;
  font-size: 16px;
  text-transform: none;
}

h6 {
  font-weight: normal; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: #425b76;
  font-size: 14px;
  text-transform: none;
}

/* Blockquote */

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





button,
.button {
  border: 1px solid #E83B54;

  padding-top: 15px;
padding-right: 53px;
padding-bottom: 15px;
padding-left: 53px;

  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(232, 59, 84, 1.0)

;
  border-radius: 6px;
  color: #FFFFFF;
  text-transform: none;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(192, 19, 44, 1.0);
  border-color: #c0132c;
}

button:active,
.button:active {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(255, 99, 124, 1.0);
  border-color: ;
}





form,
.submitted-message {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Form title */

.form-title {
  color: #F8FAFC;
}

/* Labels */

form label {
  color: #425b76;
}

/* Help text */

form legend {
  color: #425b76;
}

/* 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 {
  
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #425b76;
  border-radius: 3px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #425b76;
}

::-moz-placeholder {
  color: #425b76;
}

:-ms-input-placeholder {
  color: #425b76;
}

::placeholder {
  color: #425b76;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #425b76;
}

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

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

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

/* Submit button */

form input[type=submit],
form .hs-button {
  border: 1px solid #E83B54;

  padding-top: 15px;
padding-right: 53px;
padding-bottom: 15px;
padding-left: 53px;

  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(232, 59, 84, 1.0)

;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 22px;
  text-transform: none;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: rgba(192, 19, 44, 1.0);
  border-color: #c0132c;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(255, 99, 124, 1.0);
  border-color: ;
}





/* Table */

table {
  border: 1px solid #425b76;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
  border: 1px solid #425b76;

  padding: 18px;

  border-color: ;
  color: #425b76;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(232, 59, 84, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #425b76;
}





.header {
  background-color: 

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #425b76;
  font-family: Montserrat;
}

.menu__child-toggle-icon {
  border-top-color: #425b76;
}

.menu .menu__link:hover,
.menu .menu__link: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: #1a334e;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #1a334e;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #6a839e;
}

.menu__child-toggle-icon:active {
  border-top-color: #6a839e;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #425b76;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: 2px solid #E83B54;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 2px solid #E83B54;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #425b76;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

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

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
}

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

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
}

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

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

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

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
  }

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





.footer {
  background-color: 

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #425b76;
}





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

/* Blog post */

.blog-post__meta a {
  color: #425b76;
}

.blog-post__tag-link {
  color: #425b76;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #1a334e;
}

.blog-post__tag-link:active {
  color: #6a839e;
}

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

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

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

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

/* Blog comments */

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

#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: 700; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: #425b76;
}





/* Blog listing */

.blog-index__post-title-link,
.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus,
.blog-index__post-title-link:active {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  text-transform: none;
}

.blog-index__post-title-link {
  color: #e83b54;
}

.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus {
  color: #c0132c;
}

.blog-index__post-title-link:active {
  color: #ff637c;
}

.blog-index__post-tag,
.blog-index__post-author-name {
  color: #425b76;
}

/* Blog pagination */

.pagination__link-text,
.pagination__link--number {
  color: #425b76;
}

.pagination__link:hover .pagination__link-text,
.pagination__link:focus .pagination__link-text,
.pagination__link--number:hover,
.pagination__link--number:focus {
  color: #1a334e;
}

.pagination__link:active .pagination__link-text,
.pagination__link--number:active {
  color: #6a839e;
}

.pagination__link-icon svg {
  fill: #425b76;
}

/* Pricing card */

.card__price {
  font-weight: 700; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: #425b76;
  font-size: 30px;
}

.card__body svg {
  fill: #E83B54;
}

/* Social follow */

.social-links__icon {
  background-color: #E83B54;
}

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

.social-links__icon:active {
  background-color: #ff637c;
  font-weight: 700; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: #425b76;
  font-size: 30px;
}


/* ========================================================================= 
============================================================================
================ Comulsa Project Custome Css Start Here ====================
============================================================================
============================================================================
==========================================================================*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* font-family: 'Montserrat', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
/*font-family: 'Oswald', sans-serif;*/

* { margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { font-family: 'Montserrat', sans-serif; color:#727272; font-size: 14px; }
.row-fluid [class*="span"].no-height { min-height: auto }
.container,
.row-fluid .container[class*="span"] { margin-left: auto; margin-right: auto; padding-left: 15px;max-width: 1170px; padding-right: 15px; float: none; box-sizing: border-box }
.container:after,
.row-fluid .container[class*="span"]:after { clear: both; content: ""; display: table }
.row { margin-right: -15px; margin-left: -15px }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

input, button, textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline: 0; border:1px solid #e6e6e6; background: #fff; height: 44px; padding: 0 20px; font-family: 'Montserrat', sans-serif; font-size: 14px; width: 100%; }
input[type=checkbox], input[type=radio] { width: auto; height: auto; }
textarea { padding: 15px 20px; height: 100px; }
input[type=submit], button { width: auto; border: 0; cursor: pointer; background: url(images/blank.png) no-repeat left top #01adf1; font-size: 14px; line-height: 23px; font-weight: 600; padding: 8px 20px; color: #fff; display: inline-block; }
input[type=submit]:hover, button:hover { background-color: #a9a9a9; }
ul.hs-error-msgs { margin: 0; padding: 0; list-style: none; float: left; width: 100%; }
p { font-family: 'Montserrat', sans-serif; font-size: 14px; line-height:23px; }
img{width:100%; max-width:100%; }
a{ text-decoration:none; }
strong{ font-weight:bold; }
h1,h2,h3,h4,h5,h6 { color:#000000; margin-top:0; font-weight:700; margin-bottom:10px; }

h1{ font-size: 48px; line-height:56px; }
h2{font-size: 30px; line-height: 38px;margin-bottom: 20px;color:#fff;font-weight: 700;font-family: 'Montserrat', sans-serif; }
h3{  font-size: 22px; line-height:30px; }
h4{ font-size: 20px; line-height:28px;color:#272727;font-weight:700;}
h5{ font-size: 18px; line-height:26px; }
h6{ font-size: 16px; line-height:24px; }

address { font-style: italic; margin: 0 0 24px; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-family: 'Montserrat', sans-serif; font-size: 14px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }
pre { background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
blockquote { font-size: 18px; font-style: italic; font-weight: 300; margin: 24px 40px; }
blockquote p { font-style: italic; }
blockquote blockquote { margin-right: 0; }
blockquote cite, blockquote small { font-size: 14px; font-weight: normal; text-transform: uppercase; }
blockquote em, blockquote i { font-style: normal; font-weight: 300; }
blockquote strong, blockquote b { font-weight: 400; }
small { font-size: smaller; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dl { margin: 0 20px; }
dt { font-weight: bold; }
dd { margin: 0 0 20px; }
.dnd-section, .content-wrapper--vertical-spacing { padding: 0; }
.dnd-section .dnd-column { padding: 0; }

/* Slick Slider Comman Css */

.slick-slider .slick-arrow{background:none; border:none; z-index:9; position:absolute; top:45%; left:0; width:auto; height: auto; font-size:0px; color:#000000; cursor:pointer; transform: translateY(-50%);}
.slick-slider .slick-arrow.slick-prev:before{content:'\f104'; font-size:63px; line-height:30px; font-family: FontAwesome; color:white; }
.slick-slider .slick-arrow.slick-next:before{content:'\f105'; font-size:63px; line-height:30px; font-family: FontAwesome; color:white;}
.slick-slider .slick-arrow.slick-next{left:auto; right:0px;}
.slick-slider .slick-dots{ padding-left:0px; position:absolute; left:0; right:0; bottom:20px; text-align:center;}
.slick-slider .slick-dots li{display:inline-block; margin:0 5px;}
.slick-slider .slick-dots li button{width:12px; height:12px; border-radius:100%; background-color:#fff; border:none; padding:0; text-indent:-9999px; cursor:pointer; opacity:.5;} 
.slick-slider .slick-dots li.slick-active button{opacity:1;}

.body-container--blog-post .blog-post-wrap { width: 100%; display: inline-block; vertical-align: middle; padding: 75px 0 90px 0;  }
.body-container--blog-post .blog-post-wrap article.blog-post { width: 71%; float: left; padding: 0 45px 0 0; }
.body-container--blog-post .blog-post-wrap article.blog-post h1 { width: 100%; display: block; font-size: 30px; line-height: 30px; font-weight: 400; color: #970001; margin-bottom: 15px; text-decoration: none; text-transform: none; padding-bottom: 10px; }
.body-container--blog-post .blog-post-wrap article.blog-post h1 { width: 100%; display: block; font-size: 30px; line-height: 30px; font-weight: 400; color: #970001; margin-bottom: 15px; text-decoration: none; text-transform: none; padding-bottom: 10px; }
.body-container--blog-post .blog-post-wrap article.blog-post .blog-post__meta { margin: 0px; padding: 0px; width: 100%; clear: both; }
.body-container--blog-post .blog-post-wrap article.blog-post .blog-post__meta time.blog-post__timestamp { color: #040202; font-size: 16px; font-weight: normal; margin-bottom: 15px; text-transform: uppercase; }
img.alignleft, img.alignright, img.aligncenter { text-align: center; margin-bottom: 1.625em; }
.aligncenter { display: block; float: none; margin-top: 0.5em; margin-right: auto !important; margin-bottom: 0.5em; margin-left: auto !important; }
.body-container--blog-post .blog-post-wrap article.blog-post img { width: auto; }
.body-container--blog-post .blog-post-wrap article.blog-post p { font-family: 'Montserrat'; font-size: 14px; line-height: 23px; font-weight: normal; text-align: justify; color: #727272; margin-bottom: 15px; }
.body-container--blog-post .blog-post-wrap article.blog-post .entry-content .wp-caption { margin: 0 auto; padding-top:4px; max-width: 100%; border: 1px solid #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-image: initial; background-color: #f8f8f8; text-align: center; }
.body-container--blog-post .blog-post-wrap article.blog-post .wp-caption { background-image: none; background-attachment: scroll; background-color: rgb(238, 238, 238); margin-bottom: 1.625em; max-width: 100%; padding: 9px; margin-right: 18px; background-position: 0% 0%; background-repeat: repeat repeat; }
.body-container--blog-post .blog-post-wrap article.blog-post .wp-caption .wp-caption-text { margin-bottom: 0; padding: 10px 10px 5px 10px; position: relative; text-align: center; }
.body-container--blog-post .blog-post-wrap article.blog-post .wp-caption .wp-caption-text, .gallery-caption { color: rgb(102, 102, 102); font-family: Georgia, serif; font-size: 12px; }
.body-container--blog-post .blog-post-wrap article.blog-post a { box-shadow: none; color: #970001; text-decoration: none; }
.body-container--blog-post .blog-post-wrap article.blog-post a:hover { text-decoration: none; color: #454545; }
.body-container--blog-post .blog-post-wrap article.blog-post blockquote { font-size: 18px; font-style: italic; font-weight: 300; margin: 24px 40px; border-left: 5px solid #e54c4c; padding: 5px 20px 5px 20px; font-family: 'Open Sans' !important; color: #454545; }
.body-container--blog-post .blog-post-wrap article.blog-post blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; }
.body-container--blog-post .blog-post-wrap article.blog-post table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 2; margin: 0 0 20px; width: 100%; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
.body-container--blog-post .blog-post-wrap article.blog-post #main table thead:last-child tr:last-child th:first-child, #main table tbody:last-child tr:last-child td:first-child { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; }
.body-container--blog-post .blog-post-wrap article.blog-post caption, th, td { font-weight: normal; text-align: left; }
.body-container--blog-post .blog-post-wrap article.blog-post td { border: 1px solid #ededed; border-left: unset; border-right: unset; padding: 6px 10px 6px 0; }
.divider { width: 100%; display: block; padding-top: 70px; margin-bottom: 75px; border-bottom: 1px solid #eee; }
.body-container--blog-post .blog-post-wrap article.blog-post .social-sharing { width: 100%; display: block; margin-bottom: 30px; }
.body-container--blog-post .blog-post-wrap article.blog-post .social-sharing h5 { color: #272727; font-family: 'Raleway', sans-serif; letter-spacing: 0.5px; font-size: 16px; line-height: 23px; margin-bottom: 12px; font-style: normal; font-weight: 600; text-transform: uppercase; }
.body-container--blog-post .blog-post-wrap article.blog-post .social-sharing ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; list-style-type: none; margin: 0px; padding: 0px; }
.body-container--blog-post .blog-post-wrap article.blog-post .social-sharing ul li { margin: 0px 7px 5px 0px; padding: 2px 5px; float: left; border-radius: 2px; list-style-type: none; background-color: #970001; transition: all .3s ease; width: 28px; height: 28px; display: flex; flex-wrap: wrap; justify-content: center; align-self: center; }
.body-container--blog-post .blog-post-wrap article.blog-post .social-sharing ul li:hover { background-color: #383634; }
.body-container--blog-post .blog-post-wrap article.blog-post .social-sharing ul li a { text-decoration: none; }
.body-container--blog-post .blog-post-wrap article.blog-post .social-sharing ul li a i { font-size: 1.33333333em; line-height: .75em; vertical-align: -29%; display: inline-block; color: #fff; }

.body-container--blog-post .blog-related-posts { width: 100%; display: block; margin-top: 50px; background-color: transparent; padding: 0; }
.body-container--blog-post .blog-related-posts h5 { color: #272727; font-family: 'Raleway', sans-serif; letter-spacing: 0.5px; font-size: 16px; line-height: 23px; margin-bottom: 12px; font-style: normal; font-weight: 600; text-transform: uppercase; }
.body-container--blog-post .blog-related-posts { color: #272727; font-family: 'Raleway', sans-serif; letter-spacing: 0.5px; font-size: 16px; line-height: 23px; margin-bottom: 12px; font-style: normal; font-weight: 600; text-transform: uppercase; }
.blog-related-posts__list { width: calc(100% + 30px); display: flex; flex-wrap: wrap; margin: 0 -15px; }
.blog-related-posts__list .blog-related-posts__post { flex: 0 0 calc(100% / 3 - 30px); padding: 0; margin: 0 15px; }
.blog-related-posts__list .blog-related-posts__post a { width: 100%; display: inline-block; vertical-align: middle; text-decoration: none; }
.blog-related-posts__list .blog-related-posts__post a img.blog-related-posts__image { width: 100%; height: 120px; display: inline-block; vertical-align: middle; object-fit: cover; object-position: center; }
.blog-related-posts__list .blog-related-posts__post h3.blog-related-posts__title { margin: 0.7rem 0 0; }
.blog-related-posts__list .blog-related-posts__post h3.blog-related-posts__title a { width: 100%; display: inline-block; vertical-align: middle; text-decoration: none; font-size: 14px; line-height: 17px; font-weight: 400; display: block; color: #999; }
.blog-related-posts__list .blog-related-posts__post .blog-related-posts__content .blog-post__datetime { margin: 0px; padding: 0px; width: 100%; clear: both; }
.blog-related-posts__list .blog-related-posts__post .blog-related-posts__content .blog-post__datetime time.blog-post__timestamp { font-family: 'Montserrat'; color: #c9c9c9; font-size: 10px; line-height: 23px; font-weight: normal; margin-bottom: 15px; text-transform: uppercase; }

.body-container--blog-post .blog-post-wrap article.blog-post .blog-comments { width: 100%; max-width: 100%; display: inline-block; vertical-align: middle; border-top: 1px solid #eee; padding-top: 20px; margin-top: 60px; }
.body-container--blog-post .blog-post-wrap article.blog-post .blog-comments h3 { width: 100%; display: inline-block; vertical-align: middle; padding-top: 20px; font-family: 'Montserrat'; font-size: 18px; line-height: 28px; margin-bottom: 10px; font-weight: 600; color: #272727; letter-spacing: 0.5px; }
.body-container--blog-post .blog-post-wrap article.blog-post .blog-comments .section.post-footer { width: 100%; display: inline-block; vertical-align: middle; padding-bottom: 20px; }
.body-container--blog-post .blog-post-wrap article.blog-post .blog-comments .section.post-footer form { width: 100%; display: inline-block; vertical-align: middle; }
.body-container--blog-post .blog-post-wrap article.blog-post .blog-comments .section.post-footer form label { float: left; width: auto; color: #777; text-align: left; display: inline-block; margin-bottom: 5px; font-family: 'Montserrat'; font-size: 14px; line-height: 23px; font-weight: 700; }
.body-container--blog-post .blog-post-wrap article.blog-post .blog-comments .section.post-footer form .hs-form-required { color: #777; }
.body-container--blog-post .blog-post-wrap article.blog-post .blog-comments .section.post-footer form input { width: 100%; height: 42px; padding: 5px 10px; border: 2px solid #e3e3e3; background-color: #f9f9f9; border-radius: 5px; }
.body-container--blog-post .blog-post-wrap article.blog-post .blog-comments .section.post-footer form textarea { width: 100%; height: 42px; padding: 5px 10px; border: 2px solid #e3e3e3; background-color: #f9f9f9; border-radius: 5px; }
.body-container--blog-post .blog-post-wrap article.blog-post .blog-comments .section.post-footer form .hs_recaptcha.hs-recaptcha.field.hs-form-field { display: none; }
.body-container--blog-post .blog-post-wrap article.blog-post .blog-comments .section.post-footer form input[type=submit], form .hs-button { width: 100%; display: inline-block; vertical-align: middle; font-size: 14px; line-height: 23px; font-weight: 600; color: #727272; background-color: #f9f9f9; border: 1px solid #e3e3e3; border-radius: 5px; padding: 10px 15px; font-family: 'Open Sans', sans-serif; }

.body-container--blog-post .blog-post-wrap .side-bar { width: 29%; float: right; padding: 0; }
.body-container--blog-post .blog-post-wrap .side-bar .side-bar-wrap { width: 100%; display: inline-block; vertical-align: middle; }
.body-container--blog-post .blog-post-wrap .side-bar .side-bar-wrap .recent-post { width: 100%; display: inline-block; vertical-align: middle; }
.body-container--blog-post .blog-post-wrap .side-bar .side-bar-wrap .recent-post .post-wrap { width: 100%; display: inline-block; vertical-align: middle; }
.body-container--blog-post .blog-post-wrap .side-bar .side-bar-wrap .recent-post .post-wrap h3 { font-family: 'Montserrat'; margin-bottom: 30px; float: left; font-size: 18px; line-height: 28px; font-style: normal; clear: both; width: 100%; text-transform: uppercase; font-weight: 500; color: #181818; letter-spacing: 0.5px; }
.body-container--blog-post .blog-post-wrap .side-bar .side-bar-wrap .recent-post .post-wrap .post-box { width: 100%; display: inline-block; vertical-align: middle; margin-bottom: 34px; }
.body-container--blog-post .blog-post-wrap .side-bar .side-bar-wrap .recent-post .post-wrap .post-box a { width: 100%; display: inline-block; vertical-align: middle; color: #bbb; transition: all 0.3s ease; font-size: 14px; line-height: 23px; font-weight: 400; }
.body-container--blog-post .blog-post-wrap .side-bar .side-bar-wrap .recent-post .post-wrap .post-box a .featured_image { width: 65px; height: 45px; float: left; margin-right: 18px; transition: all 0.3s ease; }
.body-container--blog-post .blog-post-wrap .side-bar .side-bar-wrap .recent-post .post-wrap .post-box a .featured_image img { width: 100%; height: 45px !important; object-fit: cover; object-position: center; display: inline-block; vertical-align: middle; }
.body-container--blog-post .blog-post-wrap .side-bar .side-bar-wrap .recent-post .post-wrap .post-box a .post-title { width: calc(100% - 83px); float: right; }
.body-container--blog-post .blog-post-wrap .side-bar .side-bar-wrap .recent-post .post-wrap .post-box a .post-title p { font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 23px; margin: 0; }

.dnd_area-module-1-vertical-alignment > div { margin: 0; }
.body-container--blog-post { width: 100%; display: inline-block; }
.body-container--blog-post .hero-banner-inner-pages { display: inline-block; width: 100%; padding: 145px 0px 45px 0px; background-position: top; background-repeat: no-repeat; background-attachment: fixed; }
.body-container--blog-post .hero-banner-inner-pages .hero-banner-row { width: 100%; display: inline-block; }
.body-container--blog-post .hero-title { width: 100%; display: inline-block; }
.body-container--blog-post .hero-title h1 { font-size: 32px; line-height: 44px; font-weight: 700; margin-bottom: 0px; color: #fff; text-transform: uppercase; }
.body-container--blog-post .blog-post-wrap article.blog-post .blog-comments .section.post-footer form input[type=submit] { width: auto; }
.body-container--blog-post .blog-post-wrap article.blog-post .blog-comments .section.post-footer form .actions { text-align: left; }
.body-container--blog-post .blog-post-wrap .side-bar .side-bar-wrap .recent-post .post-wrap .post-box a:hover { color: #333; }
.body-container--blog-post .blog-post-wrap video { width: 100%; display: inline-block; max-width: 100%; object-position: center; object-fit: contain; height: auto; }
.body-container--blog-post .blog-post-wrap .wp-video { width: 100%; display: inline-block; max-width: 100%; }



















@media(min-width:768px){
    .container,.row-fluid .container[class*="span"] { width:750px; }
}
@media(min-width:992px){
    .container,.row-fluid .container[class*="span"] { width:970px; }
}
@media(min-width:1200px){
    .container,.row-fluid .container[class*="span"] { width:1170px; }
}


@media(max-width:1199px){
  
}

@media(max-width:991px){
  .body-container--blog-post .blog-post-wrap article.blog-post { width: 100%; padding: 0; }
  .divider { padding-top: 30px; margin-bottom: 30px; }
  .body-container--blog-post .blog-post-wrap .side-bar { width: 100%; }
  .body-container--blog-post .blog-post-wrap article.blog-post .blog-comments { margin-bottom: 30px; }
  .body-container--blog-post .blog-post-wrap { padding: 50px 0 40px 0; }
  .body-container--blog-post .blog-post-wrap article.blog-post blockquote { margin: 24px 15px; }
  .blog-related-posts .content-wrapper {  padding: 0; }
}

@media(max-width:767px){
  h2{font-size:25px;}
  .body-container--blog-post .blog-post-wrap article.blog-post .blog-comments .section.post-footer form .hs-form-field {margin-bottom: 20px;}
  .body-container--blog-post .hero-title h1 { font-size: 22px; line-height: 32px; }
  .body-container--blog-post .hero-banner-inner-pages { padding: 45px 0px 45px 0px; }
}

@media(max-width:600px){
  .blog-related-posts__list .blog-related-posts__post a img.blog-related-posts__image{ height: auto; }
  .blog-related-posts__list .blog-related-posts__post {flex: 100%;margin: 0 0 20px 0;}
  .blog-related-posts__list { width: 100%; margin: 0; }
  .blog-related-posts__list .blog-related-posts__post:last-child { margin: 0; }
 
  
}






section.content-wrapper .error-page { width: 100%; display: inline-block;padding:100px 0; }
section.content-wrapper { width: 100%; display:block; }
section.content-wrapper .error-page h1 { display: block; font-size: 48px; line-height: 50px; color: #999; margin: 0; font-weight: 300; }
section.content-wrapper .error-page h2{display: block; font-size: 18px; line-height: 59px; color: #970001; margin: 0; font-style: normal;font-weight:500;}
section.content-wrapper .error-page:before { display: block; font-size: 145px; line-height: 100px; color: #e3e3e3; font-weight: normal; margin-bottom: 10px; text-shadow: 5px 5px 1px #fafafa;position: relative;}
section.content-wrapper .error-page .button-wrapper a.button {border:none; color: #fff; padding: 14px 35px; border-radius: 3px; transition: all 0.3s ease; white-space: nowrap; background-color: #970001;}
section.content-wrapper .error-page .button-wrapper a.button:hover { background-color:background-color: #2a363f; color: #fff; }
section.content-wrapper .error-page .button-wrapper a.button:before { content: "\f060"; font-family: fontawesome; background-color: #fff; color: #970001; border-radius: 50%; padding: 2px; margin-right: 5px; }
section.content-wrapper .error-page p { width: 100%; display: inline-block;   color: #727272; }
section.content-wrapper .error-page .button-wrapper { width: 100%; display: inline-block; padding: 15px 0 0 0; }
section.content-wrapper .password-prompt input[type=password] {border: 1px solid #727272; height: auto !important; padding: 10px 15px;  color: #727272; margin: 0 0 20px 0; }
section.content-wrapper .systems-page p {margin: 0 0 15px 0; width: 100%; display: inline-block;  line-height: 34px; color: #727272; }
section.content-wrapper .systems-page h1 { font-size: 48px; }
section.content-wrapper .systems-page form input[type=submit], button {transition: all 0.3s ease; display: inline-block; background: #ccc; color: #fff; border: 1px solid #ccc; border-radius: 8px; font-size: 20px; padding: 10px 35px; outline: 0; line-height: 0; font-weight: 500; }
section.content-wrapper .systems-page form input[type=submit]:hover{background: #dd3333; color: #fff; border-color: #ccc; } 
section.content-wrapper .password-prompt input[type=password]::placeholder { color: #727272; }




/* Search Result Page */
.systems-page{padding:48px 0;}
.systems-page .hs-search-results{width:100%;display:inline-block;padding:50px 0;}
.systems-page .hs-search-results p {color: #727272; font-weight: 400; }
.systems-page .hs-search-results p strong{ font-weight:bold; }
.systems-page .hs-search-results h1 { font-size: 50px; line-height: 65px; font-weight: 400;  width: 100%; display: inline-block; padding: 20px 0 0 0; }
.systems-page .hs-search-results ol { width: 100%; display: inline-block; margin: 0; padding: 20px 0 20px 25px; }
.systems-page .hs-search-results ol li { width: 100%; margin: 0; padding: 0 0 10px 0px;  line-height: 28px; font-weight: 500; position: relative; color: #727272; }
.systems-page .hs-search-results ul { width: 100%; display: inline-block; margin: 0; padding: 20px 0 20px 25px; }
.systems-page .hs-search-results ul li { width: 100%; margin: 0; padding: 0 0 10px 0px;  line-height: 28px; font-weight: 500; position: relative; color: #727272; }
.systems-page .hs-search-results ul li:after {content: '';position: absolute;left: -15px;top: 11px;height: 5px;width: 5px;background: #727272;border-radius: 50%;}
.systems-page .hs-search-results h2{ width: 100%; display: inline-block; padding: 20px 0 0 0; font-weight: normal; font-family: Cabin; font-size: 45px; color: #727272; line-height: 1.2; }
.systems-page .hs-search-results h3 { width: 100%; display: inline-block; padding: 20px 0 0 0; font-family: Cabin; font-size: 33px; color: #727272; font-weight: 400; line-height: 1.2; }
.systems-page .hs-search-results p a { font-size: 16px; color: #99ca3c; font-weight: 400; transition: all 0.5s; }
.systems-page .hs-search-results .hs-search-results__title { font-size:20px; color:#727272; font-weight:bold; transition: all 0.5s;text-decoration: none;}
.systems-page .hs-search-results p a:hover { color: #000; }
.systems-page .hs-search-results img{ float: none; margin: 15px 0; max-width: 100%; width: 100% !important; max-height: 600px; object-position: center; object-fit: cover; }
.systems-page .hs-search-results span{ text-decoration: none; color:#727272; }
.systems-page .hs-search-results h4 { width: 100%; display: inline-block; font-family: Cabin; font-size: 19px; color: #727272; font-weight: bold; line-height: 1.2; padding: 20px 0 10px 0; }
.systems-page .hs-search-results .hs-embed-wrapper{  max-width:100%; max-height: 100%;  display: block;  margin:30px 0px; }
.systems-page .hs-search-results .hs-embed-wrapper iframe{ width:100%; display:inlibe-block; }
blockquote { border-left: 7px solid rgb(49 93 122); padding-left: 15px; background: rgb(49 93 122 / 20%); }
.systems-page .hs-search-results.hs-responsive-embed-wrapper.hs-responsive-embed { margin: 20px auto !important; width: 100% !important; max-width: 100% !important; height: 100% !important; max-height: 100% !important; }
.systems-page .hs-search-results .hs-search-results__a title { font-size: 16px; color: #727272; font-weight: 400; transition: all 0.5s; }
.systems-page .hs-search-results__title:hover { color: #727272 }
.systems-page .hs-search-results__title { font-size: 20px; color: #272727 ;}
.systems-page .hs-search-results ul li:after{display:none;}
.systems-page .hs-search-results__title:hover { text-decoration: none; }
.systems-page .hs-search-results__prev-page { float: left; display: inline-block; background: #ccc; color: #fff; border: 1px solid #ccc; border-radius: 8px; font-size: 20px; padding: 9px 22px; outline: 0; }
.systems-page .hs-search-results__next-page{ display: inline-block; background: #ccc; color: #fff; border: 1px solid #ccc; border-radius: 8px; font-size: 20px; padding: 9px 22px; outline: 0;}
.systems-page .hs-search-results__next-page:hover{background: #dd3333; color: #fff; border-color: #ccc;}
.systems-page .hs-search-results__prev-page:hover{background: #dd3333; color: #fff; border-color: #ccc;}

/* subscriptions confirmation */
.systems-page .page-header h2 { color: #272727;margin:0; }
.systems-page .success { background-color: #fff; border: 1.5px solid #727272; border-radius: 6px; color: #727272; display: inline-block; margin: 1.4rem 0; padding: 10px 10px; width: 100%; }

/* subscribe-options */
.systems-page form label { color: #727272;}
section.content-wrapper .systems-page form input[type=submit],button{padding:10px 12px}

@media(max-width:991px){
  .systems-page .hs-search-results h1 { font-size: 35px; }
  .systems-page .hs-search-results h2 { font-size: 30px; }
}

@media(max-width:767px){
  .systems-page .hs-search-results { padding: 40px 0; }
  .systems-page .hs-search-results h1 { font-size: 30px;line-height: 50px;padding:10px 0 0 0; }
  .systems-page .hs-search-results h2 { font-size: 25px;line-height:35px;padding:15px 0 0 0; }
  .systems-page .hs-search-results h3 { font-size: 23px; padding-bottom: 10px;padding-top:10px }
  .systems-page .hs-search-results h4 { font-size: 20px; line-height: 25px; }
  .systems-page .hs-search-results ol li { line-height: 24px; }
  .systems-page .hs-search-results ul { padding-bottom: 10px; }
  blockquote { margin: 30px 0; }
  .systems-page .hs-search-results.post-title h1 { font-size: 28px; line-height: 40px; }
}


/* error-page  */
@media(max-width:767px){
section.content-wrapper .error-page h1 { margin: -20px 0 0 0; }
section.content-wrapper .error-page:before { font-size: 130px; }
section.content-wrapper .error-page h2 { line-height: 30px; }  
}


/* subscribe-options */
@media(max-width:430px){
section.content-wrapper .systems-page p{line-height: 24px;}
}
@media(max-width:400px){
section.content-wrapper .systems-page form input[type=submit],button{padding:10px 2px;font-size:18px;}
section.content-wrapper .systems-page h1 { font-size:32px;line-height:40px; }  
}