/* stylelint-disable */

/*! normalize.css v10.1.0 | github.com/csstools/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details{display:block}dialog{background-color:#fff;border:solid;color:#000;display:block;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}/* end normalize.css */

/* Swiper */.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;z-index:1;display:flex;transition-property:transform}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}/* end Swiper */



.main-nav__item{position:relative}
.main-nav__list > .main-nav__item > .main-nav__sub-menu--level-1{width:300px;height:auto;display:none;position:absolute;left:0;top:60px;background:#EDF3F6;margin:0;padding:0;z-index:3}
.main-nav__list > .main-nav__item:hover > a{background:#68A9C0;color:#fff}
.main-nav__list > .main-nav__item:hover > .main-nav__sub-menu--level-1{display:table}
.main-nav__list > .main-nav__item:hover > .main-nav__sub-menu--level-1 > .main-nav__item{margin:0 !important}
.main-nav__list > .main-nav__item:hover > .main-nav__sub-menu--level-1 > .main-nav__item > a{background:#68A9C0;color:#fff}
.main-nav__list > .main-nav__item:hover > .main-nav__sub-menu--level-1 > .main-nav__item:hover > a{opacity:.7}
.main-nav__sub-menu--level-2{width:300px;height:auto;display:none;position:absolute;left:300px;top:0;background:#EDF3F6;margin:0;padding:0;z-index:3}
.main-nav__list > .main-nav__item:hover > .main-nav__sub-menu--level-1 > .main-nav__item:hover > .main-nav__sub-menu--level-2{display:table}
.main-nav__list > .main-nav__item:hover > .main-nav__sub-menu--level-1 > .main-nav__item:hover > .main-nav__sub-menu--level-2 > .main-nav__item{margin:0 !important}
.main-nav__list > .main-nav__item:hover > .main-nav__sub-menu--level-1 > .main-nav__item:hover > .main-nav__sub-menu--level-2 > .main-nav__item >a{background:#68A9C0;color:#fff}
.main-nav__list > .main-nav__item:hover > .main-nav__sub-menu--level-1 > .main-nav__item:hover > .main-nav__sub-menu--level-2 > .main-nav__item:hover >a{opacity:.7}


/* stylelint-enable */

html {
  box-sizing: border-box;
}

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

body {
  margin: 0;
  padding: 0;
  background: #FFF;
  color: #152E45;
  font: 14px/1.22 "IBM Plex Sans", Arial, sans-serif;
}

a {
  color: #25719D;
  text-decoration: none;
  transition: 0.2s;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  border: 0;
  white-space: nowrap;
}

.container {
  overflow: hidden;
  min-width: 320px;
  padding: 0 15px;
}
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
	border: none;
	margin: 0;
	padding: 0;
	line-height: 1;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
#cssmenu {
	  position: relative;
  z-index: 1;
  height: 60px;
  padding: 0 10px;
  background: #152E45;
	height: 37px;
	display: block;
	padding: 0;
	margin: 0;
	border: 1px solid;
	border-radius: 5px;
	width: auto;
	border-color: #080808;
}
#cssmenu,
#cssmenu > ul > li > ul > li a:hover {
	background: #3c3c3c;
	background: -moz-linear-gradient(top, #3c3c3c 0%, #222222 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c3c3c), color-stop(100%, #222222));
	background: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
	background: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%);
	background: -ms-linear-gradient(top, #3c3c3c 0%, #222222 100%);
	background: linear-gradient(top, #3c3c3c 0%, #222222 100%);
}
#cssmenu > ul {
	list-style: inside none;
	padding: 0;
	margin: 0;
}
#cssmenu > ul > li {
	list-style: inside none;
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	position: relative;
}
#cssmenu > ul > li > a {
	outline: none;
	display: block;
	position: relative;
	padding: 12px 20px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
	font-weight: bold;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	border-right: 1px solid #080808;
	color: #ffffff;  
}
#cssmenu > ul > li > a:hover {
	background: #080808;
	color: #ffffff;
}
#cssmenu > ul > li:first-child > a {
	border-radius: 0px 0 0 0px;
}
#cssmenu > ul > li > a:after {
	content: '';
	position: absolute;
	border-right: 1px solid;
	top: -1px;
	bottom: -1px;
	right: -2px;
	z-index: 99;
	border-color: #3c3c3c;  
}
#cssmenu ul li.has-sub:hover > a:after {
	top: 0;
	bottom: 0;
}
#cssmenu > ul > li.has-sub > a:before {
	content: '';
	position: absolute;
	top: 18px;
	right: 6px;
	border: 5px solid transparent;
	border-top: 5px solid #ffffff;
}
#cssmenu > ul > li.has-sub:hover > a:before {
	top: 19px;
}
#cssmenu ul li.has-sub:hover > a {
	background: #3f3f3f;
	border-color: #3f3f3f;
	padding-bottom: 13px;
	padding-top: 13px;
	top: -1px;
	z-index: 999;
}
#cssmenu ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > div {
	display: block;
}
#cssmenu ul li.has-sub > a:hover {
	background: #3f3f3f;
	border-color: #3f3f3f;
}
#cssmenu ul li > ul,
#cssmenu ul li > div {
	display: none;
	width: auto;
	position: absolute;
	top: 38px;
	padding: 10px 0;
	background: #3f3f3f;
	border-radius: 0 0 5px 5px;
	z-index: 999;
}
#cssmenu ul li > ul {
	width: 200px;
}
#cssmenu ul li > ul li {
	display: block;
	list-style: inside none;
	padding: 0;
	margin: 0;
	position: relative;
}
#cssmenu ul li > ul li a {
	outline: none;
	display: block;
	position: relative;
	margin: 0;
	padding: 8px 20px;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
#cssmenu ul ul a:hover {
	color: #ffffff;
}
#cssmenu > ul > li.has-sub > a:hover:before {
	border-top: 5px solid #ffffff;
}
.wrapper {
  max-width: 1300px;
  margin: 0 auto;
}

.wrapper > main {
  min-width: 0;
}

.wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  min-width: 0;
}

.content {
  width: calc(100% - 380px);
  padding: 0 65px 0 0;
}

.heading {
  margin: -8px 0 44px;
  font-weight: 300;
  line-height: 1.11;
  font-size: calc(1.35rem + 1.40762vw);
}

.header {
  margin: 0 0 50px;
}

.homepage .header {
  margin-bottom: 0;
}

.header__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 30px 0;
}

.header__logo {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 0 0 120px;
}

.header__logo::before {
  content: '';
  position: absolute;
  top: calc(50% - 15px);
  left: 0;
  width: 100px;
  height: 29px;
  background: url("../img/logo.png");
}

.header__logo-title {
  padding: 0 0 6px;
  color: #056697;
  font-family: Oswald, Arial, sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 26px;
}

.header__logo-title::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.header__logo-domain {
  color: #0F96BB;
}

.header__logo-desc {
  position: relative;
  max-width: 170px;
  margin: 0 0 0 50px;
  color: #353848;
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
}

.header__logo-desc::before {
  content: '';
  position: absolute;
  top: 3px;
  left: -25px;
  bottom: 4px;
  width: 1px;
  background: #E3EAEE;
}

.header__nav-toggle {
  display: none;
  width: 54px;
  height: 54px;
  border: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3E%3Ccircle cx='27' cy='27' r='27' fill='%230E96BB'/%3E%3Cpath stroke='%23FFF' stroke-width='2' stroke-linecap='round' d='M14 15h26M10 31h34M10 23h34M14 39h26'/%3E%3C/svg%3E");
  cursor: pointer;
}

.header__nav-toggle:focus {
  opacity: 0.7;
  outline: none;
}

.social__text {
  margin: 0 0 17px;
  color: rgba(21, 46, 69, 0.6);
  font-size: 13px;
  font-weight: 300;
}

.social__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 -25px -25px 0;
  padding: 0;
  list-style: none;
}

.social__item {
  margin: 0 25px 25px 0;
}

.social__link {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  transition: none;
}

.social__link::before,
.social__link::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.social__link::before {
  z-index: -1;
  border-radius: 50%;
  background: #ECEFF1;
}

.social__link:hover::after,
.social__link:focus::after {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.social__link--vk::after {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.701 18.771h1.437s.433-.047.654-.284c.21-.221.21-.63.21-.63s-.031-1.927.869-2.21c.887-.281 2.012 1.86 3.211 2.683.916.629 1.605.494 1.605.494l3.211-.044s1.682-.105.887-1.426c-.061-.105-.451-.975-2.371-2.76-2.012-1.861-1.742-1.561.676-4.787 1.469-1.965 2.07-3.166 1.875-3.676-.166-.48-1.26-.361-1.26-.361l-3.602.031s-.27-.031-.465.09c-.195.119-.314.391-.314.391s-.572 1.529-1.336 2.82c-1.623 2.729-2.268 2.879-2.523 2.699-.604-.391-.449-1.58-.449-2.432 0-2.641.404-3.75-.781-4.035-.39-.091-.681-.15-1.685-.166-1.29-.014-2.378.01-2.995.311-.405.203-.72.652-.539.675.24.03.779.146 1.064.537.375.506.359 1.636.359 1.636s.211 3.116-.494 3.503c-.495.262-1.155-.28-2.595-2.756-.735-1.26-1.291-2.67-1.291-2.67s-.105-.256-.299-.406c-.227-.165-.557-.225-.557-.225l-3.435.03s-.51.016-.689.24c-.166.195-.016.615-.016.615s2.686 6.287 5.732 9.453c2.79 2.902 5.956 2.715 5.956 2.715l-.05-.055z'%20fill='%23A2B0B8'/%3E%3C/svg%3E") no-repeat 50%/16px 16px;
}

.social__link--vk:hover::before,
.social__link--vk:focus::before {
  background: #4680C2;
}

.social__link--ok::after {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.505 17.44a11.599 11.599 0 0 0 3.6-1.49 1.816 1.816 0 0 0-1.935-3.073 7.866 7.866 0 0 1-8.34 0 1.814 1.814 0 0 0-2.5.565c0 .002 0 .004-.002.005a1.812 1.812 0 0 0 .567 2.5l.002.002c1.105.695 2.322 1.2 3.596 1.488l-3.465 3.465A1.796 1.796 0 0 0 6 23.439l.03.03c.344.354.81.53 1.274.53.465 0 .93-.176 1.275-.53L12 20.065l3.404 3.406a1.815 1.815 0 0 0 2.566-2.565l-3.465-3.466zM12 12.388a6.202 6.202 0 0 0 6.195-6.193C18.195 2.78 15.415 0 12 0S5.805 2.78 5.805 6.197A6.2 6.2 0 0 0 12 12.389zm0-8.757a2.566 2.566 0 0 1 0 5.13 2.569 2.569 0 0 1-2.565-2.564A2.57 2.57 0 0 1 12 3.63z' fill='%23A2B0B8'/%3E%3C/svg%3E") no-repeat 50%/16px 16px;
}

.social__link--ok:hover::before,
.social__link--ok:focus::before {
  background: #FB851B;
}

.social__link--in::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23A2B0B8' viewBox='0 0 169.063 169.063'%3E%3Cpath d='M122.406 0H46.654C20.929 0 0 20.93 0 46.655v75.752c0 25.726 20.929 46.655 46.654 46.655h75.752c25.727 0 46.656-20.93 46.656-46.655V46.655C169.063 20.93 148.133 0 122.406 0zm31.657 122.407c0 17.455-14.201 31.655-31.656 31.655H46.654C29.2 154.063 15 139.862 15 122.407V46.655C15 29.201 29.2 15 46.654 15h75.752c17.455 0 31.656 14.201 31.656 31.655v75.752z'/%3E%3Cpath d='M84.531 40.97c-24.021 0-43.563 19.542-43.563 43.563 0 24.02 19.542 43.561 43.563 43.561s43.563-19.541 43.563-43.561c0-24.021-19.542-43.563-43.563-43.563zm0 72.123c-15.749 0-28.563-12.812-28.563-28.561 0-15.75 12.813-28.563 28.563-28.563s28.563 12.813 28.563 28.563c0 15.749-12.814 28.561-28.563 28.561zM129.921 28.251c-2.89 0-5.729 1.17-7.77 3.22a11.053 11.053 0 0 0-3.23 7.78c0 2.891 1.18 5.73 3.23 7.78 2.04 2.04 4.88 3.22 7.77 3.22 2.9 0 5.73-1.18 7.78-3.22 2.05-2.05 3.22-4.89 3.22-7.78 0-2.9-1.17-5.74-3.22-7.78-2.04-2.05-4.88-3.22-7.78-3.22z'/%3E%3C/svg%3E") no-repeat 50%/14px 14px;
}

.social__link--in:hover::before,
.social__link--in:focus::before {
  background: radial-gradient(circle at 30% 107%, #FDF497 0%, #FDF497 5%, #FD5949 45%, #D6249F 60%, #285AEB 90%);
}

.social__link--yt::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23A2B0B8' d='M.522 17.874c.49 1.738 1.989 2.056 2.089 2.117 2.467.672 16.295.674 18.799 0 1.715-.496 2.03-2.017 2.089-2.117.653-3.474.696-8.003-.03-11.945l.03.196c-.49-1.738-1.989-2.056-2.089-2.117-2.434-.661-16.298-.686-18.799 0C.896 4.505.581 6.025.522 6.125c-.699 3.651-.734 7.84 0 11.749zm9.086-2.223V8.358l6.266 3.652z'/%3E%3C/svg%3E") no-repeat 50%/14px 14px;
}

.social__link--yt:hover::before,
.social__link--yt:focus::before {
  background: #F00;
}

.social__link--yz::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23A2B0B8' d='M313.475 105.366h-45.648c-44.854 0-82.892 34.142-82.892 100.427 0 39.765 18.42 69.084 51.25 83.547l-61.262 110.869c-2.005 3.619 0 6.426 3.202 6.426h28.433c2.4 0 4.01-.801 4.81-2.807l55.659-108.863h20.021v108.863c0 1.197 1.197 2.807 2.799 2.807h24.832c2.4 0 3.203-1.205 3.203-3.205V109.383c-.001-2.812-1.603-4.017-4.407-4.017zM287.047 269.26h-16.818c-26.427 0-52.053-19.281-52.053-67.483 0-50.22 24.024-70.705 48.448-70.705h20.424V269.26z'/%3E%3C/svg%3E") no-repeat 50% 45%/25px 25px;
}

.social__link--yz:hover::before,
.social__link--yz:focus::before {
  background: #F00;
}

.search {
  position: relative;
  display: -webkit-flex;
  display: flex;
  width: 380px;
  height: 60px;
}

.search__input {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  min-width: 0;
  padding: 0 70px 3px 28px;
  border: 1px solid #E4E7EC;
  background: none;
  color: inherit;
  font: inherit;
  font-size: 16px;
  font-weight: 300;
  text-overflow: ellipsis;
  transition: 0.2s;
}
.search__input::-webkit-input-placeholder {
  opacity: 1;
  color: rgba(50, 75, 103, 0.5);
}

.search__input:-ms-input-placeholder {
  opacity: 1;
  color: rgba(50, 75, 103, 0.5);
}

.search__input::-ms-input-placeholder {
  opacity: 1;
  color: rgba(50, 75, 103, 0.5);
}

.search__input::placeholder {
  opacity: 1;
  color: rgba(50, 75, 103, 0.5);
}

.search__input:focus {
  border-color: #1FB3B4;
  outline: none;
}

.search__button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 60px;
  border: none;
  background: none;
  transition: 0.2s;
  cursor: pointer;
}

.search__button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.15;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAilBMVEUAAAABAQEAAAABAQEAAAAAAAABAQEBAQEBAQEBAQEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAQEBAQEBAQEBAQEBAQEBAQEBAQEAAAAAAAAAAAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAAAAAAAABAQEBAQGJn9WPAAAALXRSTlMA0Rj6TzTw7PW8lodyYkA5LiIRBsuxpqB9aklEKBwU4+Ld1cPBtaeMe2BUCwqGhK2oAAAAtUlEQVQY023PVxaCMBBA0YFEQlFAsPfe3/63Z0kAPfh+Zs7NRxKpS0drFQ4mK/mqOODqNugH4E20jhXEtW7h+hp9kSFMHXZh9hpTVCoRLKwaRu/RH0ImMP7gAnJ7PCeUE95nn8FDbBH3nlONKp36WirtwFLqYqclXBo1HO1yRhUVJqCrq9ks66eP7dZRAEle+HoPO4d8F5UNmjwJAAY3aTDw3x9Os5X84m/mH0oIpoXS87yshU9YshZdF6+L/wAAAABJRU5ErkJggg==") no-repeat 10px 50%;
  transition: 0.2s;
}

.search__button:hover,
.search__button:focus {
  outline: none;
}

.search__button:hover::before,
.search__button:focus::before {
  opacity: 0.3;
}

.main-nav {
  position: relative;
  z-index: 1;
  height: 60px;
  padding: 0 10px;
  background: #152E45;
}

.homepage .main-nav {
  margin-bottom: -60px;
}

.main-nav__list {
  display: -webkit-flex;
  display: flex;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.main-nav__item {
  list-style: none;
}

.main-nav__link {
  position: relative;
  display: block;
  height: 60px;
  padding: 0 20px;
  color: #FFF;
  line-height: 56px;
}

.main-nav__link::after {
  content: '';
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  height: 5px;
  opacity: 0;
  background: #1FB3B4;
  transition: 0.2s;
}

.main-nav__link[href]:hover,
.main-nav__link:focus,
.main-nav__item--active .main-nav__link {
  background: #0E96BB;
}

.main-nav__link[href]:hover::after,
.main-nav__link:focus::after,
.main-nav__item--active .main-nav__link::after {
  opacity: 1;
}

.breadcrumbs {
  margin: -3px 0 46px;
  font-weight: 300;
}

.breadcrumbs__link {
  display: inline-block;
  color: #1FB3B4;
  vertical-align: baseline;
}

.breadcrumbs__link:hover,
.breadcrumbs__link:focus {
  text-decoration: underline;
}

.breadcrumbs__link--homepage {
  position: relative;
  padding: 0 0 0 30px;
}

.breadcrumbs__link--homepage::before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  width: 11px;
  height: 9px;
  background: linear-gradient(#FFF, #FFF) no-repeat 5px 2px/1px 1px, linear-gradient(#FFF, #FFF) no-repeat 4px 3px/3px 1px, linear-gradient(#FFF, #FFF) no-repeat 3px 4px/5px 1px, linear-gradient(#FFF, #FFF) no-repeat 2px 5px/2px 3px, linear-gradient(#FFF, #FFF) no-repeat 7px 5px/2px 3px, linear-gradient(currentColor, currentColor) no-repeat 1px 4px/4px 5px, linear-gradient(currentColor, currentColor) no-repeat 6px 4px/4px 5px, linear-gradient(currentColor, currentColor) no-repeat 0 5px/11px 1px, linear-gradient(currentColor, currentColor) no-repeat 2px 3px/7px 1px, linear-gradient(currentColor, currentColor) no-repeat 3px 2px/6px 1px, linear-gradient(currentColor, currentColor) no-repeat 4px 1px/3px 1px, linear-gradient(currentColor, currentColor) no-repeat 5px 0/1px 1px;
}

.breadcrumbs__separator {
  position: relative;
  display: inline-block;
  width: 3px;
  height: 5px;
  margin: 7px 12px 0 13px;
  border-left: 1px solid #1FB3B4;
  font-size: 0;
  vertical-align: top;
}

.breadcrumbs__separator::before,
.breadcrumbs__separator::after {
  content: '';
  position: absolute;
  width: 1px;
  background: #1FB3B4;
}

.breadcrumbs__separator::before {
  top: 1px;
  left: 0;
  bottom: 1px;
}

.breadcrumbs__separator::after {
  top: 2px;
  left: 1px;
  bottom: 2px;
}

.items {
  --gap: 55px;
  --width: 50%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 calc(var(--gap) * -1) -50px 0;
}

.item {
  position: relative;
  overflow: hidden;
}

.items .item {
  width: calc(var(--width) - var(--gap));
  margin: 0 var(--gap) 50px 0;
}

.item__image-wrap {
  overflow: hidden;
  margin: 0 0 24px;
  background: rgba(0, 0, 0, 0.05);
}

.item__image {
  display: block;
  width: 100%;
  height: auto;
}

.item__cat {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
  padding: 8px 10px;
  background: #1FB3B4;
  color: #FFF;
  font-size: 13px;
  text-transform: uppercase;
}

.item__cat:hover,
.item__cat:focus {
  background: #25719D;
}

.item__inner {
  padding: 0 20px;
}

.item__title {
  position: relative;
  display: block;
  margin: 0 0 16px;
  color: #056697;
  font-size: 18px;
  line-height: 25px;
}

.item__title::after {
  content: '';
  position: absolute;
  left: -20px;
  right: -20px;
  bottom: 0;
  height: 500px;
}

.item__title:hover,
.item__title:focus {
  color: #152E45;
}

.item__text {
  margin: 0 0 23px;
  font-size: 15px;
  font-weight: 300;
  line-height: 25px;
}

.item__more {
  display: table;
  padding: 11px 17px;
  background: #EDF3F6;
  font-size: 13px;
  text-transform: uppercase;
}

.item__more:hover,
.item__more:focus {
  background: #0E96BB;
  color: #FFF;
}

.item-small {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.item-small:not(:last-child) {
  margin-bottom: 50px;
}

.item-small__image {
  display: block;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  margin: 0 25px 0 0;
  background: rgba(0, 0, 0, 0.05);
}

.item-small__title {
  font-size: 15px;
  line-height: 25px;
}

.item-small__title::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 125px;
  height: 80px;
}

.item-small__title:hover,
.item-small__title:focus {
  color: #152E45;
}

.more {
  margin: 50px 0 0;
}

.more__button {
  display: block;
  width: 100%;
  padding: 12px 20px 13px;
  border: none;
  background: none;
  background: #0E96BB;
  color: #FFF;
  font: inherit;
  font-size: 13px;
  text-transform: uppercase;
  transition: 0.2s;
}

.more__button:not(.loading) {
  cursor: pointer;
}

.more__button:not(.loading):hover,
.more__button:not(.loading):focus {
  background: #1FB3B4;
}

.more__button:focus {
  outline: none;
}

.post {
  margin: 0 0 45px;
}

.post:last-child {
  margin-bottom: 0;
}

.post--homepage {
  margin-top: 70px;
}

.post--cat-desc {
  margin-top: 60px;
}

.post__heading {
  margin: -11px 0 36px;
  font-weight: 300;
  line-height: 1.19;
  font-size: calc(1.3875rem + 1.93548vw);
}

.post__entry {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.88;
}

.post--homepage .post__entry {
  margin-top: -10px;
  margin-bottom: -9px;
}

.post--cat-desc .post__entry {
  margin-bottom: -9px;
}

.post__entry > :last-child {
  margin-bottom: 0;
}

.post__entry p {
  margin: 0 0 30px;
}

.post__entry a {
  text-decoration: underline;
}

.post__entry a:hover,
.post__entry a:focus {
  text-decoration: none;
}

.post__entry strong {
  font-weight: 600;
}

.post__entry h2,
.post__entry h3,
.post__entry h4,
.post__entry h5,
.post__entry h6 {
  margin: 45px 0 30px;
  font-weight: 300;
  line-height: 1.33;
}

.post__entry h2:first-child,
.post__entry h3:first-child,
.post__entry h4:first-child,
.post__entry h5:first-child,
.post__entry h6:first-child {
  margin-top: 0;
}

.post__entry h2 {
  font-size: calc(1.35rem + 1.40762vw);
}

.post__entry h3 {
  font-size: calc(1.3125rem + 0.87977vw);
}

.post__entry h4 {
  font-size: calc(1.3rem + 0.70381vw);
}

.post__entry h5 {
  font-size: calc(1.2875rem + 0.52786vw);
}

.post__entry h6 {
  font-size: calc(1.275rem + 0.35191vw);
}

.post__entry li {
  list-style: none;
}

.post__entry li p {
  margin: 0;
}

.post__entry li ul,
.post__entry li ol {
  margin-bottom: 0;
}

.post__entry ul {
  margin: 0 0 30px;
  padding: 0 0 0 40px;
}

.post__entry ul > li {
  position: relative;
}

.post__entry ul > li::before {
  content: '';
  position: absolute;
  top: 11px;
  left: -35px;
  width: 16px;
  height: 10px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAMAAACKYC6uAAAAM1BMVEUAAAAOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrtvmOTiAAAAEXRSTlMA54xGEAaxVNvalZNIODewU9GDItgAAABJSURBVAjXTc5ZCsBACAPQqLNv7f1PW6mIk488BEGBxK1xCpkekULsYgo0Ml2tvHfGZSVNDYnef3BxbP24WmuMhdBOFnHR7anufsjCAmUblyuAAAAAAElFTkSuQmCC");
}

.post__entry ol {
  counter-reset: li;
  margin: 0 0 30px;
  padding: 0 0 0 40px;
}

.post__entry ol[start='2'] {
  counter-reset: li 1;
}

.post__entry ol[start='3'] {
  counter-reset: li 2;
}

.post__entry ol[start='4'] {
  counter-reset: li 3;
}

.post__entry ol[start='5'] {
  counter-reset: li 4;
}

.post__entry ol[start='6'] {
  counter-reset: li 5;
}

.post__entry ol[start='7'] {
  counter-reset: li 6;
}

.post__entry ol[start='8'] {
  counter-reset: li 7;
}

.post__entry ol[start='9'] {
  counter-reset: li 8;
}

.post__entry ol[start='10'] {
  counter-reset: li 9;
}

.post__entry ol > li {
  position: relative;
}

.post__entry ol > li::before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: 4px;
  left: -40px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: #0E96BB;
  color: #FFF;
  font-size: 14px;
  line-height: 23px;
  text-align: center;
  letter-spacing: -1px;
}

.post__entry ol ol > li::before {
  content: counters(li, ".");
}

.post__entry img {
  position: relative;
  z-index: 1;
  max-width: 100%;
  height: auto;
}

.post__entry::after {
  content: '';
  display: table;
  clear: both;
}

.post #toc_container {
  position: relative;
  min-width: 100%;
  margin: 43px 0;
  padding: 40px 50px;
  background: #EBF3F6;
}

.post #toc_container .toc_title {
  margin: -5px 130px -4px 0;
  font-size: 30px;
  font-weight: 300;
  line-height: 1;
}

.post #toc_container .toc_toggle {
  position: absolute;
  top: 41px;
  right: 50px;
  font-size: 0;
}

.post #toc_container .toc_toggle a {
  display: block;
  padding: 5px 15px 7px;
  background: #0E96BB;
  color: #FFF;
  font-size: 13px;
  text-decoration: none;
  text-transform: none;
}

.post #toc_container .toc_toggle a:hover,
.post #toc_container .toc_toggle a:focus {
  background: #25719D;
}

.post #toc_container ul {
  margin: 29px 0 -9px;
  padding: 0;
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 30px;
  column-gap: 30px;
  font-size: 15px;
}

.post #toc_container ul ul {
  margin: 0;
  -webkit-column-count: 1;
  column-count: 1;
}

.post #toc_container li {
  display: inline-block;
  width: 100%;
  margin: 2px 0 0;
  padding: 0 0 0 28px;
}

.post #toc_container li::before {
  top: 9px;
  left: 0;
  width: 8px;
  height: 11px;
  border-radius: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAALAQMAAAB4VV5mAAAABlBMVEUAAAAlcZ0je5qKAAAAAXRSTlMAQObYZgAAABtJREFUCNdjUGAIYOhgcGFQYhAEYheGDiBfAQAe5QLO0nap+AAAAABJRU5ErkJggg==");
}

.post #toc_container li a {
  text-decoration: none;
}

.post #toc_container li a:hover,
.post #toc_container li a:focus {
  text-decoration: underline;
}

.post .aligncenter {
  margin-right: auto;
  margin-left: auto;
}

.post img.aligncenter {
  display: block;
}

.post .alignleft {
  float: left;
  padding-right: 20px;
}

.post img.alignleft,
.post__figure.alignleft {
  margin: 10px 30px 15px 0;
}

.post .alignright {
  float: right;
}

.post img.alignright,
.post__figure.alignright {
  margin: 10px 0 15px 30px;
}

.post__figure {
  background: #EAF2F6;
}

.post__figure img {
  display: block;
}

.post__figure.alignnone,
.post__figure.aligncenter {
  margin-top: 43px;
  margin-bottom: 43px;
}

.post__figure-caption {
  margin: 0;
  padding: 14px 15px 17px;
  color: rgba(21, 46, 69, 0.7);
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
}

.post__video {
  position: relative;
  display: block;
  overflow: hidden;
  height: 0;
  margin: 43px 0;
  padding: 56.25% 0 0;
}

.post__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.post blockquote {
  margin: 43px 0;
  padding: 17px 30px 19px 130px;
  background: #EAF2F6 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAMAAACfBSJ0AAAAY1BMVEUAAAAOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrsOlrudaPd2AAAAIHRSTlMA+DLy60IhoEvhvCmzq8sJwhnb021fixNXkXgPg2Y6mccYXxQAAAJuSURBVEjHjVbZ2qowDOxKWQuyC6K8/1Oe8/3SJC2bcxUKY8hkEmRHiOJXYWulVGLzfozYT4jaSq4U3E73VGHUuocs9HUuw9cTFNk5bVHrOeRUniRL12tYcUTTyeqDcx6mHA9oVESVvsZ3FmUinnLv3bsrWto9GGIY83OiwF+tYhbijUzu3Y2gNtWxI8Q11EjFASXTM2cMhXukmbFv0NySncK4h17u5KFcNqBdEblzztP1dWZXKJ06+fc645skd66fnTjaS9exO2hXz59SCi5uYUiFHSS/R8ZR0q1ae88iD+NrtlSA6OHFiHj9InO1ShRTFIrLavzGJuHSomJl4jScNjfjT0qsAWOHzW4fJ9ETSoeBir14Q+vET4PmGRwoGgctbFjjugAFOMishphHficStt0TzuOSjKiCOLyvWOKfzySfoPkCHuRDwRxqGpcBL6yPCVh+Ty8O66vCYRg5OgHjUE+ndU+3lwTjiUJBTPtXoV8I+v8HhsTFbpI+zqmSutcijVWwrWh7F2jYQk3PX1gP7w8mXsDutGQJ59CVoUkhJl1qyPJ8Qyc0GfCYUUQcVIQXzdk9ntR1BhS9BnoipVfTLW22/jR+oL4roHVTl/7PqcOvxXGncPfT2u13Hjc/lFd+HC0Z0Dt0oA9pbwsTrOEMBnPQvVVgFkRmVsAIp9PX4KLd/nLwIp7pG2ojkdYGH3fbrARJ0ersMTwivRhcMkjD79geXCrJg6PF+1T8ikbv23kP3s+MAgqrzajzU1r1ZgcjpfJJlH8DnfMjVhqzAO0qba8H0qxXE5DqXrAdxi7az9nyqZpEKZU0lWlFyfb4B5xBm88BmQ+VAAAAAElFTkSuQmCC") no-repeat 44px 50%;
}

.post blockquote p:last-child {
  margin-bottom: 0;
}

.post__box {
  margin: 43px 0;
  padding: 15px 30px 17px 128px;
  border: 2px solid;
}

.post__box--blue {
  border-color: #72C9E0;
  background: url("../img/box-blue.png") no-repeat 32px 50%;
}

.post__box--green {
  border-color: #A0D468;
  background: url("../img/box-green.png") no-repeat 33px 50%;
}

.post__box--red {
  border-color: #ED4D6B;
  background: url("../img/box-red.png") no-repeat 43px 50%;
}

.post__box p:last-child {
  margin-bottom: 0;
}

.post__table {
  overflow: auto;
  max-width: 100%;
  margin: 43px 0;
  -webkit-overflow-scrolling: touch;
}

.post table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 15px;
  line-height: 1.22;
}

.post th,
.post td {
  padding: 10px 20px 12px 0;
  font-weight: inherit;
  text-align: center;
  vertical-align: middle;
}

.post th:first-child,
.post td:first-child {
  padding-left: 20px;
  text-align: left;
}

.post tr:first-child th,
.post tr:first-child td {
  background: #0E96BB;
  color: #FFF;
}

.post tr:nth-child(even) td {
  background: #EAF2F6;
}

.post-bottom {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 30px 0 40px;
  border-top: 1px solid #EEF2F8;
}

.gallery {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 40px -5px 0;
  font-size: 14px;
  line-height: 1.215;
  text-align: center;
}

.gallery-item {
  width: 25%;
  margin: 0 0 30px;
  padding: 0 5px;
}

.gallery img {
  max-width: 100%;
  height: auto;
}

.gallery .wp-caption-text {
  margin: 5px 0 0;
}

.post-rating {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 20px 20px 0;
}

.post-rating__title {
  margin: 0 20px 10px 0;
  font-size: 24px;
  font-weight: 300;
}

.post-rating__rate {
  margin: 3px 20px 10px 0;
}

.post-rating .post-ratings {
  display: -webkit-flex;
  display: flex;
}

.post-rating .post-ratings img + img {
  padding-left: 2px;
}

.post-share {
  display: -webkit-flex;
  display: flex;
  margin: 0 0 30px;
}

.post-share .ya-share2__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 -8px -8px 0;
}

.post-share .ya-share2__list .ya-share2__item,
.post-share .ya-share2__list .ya-share2__item:last-child {
  margin: 0 8px 8px 0;
}

.post-share .ya-share2__badge {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 46px;
  height: 36px;
  border-radius: 3px;
}

.related {
  margin: 0 0 60px;
}

.subhead {
  position: relative;
  padding: 150px 0 90px;
}

.subhead::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  margin: 0 calc(50% - 50vw);
  background: #428EA3 url("../img/subhead.jpg") no-repeat 50%/cover;
}

.subhead__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
}

.subhead__heading {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  margin: 0 70px 0 0;
  color: #FFF;
  font-weight: 300;
  line-height: 1.43;
  font-size: calc(1.3rem + 0.70381vw);
}

.subhead__heading-accent {
  position: relative;
  color: #90DBEF;
}

.subhead__heading-accent::after {
  content: '';
  position: absolute;
  left: -8px;
  right: -11px;
  bottom: -2px;
  height: 8px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHsAAAAICAMAAADur3AiAAAAjVBMVEUAAACQ2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2++Q2+8g2rkIAAAALnRSTlMA/VsFYQ768E/2HBTUszgtJc2oUj4oGOniw66OV0kguTIJ3L6ilmZEyIR8c5xuxWvlLwAAASpJREFUKM+90mtvgjAYBeBWoHIRFbQitzJA7rD///N23gbNzLIPS5wPb0g/nLRJe9j7GFAaluXR/BpilLIQ8TDe5YK5uKBcdVTySKSUB/jAwF4778/dGbouJ11ukxPJYKOZG9NsTVsajJSH7h7KTmsGzFXbtss0jeM4DGmaNk0z38IwSfzCL4o6jvsgCHakqq4kirYAjnAcIQTn/PMnp97Q4dYSR8LhiCH1enz96805BrASQV4yJnffMs9LiunvvsHr8MA0mD787wQuysFoWy0i1wj3XpEd4D36Po7jui6KwocEwjC8hfMgGTkuNTKPkE8oQyEyz3MDqTYMA95+gmVBFVAIdCM72TbKpau2B9TvANRJpRRair56KG+JorNnpUsZVyHzCBkI/bMvKkhSNkvAIWwAAAAASUVORK5CYII=") no-repeat 0/100% 100%;
}

.subhead__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 920px;
  margin: 0 -50px -50px 0;
  padding: 0;
  list-style: none;
}

.subhead__item {
  position: relative;
  width: 33.33%;
  margin: 0 0 50px;
  padding: 0 50px;
}

.subhead__item::before {
  content: '';
  position: absolute;
  top: -3px;
  left: 0;
}

.subhead__item--video::before {
  width: 30px;
  height: 28px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAcCAMAAABBJv+bAAAAdVBMVEUAAADQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fQAbnGnAAAAJnRSTlMAIhrp/MtEEPbBofN+TKfvBL1VNB4Jh9nInpDhzK93czwnEpNoYf4tZmAAAAC5SURBVCjPpdHZDoIwEIXhQUqhFqULZXMD1PP+j6g3GEyYJsbv9s9kulASUxNiBIm032/rLTQJSxyPgoRis/wpP1w0X6reR/IROJWBz/p6QubYXNW7RmjruZyQkS300zDTwVukZc5MywHVMWFPLqAkf2+0N0NsboYp9mr1H1+yNoVVNt4d1uTQKifnJYd7ob8AKNLxM31oyrWbgm6uNbs7jIlZdnf5nG9z7wykHA1Bqjtn285ZZ2kX9QJqbxiU22NWKgAAAABJRU5ErkJggg==");
}

.subhead__item--calc::before {
  width: 24px;
  height: 26px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAMAAACaYWzBAAAAhFBMVEUAAADQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fQ19Wh3AAAAK3RSTlMAGMzunJkiTPkDtT4I9rvooXsWEuTRsammhmkuLN/d2cWOgnJuZFxUyDgz4fumXAAAANZJREFUKM+d0tkOgjAQheEBaUtpK/smuO+e938/K2iCotH4J736knYmKcnSfVMpyYE/GeXDseDRKO8bpLttImLF471+gjQDfHTH1UPYoY6RixD7CGIAtpaDUQASmG1gMx1kczQ9SAvHqW3RX3VAUCCsDbwT1PANGQC5wWQJsJc9motMVCrP7a8LPko16WQMOoBfGaySV4hhx8wKsAfk7NbaKaCP2FIYMrbs4J7oN6c5bB1E/JZDEVSNqDUrzsunNxT6DqNxFVs3G098XPBf+Px9ZOW+qaIrrFQd4K7Vqe0AAAAASUVORK5CYII=");
}

.subhead__item--photo::before {
  top: -6px;
  width: 32px;
  height: 32px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAe1BMVEUAAADQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fTQ6fQsi7pbAAAAKHRSTlMAzA5hWnWKxp+A7/Ky6qojBHkuhGdd+qKYfDnjz7uPbxYItE1MPCYd7P6fVgAAAP9JREFUOMuF09mSgyAURdGjxoA4z8bMPZ7//8LGbiupADb7CarWC9S94FIGRxmXNMhTFlVoVRVM8wXkKLlRiVyDtIyoRGAlFKMy1WBJwpHkErKCStaRo1oqFhlQUWBHRzsIVgBCBhqIdv9SKzQIGD5ADaPaAIk+dW3zBIkNFMn+H9BR9OQDHCzQssfwBMoCDTlQYC2gBdCT4g7coJvoAGsqg74Ply2Qkd2N/Io3QM2cTNkhcYNPMnwnR1jggKU7+QFceLT/QTbzPDdH7qETfGukAdYC/JbSeuZpkroRf32P08kAMYzMZ56v8UvX8wq8I+cdWt/YexfHu3r+5fWu/w+q6Tf9IahQSQAAAABJRU5ErkJggg==");
}

.subhead__item-link {
  display: table;
  color: #FFF;
  font-size: 18px;
}

.subhead__item-link:hover,
.subhead__item-link:focus {
  color: #D0E9F4;
}

.subhead__item-text {
  margin: 22px 0 0;
  color: #D0E9F4;
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
}

.subhead__item-text::after {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  margin: 14px 0 0;
  background: rgba(21, 46, 69, 0.4) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 25'%3E%3Cpath fill='%23FFF' d='M10.25 12.5l.15.2-.685.514L1.4 24.3l-.8-.6L9 12.5.6 1.3l.8-.6 8.315 11.086.685.514-.15.2z'/%3E%3C/svg%3E") no-repeat 50%/11px 25px;
}

.categories {
  position: relative;
  margin-bottom: 70px;
  padding: 70px 0;
}

.categories::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  margin: 0 calc(50% - 50vw);
  background: #EDF3F6;
}

.categories__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -33px -40px 0;
  padding: 0;
  list-style: none;
}

.categories__item {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: calc(25% - 33px);
  height: 220px;
  margin: 0 33px 40px 0;
  padding: 30px;
  background-color: #FFF;
  background-repeat: no-repeat;
  transition: 0.2s;
}

.categories__item:hover,
.categories__item:focus {
  box-shadow: 0px 0px 20px 4px rgba(105, 168, 216, 0.25);
}

.categories__item--cabins {
  height: 480px;
  margin-bottom: -220px;
  background-image: url("../img/cabins.jpg");
  background-position: right -55px bottom -60px;
}

.categories__item--towelrail {
  background-image: url("../img/towelrail.jpg");
  background-position: right -52px bottom -100px;
}

.categories__item--furniture {
  background-image: url("../img/furniture.jpg");
  background-position: right -63px bottom 3px;
}

.categories__item--mixers {
  background-image: url("../img/mixers.jpg");
  background-position: right -25px bottom -10px;
}

.categories__item--bidet {
  margin-left: 333px;
  background-image: url("../img/bidet.jpg");
  background-position: right -55px bottom -32px;
}

.categories__item--toiletbowls {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  background-image: url("../img/toiletbowls.jpg");
  background-position: right 28px bottom -24px;
}

.categories__title {
  display: block;
  margin: -8px 0 23px;
  color: #353848;
  font-size: 22px;
  line-height: 30px;
}

.categories__title:hover,
.categories__title:focus {
  color: #25719D;
}

.categories__subcats {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  height: 150px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 16px;
  font-weight: 300;
}

.categories__item--towelrail .categories__subcats,
.categories__item--mixers .categories__subcats {
  -webkit-column-count: 2;
  column-count: 2;
}

.categories__item--toiletbowls .categories__subcats {
  -webkit-column-count: 4;
  column-count: 4;
}

.categories__subcats-item {
  display: inline-block;
  width: 100%;
  margin: 0 0 10px;
}

.categories__subcats-link {
  color: #056697;
}

.categories__subcats-link:hover,
.categories__subcats-link:focus {
  text-decoration: underline;
}

.popular {
  margin: 0 0 70px;
}

.popular__headline {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 -45px 10px 0;
}

.popular__heading {
  margin-top: 0;
  margin-right: 45px;
  margin-bottom: 30px;
}

.popular__arrows {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 130px;
  margin: 0 45px 30px 0;
}

.popular__arrow {
  width: 50px;
  height: 50px;
  background: #EDF3F6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 25'%3E%3Cpath fill='%230E96BB' d='M10.4 23.7l-.8.6-8.315-11.086L.6 12.7l.15-.2-.15-.2.685-.514L9.6.7l.8.6L2 12.5l8.4 11.2z'/%3E%3C/svg%3E") no-repeat 19px 50%/11px 25px;
  transition: 0.2s;
  cursor: pointer;
}

.popular__arrow:hover,
.popular__arrow:focus {
  outline: none;
  background-color: #DCE8EE;
}

.popular__arrow--next {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.popular__items {
  overflow: hidden;
}

.popular__items .item {
  width: calc(33% - 50px);
  margin-right: 50px;
}

.discuss {
  --gap: 50px;
  --width: 50%;
}

.discuss--homepage {
  margin: 0 0 70px;
}

.discuss--homepage .discuss__items {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 calc(var(--gap) * -1) -30px 0;
}

.discuss__item {
  position: relative;
  background: #F2F7F9;
  transition: 0.2s;
}

.discuss__item:hover,
.discuss__item:focus {
  background-color: #FFF;
  box-shadow: inset 0 0 0 2px #72C9E0;
}

.discuss--homepage .discuss__item {
  display: -webkit-flex;
  display: flex;
  width: calc(var(--width) - var(--gap));
  margin: 0 var(--gap) 30px 0;
  padding: 30px 40px;
}

.discuss--sidebar .discuss__item {
  padding: 30px;
}

.discuss--sidebar .discuss__item:not(:last-child) {
  margin-bottom: 30px;
}

.discuss__image {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: 0 30px 0 0;
  background: rgba(0, 0, 0, 0.05);
}

.discuss__inner {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}

.discuss__cat {
  display: table;
  margin: -3px 0 10px;
  color: #1FB3B4;
  font-weight: 300;
}

.discuss__cat:hover,
.discuss__cat:focus {
  color: #25719D;
}

.discuss__title {
  display: block;
  margin: 0 0 14px;
  font-size: 18px;
  line-height: 25px;
}

.discuss__title::after {
  content: '';
  position: absolute;
  top: 30px;
  left: 40px;
  width: 160px;
  height: 130px;
}

.discuss__title:hover,
.discuss__title:focus {
  color: #1FB3B4;
}

.discuss__bottom {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 -20px -10px 0;
}

.discuss__more {
  margin: 0 30px 10px 0;
  padding: 11px 17px;
  background: #FFF;
  font-size: 13px;
  text-transform: uppercase;
}

.discuss__more:hover,
.discuss__more:focus {
  background: #EDF3F6;
  color: #056697;
}

.discuss__likes {
  margin: 0 20px 10px 0;
  padding: 0 0 0 23px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11'%3E%3Cpath fill='%23EFBA17' fill-rule='evenodd' d='M6.497 2.403C4.814-1.411.031-.521-.001 3.906c-.017 2.431 2.278 3.34 3.806 4.312 1.482.942 2.537 2.232 2.702 2.781.141-.538 1.316-1.864 2.688-2.807 1.5-1.032 3.823-1.881 3.806-4.313-.032-4.438-4.899-5.138-6.504-1.476z'/%3E%3C/svg%3E") no-repeat 0 3px/13px 11px;
  color: rgba(21, 46, 69, 0.5);
  font-size: 13px;
}

.discuss__comments {
  margin: 0 20px 10px 0;
  padding: 0 0 0 22px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALBAMAAAC5XnFsAAAAJ1BMVEUAAAAfs7Qfs7Qfs7Qfs7Qfs7Qfs7Qfs7Qfs7Qfs7Qfs7Qfs7Qfs7TRpDJvAAAADHRSTlMA875MhPy/jXJTIBMvmsHeAAAAOElEQVQI12NgYDASVAaSLGfOnHFgYLABUocZGHSA1CEGBhkgdRBKwQVrwEo4Y8AazLrA2jcwgAAATA0cGlfKUbQAAAAASUVORK5CYII=") no-repeat 0 50%;
  color: rgba(21, 46, 69, 0.5);
  font-size: 13px;
}

.recent {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  margin: 0 50px 0 0;
}

.recent__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.recent__inner .item {
  width: 480px;
  margin: 0 50px 0 0;
}

.recent__items {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}

.advice {
  position: relative;
  padding: 40px;
  background: #F2F7F9;
}

.advice--loading::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
}

.advice--loading::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border: 2px solid;
  border-color: #FFF #000;
  border-radius: 50%;
  -webkit-animation: loading 0.7s infinite linear;
  animation: loading 0.7s infinite linear;
}

.advice--homepage {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  width: 380px;
  margin: 75px 0 0;
}

.advice__heading {
  display: table;
  margin: 0 auto 40px;
  padding: 6px 20px 7px;
  background: #0E96BB;
  color: #FFF;
  font-size: 15px;
}

.advice__content {
  color: #056697;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
}

.advice__content p {
  margin: 0;
}

.advice__content p:not(:last-child) {
  margin-bottom: 25px;
}

.advice__image {
  display: block;
  margin: 0 auto 32px;
  border-radius: 50%;
}

.advice__next {
  display: table;
  margin: 40px auto -4px;
  padding: 0;
  border: none;
  background: none;
  color: #25719D;
  font: inherit;
  cursor: pointer;
}

.advice__next:focus {
  outline: none;
  color: #1FB3B4;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.cat-popular__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cat-popular__inner .item {
  width: 480px;
  margin: 0 40px 70px 0;
}

.cat-popular__items {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  margin: 0 0 70px;
}

.comments {
  margin: 0 0 50px;
}

.comments a:hover,
.comments a:focus {
  text-decoration: underline;
}

.comments__list {
  margin: 0;
  padding: 0;
}

.comments__list li {
  list-style: none;
}

.comments__list .children {
  margin: 0;
  padding: 0;
}

.comments__list .children li {
  padding: 0 0 0 30px;
}

.comment {
  display: -webkit-flex;
  display: flex;
  margin: 0 0 45px;
  font-weight: 300;
}

.comment__avatar {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: 0 30px 0 0;
  border-radius: 50%;
}

.comment__inner {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}

.comment__meta {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: baseline;
  align-items: baseline;
  margin: 0 -20px 0 0;
  font-size: 13px;
}

.comment__author {
  margin: 0 20px 10px 0;
  color: #25719D;
}

.comment__reply {
  height: 20px;
  margin: 0 20px 10px 0;
  padding: 0 10px 2px;
  border: none;
  background: #1FB3B4;
  color: #FFF;
  font: inherit;
  font-size: 12px;
  transition: 0.2s;
  cursor: pointer;
}

.comment__reply:hover,
.comment__reply:focus {
  outline: none;
  background: #25719D;
}

.comment__edit {
  margin: 0 20px 10px 0;
}

.comment__text {
  font-size: 16px;
  line-height: 25px;
}

.comment__text p {
  margin: 0;
}

.comment__text p:not(:last-child) {
  margin-bottom: 20px;
}

.comment__date {
  display: block;
  margin: 12px 0 0;
  color: rgba(21, 46, 69, 0.7);
  font-size: 12px;
}

.comments__nav {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 -4px;
}

.respond {
  padding: 40px 50px;
  background: #EAF2F6;
}

li .respond {
  margin-top: -10px;
  margin-bottom: 40px;
}

.respond__cancel {
  margin: 0;
}

.respond__cancel a {
  display: table;
  margin: -10px 0 20px;
  border-bottom: 1px dashed;
  text-decoration: none;
}

.respond__cancel a:hover,
.respond__cancel a:focus {
  border-color: transparent;
  text-decoration: none;
}

.form a:hover,
.form a:focus {
  text-decoration: underline;
}

.form__logged-in {
  margin: -4px 0 27px;
}

.form__row {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px 0 0;
}

.form__row-item {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 200px;
  flex-basis: 200px;
  margin: 0 15px 0 0;
}

.form__input {
  display: block;
  width: 100%;
  margin: 0 0 20px;
  padding: 12px 20px 15px;
  border: none;
  font: inherit;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  transition: 0.2s;
}

.form__input::-webkit-input-placeholder {
  opacity: 1;
  color: rgba(21, 46, 69, 0.7);
}

.form__input:-ms-input-placeholder {
  opacity: 1;
  color: rgba(21, 46, 69, 0.7);
}

.form__input::-ms-input-placeholder {
  opacity: 1;
  color: rgba(21, 46, 69, 0.7);
}

.form__input::placeholder {
  opacity: 1;
  color: rgba(21, 46, 69, 0.7);
}

.form__input:focus {
  outline: none;
  box-shadow: inset 0 0 0 1px #1FB3B4, 0 0 0 1px #1FB3B4;
}

.form__button {
  margin: 10px 0 0;
  padding: 15px 25px 16px;
  border: none;
  background: #0E96BB;
  color: #FFF;
  font: inherit;
  font-size: 16px;
  text-transform: uppercase;
  transition: 0.3s;
  cursor: pointer;
}

.form__button:hover,
.form__button:focus {
  background-position: 100%;
}

.form__button:hover,
.form__button:focus {
  outline: none;
  background: #1FB3B4;
}

.sidebar {
  width: 380px;
}

.sidebar > :last-child {
  margin-bottom: 0;
}

.sidebar__section {
  margin-bottom: 70px;
}

.sidebar-cats {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  background: #EDF3F6;
}

.sidebar-cats__list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 22px;
}

.sidebar-cats__item {
  position: relative;
  padding: 9px 30px 13px;
}

.sidebar-cats__item:not(:last-child) {
  border-bottom: 1px solid #DFE6EA;
}

.sidebar-cats__item--expanded {
  padding-top: 24px;
}

.sidebar-cats__title {
  display: table;
  margin: 0 30px 0 0;
  color: #353848;
}

.sidebar-cats__title:hover,
.sidebar-cats__title:focus {
  color: #25719D;
}

.sidebar-cats__toggle {
  position: absolute;
  top: 14px;
  right: 26px;
  width: 20px;
  height: 20px;
  border: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 7'%3E%3Cpath fill='%236BB3CD' d='M12.32 1.384L7.281 5.583l.039.033-.64.768-.18-.15-.18.15-.64-.768.039-.033L.68 1.384l.64-.768L6.5 4.932 11.68.616l.64.768z'/%3E%3C/svg%3E") no-repeat 50%/13px 7px;
  cursor: pointer;
}

.sidebar-cats__toggle:focus {
  outline: 1px solid #D0DAE0;
}

.sidebar-cats__item--expanded .sidebar-cats__toggle {
  top: 28px;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.sidebar-cats__subcats {
  display: none;
  margin: 25px 0 3px;
  padding: 0;
  list-style: none;
  -webkit-column-count: 2;
  column-count: 2;
  font-size: 16px;
}

.sidebar-cats__item--expanded .sidebar-cats__subcats {
  display: block;
}

.sidebar-cats__subcats-item {
  display: inline-block;
  width: 100%;
  margin: 0 0 10px;
}

.sidebar-cats__subcats-link:hover,
.sidebar-cats__subcats-link:focus {
  text-decoration: underline;
}

.footer {
  position: relative;
  margin: 70px 0 0;
  padding: 40px 0;
}

.footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  margin: 0 calc(50% - 50vw);
  background: #F2F7F9;
}

.footer__inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 -15px -30px;
}

.footer__section {
  margin: 0 15px 30px;
}

.footer__copyright {
  position: relative;
  width: 350px;
  padding: 0 0 0 120px;
}

.footer__copyright::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  width: 100px;
  height: 29px;
  background: url("../img/logo.png");
}

.footer__copyright p {
  margin: 0;
  color: #353848;
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
}

.footer__copyright p:not(:last-child) {
  margin-bottom: 20px;
}

.footer__copyright p {
  margin: 0;
}

.footer__copyright p:not(:last-child) {
  margin-bottom: 15px;
}

.footer__logo {
  margin: 0 0 18px;
  padding: 0 0 6px;
  color: #056697;
  font-family: Oswald, Arial, sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 26px;
}

.footer__logo-domain {
  color: #0F96BB;
}

.footer__mid {
  width: 260px;
}

.footer__counters {
  margin: 0 0 0 52px;
}

.footer-nav__list {
  margin: 0 0 -13px;
  padding: 0;
  list-style: none;
}

.footer-nav__item {
  margin: 0 0 13px;
}

.footer-nav__link {
  color: #056697;
}

.footer-nav__link[href]:hover,
.footer-nav__link:focus {
  color: #1FB3B4;
}

.footer-nav__item--active .footer-nav__link {
  color: #152E45;
}

.mistape {
  padding: 0 0 0 52px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAASCAMAAAB/2U7WAAAAh1BMVEUAAAAPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrsPlrvzP+idAAAALHRSTlMABecS+6WIbDTt4teTc1opIMaZMA3QwkM+OfHKva56JXhjYFVQSt58Z0kcGAApAYgAAAEeSURBVCjPdU7ZcoMwEBOG4GCMzZ0DyH1n///7KpOZdqad6kGWtavdxTdWIh7/YSkS/zFbbeu7D8Xty9WHN4j9rk5XfL3MuIakokiWwGm2FhQJaaJisY/aSnLEIkU4IWSx1rlMaERKam52Yug2+wjxyFHZnExabmPLQSp8UMnUYvcZ28zJ1kkGQB88EklRfpKSN/tOhrDTlmcRBy2EEYUNi5RbLnYSYMM5tl7jqBHrJ051EYF4Fzbd8A2fH/wybEHKFcC5uyC3s3yQJzh+LqZjS7dIPK6mY8vQ3yJcE7ae0a0ag41C2qO6eIVGoTqiZ+AxlhmgykUKZGcTwfg6hRteWQv6QluLioF7kEfJKG+JBXGpInKvSfEY5FiQnkOEL4rJHHJauVNGAAAAAElFTkSuQmCC") no-repeat 0 2px;
  font-weight: 300;
}

.mistape:not(:last-child) {
  margin-bottom: 26px;
}

.mistape p {
  margin: 0;
}

.mistape b {
  color: #0F96BB;
  font-weight: normal;
}

/* mobile menu */

.mmenu-active,
.mmenu-active body {
  overflow: hidden;
}

.wrapper {
  transition: -webkit-transform 0.35s ease-out;
  transition: transform 0.35s ease-out;
  transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
  -webkit-transform: none;
  transform: none;
}

.mmenu-active .wrapper {
  transition: -webkit-transform 0.35s ease-in;
  transition: transform 0.35s ease-in;
  transition: transform 0.35s ease-in, -webkit-transform 0.35s ease-in;
  -webkit-transform: translate3d(270px, 0, 0);
  transform: translate3d(270px, 0, 0);
}

.mmenu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  visibility: hidden;
  opacity: 0;
  background: #000;
}

.mmenu-active .mmenu-overlay {
  visibility: visible;
  opacity: 0.5;
  transition: opacity 0.35s ease-in;
}

.mmenu {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 100;
  width: 320px;
  font-size: 16px;
  transition: -webkit-transform 0.35s ease-out;
  transition: transform 0.35s ease-out;
  transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
  -webkit-transform: translate3d(-320px, 0, 0);
  transform: translate3d(-320px, 0, 0);
}

.mmenu-active .mmenu {
  left: 0;
  transition: -webkit-transform 0.35s ease-in;
  transition: transform 0.35s ease-in;
  transition: transform 0.35s ease-in, -webkit-transform 0.35s ease-in;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mmenu__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  overflow-y: auto;
  width: 270px;
  background: #25719D;
}

.mmenu__top-bar {
  position: relative;
  z-index: 1;
  height: 51px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: #25719D;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mmenu__top-bar--active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mmenu__back {
  position: relative;
  width: 50px;
  height: 50px;
  border: none;
  border-right: 1px solid rgba(255, 255, 255, 0.04);
  background: rgba(255, 255, 255, 0.06);
  cursor: pointer;
}

.mmenu__back::after {
  content: '';
  position: absolute;
  top: 0;
  left: 4px;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  margin: auto;
  border: solid rgba(255, 255, 255, 0.5);
  border-width: 2px 0 0 2px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mmenu__back:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.2);
}

.mmenu__title {
  position: absolute;
  top: 0;
  left: 50px;
  right: 0;
  overflow: hidden;
  padding: 0 15px;
  color: #FFF;
  font-weight: bold;
  line-height: 50px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mmenu__list {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  background: #25719D;
}

.mmenu__top-level {
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0);
}

.mmenu__top-level.active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mmenu__show-submenu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50px;
  border: none;
  border-left: 1px solid rgba(255, 255, 255, 0.04);
  background: rgba(255, 255, 255, 0.06);
  cursor: pointer;
}

.mmenu__show-submenu::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 4px;
  bottom: 0;
  width: 10px;
  height: 10px;
  margin: auto;
  border: solid rgba(255, 255, 255, 0.5);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mmenu__show-submenu:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.2);
}

.mmenu__submenu {
  top: 51px;
  z-index: 1;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mmenu__submenu.active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mmenu__submenu.hidden {
  -webkit-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0);
}

.mmenu__item {
  position: relative;
  list-style: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mmenu__link {
  display: block;
  padding: 14px 20px 16px;
  color: #FFF;
}

.mmenu__link:not(:last-child) {
  padding-right: 65px;
}

.mmenu__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  border: none;
  background: #1FB3B4;
  cursor: pointer;
}

.mmenu__close::before,
.mmenu__close::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 2px;
  margin: auto;
  background: #FFF;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mmenu__close::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mmenu__close:focus {
  outline: none;
  background: #2BD9DB;
}

/* end mobile menu */

@media (min-width: 1200px) {
  .heading {
    font-size: 2.25rem;
  }

  .post__heading {
    font-size: 2.625rem;
  }

  .post__entry h2 {
    font-size: 2.25rem;
  }

  .post__entry h3 {
    font-size: 1.875rem;
  }

  .post__entry h4 {
    font-size: 1.75rem;
  }

  .post__entry h5 {
    font-size: 1.625rem;
  }

  .post__entry h6 {
    font-size: 1.5rem;
  }

  .subhead__heading {
    font-size: 1.75rem;
  }
}

@media (max-width: 1359px) {
  .wrapper {
    max-width: 980px;
  }

  .content {
    width: 69%;
    padding: 0 30px 0 0;
  }

  .header {
    margin-bottom: 20px;
  }

  .header__nav {
    display: none;
  }

  .header__nav-toggle {
    display: block;
  }

  .social--header {
    display: none;
  }

  .items {
    --gap: 30px;
  }

  .post #toc_container {
    padding-right: 40px;
    padding-left: 40px;
  }

  .post #toc_container .toc_toggle {
    right: 40px;
  }

  .subhead {
    padding: 60px 0;
  }

  .subhead__heading {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin: 0 0 50px;
  }

  .subhead__list {
    -webkit-flex-basis: calc(100% + 50px);
    flex-basis: calc(100% + 50px);
  }

  .categories__list {
    margin: 0 -30px -30px 0;
  }

  .categories__item {
    width: calc(33.33% - 30px);
    height: auto;
    margin: 0 30px 30px 0;
  }

  .categories__item--cabins {
    height: auto;
    margin-bottom: 30px;
  }

  .categories__item--toiletbowls {
    background-position: right 0 bottom -24px;
  }

  .categories__subcats {
    height: auto;
  }

  .categories__item--towelrail .categories__subcats,
  .categories__item--mixers .categories__subcats {
    -webkit-column-count: 1;
    column-count: 1;
  }

  .categories__item--toiletbowls .categories__subcats {
    -webkit-column-count: 1;
    column-count: 1;
  }

  .discuss {
    --gap: 30px;
  }

  .discuss--homepage .discuss__item {
    padding: 30px;
  }

  .recent {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    width: 480px;
  }

  .recent__inner .item {
    margin-right: 0;
  }

  .advice--homepage {
    width: 450px;
  }

  .cat-popular__inner .item {
    width: 300px;
  }

  .respond {
    padding: 30px;
  }

  .sidebar {
    width: 31%;
  }

  .footer__inner {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
}

@media (max-width: 1023px) {
  .wrapper {
    display: block;
    max-width: 728px;
  }

  .content {
    width: 100%;
    padding: 0;
  }

  .header__logo {
    display: block;
    width: 290px;
  }

  .header__logo::before {
    top: 0;
  }

  .header__logo-desc {
    margin: 10px 0 0;
  }

  .header__logo-desc::before {
    display: none;
  }

  .search {
    width: 330px;
  }

  .post__entry ::-webkit-scrollbar {
    -webkit-appearance: none;
  }

  .post__entry ::-webkit-scrollbar:vertical {
    width: 12px;
  }

  .post__entry ::-webkit-scrollbar:horizontal {
    height: 12px;
  }

  .post__entry ::-webkit-scrollbar-thumb {
    border: 2px solid #FFF;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.5);
  }

  .post__entry ::-webkit-scrollbar-track {
    border-radius: 10px;
  }

  .post__entry img.alignleft,
  .post__figure.alignleft,
  .post__entry img.alignright,
  .post__figure.alignright {
    display: block;
    float: none;
    margin: 43px auto;
  }

  .subhead {
    padding: 30px 0;
  }

  .subhead__heading {
    margin-bottom: 30px;
  }

  .subhead__list {
    -webkit-flex-basis: calc(100% + 30px);
    flex-basis: calc(100% + 30px);
    margin-right: -30px;
  }

  .subhead__item {
    padding-right: 30px;
  }

  .categories {
    padding: 30px 0;
  }

  .categories__item {
    width: calc(50% - 30px);
  }

  .discuss {
    --width: 100%;
  }

  .recent {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin-right: 0;
  }

  .recent__inner .item {
    width: 350px;
    margin-right: 40px;
  }

  .advice--homepage {
    width: 100%;
  }

  .cat-popular__inner .item {
    width: 350px;
  }

  .sidebar {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    width: calc(100% + 30px);
    margin: 70px -15px 0;
  }

  .sidebar__section {
    width: calc(50% - 30px);
    margin-right: 15px;
    margin-left: 15px;
  }

  .sidebar__section:nth-last-child(2):nth-child(odd) {
    margin-bottom: 0;
  }

  .footer__mid {
    width: auto;
  }

  .footer__counters {
    margin: 0;
  }

  .mistape {
    display: none;
  }
}

@media (max-width: 767px) {
  .header__inner {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .header__logo {
    margin: 0 auto 30px;
  }

  .search {
    width: calc(100% - 80px);
  }

  .items {
    --width: 100%;
  }

  .post #toc_container {
    padding-right: 30px;
    padding-left: 30px;
  }

  .post #toc_container .toc_toggle {
    right: 30px;
  }

  .post #toc_container ul {
    -webkit-column-count: 1;
    column-count: 1;
  }

  .post-bottom {
    -webkit-justify-content: center;
    justify-content: center;
  }

  .gallery-item {
    width: 50%;
  }

  .post-rating {
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: -20px;
  }

  .post-rating__title {
    text-align: center;
  }

  .subhead__list {
    margin-bottom: -30px;
  }

  .subhead__item {
    width: 100%;
    margin-bottom: 30px;
  }

  .categories__item {
    width: calc(100% - 30px);
  }

  .categories__subcats {
    -webkit-column-count: 2 !important;
    column-count: 2 !important;
  }

  .popular__headline {
    -webkit-justify-content: center;
    justify-content: center;
  }

  .recent__inner .item {
    width: 100%;
    margin: 0 0 50px;
  }

  .cat-popular__inner .item {
    width: 100%;
    margin: 0 0 50px;
  }

  .comments__list .children li li li li {
    padding-left: 0;
  }

  .sidebar__section {
    width: calc(100% - 30px);
  }

  .sidebar__section:nth-last-child(2):nth-child(odd) {
    margin-bottom: 70px;
  }
}

@media (max-width: 479px) {
  .search {
    width: calc(100% - 70px);
  }

  .search__input {
    padding-right: 60px;
    padding-left: 20px;
  }

  .search__button {
    width: 50px;
  }

  .item__inner {
    padding: 0;
  }

  .post #toc_container {
    min-width: auto;
    margin-right: -30px;
    margin-left: -30px;
  }

  .post blockquote {
    padding-top: 95px;
    padding-right: 25px;
    padding-left: 25px;
    background-position: 50% 25px;
  }

  .post__box {
    padding-top: 105px;
    padding-right: 25px;
    padding-left: 25px;
    background-position: 50% 25px;
  }

  .post__box--blue {
    padding-top: 100px;
  }

  .categories__subcats {
    -webkit-column-count: 1 !important;
    column-count: 1 !important;
  }

  .discuss__image {
    display: none;
  }

  .advice {
    padding: 30px;
  }

  .advice__content {
    font-size: 16px;
  }

  .comments__list .children li {
    padding: 0;
  }

  .comment__avatar {
    display: none;
  }

  .respond {
    margin-right: -30px;
    margin-left: -30px;
  }

  .sidebar-cats__list {
    font-size: 18px;
  }
}