@import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css');

@font-face {
  font-family: "Plane Crash";
  font-display: auto; 
  font-fallback: ;
  font-weight: 400;
  src: url(https://2571206.fs1.hubspotusercontent-na1.net/hubfs/2571206/01%20Assets%20Blog%20Theme%20-%202022/Fonts%20Plane%20Crash/PlaneCrash.woff2) format('woff2'), 
    url(https://2571206.fs1.hubspotusercontent-na1.net/hubfs/2571206/01%20Assets%20Blog%20Theme%20-%202022/Fonts%20Plane%20Crash/PlaneCrash.woff) format('woff'), 
    url(https://2571206.fs1.hubspotusercontent-na1.net/hubfs/2571206/01%20Assets%20Blog%20Theme%20-%202022/Fonts%20Plane%20Crash/PlaneCrash.ttf) format('TrueType'), 
    url(https://2571206.fs1.hubspotusercontent-na1.net/hubfs/2571206/01%20Assets%20Blog%20Theme%20-%202022/Fonts%20Plane%20Crash/PlaneCrash.eot) format('eot'), 
    url(https://2571206.fs1.hubspotusercontent-na1.net/hubfs/2571206/01%20Assets%20Blog%20Theme%20-%202022/Fonts%20Plane%20Crash/PlaneCrash.svg) format('svg');
}
 
@font-face {
  font-family: hg-grotesk;
  src: url('https://2571206.fs1.hubspotusercontent-na1.net/hubfs/2571206/01%20Assets%20Blog%20Theme%20-%202022/Font%20hs%20grotesk/hg-grotesk-500.woff2') format('woff2'),
    url('https://2571206.fs1.hubspotusercontent-na1.net/hubfs/2571206/01%20Assets%20Blog%20Theme%20-%202022/Font%20hs%20grotesk/hg-grotesk-500.woff') format('woff');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: hg-grotesk;
  src: url('https://2571206.fs1.hubspotusercontent-na1.net/hubfs/2571206/01%20Assets%20Blog%20Theme%20-%202022/Font%20hs%20grotesk/hg-grotesk-600.woff2') format('woff2'),
    url('https://2571206.fs1.hubspotusercontent-na1.net/hubfs/2571206/01%20Assets%20Blog%20Theme%20-%202022/Font%20hs%20grotesk/hg-grotesk-600.woff') format('woff');
  font-weight: 600;
  font-display: swap;
  font-style: normal;

}
@font-face {
  font-family: hg-grotesk;
  src: url('https://2571206.fs1.hubspotusercontent-na1.net/hubfs/2571206/01%20Assets%20Blog%20Theme%20-%202022/Font%20hs%20grotesk/hg-grotesk-700.woff2') format('woff2'),
    url('https://2571206.fs1.hubspotusercontent-na1.net/hubfs/2571206/01%20Assets%20Blog%20Theme%20-%202022/Font%20hs%20grotesk/hg-grotesk-700.woff') format('woff');
  font-weight: 700; 
  font-display: swap;font-style: normal; 
}

@font-face {
	font-family: "cs-icons";
	src: url("https://2571206.fs1.hubspotusercontent-na1.net/hubfs/2571206/01%20Assets%20Blog%20Theme%20-%202022/cs%20icons/icons.ttf") format("truetype"), 
       url("https://2571206.fs1.hubspotusercontent-na1.net/hubfs/2571206/01%20Assets%20Blog%20Theme%20-%202022/cs%20icons/icons.woff") format("woff"), 
       url("https://2571206.fs1.hubspotusercontent-na1.net/hubfs/2571206/01%20Assets%20Blog%20Theme%20-%202022/cs%20icons/icons.svg#icons") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}







/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */


























/* 1d. Buttons */








/* 1e. Forms */













/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








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

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

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





html {
  font-size: 16px;
}

body {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #121416;
  font-size: 16px;
}

/* Paragraphs */



/* Anchors */

a {
  
  color: #000000;
}

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

a:active {
  
  color: #282828;
}

/* Headings */

h1,
.h1 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #121416;
  font-size: 48px;
  text-transform: none;
}

h2,
.h2 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #121416;
  font-size: 32px;
  text-transform: none;
}

h3,
.h3 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #121416;
  font-size: 28px;
  text-transform: none;
}

h4,
.h4 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #121416;
  font-size: 24px;
  text-transform: none;
}

h5,
.h5 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #000000;
  font-size: 20px;
  text-transform: none;
}

h6,
.h6 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #121416;
  font-size: 16px;
  text-transform: none;
}

/* Blockquote */

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





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

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

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

  
  
    
  


  rgba(18, 20, 22, 1.0)

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

button:hover,
button:focus,
.button:hover,
.button:focus {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(0, 0, 0, 1.0);
  border-color: #000000;
}

button:active,
.button:active {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(58, 60, 62, 1.0);
  border-color: ;
}





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

/* Form title */

.form-title {
  color: #000;
}

/* Labels */

form label {
  color: #121416;
}

/* Help text */

form legend {
  color: #121416;
}

/* Inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border: 2px solid #D1D6DC;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #121416;
  border-radius: 3px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #121416;
}

::-moz-placeholder {
  color: #121416;
}

:-ms-input-placeholder {
  color: #121416;
}

::placeholder {
  color: #121416;
}

/* Inputs - date picker */

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

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

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

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

/* Submit button */

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

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

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

  
  
    
  


  rgba(18, 20, 22, 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(0, 0, 0, 1.0);
  border-color: #000000;
}

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





/* Table */

table {
  border: 1px solid #121416;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
  border: 1px solid #121416;

  padding: 18px;

  border-color: ;
  color: #121416;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(18, 20, 22, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #121416;
}





.header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

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

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

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

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

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

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

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

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

    background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
  }

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

    background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
  }
}

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

  
  
    
  


  rgba(0, 0, 0, 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(255, 255, 255, 1.0)

;
}

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

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

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

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

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





.footer {
  
  padding: 96px 0px 0px 0px;
  background: url(//2571206.fs1.hubspotusercontent-na1.net/hubfs/2571206/raw_assets/public/Soho%20Dragon%20Rebarnding/images/Soho-Dragon-Brush-Stroke-Red-Transparent.png) right center no-repeat #002f43!important;
  background-attachment: fixed!important;
}
.footer .social-links__icon svg {
  height: 1rem;
}
.footer .social-links__icon{
  background-color: transparent !important;
  border: 1px solid hsla(0, 0%, 100%, .1);
  background: transparent;
  height: 40px !important;
  margin: 4px !important;
  width: 40px !important;
}
.footer .social-links__link .social-links__icon:hover{
    background-color: #f3f6f8!important;
}
.footer .social-links__link .social-links__icon:hover svg {
    fill: #c50000!important;
}
/* 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: #121416;
}

.footer h3{ 
  position: relative;
  color: #FFF;
  font-family: PermanentMarker, arial, sans-serif;
  text-transform: none;
  font-size: 16px;
}
.footer h3:before{
  background: url(//2571206.fs1.hubspotusercontent-na1.net/hubfs/2571206/raw_assets/public/Soho%20Dragon%20Rebarnding/images/title-cover.png) left center no-repeat;
  z-index: 2;
  width: 38px;
  background-size: cover;
  content: '';
  position: absolute;
  height: 44px;
  background-position-y: 0px;
  top: -12px;
  left: -14px;
}
.footer-menu-container .hs-menu-wrapper ul li a{
  font-family: Bahnschrift;
  color: #fff;
  display: inline-flex;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  transition: .3s;
  width: 100%;
}
.footer-menu-container .hs-menu-wrapper ul li a:hover {
  box-shadow: none;
  letter-spacing: 0.02em;
}
.footer-menu-container .hs-menu-wrapper ul li a::before {
  content: "\f105";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  margin-right: 10px;
  position: relative;
}
.footer span{
  color: #fff!important;
  font-size: 12px!important;
  font-family: Bahnschrift, arial, sans-serif!important;
}





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

/* Blog post */

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

.blog-post__tag-link {
  color: #121416;
}

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

.blog-post__tag-link:active {
  color: #3a3c3e;
}

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

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

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

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

/* Blog comments */

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

#comments-listing .comment-reply-to {
  color: #000000;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #000000;
}

#comments-listing .comment-reply-to:active {
  color: #282828;
}





.hs-search-results__title {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #121416;
}





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

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

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

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

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

/* Blog pagination */

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

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

.pagination__link:active .pagination__link-text,
.pagination__link--number:active {
  color: #3a3c3e;
}

.pagination__link-icon svg {
  fill: #121416;
}

/* Pricing card */

.card__price {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #121416;
  font-size: 28px;
}

.card__body svg {
  fill: #121416;
}

/* Social follow */

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

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

.social-links__icon:active {
  background-color: #3a3c3e;
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #121416;
  font-size: 28px;
}

/*******Custom Style*******/








*, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { margin: 0; padding: 0; font-size: 16px; font-family: 'Lato', sans-serif; line-height: 1.5; color: #121416; overflow-x: hidden; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0 0 16px; color: #000000; font-family: hg-grotesk; line-height: 1.25; letter-spacing: -0.025em; }
h1 { font-size: 48px; }
h2 { font-size: 32px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }

.fullwidth { float: left; width: 100%; }
.wrapper { max-width: 1200px; width: 100%; float: none !important; margin: 0 auto !important; display: block !important; padding-left: 20px; padding-right: 20px; }
.page-wrap { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; }
.align-center { -webkit-align-items: center; align-items: center; }
a { display: inline-block; max-width: 100% !important; white-space: normal; text-decoration: none; -webkit-transition: .2s color ease; transition: .2s color ease;}

.master-header { height: 87px; }
.master-header > div { left: 0; top: 0; z-index: 3; }
.top-search-bar .hs-search-field { -webkit-transition: all .4s ease; transition: all .4s ease; } 
.search-open.mobileOpen .hs-search-field { -webkit-transform: translate3d(320px,0,0); transform: translate3d(320px,0,0);  }
.header { padding: 10px 0; border-bottom: 1px solid #e9ecef; }
.header-outer > div { float: left; width: 33.33%; /* flex: 1; -webkit-box-flex: 1; -ms-flex: 1; */ }
.menu-left > div { float: left; }
.menu-trigger a {  margin-right: 16px; }
.menu-trigger i { font-size: 0.875rem; }
.menu-side-logo img { max-width: 52px !important; vertical-align: middle; }
.menu-center { text-align: center; }
.menu-center > a { position: relative; left: -8px; }
.menu-run-img { position: absolute; right: -55px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);  }
.menu-run-img img { max-width: 40px !important; vertical-align: middle; }
.menu-int-text { display: block; font-size: 28px; font-family: 'Plane Crash'; text-transform: lowercase; font-style: italic; color: #000; -webkit-text-shadow: -2px 1px 0px #a8aab2; text-shadow: -2px 1px 0px #a8aab2; font-weight: 900; }
.menu-int-sub { display: block; font-size: 16px; font-weight: 700; font-family: 'Old Standard TT', serif; color: #000; }
.menu-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 0 0 50px; }
.menu-right i:hover, .menu-right i:focus {  color: #A8AAB2; }
.top-search-bar { /* padding: 70px 0; */ overflow: hidden; background: #F2F4F6; height: 0; -webkit-transition: height 0.4s; transition: height 0.4s; }
.search-open .top-search-bar { height: 200px; overflow: visible; }
.top-search-bar form { position: relative; }
.top-search-bar form .hs-search-field__input { padding: 6px 70px; line-height: 46px; font-family: hg-grotesk; font-size: 16px; border: 1px solid #E3E5E7; color: #495057; background: #fff; font-weight: 500; border-radius: 0; outline: 0; }
.top-search-bar form .hs-search-field__input::placeholder { color: #A8AAB2 !important;}
.top-search-bar form button { width: 70px; height: 60px; line-height: 60px; position: absolute; left: 0; top: 0; background: transparent; padding: 0; color: #6c757d; font-size: 20px; outline: 0; border: 0; -webkit-appearance: none; }
.top-search-bar form button i { font-weight: 600; }
.top-search-bar form button:hover { color: #000000; opacity: 0.75; }
.searchClose { position: absolute; right: 0; top: 0; width: 70px; height: 60px; line-height: 60px; z-index: 1; font-size: 20px; text-align: center; cursor: pointer; }
.searchClose i { color: #121416; -webkit-transition: 0.2s; transition: 0.2s; }
.searchClose:hover i { color: #A8AAB2;  }
.body-wrapper .hs-search-field--open .hs-search-field__suggestions { padding: 16px; background: #fff; border: 1px #e9ecef solid; margin: 5px 0 0; position: absolute; left: 0; width: 100%; z-index: 2; }
.hs-search-field__suggestions #results-for { font-size: 20px; }
.hs-search-field__suggestions li:not(:last-child) { margin: 0 0 10px; }
.hs-search-field__suggestions li a { background: transparent !important;  }

.slide-menu { position: fixed; left: -320px; top: 0; width: 320px; height: 100%; background: #fff; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 100; }
.mobileOpen .slide-menu { -webkit-transform: translate3d(320px, 0, 0); transform: translate3d(320px, 0, 0); }
.slide-menu-header { padding: 20px; border-bottom: 1px #e9ecef solid; -webkit-justify-content: space-between; justify-content: space-between; }
.slide-left img { max-width: 40px !important; vertical-align: middle; }
.slide-right a { font-size: 24px; cursor: pointer; }
.slide-right i { color: #000000; }
.slide-right:hover i { color: #A8AAB2; }
.slide-menu-outer { overflow-y: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.slide-menu-outer > span { display: block; padding: 20px; }
.slide-menu-outer .hs-menu-wrapper ul li { width: 100%; }
.slide-menu-outer .hs-menu-wrapper ul li a { display: block; padding: 16px 0; font-size: 14px; font-family: hg-grotesk; font-weight: 600; }
.slide-menu-outer .hs-menu-wrapper > ul > li:not(:last-child) { border-bottom: 1px #e9ecef solid; }
.slide-menu-outer .hs-menu-wrapper > ul li:not(.hs-item-has-children) > a:after { content: "\e90e"; font-size: 14px; font-family: "cs-icons";  -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 0; visibility: hidden; float: right; }
.slide-menu-outer .hs-menu-wrapper > ul li:not(.hs-item-has-children) > a:hover:after { visibility: visible; opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
.slide-menu-outer .hs-menu-wrapper .hs-menu-children-wrapper { display: none; position: static !important; opacity: 1 !important; visibility: visible; }
.slide-menu-outer .hs-menu-wrapper .hs-menu-children-wrapper li a { padding: 8px 0; line-height: 14px; }
.slide-menu-outer .hs-menu-wrapper .hs-menu-children-wrapper li:last-child { margin-bottom: 16px; }
.childTrigger { position: absolute; right: 0; top: 0; width: 100%; height: 53px; line-height: 53px; text-align: right; cursor: pointer; z-index: 1; }
.childTrigger.childOpen i:before { content: "\e90f"; }

.mobileOpen .menu-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.15); -webkit-animation: fade 0.5s; animation: fade 0.5s; z-index: 99; }
.menu-overlay { display: none; }
@-webkit-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } 
@keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } }
.mobileOpen, .mobileOpen .body-wrapper { overflow: hidden; }
.header, .body-container-wrapper, .footer { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.mobileOpen .header, .mobileOpen .body-container-wrapper, .mobileOpen .footer { -webkit-transform: translate3d(320px, 0, 0); transform: translate3d(320px, 0, 0); }
.body-container-wrapper{max-width: 900px; margin: 0 auto;}
.blog-recent { padding: 32px 0; }
.featured-post { width: 67.3%; float: left; padding: 40px; background: #f8f9fa; position: relative; z-index: 1; }
.featured-post:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.13); z-index: -1; }
.post-sidebar { width: 32.7%; float: left; padding: 40px; background: rgba(255,255,255,0.86); position: relative; counter-reset: section; }
.post-sidebar:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.13); z-index: -1; }.post-sidebar:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.13); z-index: -1; }
.topic-char ul {  margin: 0; padding: 0; list-style: none; }
.topic-char ul li { float: left; margin: 0 24px 24px 0; }
.topic-char ul li ~ li, .category-page .topic-char ul li { display: none; }
.category-page .topic-char ul li.is-selected { display: inline-block; }
.topic-char ul li a { position: relative; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; align-items: center; letter-spacing: 0.025em; text-transform: uppercase;  -webkit-transition: color .15s; transition: color .15s; font-size: 14px; font-weight: 600; color: rgba(0,0,0,0.5); }
.featured-post .topic-char ul li a { color: #fff; }
.topic-item > span:first-child { display: none !important; }
.featured-post .topic-item:hover > div { color: #fff; }
.featured-post .topic-item > div:after { background: #fff; }
.char-large { width: 63.99px; height: 63.99px; line-height: 70px; font-size: 48px;  display: inline-block; text-align: center; color: #000000; }
.char-large + span { padding: 0 8px; } 
.topic-item { text-transform: uppercase; font-family: hg-grotesk; }
.topic-item > div { position: relative; }
.topic-item > div:after { background-color: #000; width: 100%; height: 1px; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 100%; -webkit-transform: translateY(1px); transform: translateY(1px); -webkit-transition: all 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: opacity,transform; transition-property: opacity,transform,-webkit-transform; content: " "; }
.topic-item:hover > div { color: #000; }
.topic-item:hover > div:after { opacity: 1; -webkit-transform: translateY(-3px) translateZ(0); transform: translateY(-3px) translateZ(0); }
.featured-post .postTitle { margin: 158px 0 0; }
.featured-post .postTitle h2 {  font-family: hg-grotesk; font-size: 48px;  line-height: 1; font-weight: 700; letter-spacing: -0.025em; margin: 0 0 24px; }
.featured-post .postTitle h2 a { color: #fff; text-decoration: underline; }
.featured-post .postTitle h2 a:hover { color: rgba(255, 255, 255, 0.5); }
.postMeta { margin: 0 0 24px; }
.postMeta, .postMeta a {  font-family: hg-grotesk; font-size: 14px; }
.featured-post .postMeta, .featured-post .postMeta a { color: rgba(255,255,255,0.75);  }
.postMeta > span { margin-right: 8px; font-weight: 500;  }
.postMeta > a { font-weight: 700; }
.postMeta > a + span { margin-left: 20px; position: relative; }
.postMeta > a + span:before { content: " "; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; background: rgba(255,255,255,0.75); border-radius: 50%; }
.postContent { font-size: 20px; margin: 0 0 48px; color: rgba(255, 255, 255, 0.875); } 
.postBtn a { padding: 0.75rem 2rem; color: #fff; font-family: hg-grotesk; font-size: 0.875rem; font-weight: 600; letter-spacing: 0.025em; text-transform: uppercase; background-color: #2E073B; }

.topic-num ul { list-style: none; margin: 0 0 8px; padding: 0;  }
.topic-num a, .topic-char.topic-small a { color: rgba(0, 0, 0, 0.5); font-size: 14px; }
.char-num, .topic-char.topic-small .char-num { display: inline-block; text-align: center; width: 24px; height: 24px; line-height: 24px; font-family: hg-grotesk; color: #000000; font-weight: 600; text-transform: uppercase;  font-size: 0; }
.num-post .char-num:before { counter-increment: section; content: " " counter(section) " "; font-size: 14px;  display: inline-block; }
.topic-num a > span + span, .topic-char.topic-small a > span + span { padding: 0 8px; }
.topic-num a > div, .topic-char.topic-small a > div { display: inline-block; }
.topic-num .topic-item:hover > div, .topic-char.topic-small .topic-item:hover > div { color: #000; }
.topic-num .topic-item > div:after, .topic-char.topic-small .topic-item > div:after { background: #000;}
 
.postTitle h5 { margin: 0 0 8px; }
.postTitle h5 a:hover { color: rgba(0, 0, 0, 0.5); }
.num-post .postMeta span { color: rgba(0, 0, 0, 0.5); }
.num-post .postMeta > a { color: #000; }
.num-post .postMeta > a:hover { color: rgba(0, 0, 0, 0.5); }

.topic-item > .recruitment { background: #E4B28E; color: #fff; }
.topic-item > .careers { background: #BCDED5; }
.topic-item > .training { background: #BCDED5; }
.topic-item > .job { background: #D7DAE5; }
.topic-item > .leadership { background: #B9CDDA; }
.topic-item > .coaching { background: #E4B28E; }
.num-post { width: 100%; float: left; }
.num-post.np-thum-add .num-post-data { width: 68%; float: left; }
.num-post.np-thum-add .num-post-thumb { width: 27%; float: left; margin-left: 5%; position: relative; min-height: 80px; }
.num-post.np-thum-add .num-post-thumb > a { position: absolute; right: 0; width: 80px; height: 80px; }
.num-post.np-thum-add .num-post-thumb > a:before { content: " "; position: absolute; left: 0; top: 0; background: transparent; width: 100%; height: 100%; -webkit-transition: .2s ease all; transition: .2s ease all; } 
.num-post.np-thum-add .num-post-thumb > a:hover:before { background-color: rgba(10,10,10,0.33); }
.num-post.np-thum-add .num-post-thumb > a:after { content: "\e906"; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: "cs-icons"; opacity: 0; font-size: 24px;   z-index: 1;  -webkit-transition: .2s ease all; transition: .2s ease all; color:#fff;  }
.num-post.np-thum-add .num-post-thumb > a:hover:after { opacity: 1; }
.num-post.np-thum-add .postTitle h5 a { text-decoration: underline; }

.blog-index-main { padding: 5px 0; }
.post-index-outer { margin-right: -3px; width: auto; }
.post-item { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; width: 33.3333333333%; float: left; padding: 40px; position: relative; border: 1px solid #e9ecef; margin-top: -1px; margin-left: -1px; transition: 0.2s; background: #fff; }
.post-item:hover { -webkit-box-shadow: 0 0 40px 0 rgb(0 0 0 / 8%); box-shadow: 0 0 40px 0 rgb(0 0 0 / 8%); -webkit-transform: scale(1.025); transform: scale(1.025); overflow: hidden; z-index: 1; }
.topic-char.topic-small .char-num { font-size: 14px; }
.topic-char.topic-small .char-num.recruitment { color: #fff; }
.postTitle h2 { font-size: 20px; color: #000;  }
.postTitle h2 a { text-decoration: underline; }
.postTitle h2 a:hover { color: #6c757d; }
.post-item .postMeta { margin: 0 0 16px; }
.post-item .postMeta, .post-item .postMeta > a:hover  { color: #A8AAB2; }
.post-item .postMeta > a + span:before { background-color: #A8AAB2; }
.post-featured { position: relative; color: #fff; min-height: 182px; margin: 0 0 24px;  }
.post-featured > img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-object-fit: cover; object-fit: cover; }
.postImg-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(10,10,10,0.33);  display: -webkit-flex;  display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; padding: 20px; -webkit-align-items: flex-end; align-items: flex-end; transition: .2s ease all; opacity: 0; }
.post-item:hover .postImg-overlay { opacity: 1; }
.postImg-overlay > span { font-family: hg-grotesk; font-size: 0.875rem; text-align: center; display: block; width: 100%; color: rgba(255, 255, 255, 0.875);}
.postImg-overlay > span:first-child { position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; font-weight: 600; letter-spacing: 0.025em;  text-transform: uppercase; }
.read-time { font-weight: 500; }
.read-time i { margin-right: 0.25rem; }
.post-item-body { color: #66676D; line-height: 1.5; font-size: 16px; }

.row-fluid .pagination { padding: 20px 0 50px; }
.row-fluid .pagination__link-icon svg, .row-fluid .pagination__link-icon svg { vertical-align: middle; }
.row-fluid .pagination__link--number { padding: 0.2rem 0.6rem; }
.row-fluid .pagination__link--number:hover, .row-fluid .pagination__link--number:focus, .row-fluid .pagination__link--active { border-color: #a8aab2; }
.row-fluid .pagination__link--disabled .pagination__link-icon svg, .row-fluid .pagination__link--disabled .pagination__link-icon svg { fill: #a8aab2 !important; }
.row-fluid .pagination__link--disabled .pagination__link-text { color: #a8aab2 !important; }

.blogPost-outer { padding: 64px 0; }
.blogPost-outer .topic-char ul li a { color: #A8AAB2;  }
.blogPost-left { float: none; width: 69%; margin: 0 auto;}
.blogPost-title h1 { text-decoration: none;font-size: 30px;line-height: 36px;margin-bottom: 5px; }
.blogPost-sidebar { float: left; width: 26%; margin-left: 5%; }
.blogPost-left .postMeta, .blogPost-left .postMeta > a:hover { color: #A8AAB2; }
.blogPost-left .postMeta > a + span:before { background-color: #A8AAB2; }
.bpost-featured { position: relative; min-height: 400px; margin: 0 0 48px; }
.bpost-featured img  { max-width: 100%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-object-fit: cover; object-fit: cover; }
.bPost-social { width: 10%; float: left; }
.bPost-social ul { list-style: none; padding: 0; margin: 0; position: -webkit-sticky;  position: sticky; top: 170px; }
.bPost-social ul li a { width: 48px; height: 48px; line-height: 48px; text-align: center; background: #f8f9fa; color: #000000; transition: .25s ease all; font-size: 20px; margin: 0 0 6px;  }
.bPost-social ul li a:hover { color: #fff; }
.bPost-social ul li.fb-social a:hover { background: #3b5998; }
.bPost-social ul li.tw-social a:hover { background: #00aced; }
.bPost-social ul li.pn-social a:hover { background: #cb2027; }
.bPost-social ul li.em-social a:hover { background: #121212; }
.bPost-body { width: 100%; float: left; margin-left: 0%; }
.bPost-body-outer p { margin-bottom: 32px; }
.bPost-body-outer ul {  margin: 20px 0;padding-left: 10px; }
.bPost-body-outer ul li {margin: 5px 0px;}
.bPost-body-outer a:not(.cta_button) { color: #2E073B; text-decoration: underline; }
.bPost-body-outer a:not(.cta_button):hover { text-decoration: none; }
.bPost-share-btm { padding: 45px 0 0; }
.bPost-share-btm ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; width: 100%;  }
.bPost-share-btm ul li { float: left; margin: 4px 8px 4px 0;  }
.bPost-share-btm ul li:last-child { margin-right: 0; }
.bPost-share-btm ul li.fb-social, .bPost-share-btm ul li.tw-social { -webkit-flex-grow: 1; flex-grow: 1; }
.bPost-share-btm ul li a { color: #fff; padding: 0 16px; display: block; font-size: 0.875rem; font-weight: 400; letter-spacing: 0.025em; text-transform: uppercase; text-decoration: none; text-align: center; line-height: 48px; }
.bPost-share-btm ul li a i { padding: 0 4px; font-size: 20px; vertical-align: middle; }
.bPost-share-btm ul li.fb-social a i, .bPost-share-btm ul li.tw-social a i { padding: 0 8px 0 4px; }
.bPost-share-btm ul li.fb-social a { background: #3b5998; }
.bPost-share-btm ul li.fb-social a:hover { background: #4c70ba; }
.bPost-share-btm ul li.tw-social a { background: #00aced; }
.bPost-share-btm ul li.tw-social a:hover { background: #21c2ff; }
.bPost-share-btm ul li.pn-social a { background: #cb2027; }
.bPost-share-btm ul li.pn-social a:hover { background: #e03e44; }

.author-block { margin: 48px 0 0; text-align: center; }
.author-image { position: relative; width: 100px; height: 100px; display: block; margin: 0 auto 16px; -webkit-border-radius: 50%; border-radius: 50%;  }
.author-block h4 a:hover { color: #6c757d; }
.auLink-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }

.next-prev-post { margin: 48px 0 0; }
.next-prev-post > div { width: 50%; float: left;  -webkit-flex-grow: 1; flex-grow: 1; }
.prevPost { padding-right: 80px; border-right: 1px solid transparent; }
.nextPost { padding-left: 80px; text-align: right; border-left: 1px solid #e9ecef; }
.nextHide .prevPost { padding-right: 0; width: 100%; border-right: 0; }
.prevHide .nextPost { padding-left: 0; width: 100%; border-left: 0; }
.prevPost > a, .nextPost > a { margin: 0 0 16px; color: #A8AAB2; font-family: hg-grotesk; font-size: 0.875rem; line-height: 24px; font-weight: 600; letter-spacing: 0.025em; text-transform: uppercase; }
.prevPost > a:before, .nextPost > a:after { display: inline-block; background-color: #2E073B; width: 24px; height: 24px; vertical-align: middle; color: #fff; font-family: "cs-icons"; text-align: center; margin-top: -2px;}
.nextPost > a:after { content: "\e90e"; margin-left: 8px; }
.prevPost > a:before { content: "\e90d"; margin-right: 8px; }
.prevPost > h2, .nextPost > h2 { font-size: 14px; margin: 0; font-weight: normal; }
.prevPost > h2 a:hover, .nextPost > h2 a:hover{ color: #6c757d; }

.ymal-row { margin: 48px 0 0; }
.sm-u-title h5, .wdgt-h3-title h3 { font-size: 12px; font-weight: 700; letter-spacing: .025em; text-transform: uppercase; color: #000; text-decoration: underline; margin: 0 0 24px; line-height: 18px; text-underline-position: under; text-underline-offset: 2px; }
.ymal-post { margin-bottom: 64px; }
.ymal-post:last-child { margin-bottom: 0; }
.ymal-left, .ymal-right { float: left; width: 47.5%; }
.ymal-left { position: relative; min-height: 228px; }
.ymal-left > img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-object-fit: cover; object-fit: cover; }
.ymal-left:hover .postImg-overlay { opacity: 1;  }
.ymal-right { margin:  0 0 0 5%; }
.ymal-right .postContent { color: #66676D; font-size: 16px; margin: 0 0 20px;}
.ymal-right.ymal-fullwidth { width: 100%; margin-left: 0; }

.blogPost-sidebar { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.bPost-sticky { position: -webkit-sticky; position: sticky;  bottom: 32px; margin-top: auto; } 
.sb-margin { margin-bottom: 5px; }
.search-sidebar form { position: relative; padding-right: 110px; }
.search-sidebar .hs-search-field__input {  padding: 0.375rem 1rem; font-family: hg-grotesk; font-size: 14px; line-height: 26px; font-weight: 500; border: 1px solid #dcd7ca; border-radius: 0; outline: 0; }
.search-sidebar .hs-search-field__input::placeholder { color: #A8AAB2 !important; }
.search-sidebar button { min-width: 110px; position: absolute; right: 0; top: 0; background-color: #ed1c24; padding: 0.375rem 1rem; font-family: hg-grotesk; font-size: 18px; line-height: 28px; font-weight: 600; letter-spacing: 0.025em; outline: 0; border: 0; border-radius: 0; text-transform: uppercase; -webkit-appearance: none; }
.search-sidebar button:hover { opacity: 0.75; }
.body-wrapper .search-sidebar .hs-search-field--open .hs-search-field__suggestions { position: absolute; left: 0; top: 100%; }
.search-sidebar .hs-search-field__suggestions li { font-size: 14px; }
.blogPost-sidebar .sm-u-title { margin: 0 0 16px; }
.rpost-list ul, .archive-posts ul { list-style: none; padding: 0; margin: 0;  }
.rpost-list ul li { margin: 0 0 16px; }
.rpost-list ul li a { text-decoration: underline; }
.rpost-list ul li a:hover { color: #2E073B; }
.archive-posts ul li { padding: 15px 0; border-bottom: 1px #e9ecef solid; }
.archive-posts ul li:last-child { border-bottom: 0; }
.archive-posts ul li a { font-weight: 600; font-size: 14px; font-family: hg-grotesk; text-decoration: underline; vertical-align: top; line-height: 23px;}
.archive-posts ul li a:hover { color: #2E073B; }
.archive-posts .filter-link-count { display: none; }
a.filter-expand-link { margin: 10px 0 0; font-size: 14px; color: #a8aab2; }

.archive-posts.bptag-lists ul li { padding: 6px 0; position: relative; border-bottom: 0; }
.archive-posts.bptag-lists ul li a { text-transform: uppercase; padding-left: 22px; }
.archive-posts.bptag-lists ul li a:hover { color: #A8AAB2; }
.archive-posts.bptag-lists .filter-link-count { display: inline-block; color: #A8AAB2; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.bptag-lists ul li a:before { content: " "; width: 10px; height: 10px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; background: #BCDED5; }
.bptag-lists ul li.careers a:before { background: #BCDED5;}
.bptag-lists ul li.coaching a:before { background: #E4B28E;}
.bptag-lists ul li.job a:before { background: #D7DAE5;}
.bptag-lists ul li.leadership a:before { background: #B9CDDA;}
.bptag-lists ul li.recruitment a:before { background: #E4B28E;}
.bptag-lists ul li.training a:before { background: #BCDED5; }

.topic-hero { padding: 48px 0; }
.topic-hero .sm-u-title h5 { margin: 0 0 16px; color: rgba(255, 255, 255, 0.75); }
.topic-hero h1 { color: #fff; font-size: 72px; line-height: 1; margin: 0; }
.heroPost-count { color: rgba(255, 255, 255, 0.5); font-weight: 500; font-size: 14px; font-family: hg-grotesk; }

.topic-hero { background: #f8f9fa; }
.topic-hero.auHero h1, .archive-page h1, .topic-hero.archiveHero h1 { color: #000; }
.topic-hero.auHero .heroPost-count, .archive-page  .heroPost-count, .topic-hero.archiveHero .heroPost-count { color: rgba(0, 0, 0, 0.5); }
.auHero-outer { padding: 0 0 0 185px; position: relative; min-height: 130px; }
.author-hero { width: 130px; height: 130px; position: absolute; left: 0; top: 0; -webkit-border-radius: 50%; border-radius: 50%; }

.post-index-left { width: 69%; float: left; }
.body-container--blog-index + .listingSidebar { display: none; }
.layout-common .blog-index-main { padding-top: 0; }
.post-index-left .post-item { margin: 64px 5% 0 0;  -ms-flex: 0 0 47.5%; flex: 0 0 47.5%; max-width: 47.5%; width: 47.5%; transform: none; background: transparent; border: 0; padding: 0; box-shadow: none; }
.post-index-left .post-item:nth-child(2n) { margin-right: 0; }
.post-index-left .post-featured { min-height: 228px; }
.post-index-left .postTitle h2 { font-size: 24px; font-family: hg-grotesk; line-height: 1.25; }
.post-index-left .postTitle h2 a { text-decoration: none; }
.post-index-left .postMeta { margin: 0 0 16px; }
.layout-common .blogPost-sidebar { margin-top: 64px; }

.bPost-body-outer p, .bPost-body-outer h2, .bPost-body-outer h3, .bPost-body-outer h4, .bPost-body-outer h5, .bPost-body-outer h6 { margin: 0 0 32px; }

.archive-page .blog-index-main { padding-top: 0; }
  
#buttonScroll { opacity: 0; visibility: hidden; position: fixed; right: 32px; bottom: 100px; padding: 0.6rem; background: #a0a0a0; z-index: 3; width: 35px; height: 35px; transition: 0.4s ease all; }
a#buttonScroll:before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 8px; height: 8px; border-top: 1px solid #fff; border-left: 1px solid #fff; margin-top: 2px; }
.show-btn {  opacity: 0 !important; visibility: hidden !important; }

.error-page a.button { padding: 0.75rem 2rem; color: #fff; font-family: hg-grotesk; color: #fff; font-size: .875rem; font-weight: 600; letter-spacing: .025em; text-transform: uppercase; background-color: #2e073b; border-radius: 0; }
/* NEW CSS STARTED */
.footer{
  clear:both;
  background-color: rgba(255,255,255,1.0);
}
/* NEW CSS END */
@media(max-width: 1199px){
  .wrapper, .content-wrapper { max-width: 1020px; }
  
  .master-header { height: 153px; }
  .featured-post { width: 61.3%; }
  .post-sidebar { width: 38.7%; }
  .featured-post .postTitle { margin: 24px 0 0; }
  .post-featured { min-height: 150px; }
  
  .blogPost-left, .post-index-left { width: 65.3%; }
  .blogPost-sidebar { width: 30.7%; margin-left: 4%; }
  .bpost-featured { min-height: 400px; }
  .ymal-left { min-height: 180px; }
  
}
@media(max-width: 1024px){
  .banner__section.banner img{
    max-width: 100%;
    height: auto;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal ul{
    padding-top: 20px;
  }
  .blogPost-outer {
    padding: 10px 0;
  }
  .sm-f18{
    font-size: 16px!important;
    margin-bottom:0px!important;
  }
}
@media(max-width: 1019px){
  .wrapper, .content-wrapper { max-width: 720px; }
  .menu-center > a { left: 0; }
  .featured-post { width: 100%; }
  .char-large { width: 48px; height: 48px; line-height: 48px; font-size: 40px; }
  .featured-post .postTitle { margin: 0; }
  .featured-post .postTitle h2 { font-size: 32px; line-height: 1.25; }
  .post-sidebar { width: 100%; }
  .num-post:last-child { margin-bottom: -24px; }
  .post-item { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; }
  
  .blogPost-left { width: 100%; } 
  
  .bPost-social { display: none; }
  .bPost-body { width: 100%;  margin-left: 0; }
  
  .blogPost-sidebar { width: 100%;  margin: 28px 0 0; }
  .bPost-sticky { position: static; width: auto; margin: 0 -20px; }
  .sidebar-left, .sidebar-right { width: 50%; float: left; padding: 0 20px; }
  
  .topic-hero.auHero h1, .archive-page h1, .topic-hero h1, .topic-hero.auHero h1 { font-size: 48px; }
  .post-index-left { width: 100%; }
  .post-index-left .postTitle h2 { font-size: 32px; }
 
  .auHero-outer { padding: 0 0 0 120px; min-height: 80px; }
  .author-hero { width: 80px; height: 80px; }
   
}
@media(max-width: 719px){
  .wrapper, .content-wrapper { max-width: 600px; }
  
  .header-outer { -webkit-flex-flow: row; flex-flow: row; -webkit-justify-content: space-between; justify-content: space-between; }
  .header-outer > div { width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .menu-right { padding-left: 0; }
  .menu-center > a { left: 0; word-break: initial; }
  .menu-int-sub { margin: 0 -5px; }
  .menu-run-img { right: -60px; }
  
  .post-item, .post-index-left .post-item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%;}
  .post-item .post-featured { padding: 59.8% 0 0; min-height: auto; }
  
  .bpost-featured { padding: 63% 0 0; min-height: auto; }
  .next-prev-post > div { width: 100%; padding: 0; }
   
  .nextPost { margin: 32px 0 0; border-left: 0;  }
  
  .ymal-post { margin-bottom: 44px; } 
  .ymal-left, .ymal-right { width: 100%; }
  .ymal-left { min-height: auto; padding: 60% 0 0; margin: 0 0 24px; }
  .ymal-right { margin: 0; } 
  
  .sidebar-left, .sidebar-right { width: 100%; }
   
  .post-index-left .post-item { margin-right: 0; }
  
  .topic-hero.auHero { text-align: center; }
  .topic-hero.auHero .author-hero { width: 130px; height: 130px; margin: 0 auto 16px; position: static; }
  .topic-hero.auHero .auHero-outer { padding: 0; min-height: auto; }
}

@media(max-width: 599px){ 
  .wrapper, .content-wrapper { max-width: 100%; }
 
}
@media(max-width: 480px){ 
  .master-header { height: 126px; }
  .menu-int-text { font-size: 22px; }
  .menu-run-img { right: -30px; }
  .menu-run-img img { max-width: 25px !important; }
  .menu-int-sub { font-size: 13px; }
}

@media(max-width: 380px){ 
 .menu-side-logo img { max-width: 28px !important; }
}
@media(max-width: 330px){ 
  .slide-menu { left: -250px; width: 250px; }
 .mobileOpen .header, .mobileOpen .body-container-wrapper, .mobileOpen .footer { -webkit-transform: translate3d(250px,0,0); transform: translate3d(250px,0,0); }
 .mobileOpen .slide-menu { -webkit-transform: translate3d(250px,0,0); transform: translate3d(250px,0,0); }
}
@media(max-width: 315px){ 
.menu-trigger a { margin-right: 10px; }
}

.breadcrumb {
    padding: 0px;
    list-style: none;
}
.breadcrumb li {
    display: inline-flex;
    margin-right: 10px;
    font-size: 14px;
}
.breadcrumb li a:after {
    content: "/";
    position: relative;
    left: 5px;
}
@media(min-width: 768px){ 
  .banner__section.banner{
      max-height: 270px;
    text-align: center;
  }
  .banner__section.banner img{
      margin-bottom: 20px!important;
        max-width: 670px!important;
  }
  .dnd_area-row-1-padding{
    padding-bottom: 10px !important;
  }
  .dnd_area-row-1-margin{
    margin-bottom: 10px !important;
  }
  .footer{
    padding: 96px 0px 0px 0px;!important;
  }
}