@font-face {
  font-family: Roboto;
  src: local('Roboto'),
     url('../fonts/roboto-regular.woff2') format('woff2'),
     url('../fonts/roboto-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  }
@font-face {
  font-family: Roboto;
  src: local('Roboto Medium'),
     url('../fonts/roboto-medium.woff2') format('woff2'),
     url('../fonts/roboto-medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  }
@font-face {
  font-family: Roboto;
  src: local('Roboto Bold'),
     url('../fonts/roboto-bold.woff2') format('woff2'),
     url('../fonts/roboto-bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  }


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,menu,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
h1,h2,h3,h4,h5,h6{line-height:1.4;font-weight:normal;}
article,aside,figure,footer,header,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;display:none;}
var{font-style:normal;}
em{font-style:italic;}
strong{font-weight:bold;}
hr{display:block;width:100%;height:1px;border:0;border-top:1px solid #e8e8e8;margin:0;padding:0;}
input,select{vertical-align:middle;}
select,input,textarea{font:99% sans-serif;}
a:hover,a:active,:focus{outline:none;}
ol,ul{list-style-position:inside;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
sub,sup{font-size:75%;line-height:0;position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
code{font-family:monospace;}

html {
  height: 100%;
  }
body {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
  font: normal 16px/1.5 Roboto, sans-serif;
  background: #fff;
  color: #222;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
  }
body.noScroll {
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  }

.wrap {
	flex: 0 0 auto;
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1170px;
  }
.wrap.custom {
  width: 810px;
	max-width: 100%;
	box-sizing: border-box;
	}
hr.wrap {
	padding: 0;
	}

a {
	text-decoration: none;
	color: #0073f9;
	}
a:hover {color: #58a5fc;}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: Roboto, sans-serif;
  font-weight: bold; 
  }
h1, .h1 {
  line-height: 58px;
  font-size: 48px;
  }

h2, .h2 {
  line-height: 46px;
  font-size: 38px;
  }

h3, .h3 {
  line-height: 38px;
  font-size: 30px;
  }

h4, .h4 {
  line-height: 30px;
  font-size: 22px;
  }

h5, .h5 {
  line-height: 26px;
  font-size: 18px;
  }

h6, .h6 {
  line-height: 24px;
  font-size: 16px;
  }

/* Tables */
table {
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
  width: 100%;
  }
  th, td {
		vertical-align: top;
    padding: 10px;
		font-weight: normal;
		text-align: center;
    border: none;
    border-bottom: 1px solid #e8e8e8;
    }

/* Forms */
input,
select,
textarea,
button {
  font: normal 16px/20px Roboto, sans-serif;
  box-sizing: border-box;
  }

input,
select,
textarea {
  margin: 0;
  padding: 0;
  border: none;
  background-color: #dddfe2;
  }

button,
input[type='submit'] {
  overflow: visible; /*IE*/
  cursor: pointer;
  -webkit-appearance: none;
  }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
	}

.field {
  padding: 13px 13px 11px;
  background: rgba(221, 223, 226, .5);
  border: 2px solid transparent;
  border-left: none;
  border-right: none;
  border-radius: 2px;
  color: #000;
  -webkit-appearance: none;
  }
.field:focus {
  border-bottom-color: #58a5fc;
  }
::-webkit-input-placeholder {
  color: rgba(34, 34, 34, .5);
  }
::-moz-placeholder {
  color: rgba(34, 34, 34, .5);
  }
:-ms-input-placeholder {
  color: rgba(34, 34, 34, .5);
  }
:-moz-placeholder {
  color: rgba(34, 34, 34, .5);
  }
.field-grow {
  flex-grow: 1;
  }

.textRegular {
	font-weight: normal;
	}
.textCentered {
  text-align: center;
  }

.buttonStandard {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 17px;
  height: 38px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: 2px;
  box-sizing: border-box;
  transition: background-color .4s, border-color .4s, color .4s;
  }
.buttonStandard {
  background-color: #0073f9;
  border-color: #0073f9;
  color: #fff;
  }

.buttonStandard:hover {
  background-color: #58a5fc;
  border-color: #58a5fc;
  color: #fff;
  }

.buttonLarge {
  height: 48px;
  }

.fieldFullWidth {
  width: 100%;
  }

.form-fieldset-wrap {
	display: flex;
	}

.mc4wp-alert,
.form-notification {
	margin-top: 8px;
	width: 100%;
	line-height: 22px;
	font-size: 14px;
	}
.mc4wp-alert.mc4wp-error,
.form-notification.form-notification-error {
	color: #ed6d46;
	}
.mc4wp-alert.mc4wp-success {
	color: #3bb371;
	}

/* Header
--------------------------------------------------------------------------------------- */
.header {
  height: 64px;
  background: #eff2f5;
  }

.headerWrap {
  display: flex;
  align-items: center;
  height: 64px;
  }

.header-logo {
  display: block;
  margin-right: auto;
  width: 136px;
  height: 26px;
  line-height: 0;
  font-size: 0;
  background: url(../img/capsulink-logo.svg) no-repeat 0 0;
  color: transparent;
  }

.header-logo:hover {
  background-position: 0 -30px;
  }

.header-menu-open,
.header-menu-close,
.header-menu-logo,
.searchForm-button-close,
.searchForm-toggle {
  display: none;
  }

.header-menu {
  display: flex;
  align-items: center;
  }

.header-searchForm {
	flex: 1 1 auto;
	margin: 0 20px 0 36px;
	}

.searchForm {
	position: relative;
	}
	.searchForm-input {
		padding: 13px 20px 13px 46px;
		border-bottom: none;
		}
	.searchForm-input:focus {
		background: #fff;
		border-bottom-color: #fff;
		}
	.searchForm-button {
		position: absolute;
    top: 12px;
    left: 18px;
    padding: 0;
    width: 24px;
    min-width: 0;
    height: 24px;
    font-size: 0;
    background: url(../img/icon-magnifier.svg) 50% 0 no-repeat;
		}
	.searchForm-button:hover {
		background-position: 50% 100%;
		}

.nav-link {
	margin: 0 17px;
	font-weight: bold;
	text-decoration: none;
	color: rgba(34, 34, 34, .5);
	transition: color .4s;
	}
.nav-link:last-child {
	margin-right: 0;
	}
.nav-link:hover {
	color: #58a5fc;
	}

.subnav {
	position: relative;
  padding: 50px 0 0;
  background: #eff2f5;
}
.subnav > .wrap {
	padding-left: 30px;
	padding-right: 30px;
	}
	.subnavContainer {
		position: relative;
		}
  .subnavWrap {
		text-align: center;
		margin: 0 auto;
		height: 44px;
		white-space: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
    }
	.subnavWrap::-webkit-scrollbar {
  	display: none;
		}
		.subnav-prev,
		.subnav-next {
			z-index: 1;
			position: absolute;
			top: 9px;
			display: none;
			padding: 0;
			width: 24px;
			height: 24px;
			font-size: 0;
			line-height: 0;
			background: none;
			background-position: 0 0;
			background-repeat: no-repeat;
			border: none;
			cursor: pointer;
			}
		.subnav-prev {
			left: -22px;
			background-image: url(../img/ic-navigate-before-24px.svg);
			}
		.subnav-next {
			right: -22px;
			background-image: url(../img/ic-navigate-next-24px.svg);
			}
		.subnav-prev:hover,
		.subnav-next:hover {
			background-position: 0 50%;
			}
		.subnav-prev.disabled,
		.subnav-next.disabled {
			background-position: 0 100%;
			cursor: default;
			}
  .subnav-link {
		display: inline-block;
		vertical-align: middle;
		padding: 8px 30px;
    font-weight: bold;
    text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
		border: 2px solid transparent;
		border-right: none;
		border-left: none;
    color: rgba(34, 34, 34, .5);
    }
  .subnav-link:hover,
  .subnav-link.active {
		color: #58a5fc;
		}
  .subnav-link.active {
		border-bottom-color: #58a5fc;
		}

/* Middle
--------------------------------------------------------------------------------------- */
.topHeading {
  margin-top: 50px;
	margin-bottom: 40px;
	}
.topHeading.custom {
	width: 810px;
	max-width: 100%;
	box-sizing: border-box;
	}
	.topHeading > h5 {
		margin-top: 20px;
		}
	
.blogShare {
	position: webkit-sticky;
	position: sticky;
	margin-top: 23px;
	float: left;
	top: 20px;
	margin-left: -200px;
	width: 180px;
	}
	.blogShare-item {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background: #eff2f5;
		}
	.blogShare-twitter,
	.blogShare-facebook {
		display: block;
		width: 20px;
		height: 20px;
		background-repeat: no-repeat;
		background-position: 50% 0;
		}
	.blogShare-twitter {
		background-image: url(../img/social/social-twitter.svg);
		}
	.blogShare-facebook {
		background-image: url(../img/social/social-facebook.svg);
		}
	.blogShare-twitter:hover,
	.blogShare-facebook:hover {
		background-position: 50% 100%;
		}

.textBlock {
	position: absolute;
	padding: 10px;
	width: 150px;
	line-height: 22px;
	font-size: 14px;
	background: #feffc4;
	color: rgba(34, 34, 34, .5);
	}
.textBlock.toRight {
	margin: 10px 0 10px 10px;
	left: 100%;
	}

.link-twitter {
	color: rgba(34, 34, 34, .5);
	}
.link-twitter:hover {
	color: #00aced;
	}

.tags {
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
	color: rgba(34, 34, 34, .5);
	}
	.tags-title {
		margin-right: 10px;
		}
	.tags-list {
		display: flex;
		flex-wrap: wrap;
		}
		.tags-list-item {
			display: flex;
			}
			.tags-list-item::after {
				content: '\00B7';
				margin: 0 5px;
				}
			.tags-list-item:last-child::after {
				display: none;
				}
			.tags-list-link {
				color: rgba(34, 34, 34, .5);
				}

.blogContent {
	position: relative;
	margin-bottom: 70px;
	line-height: 26px;
	font-size: 18px;
  }
	.blogContent .wp-post-image {
		display: block;
		margin: 0 auto;
		max-width: 100%;
		width: 100%;
		height: auto;
		}
	.blogContent-img {
		display: block;
		max-width: 100%;
		}
	.blogContent p img {
		max-width: 100%;
		height: auto;
		}
	.blogContent p iframe {
		max-width: 100%;
		}
	.blogContent .wp-caption {
		max-width: 100%;
		}
	.blogContent .wp-caption img {
		max-width: 100%;
		height: auto;
		vertical-align: text-bottom;
		}
	.blogContent .wp-caption-text {
		margin-top: 0;
		text-align: center;
		font-size: 14px;
    color: rgba(34, 34, 34, .5);
		}
	.blogContent-img.centered {
		margin: 0 auto;
		}
	.blogContent-author {
		display: flex;
		margin: 20px 0 40px;
		}

	.blogContent .tags {
		margin-top: 20px;
		}
	.blogContent ol,
	.blogContent ul {
    margin-left: 48px;
		list-style-position: outside;
		}
	.blogContent li {
		margin: 10px 0;
		padding-left: 8px;
		}
	.blogContent li li {
		padding-left: 10px;
		}
	.blogContent p {
		margin: 10px 0;
		line-height: 26px;
		}
	.blogContent table {
		margin: 30px 0;
		}
	.blogContent blockquote {
		margin: 40px 0;
		font-size: 16px;
		font-weight: bold;
		}
		.blogContent blockquote a {
			display: block;
			}
		.blogContent a .icon-twitter {
			margin-right: 5px;
			vertical-align: -4px;
			}
		.blogContent a:hover .icon-twitter {
			background-position: 50% 100%;
			}
	.blogContent h2,
	.blogContent h3,
	.blogContent h4,
	.blogContent h5,
	.blogContent h6 {
		margin-top: 40px;
		}
	.blogContent h2,
	.blogContent h3,
	.blogContent h4 {
		margin-bottom: 20px;
		}
	.blogContent h5,
	.blogContent h6 {
		margin-bottom: 10px;
		}
	.blogContent li > a:visited,
	.blogContent p > a:visited {
		color: #8900af;
		}
	.blogContent li > a:hover,
	.blogContent p > a:hover {
		color: #58a5fc;
		}

	.blogContent img.alignright,
	.blogContent a img.alignright {
		float: right;
		margin: 0 0 30px 30px;
		}
	.blogContent img.alignleft,
	.blogContent a img.alignleft {
		float: left;
		margin: 0 30px 30px 0;
		}
	.blogContent img.aligncenter,
	.blogContent a img.aligncenter {
		display: block;
		margin: 30px auto;
		}

	.blockquoteLink {
		margin: 10px 0;
		}

.icon-twitter {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url(../img/social/social-twitter.svg) 50% 0 no-repeat;
	}

.blogAuthor {
	display: flex;
	align-items: center;
	}
	.blogAuthor-container {
		display: flex;
		align-items: center;
		width: 40px;
		height: 40px;
		background: #eff2f5;
		border-radius: 50%;
		}
	.blogAuthor-container > .avatar {
		border-radius: 50%;
		}
	.blogAuthor-content {
		margin-left: 10px;
		}
		.blogAuthor-name {
			line-height: 24px;
			font-size: 16px;
			color: #222;
			}
		.blogAuthor-group {
			display: flex;
			flex-wrap: wrap;
			line-height: 22px;
			font-size: 14px;
			}
			.blogAuthor-group-item {
				display: flex;
				}
			.blogAuthor-group-item::after {
				content: '\00B7';
				margin: 0 5px;
				color: rgba(34, 34, 34, .5);
				}
			.blogAuthor-group-item:last-child::after {
				display: none;
				}
		.blogAuthor-text {
			color: rgba(34, 34, 34, .5);
			}

.infoList {
	margin-bottom: 9px;
	}
	.infoList .info-object {
		border-radius: 50%;
		background: #eff2f5;
		}
	.infoList .avatar {
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		}
	.infoList > .info:first-child {
		padding-top: 0;
		}

.info {
	display: flex;
	align-items: flex-start;
	padding-top: 40px;
	padding-bottom: 40px;
	}
	.info-object {
		flex: 0 0 170px;
		min-height: 170px;
		margin-right: 30px;
		}
		.info-object-img {
			width: 100%;
			}
		.info-object-img.rounded {
			border-radius: 50%;
			}

		.info-content-title {
			margin-bottom: 10px;
			}
		.info-content-text {
			margin-bottom: 20px;
			color: #222;
			}
		.info-content-footer {
			margin-top: 10px;
			}
			.info-content-footer-link {
				font-weight: bold;
				}
	.info-content-form-field {
		margin-right: 10px;
		}
	.info-content-form-button {
		width: 235px;
		}

.relatedGroup {
	margin-top: 56px;
	margin-bottom: 20px;
	}
	.relatedItem {
		display: block;
		margin-bottom: 40px;
		}
		.relatedItem-img {
			display: block;
			width: 100%;
			}
		.relatedItem-title {
			margin-top: 20px;
			}

.relatedList {
	margin-top: 20px;
	margin-bottom: 10px;
	}
	.relatedList-title {
		margin-bottom: 20px;
		}
	.relatedList-item {
		display: flex;
		flex-direction: row-reverse;
		justify-content: flex-end;
		margin-top: 40px;
		margin-bottom: 40px;
		}
	.relatedList-object {
		flex: 1 0 auto;
		}
	.relatedList-content {
		margin-right: 30px;
		flex-basis: 100%;
		}
	.relatedList-img {
		width: 370px;
		max-width: 100%;
		}
	.relatedList img {
		max-width: 100%;
		height: auto;
		}

.pagination {
	display: flex;
	justify-content: center;
	margin-top: 34px;
	margin-bottom: 60px;
	width: 100%;
	}
	.pagination-item,
	.pagination-prev,
	.pagination-next {
		line-height: 52px;
		border: 2px solid transparent;
		border-right: none;
		border-left: none;
		color: rgba(34, 34, 34, .5);
		}
	.pagination-item {
		margin: 0 7px;
    padding: 0 8px;
		}
	.pagination-item:hover,
	.pagination-item.active {
		color: #58a5fc;
		}
	.pagination-item.active {
		border-bottom-color: #58a5fc;
		}
	.pagination-item.start {
		margin-right: 50px;
		}
	.pagination-item.end {
		margin-left: 50px;
		}
	.pagination-prev,
	.pagination-next {
		width: 100px;
		}
	.pagination-prev.disabled,
	.pagination-next.disabled {
		color: rgba(34, 34, 34, .3);
		}
	.pagination-prev {
		margin-right: auto;
		}
	.pagination-next {
		margin-left: auto;
		text-align: right;
		}
	.pagination-prev.disabled {
		cursor: default;
		}
		.pagination-prev::before,
		.pagination-next::after {
			content: '';
			display: inline-block;
			vertical-align: -7px;
			width: 24px;
			height: 24px;
			background-position: 0 0;
			background-repeat: no-repeat;
			}
		.pagination-prev::before {
			margin-right: 5px;
			background-image: url(../img/ic-navigate-before-24px.svg);
			}
		.pagination-next::after {
			margin-left: 5px;
			background-image: url(../img/ic-navigate-next-24px.svg);
			}
		.pagination-prev:hover::before,
		.pagination-next:hover::after {
			background-position: 0 50%;
			}
		.pagination-prev.disabled::before,
		.pagination-next.disabled::after {
			background-position: 0 100%;
			}

.authorContent {
	margin-top: 50px;
	line-height: 26px;
	font-size: 18px;
	}
	.authorContent-container,
	.authorContent-container > .avatar {
		width: 170px;
		height: 170px;
		}
	.authorContent-container {
		background: #eff2f5;
		}
	.authorContent-container > .avatar {
		display: block;
		}
	.authorContent-container.rounded,
	.authorContent-container > .avatar {
		border-radius: 50%;
		}
	.authorContent-title {
		margin: 20px 0;
		}
	.authorContent p {
		margin: 10px 0;
		}

.linksList {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 30px 0 0;
	}
	.linksList-item {
		margin: 10px 0;
		}

.grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  }
.grid.with-gutters {
	justify-content: flex-start;
	margin-left: -.8%;
	margin-right: -.8%;
	}
  .grid-col-of-3 {
    width: 31.7%;
    }
  .grid-col-of-3.with-gutters {
		margin-right: .8%;
		margin-left: .8%;
		}

/* Footer
--------------------------------------------------------------------------------------- */
.prefooter {
	padding: 20px 0 52px;
	background: #eff2f5;
	}

.footer {
	background: #eff2f5;
	}
.footerWrap {
  display: flex;
  align-items: center;
  min-height: 102px;
  flex-wrap: wrap;
  }
  .footer-nav {
    display: flex;
    align-items: center;
    margin-right: auto;
    }
    .footer-nav-link {
      margin-right: 30px;
      line-height: 22px;
      font-size: 14px;
      text-decoration: none;
      color: rgba(34, 34, 34, .5);
      }
    .footer-nav-link:hover {
      color: #58a5fc;
      }
  .footer-social {
    display: flex;
    }
    .footer-social-twitter,
    .footer-social-facebook {
      width: 20px;
      height: 20px;
      background-repeat: no-repeat;
      background-position: 50% 0;
      }
    .footer-social-twitter {
      background-image: url(../img/social/social-twitter.svg);
      }
    .footer-social-twitter:hover {
      background-position: 50% 100%;
      }
    .footer-social-facebook {
      margin-left: 30px;
      background-image: url(../img/social/social-facebook.svg);
      }
    .footer-social-facebook:hover {
      background-position: 50% 100%;
      }

[data-hint] {
  position: relative;
  }
  [data-hint]::before {
    z-index: 1;
    content: attr(data-hint);
    position: absolute;
    display: none;
    line-height: 22px;
    padding: 2px 8px;
    max-width: 180px;
    font-size: 14px;
    border-radius: 2px;
    background: #222;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24);
    pointer-events: none;
    color: #fff;
    }
  [data-hint]:hover::before {
    display: block;
    }
  [data-hint].hintBottom::before {
    top: 100%;
    left: 50%;
    margin-top: 5px;
    transform: translateX(-50%);
    }
  [data-hint].hintTop::before {
    bottom: 100%;
    left: 50%;
    margin-bottom: 5px;
    transform: translateX(-50%);
    }

.mobile {
	display: none;
	}

@media (max-width: 1220px) {
	.textBlock.toRight {
		position: static;
    float: right;
		}
	.blogShare.toLeft {
		float: right;
		margin-top: 10px;
		margin-right: -10px;
    width: auto;
		}
}

@media (max-width: 1090px) {
	.subnav-prev,
	.subnav-next {
		display: block;
	}
}

@media (max-width: 950px) {
  .grid {
    justify-content: center;
    }
    .grid-col-of-3 {
      margin: 0 15px;
      width: 100%;
      }
}

@media (max-width: 800px) {
	.pagination {
		position: relative;
		width: auto;
		}
		.pagination-prev,
		.pagination-next {
			position: absolute;
			top: 0;
			}
		.pagination-prev {
			left: 20px;
			}
		.pagination-next {
			right: 20px;
			}
		.pagination-item.start {
			margin-right: auto;
			margin-left: 0;
			}
		.pagination-item.end {
			margin-right: 0;
			margin-left: auto;
			}
		.pagination-item {
			padding-top: 56px;
			}
}

@media (max-width: 768px) {
	.subnav-link {
		padding-left: 15px;
		padding-right: 15px;
		}

	.subnav {
		padding-top: 20px;
		}

  .header-menu-open {
    display: inline-block;
    vertical-align: 5px;
    height: 24px;
    width: 24px;
    background: url(../img/icon-menu.svg) 50% 0 no-repeat;
    cursor: pointer;
    }
  .header-menu-open:hover {
    background-position: 50% 100%;
    }

  .header-menuWrap {
    z-index: 2;
    position: fixed;
    top: 0;
    left: 100%;
    bottom: 0;
    visibility: hidden;
    width: 80%;
    min-width: 280px;
    background: #fff;
    box-shadow: 0 0 16px rgba(0, 0, 0, .28);
    transform: translateX(0);
    transition: transform .25s cubic-bezier(0.4, 0.0, 0.2, 1), visibility 0s linear .25s;
    will-change: visibility;
    }
  .header-menuWrap.expanded {
    visibility: visible;
    transform: translateX(-100%);
    transition: transform .25s cubic-bezier(0.4, 0.0, 0.2, 1), visibility 0s linear 0s;
    }
    .header-menu-logo {
      display: block;
      position: absolute;
      top: 19px;
      left: 20px;
      }
    .header-menu-close {
      z-index: 1;
      position: absolute;
      display: block;
      top: 23px;
      right: 20px;
      width: 20px;
      height: 20px;
      background: url(../img/icon-close.svg) 50% 3px no-repeat;
      }
    .header-menu-close:hover {
      background-position: 50% -15px;
      }
    .header-menu {
      position: absolute;
      top: 60px;
      left: 0;
      right: 0;
      bottom: 0;
      display: block;
      overflow: auto;
      }
    .nav-link {
      display: block;
      margin: 20px;
      }

		.searchForm-toggle {
			display: block;
			margin: 0 18px 0 auto;
			width: 24px;
			height: 24px;
			background: url(../img/icon-magnifier.svg) 50% 0 no-repeat;
			cursor: pointer;
			}
		.searchForm-toggle:hover {
			background-position: 50% 100%;
			}
		.searchForm {
			display: none;
			}
			.searchForm-button-close {
				position: absolute;
				top: 14px;
				right: 15px;
				display: none;
				width: 20px;
				height: 20px;
				background: #fff url(../img/icon-close.svg) 50% 3px no-repeat;
				cursor: pointer;
				}
			.searchForm-button-close.active {
				display: block;
				}
		.searchForm.expanded {
			position: absolute;
			top: 8px;
			right: 8px;
			left: 8px;
			display: block;
			margin: 0;
			}
			.searchForm.expanded .searchForm-input {
				background: #fff;
				}
			.searchForm.expanded .searchForm-button {
				display: none;
				}

		.searchForm-button-back {
			position: absolute;
			top: 12px;
			left: 12px;
			display: block;
			margin: 0 18px 0 auto;
			width: 24px;
			height: 24px;
			background: url(../img/icon-arrow-back.svg) 50% 0 no-repeat;
			cursor: pointer;
			}
		.searchForm-button-back:hover {
			background-position: 50% 100%;
			}

	.relatedList-item {
		flex-direction: column;
		margin-top: 20px;
		margin-bottom: 20px;
		}
		.relatedList-img {
			margin-bottom: 20px;
			}
		.relatedList-item img {
			width: 100%;
			}
}

@media (max-width: 680px) {
  .grid-col-of-3 {
    margin: 0;
    }

  .footerWrap {
    padding-top: 40px;
    padding-bottom: 10px;
    align-items: flex-start;
    }
  .footer-nav {
    flex-direction: column;
    align-items: flex-start;
    }
    .footer-nav-link {
      margin-bottom: 20px;
      line-height: 20px;
      }

  .footer-social {
    flex-direction: column;
    }
    .footer-social-facebook {
      margin: 20px 0 0;
      }
}

@media (max-width: 560px) {
	.info {
		flex-direction: column;
		padding-top: 20px;
    padding-bottom: 20px;
		}
		.info-object {
			flex-basis: auto;
			width: 88px;
			min-height: auto;
			}
		.info-content-title {
			line-height: 30px;
			font-size: 22px;
			}

	.blogContent img.alignright,
	.blogContent a img.alignright,
	.blogContent img.alignleft,
	.blogContent a img.alignleft {
		float: none;
    display: block;
		margin: 30px auto;
		}
}

@media (max-width: 480px) {
  h1, .h1 {
    line-height: 46px;
    font-size: 38px;
    }

  h2, .h2 {
    line-height: 38px;
    font-size: 30px;
    }

  h3, .h3 {
    line-height: 30px;
    font-size: 22px;
    }

  h4, .h4 {
    line-height: 26px;
    font-size: 18px;
    }

  h5, .h5 {
    line-height: 24px;
    font-size: 16px;
    }

	hr.wrap {
    margin: 0 20px;
    width: auto;
		}

	.notMobile {
		display: none;
		}

	.mobile {
		display: block;
		}

	.blogShareInline {
		margin-top: 40px;
		}
	.blogShareInline-link {
		display: flex;
		align-items: center;
		margin-bottom: 20px;
		font-size: 16px;
		color: rgba(34, 34, 34, .5);
		}
		.blogShareInline-object {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 40px;
			height: 40px;
			border-radius: 50%;
			background: #eff2f5;
			}
		.blogShareInline-link-text {
			margin-left: 10px;
			}
	.blogShareInline-link.twitter:hover {
		color: #00aced;
		}
	.blogShareInline-link.facebook:hover {
		color: #3c5a99;
		}
	.blogShareInline-link:hover .blogShare-twitter,
	.blogShareInline-link:hover .blogShare-facebook {
		background-position: 50% 100%;
		}

	.topHeading {
		margin-bottom: 20px;
		}

	.blogContent-author {
		margin-bottom: 20px;
		}

	.textBlock.toRight {
		float: none;
		display: block;
		margin: 10px 0;
		width: auto;
		}

	.form-fieldset-wrap {
		flex-direction: column;
		}
	.info-content-form-field {
		margin: 0 0 10px 0;
		}
	.info-content-form-button {
		width: 100%;
		}

	.relatedGroup {
		margin-top: 20px;
		margin-bottom: 40px;
		}
		.relatedItem {
			margin-bottom: 0;
			}
		.relatedItem-img {
			display: none;
			}

	.prefooter {
		padding: 20px 0 0;
		}
}