/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
	 ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
	 ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
	 ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
	 ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
	 ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@font-face {
  font-family: "MarselisSerifPro";
  src: url("https://f.hubspotusercontent20.net/hubfs/1535520/Thehotelsnetwork_January2019%20Theme/Fonts/MarselisSerifPro.eot"), url("https://f.hubspotusercontent20.net/hubfs/1535520/Thehotelsnetwork_January2019%20Theme/Fonts/MarselisSerifPro.ttf"), url("https://f.hubspotusercontent20.net/hubfs/1535520/Thehotelsnetwork_January2019%20Theme/Fonts/MarselisSerifPro.woff");
  font-weight: 500;
}
@font-face {
  font-family: "MarselisSerifPro-Bold";
  src: url("https://1535520.fs1.hubspotusercontent-na1.net/hubfs/1535520/Thehotelsnetwork_January2019%20Theme/Fonts/MarselisSerifPro-Bold.eot"), url("https://1535520.fs1.hubspotusercontent-na1.net/hubfs/1535520/Thehotelsnetwork_January2019%20Theme/Fonts/MarselisSerifPro-Bold.ttf"), url("https://1535520.fs1.hubspotusercontent-na1.net/hubfs/1535520/Thehotelsnetwork_January2019%20Theme/Fonts/MarselisSerifPro-Bold.woff");
  font-weight: 700;
}
@font-face {
  font-family: "AvenirLTStd-Book";
  src: url("https://f.hubspotusercontent20.net/hubfs/1535520/Thehotelsnetwork_January2019%20Theme/Fonts/AvenirLTStd-Book.eot"), url("https://f.hubspotusercontent20.net/hubfs/1535520/Thehotelsnetwork_January2019%20Theme/Fonts/AvenirLTStd-Book.ttf"), url("https://f.hubspotusercontent20.net/hubfs/1535520/Thehotelsnetwork_January2019%20Theme/Fonts/AvenirLTStd-Book.woff");
  font-weight: 300;
}
@font-face {
  font-family: "AvenirLTStd-Medium";
  src: url("https://1535520.fs1.hubspotusercontent-na1.net/hubfs/1535520/Thehotelsnetwork_January2019%20Theme/Fonts/AvenirLTStd-Medium.eot"), url("https://1535520.fs1.hubspotusercontent-na1.net/hubfs/1535520/Thehotelsnetwork_January2019%20Theme/Fonts/AvenirLTStd-Medium.ttf"), url("https://1535520.fs1.hubspotusercontent-na1.net/hubfs/1535520/Thehotelsnetwork_January2019%20Theme/Fonts/AvenirLTStd-Medium.woff");
  font-weight: 500;
}
@font-face {
  font-family: "AvenirLTStd-Heavy";
  src: url("https://1535520.fs1.hubspotusercontent-na1.net/hubfs/1535520/Thehotelsnetwork_January2019%20Theme/Fonts/AvenirLTStd-Heavy.eot"), url("https://1535520.fs1.hubspotusercontent-na1.net/hubfs/1535520/Thehotelsnetwork_January2019%20Theme/Fonts/AvenirLTStd-Heavy.ttf"), url("https://1535520.fs1.hubspotusercontent-na1.net/hubfs/1535520/Thehotelsnetwork_January2019%20Theme/Fonts/AvenirLTStd-Heavy.woff");
  font-weight: 700;
}
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?tlki22");
  src: url("../fonts/icomoon.eot?tlki22#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?tlki22") format("truetype"), url("../fonts/icomoon.woff?tlki22") format("woff"), url("../fonts/icomoon.svg?tlki22#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=ico-], [class*=" ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico-calendar:before {
  content: "\e900";
}

.ico-facebook:before {
  content: "\e901";
}

.ico-linkedin:before {
  content: "\e902";
}

.ico-x:before {
  content: "\e903";
}

p, ul, ol, dl {
  font-family: "AvenirLTStd-Book", "Helvetica", sans-serif;
  font-size: 14px;
}
@media (min-width: 768px) {
  p, ul, ol, dl {
    font-size: 18px;
  }
}

a {
  font-family: "AvenirLTStd-Book", "Helvetica", sans-serif;
}

.blog-section .set-overlay .social-links-block ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

* {
  max-height: 1000000px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.gm-style img {
  max-width: none;
}

body {
  background: #fff;
  color: #303030;
  font: 400 16px/1.5 "MarselisSerifPro", "Helvetica", sans-serif;
  min-width: 320px;
}

p, ul, ol, dl {
  margin: 0 0 1em;
}

a {
  text-decoration: underline;
  color: inherit;
}
a:hover, a:focus {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 700;
  margin: 0 0 0.5em;
  color: inherit;
}

h1 {
  font-size: 30px;
}
@media (min-width: 480px) {
  h1 {
    font-size: 35px;
  }
}
@media (min-width: 1024px) {
  h1 {
    font-size: 40px;
  }
}

h2 {
  font-size: 25px;
}
@media (min-width: 480px) {
  h2 {
    font-size: 30px;
  }
}
@media (min-width: 1024px) {
  h2 {
    font-size: 35px;
  }
}

h3 {
  font-size: 23px;
}
@media (min-width: 480px) {
  h3 {
    font-size: 27px;
  }
}
@media (min-width: 1024px) {
  h3 {
    font-size: 30px;
  }
}

h4 {
  font-size: 21px;
}
@media (min-width: 480px) {
  h4 {
    font-size: 24px;
  }
}
@media (min-width: 1024px) {
  h4 {
    font-size: 27px;
  }
}

h5 {
  font-size: 18px;
}
@media (min-width: 480px) {
  h5 {
    font-size: 21px;
  }
}
@media (min-width: 1024px) {
  h5 {
    font-size: 23px;
  }
}

h6 {
  font-size: 16px;
}
@media (min-width: 480px) {
  h6 {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  h6 {
    font-size: 20px;
  }
}

h1 {
  font-size: 34px;
  line-height: 1.08;
  letter-spacing: 0.8px;
}
@media (min-width: 768px) {
  h1 {
    font-size: 42px;
  }
}
@media (min-width: 1024px) {
  h1 {
    font-size: 50px;
  }
}

h2 {
  font-size: 26px;
  line-height: 1.08;
  font-weight: 400;
}
@media (min-width: 768px) {
  h2 {
    font-size: 32px;
  }
}
@media (min-width: 1024px) {
  h2 {
    font-size: 40px;
  }
}

h3 {
  font-size: 16px;
  font-family: "AvenirLTStd-Book", "Helvetica", sans-serif;
}
@media (min-width: 768px) {
  h3 {
    font-size: 22px;
  }
}
@media (min-width: 1024px) {
  h3 {
    font-size: 28px;
  }
}

h4 {
  font-family: "AvenirLTStd-Book", "Helvetica", sans-serif;
  font-size: 18px;
}

h5 {
  font-family: "AvenirLTStd-Book", "Helvetica", sans-serif;
  font-size: 16px;
}

h6 {
  font-family: "AvenirLTStd-Book", "Helvetica", sans-serif;
  font-size: 14px;
}

@media (max-width: 1023px) {
  .hm {
    display: none;
  }
}

.container {
  padding: 0 20px;
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}
@media (min-width: 480px) {
  .container {
    padding: 0 30px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1320px;
    padding: 0 40px;
  }
}

.btn {
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
  display: inline-block;
  background: #F85F73;
  padding: 6px 20px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-weight: 700;
  text-decoration: none;
  border: 3px solid #F85F73;
  border-radius: 10px;
  font-family: "AvenirLTStd-Book", "Helvetica", sans-serif;
}
@media (min-width: 768px) {
  .btn {
    padding: 14px 46px;
    font-size: 18px;
  }
}
.btn:hover {
  background: transparent;
  color: #F85F73;
}
.btn.btn-blue {
  border: 3px solid #00CCCC;
  background: #00CCCC;
  color: #fff;
  border-radius: 0;
}
.btn.btn-blue:hover {
  background: transparent;
  color: #00CCCC;
}
.btn.btn-transparent {
  border: 3px solid #00CCCC;
  background: none;
  border-radius: 0;
  color: #fff;
  padding: 15px;
}
@media (min-width: 768px) {
  .btn.btn-transparent {
    padding: 15px 22px;
  }
}
.btn.btn-transparent:hover {
  background: #00CCCC;
  color: #fff;
}
.btn.btn-dark {
  border: 3px solid #043F48;
  background: #043F48;
  color: #fff;
  padding: 9px 30px;
}
@media (min-width: 1024px) {
  .btn.btn-dark {
    width: 200px;
  }
}
.btn.btn-dark:hover {
  background: transparent;
  color: #043F48;
}

.blog-section {
  padding: 30px 0 0;
}
.blog-section .columns-block {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 0;
}
@media (min-width: 1024px) {
  .blog-section .columns-block {
    gap: 70px 0;
  }
}
.blog-section .column {
  display: flex;
  flex-direction: column;
  border: 1px solid #BCBCBC;
  width: 100%;
}
@media (min-width: 650px) {
  .blog-section .column {
    width: 50%;
    max-width: 410px;
  }
}
@media (min-width: 768px) {
  .blog-section .column {
    margin: 0;
  }
}
.blog-section .post-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
  line-height: 1.25;
  padding: 20px 15px;
  text-align: center;
  flex: 1;
}
@media (min-width: 1024px) {
  .blog-section .post-block {
    padding: 30px 25px;
  }
}
.blog-section .post-block p {
  margin: 0 0 1.05em;
}
.blog-section .post-block .data-holder {
  position: relative;
  font-family: "AvenirLTStd-Book", "Helvetica", sans-serif;
  color: #BCBCBC;
  justify-content: center;
}
.blog-section .post-block .data-holder:before {
  width: 18px;
  height: 18px;
  content: url("data:image/svg+xml;utf8,<svg viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M4.43855e-06 15.7998V6.2002C4.434e-06 5.65663 -0.00106703 5.18845 0.0302779 4.80469C0.0625815 4.40941 0.134368 4.01605 0.327153 3.6377C0.614745 3.07333 1.07333 2.61474 1.6377 2.32715C2.01605 2.13436 2.40941 2.06258 2.80469 2.03027C3.1405 2.00285 3.54102 2.00126 4 2.00098V1C4 0.447715 4.44772 0 5 0C5.55229 0 6 0.447715 6 1V2H12V1C12 0.447715 12.4477 0 13 0C13.5523 0 14 0.447715 14 1V2.00098C14.4591 2.00125 14.8596 2.00283 15.1953 2.03027C15.5905 2.0626 15.9832 2.13446 16.3613 2.32715C16.9246 2.61413 17.3847 3.07216 17.6729 3.6377C17.8655 4.01582 17.9374 4.40887 17.9697 4.80371C18.0011 5.187 18 5.6548 18 6.19727V15.8037C18 16.3461 18.0011 16.8132 17.9697 17.1963C17.9374 17.5911 17.8655 17.9842 17.6729 18.3623C17.4209 18.8566 17.0372 19.2696 16.5674 19.5576L16.3613 19.6729C15.9832 19.8655 15.5902 19.9374 15.1953 19.9697C14.8123 20.001 14.345 20 13.8027 20H4.19727C3.6548 20 3.18701 20.0011 2.80372 19.9697C2.40887 19.9374 2.01583 19.8655 1.6377 19.6729C1.07282 19.385 0.614419 18.9259 0.327153 18.3623C0.134392 17.984 0.062591 17.5906 0.0302779 17.1953C-0.00107145 16.8117 4.43855e-06 16.3433 4.43855e-06 15.7998ZM5.00196 14C5.27147 14 5.52958 14.1088 5.71778 14.3018C5.90589 14.4946 6.00853 14.7551 6.00196 15.0244V15.0264C5.98851 15.5688 5.54459 16.002 5.00196 16.002H5C4.44772 16.002 4 15.5542 4 15.002V15C4 14.4477 4.44772 14 5 14H5.00196ZM9.00196 14C9.55424 14 10.002 14.4477 10.002 15V15.002C10.002 15.5542 9.55424 16.002 9.00196 16.002H9C8.44772 16.002 8 15.5542 8 15.002V15C8 14.4477 8.44772 14 9 14H9.00196ZM13.002 14C13.5542 14 14.002 14.4477 14.002 15V15.002C14.002 15.5542 13.5542 16.002 13.002 16.002H13C12.4477 16.002 12 15.5542 12 15.002V15C12 14.4477 12.4477 14 13 14H13.002ZM5.00196 10C5.27147 10 5.52958 10.1088 5.71778 10.3018C5.90589 10.4946 6.00853 10.7551 6.00196 11.0244V11.0264C5.98851 11.5688 5.54458 12.002 5.00196 12.002H5C4.44772 12.002 4 11.5542 4 11.002V11C4 10.4477 4.44772 10 5 10H5.00196ZM9.00196 10C9.55424 10 10.002 10.4477 10.002 11V11.002C10.002 11.5542 9.55424 12.002 9.00196 12.002H9C8.44772 12.002 8 11.5542 8 11.002V11C8 10.4477 8.44772 10 9 10H9.00196ZM13.002 10C13.5542 10 14.002 10.4477 14.002 11V11.002C14.002 11.5542 13.5542 12.002 13.002 12.002H13C12.4477 12.002 12 11.5542 12 11.002V11C12 10.4477 12.4477 10 13 10H13.002ZM4.2002 4C3.62366 4 3.25123 4.00126 2.96778 4.02441C2.69598 4.04662 2.59528 4.08422 2.5459 4.10938C2.35779 4.20523 2.20524 4.35778 2.10938 4.5459C2.08422 4.59527 2.04662 4.69597 2.02442 4.96777C2.00406 5.21699 2.00142 5.53498 2.00098 6H15.999C15.9986 5.53429 15.9969 5.21607 15.9766 4.9668C15.9544 4.69588 15.9167 4.59517 15.8916 4.5459C15.7964 4.35892 15.6424 4.20582 15.4531 4.10938C15.4036 4.08415 15.3033 4.04561 15.0322 4.02344C14.7491 4.00029 14.3764 4 13.7998 4H4.2002ZM2 15.7998C2 16.3764 2.00127 16.749 2.02442 17.0322C2.04661 17.3037 2.08418 17.4046 2.10938 17.4541C2.20556 17.6427 2.35851 17.7961 2.5459 17.8916C2.59518 17.9167 2.69589 17.9544 2.9668 17.9766C3.24973 17.9997 3.62182 18 4.19727 18H13.8027C14.3779 18 14.7496 17.9996 15.0322 17.9766C15.3026 17.9545 15.4037 17.9167 15.4531 17.8916C15.6417 17.7955 15.7961 17.6417 15.8916 17.4541C15.9167 17.4048 15.9544 17.3042 15.9766 17.0332C15.9997 16.7505 16 16.3791 16 15.8037V8H2V15.7998Z' fill='%23BCBCBC'/></svg>");
  margin-right: 8px;
  display: inline-block;
  vertical-align: sub;
}
.blog-section .img-block {
  transition: display 0.2s ease-in-out;
  position: relative;
}
.blog-section .img-block:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
.blog-section .img-block:hover .set-overlay {
  opacity: 1;
}
.blog-section .img-block:hover .topic-link {
  color: #000;
  border: 3px solid #000;
}
.blog-section .img-block img {
  width: 100%;
  height: 100%;
  height: 250px;
  object-fit: cover;
}
.blog-section .img-block .tag-holder {
  position: absolute;
  top: 10px;
  right: 10px;
}
.blog-section .topic-link {
  transition: border 0.2s ease-in-out, color 0.2s ease-in-out;
  position: relative;
  display: inline-block;
  background: none;
  padding: 15px 22px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-weight: 700;
  text-decoration: none;
  border: 3px solid #00CCCC;
  font-family: "AvenirLTStd-Book", "Helvetica", sans-serif;
  z-index: 99;
}
.blog-section .title {
  display: block;
  font-size: 18px;
  line-height: 1.22;
  margin: 0 0 20px;
}
.blog-section .title a {
  text-decoration: none;
}
.blog-section .set-overlay {
  width: 100%;
  height: 100%;
  transition: opacity 0.2s ease-in-out;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  padding: 115px 0 0;
  opacity: 0;
}
.blog-section .set-overlay:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(135deg, rgba(0, 163, 155, 0.8) 32%, rgba(0, 163, 155, 0.8) 62%, rgba(0, 163, 155, 0.81) 63%, rgb(0, 163, 155) 100%);
}
.blog-section .set-overlay .read-more-link {
  position: relative;
  font-size: 20px;
  color: #000;
  text-decoration: none;
  letter-spacing: 0.05em;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 15px 0;
}
.blog-section .set-overlay .social-links-block {
  position: relative;
  margin: 30px 0 0;
}
.blog-section .set-overlay .social-links-block ul {
  display: flex;
  justify-content: center;
  gap: 0 24px;
}
.blog-section .set-overlay .social-links-block ul li img {
  width: 32px;
  height: 32px;
  height: auto;
  vertical-align: baseline;
}
.blog-section .set-overlay .social-links-block ul a {
  transition: opacity 0.2s ease-in-out;
  text-decoration: none;
}
.blog-section .set-overlay .social-links-block ul a:hover {
  opacity: 0.8;
}