@charset "UTF-8";

html {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%; }
a {
text-decoration: none; }
h1, h2, h3, h4, h5, h6 {
font-weight: 400; }
img {
border: none;
max-width: 100%;
height: auto; }
a, button {
outline: none;
cursor: pointer; }
li {
list-style: none; }
button {
background: none;
border: none; }
b {
display: inline;
font-weight: 700; }
a, button, input, textarea {
-webkit-appearance: none;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease; }
*:after,
*:before {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
* {
position: relative;
margin: 0;
padding: 0;
word-wrap: break-word;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
outline: none;
border-collapse: collapse;
box-sizing: border-box; }
input, textarea {
display: block; }
a, span, button, i {
display: inline-block; } textarea {
resize: none;
outline: none;
border: none;
overflow: auto;
-webkit-appearance: none;
border-radius: 0;
background: none; }
input {
outline: none;
border: none;
-webkit-appearance: none;
border-radius: 0;
background: none; }
input[type='number'] {
-moz-appearance: textfield; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none; }
input[type="submit"] {
cursor: pointer;
-webkit-appearance: none; }
input[type="search"]::-webkit-search-cancel-button {
background: none;
display: none; }
* {
outline: none; }
.search-field input::-webkit-input-placeholder {
color: #888888; }
.search-field input::-moz-placeholder {
color: #888888; }
.search-field input:-moz-placeholder {
color: #888888; }
.search-field input:-ms-input-placeholder {
color: #888888; }
.field-input.input-error input::-webkit-input-placeholder {
color: #f2171e; }
.field-input.input-error input::-moz-placeholder {
color: #f2171e; }
.field-input.input-error input:-moz-placeholder {
color: #f2171e; }
.field-input.input-error input:-ms-input-placeholder {
color: #f2171e; }
input::-webkit-input-placeholder {
color: #000; }
input::-moz-placeholder {
color: #000; }
input:-moz-placeholder {
color: #000; }
input:-ms-input-placeholder {
color: #000; }
.field-input.input-error textarea::-webkit-input-placeholder {
color: #f2171e; }
.field-input.input-error textarea::-moz-placeholder {
color: #f2171e; }
.field-input.input-error textarea:-moz-placeholder {
color: #f2171e; }
.field-input.input-error textarea:-ms-input-placeholder {
color: #f2171e; }
textarea::-webkit-input-placeholder {
color: #000; }
textarea::-moz-placeholder {
color: #000; }
textarea :-moz-placeholder {
color: #000; }
textarea:-ms-input-placeholder {
color: #000; }
input:focus::-webkit-input-placeholder {
color: transparent;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease; }
input:focus::-moz-placeholder {
color: transparent;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease; }
input:focus:-moz-placeholder {
color: transparent;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease; }
input:focus:-ms-input-placeholder {
color: transparent;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease; }
textarea:focus::-webkit-input-placeholder {
color: transparent;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease; }
textarea:focus::-moz-placeholder {
color: transparent;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease; }
textarea:focus:-moz-placeholder {
color: transparent;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease; }
textarea:focus:-ms-input-placeholder {
color: transparent;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease; } input:focus::-webkit-input-placeholder {
opacity: 0 !important; }
input:focus:-ms-input-placeholder {
opacity: 0 !important; }
input:focus::-ms-input-placeholder {
opacity: 0 !important; }
input:focus::placeholder {
opacity: 0 !important; } body {
font-style: normal;
color: #000;
margin: 0;
padding: 0px;
background-size: cover;
background: #FFFFFF;
font-family: 'Proxima Nova', Arial , Verdana ,sans-serif; }
@font-face {
font-family: 'Proxima Nova';
src: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/fonts/ProximaNova-Light.eot);
src: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/fonts/ProximaNova-Light.eot?#iefix) format("embedded-opentype"), url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/fonts/ProximaNova-Light.woff) format("woff"), url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/fonts/ProximaNova-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: 'Proxima Nova';
src: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/fonts/ProximaNova-Regular.eot);
src: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/fonts/ProximaNova-Regular.eot?#iefix) format("embedded-opentype"), url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/fonts/ProximaNova-Regular.woff) format("woff"), url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/fonts/ProximaNova-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: 'Proxima Nova';
src: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/fonts/ProximaNova-Semibold.eot);
src: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/fonts/ProximaNova-Semibold.eot?#iefix) format("embedded-opentype"), url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/fonts/ProximaNova-Semibold.woff) format("woff"), url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/fonts/ProximaNova-Semibold.ttf) format("truetype");
font-weight: 600;
font-style: normal; }
a,
button {
color: #000; }
p, li {
line-height: initial; }
.text-center {
text-align: center; }
.wrapper {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
min-height: 100vh;
background: #FFFFFF; }
main {
display: block; }
.container {
width: 100%;
max-width: 1220px;
min-width: 320px;
margin: 0 auto;
padding: 0 15px; }
footer {
width: 100%;
margin: auto auto 0 auto; }
ol {
counter-reset: li; }
ol li:before {
content: counter(li);
counter-increment: li;
position: absolute; }
.type-icon-hover__static {
display: block;
-webkit-transition: none;
transition: none; }
.type-icon-hover__hover {
display: none;
-webkit-transition: none;
transition: none; }
.type-icon-hover:hover .type-icon-hover__static {
display: none;
opacity: 0; }
.type-icon-hover:hover .type-icon-hover__hover {
display: block;
opacity: 1; }
.geo-select:after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 14px;
background: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/img/arrow.png) center no-repeat;
width: 16px;
height: 16px;
background-size: contain; }
.geo-select.open:after {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg); }
.geo-select__list {
padding-top: 15px;
padding-bottom: 16px;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
border-radius: 0 0 27px 27px;
z-index: 10;
display: none; }
.geo-select__list ul {
max-height: 88px;
overflow: hidden;
overflow-y: auto;
padding-right: 50px;
margin-right: 30px;
padding-left: 25px;
padding-top: 3px;    }
.geo-select__list ul::-webkit-scrollbar {
width: 5px; }
.geo-select__list ul::-webkit-scrollbar-track {
background: #CECECE; }
.geo-select__list ul::-webkit-scrollbar-thumb {
background: #979797; }
.geo-select__list ul::-webkit-scrollbar-thumb:hover {
background: #979797; }
.geo-select__list ul li {
font-weight: normal;
font-size: 14px;
line-height: 1.25;
color: #000000;
cursor: pointer; }
.geo-select__list ul li + * {
margin-top: 14px; }
.geo-select__list.active {
display: block; }
.geo-select.open input {
border-radius: 27px 27px 0 0; }
.header {
padding: 17px 0;
height: 86px;
z-index: 10; }
.header__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.header__logo {
max-width: 81px; }
.header__text {
margin-left: 20px;
padding-top: 16px;
font-style: normal;
font-weight: 300;
font-size: 12px;
line-height: 1.25;
color: #000000; }
.header__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.header__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.header__menu > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.header__menu > ul > li + * {
margin-left: 20px; }
.header__menu > ul > li > a {
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 1.25;
color: #FFFFFF;
padding-bottom: 2px; }
.header__menu > ul > li > a:after {
content: '';
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
background: #fff;
height: 1px;
width: 0%;
-webkit-transition: width .24s ease;
transition: width .24s ease; }
.header__menu > ul > li > a:hover:after {
width: 100%; }
.header__menu + * {
margin-left: 24px; }
.header__user {
margin-left: 40px;
width: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.header__user > a {
width: 20px;
height: 20px;
background: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/img/user-icon.png) center no-repeat;
background-size: 20px;
-webkit-transition: opacity .24s ease;
transition: opacity .24s ease; }
.header__user > a:hover {
opacity: .75; }
.header__user_type-white > a {
background: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/img/user-white.png) center no-repeat;
background-size: 20px; }
.write-us__wrap {
margin: 0 auto; }
h2 span {
font-family: Proxima Nova;
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 1.25;
color: #000000; }
.welcome {
margin-top: -86px;
z-index: 3;
padding-top: 160px; }
.welcome__bg {
position: absolute;
top: 0;
right: 0;
pointer-events: none; }
.welcome__bg img {
max-width: initial; }
.welcome__title {
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 1.25;
text-transform: uppercase;
color: #000000;
max-width: 400px; }
.welcome__title + * {
margin-top: 30px; }
.welcome__list li {
font-style: normal;
font-weight: 300;
font-size: 22px;
line-height: 1.25;
color: #000000;
padding-left: 20px; }
.welcome__list li:before {
content: '–';
font-family: Proxima Nova;
font-style: normal;
font-weight: 300;
font-size: 22px;
line-height: 27px;
color: #000000;
position: absolute;
left: 0;
top: 0px; }
.welcome__list li + * {
margin-top: 5px; }
.welcome__list + * {
margin-top: 40px; }
.welcome__stats {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.welcome__stats-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.welcome__stats-item + * {
margin-left: 48px; }
.welcome__stats-item > * + * {
margin-left: 5px; }
.welcome__stats-item-value {
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 1.25;
color: #000000; }
.welcome__stats-item-name {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 1.25;
color: #000000; }
.welcome__button {
margin-top: 40px; }
.welcome__auth {
max-width: 430px;
background: rgba(238, 238, 238, 0.9);
border-radius: 2px;
padding: 40px 55px 45px; }
.welcome__auth-form {
margin-top: 40px; }
.welcome__auth-form .type-input + * {
margin-top: 22px; }
.welcome__auth-form .type-checkbox + * {
margin-top: 40px; }
.welcome__auth-form .type-button {
text-align: center; }
.welcome__auth-form .type-button > * {
padding: 10px 100px; }
.welcome__auth-foot {
margin-top: 84px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.welcome__auth-foot > span {
font-weight: 300;
font-size: 16px;
line-height: 1.25;
color: #000000; }
.welcome__auth-foot > a {
font-weight: 600;
font-size: 16px;
line-height: 1.25;
text-decoration: underline;
color: #9C3D9E; }
.welcome__auth-foot > a:hover {
text-decoration: none; }
.welcome__registration {
background: rgba(238, 238, 238, 0.9);
border-radius: 2px;
padding: 49px 65px 47px; }
.welcome__repair {
background: rgba(238, 238, 238, 0.9);
border-radius: 2px;
padding: 40px 65px 50px;
max-width: 430px; }
.repair {
margin-top: 40px; }
.repair__field + * {
margin-top: 40px; }
.repair__field .type-button > * {
padding: 10px 38px; }
.repair__field .type-button span {
font-size: 16px; }
.registration {
margin-top: 6px; }
.registration__text {
font-weight: normal;
font-size: 14px;
line-height: 1.25;
color: #000000;
text-align: center; }
.registration__text a {
font-weight: 600;
font-size: 14px;
line-height: 1.25;
text-decoration: underline;
color: #9C3D9E; }
.registration__text a:hover {
text-decoration: none; }
.registration__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.registration__col {
width: calc(100% / 3 - 33px); }
.registration__col:last-child {
padding-top: 42px; }
.registration__col-field + * {
margin-top: 24px; }
.registration__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.registration__submit {
text-align: center;
margin-top: 58px; }
.registration__submit > * {
padding: 10px 45px; }
.type-input__field input {
font-family: 'Proxima Nova', Arial , Verdana , sans-serif;
background: #FFFFFF;
border-radius: 27px;
width: 100%;
padding: 7px 26px;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1.25;
color: #000000; }
.type-input__field input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.5);
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1.25; }
.type-input__field input:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.5);
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1.25; }
.type-input__field input::-ms-input-placeholder {
color: rgba(0, 0, 0, 0.5);
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1.25; }
.type-input__field input::placeholder {
color: rgba(0, 0, 0, 0.5);
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1.25; }
.type-input__field textarea {
font-family: 'Proxima Nova', Arial , Verdana , sans-serif;
background: #FFFFFF;
border-radius: 27px;
width: 100%;
padding: 7px 26px;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1.25;
color: #000000; }
.type-input__field textarea::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.5);
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1.25; }
.type-input__field textarea:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.5);
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1.25; }
.type-input__field textarea::-ms-input-placeholder {
color: rgba(0, 0, 0, 0.5);
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1.25; }
.type-input__field textarea::placeholder {
color: rgba(0, 0, 0, 0.5);
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1.25; }
.type-input__caption + * {
margin-top: 6px; }
.forgot-password {
text-align: right; }
.forgot-password a {
font-weight: normal;
font-size: 14px;
line-height: 1.25;
text-decoration: underline;
color: #9C3D9E; }
.forgot-password a:hover {
text-decoration: none; }
.type-checkbox label {
cursor: pointer; }
.type-checkbox label input {
display: none; }
.type-checkbox label input:checked + .type-checkbox__content .type-checkbox__checkmark:before {
opacity: 1; }
.type-checkbox__content {
padding-left: 30px;
font-weight: normal;
font-size: 14px;
line-height: 1.25;
color: #000000;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.type-checkbox__content a {
font-weight: 600;
font-size: 14px;
line-height: 1.25;
text-decoration: underline;
color: #9C3D9E; }
.type-checkbox__content a:hover {
text-decoration: none; }
.type-checkbox__checkmark {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 20px;
height: 20px;
background: #FFFFFF;
border-radius: 2px; }
.type-checkbox__checkmark:before {
content: "\2713";
opacity: 0;
font-size: 18px;
color: #9C3D9E;
font-weight: 600;
position: absolute;
top: 58%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
ul.sub-menu {
width: 100px;
position: absolute;
top: 100%;
left: 0;
background: #00000042;
border-radius: 6px;
padding: 10px;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: opacity .34s ease , visibility .34s ease;
transition: opacity .34s ease , visibility .34s ease; }
ul.sub-menu > li > a {
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 1.25;
color: #FFFFFF;
padding-bottom: 2px; }
ul.sub-menu > li > a:after {
content: '';
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
background: #fff;
height: 1px;
width: 0%;
-webkit-transition: width .24s ease;
transition: width .24s ease; }
ul.sub-menu > li > a:hover:after {
width: 100%; }
ul.sub-menu > li + * {
margin-top: 10px; }
.type-button > * {
background: #EFA922;
border-radius: 30px;
padding: 17px 68px;
-webkit-transition: background-color .24s ease;
transition: background-color .24s ease; }
.type-button > * span {
font-weight: 600;
font-size: 22px;
line-height: 1.25;
color: #FFFFFF; }
.type-button > *:hover {
background: #ffb82e; }
.type-button > *:active {
background: #c18915; }
.menu-item-has-children:hover .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: initial; }
.open-responsive {
display: none; }
.direction-select > input {
display: none; }
.direction-select__title {
background: #FFFFFF;
border-radius: 27px;
width: 100%;
padding: 8px 26px;
color: rgba(0, 0, 0, 0.5);
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 1.25;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding-right: 36px; }
.direction-select__title:after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 14px;
background: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/img/arrow.png) center no-repeat;
width: 16px;
height: 16px;
background-size: contain; }
.direction-select.open {
background: #FFFFFF;
border-radius: 27px; }
.direction-select.open .direction-select__hidden {
display: block; }
.direction-select.open .direction-select__title {
border-radius: 27px 27px 0 0; }
.direction-select.open .direction-select__title:after {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg); }
.direction-select__hidden {
display: none;
padding-top: 15px;
padding-bottom: 16px;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
border-radius: 0 0 27px 27px;
z-index: 10; }
.direction-select__hidden ul {
max-height: 88px;
overflow: hidden;
overflow-y: auto;
padding-right: 50px;
margin-right: 30px;
padding-left: 25px;
padding-top: 3px;    }
.direction-select__hidden ul::-webkit-scrollbar {
width: 5px; }
.direction-select__hidden ul::-webkit-scrollbar-track {
background: #CECECE; }
.direction-select__hidden ul::-webkit-scrollbar-thumb {
background: #979797; }
.direction-select__hidden ul::-webkit-scrollbar-thumb:hover {
background: #979797; }
.direction-select__hidden ul li {
padding-left: 30px;
font-weight: normal;
font-size: 14px;
line-height: 1.25;
color: #000000;
cursor: pointer; }
.direction-select__hidden ul li:before {
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 2px;
position: absolute;
content: '';
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 20px;
height: 20px; }
.direction-select__hidden ul li:after {
content: "\2713";
font-size: 18px;
color: #18bf18;
font-weight: 600;
position: absolute;
top: 58%;
left: 5px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0; }
.direction-select__hidden ul li + * {
margin-top: 14px; }
.direction-select__hidden ul li.active:after {
opacity: 1; }
p.not-found {
font-size: 24px;
font-weight: 600;
margin: 30px 0; }
.index-page__wrap h2 {
margin-bottom: 25px; }
.index-page__content p {
font-size: 16px;
line-height: 1.45; }
.index-page__content p + p {
margin-top: 10px; }
.header-inner .header__menu > ul > li > a {
color: #000; }
.header-inner .header__menu > ul > li > a:after {
background: #000; }
.header-inner ul.sub-menu > li > a {
color: #000; }
.header-inner ul.sub-menu > li > a:after {
background: #000; }
.header-inner .header__user_type-white > a {
background: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/img/user-black.png) center no-repeat;
width: 20px;
height: 18px;
background-size: contain; }
.write-us {
padding: 50px 0; }
.write-us__wrap {
max-width: 767px;
background: rgba(238, 238, 238, 0.9);
border-radius: 2px;
padding: 40px 55px 45px; }
.write-us__wrap > * + * {
margin-top: 40px; }
.write-us__wrap .type-button {
text-align: center; }
.write-us__wrap .type-button > * {
padding: 15px 100px; }
.type-button br {
display: none; }
span.wpcf7-form-control-wrap {
width: 100%; }
.header__stats {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.header__stats-item {
font-weight: normal;
font-size: 12px;
line-height: 1.25;
color: #000000; }
.header__stats-item-value {
font-weight: 600;
font-size: 14px;
line-height: 1.25;
color: #000000; }
.header__stats-item + * {
margin-left: 25px; }
.header__stats + * {
margin-left: 60px; }
.header__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.header__social > * {
max-width: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: opacity .24s ease;
transition: opacity .24s ease; }
.header__social > * + * {
margin-left: 6px; }
.header__social > *:hover {
opacity: .75; }
.header__social + * {
margin-left: 14px; }
.footer {
padding: 42px 0 60px;
background: rgba(196, 196, 196, 0.2); }
.footer__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.footer__text + * {
margin-left: 65px; }
.footer__phone {
text-align: right; }
.footer__phone a {
font-weight: normal;
font-size: 16px;
line-height: 1.25;
text-align: right;
color: #000000;
opacity: 0.7;
-webkit-transition: opacity .24s ease;
transition: opacity .24s ease; }
.footer__phone a:hover {
opacity: 1; }
.footer__phone + * {
margin-top: 20px; }
.footer__mail {
text-align: right; }
.footer__mail a {
font-weight: normal;
font-size: 16px;
line-height: 1.25;
text-align: right;
color: #000000;
opacity: 0.7;
-webkit-transition: opacity .24s ease;
transition: opacity .24s ease; }
.footer__mail a:hover {
opacity: 1; }
.footer__mail + * {
margin-top: 20px; }
.footer__social {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 0;
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.footer__social > * {
max-width: 30px; }
.flex-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.write-us__wrap {
margin: 0 auto; }
.header__banner {
margin-top: 0px;
margin-bottom: 40px;
padding: 49px 0;
overflow: hidden; }
.header__banner-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
pointer-events: none;
z-index: 2; }
.header__banner-bg > img {
width: 100%;
height: auto;
min-height: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-o-object-fit: cover;
object-fit: cover; }
.header__banner-title {
z-index: 3;
font-weight: normal;
font-size: 22px;
line-height: 1.25;
color: #000000; }
.header__banner-title + * {
margin-top: 20px; }
.header__banner-link {
z-index: 3;
font-weight: 300;
font-size: 44px;
line-height: 1.25;
color: #C22940; }
.page-navigation {
margin-top: 40px;
padding: 20px 0; 
background: rgba(156, 61, 158, 0.1);}
.page-navigation__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.page-navigation__menu ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.page-navigation__menu ul li + * {
margin-left: 20px; }
.page-navigation__menu ul li a {
font-size: 16px;
line-height: 1.25;
text-decoration: underline;
color: #000000; }
.page-navigation__menu ul li a:hover {
text-decoration: none; }
.page-navigation__search-input {
width: 160px; }
.page-navigation__search-input input {
width: 100%;
padding: 4px;
padding-right: 25px;
border-bottom: 1px solid #000;
font-size: 12px;
line-height: 1.25; color: #000000; }
.page-navigation__search-input input::-webkit-input-placeholder {
font-size: 12px;
line-height: 1.25;
color: #000000; }
.page-navigation__search-input input:-ms-input-placeholder {
font-size: 12px;
line-height: 1.25;
color: #000000; }
.page-navigation__search-input input::-ms-input-placeholder {
font-size: 12px;
line-height: 1.25;
color: #000000; }
.page-navigation__search-input input::placeholder {
font-size: 12px;
line-height: 1.25;
color: #000000; }
.page-navigation__search-submit {
position: absolute;
right: 5px;
top: 47%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 3;
width: 15px;
height: 15px;
background: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/img/search.png) center no-repeat;
-webkit-transition: opacity .24s ease;
transition: opacity .24s ease;
background-size: 15px; }
.page-navigation__search-submit:hover {
opacity: .75; }
.home {
padding-bottom: 120px; }
.home__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.home__row + * {
margin-top: 90px; }
.home__row-col {
width: calc(100% - 243px - 55px); }
.home__row-aside {
width: 243px; }
.home__row-section + * {
margin-top: 120px; }
.home__row-section-heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.home__row-section-heading + * {
margin-top: 20px; }
.home__row-section-title {
font-size: 22px;
line-height: 1.25;
text-transform: uppercase;
color: #000000; }
.home__row-section-all a {
padding-right: 29px;
font-weight: 300;
font-size: 12px;
line-height: 1.25;
color: #000000; }
.home__row-section-all a:after {
content: '';
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/img/arrow-black.png) center no-repeat;
width: 16px;
height: 16px;
background-size: 16px;
-webkit-transition: opacity .24s ease;
transition: opacity .24s ease; }
.home__row-section-all a:hover:after {
opacity: 0; }
.home__stream {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.home__stream-item + * {
margin-top: 36px; }
.home__stream-item-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.home__stream-item-head + * {
margin-top: 6px; }
.home__stream-item-head > * + * {
margin-left: 20px; }
.home__stream-main {
width: calc(100% - 377px - 20px);
height: 300px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 11px 15px; }
.home__stream-main-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
pointer-events: none;
z-index: 2; }
.home__stream-main-bg:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
pointer-events: none;
bottom: 0;
background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, #ffffffeb), to(rgba(255, 255, 255, 0)));
background: linear-gradient(0deg, #ffffffeb 10%, rgba(255, 255, 255, 0) 100%); }
.home__stream-main-bg > img {
width: 100%;
height: auto;
min-height: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-o-object-fit: cover;
object-fit: cover; }
.home__stream-main-row {
z-index: 3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.home__stream-main-row + * {
margin-top: 10px; }
.home__stream-main-row > * + * {
margin-left: 20px; }
.home__stream-main-foot {
z-index: 3;
margin-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.home__stream-main-lector {
font-weight: normal;
font-size: 12px;
line-height: 1.25;
color: #000000; }
.home__stream-main-link {
padding-right: 30px;
font-weight: 600;
font-size: 12px;
line-height: 1.25;
color: #9C3D9E; }
.home__stream-main-link:after {
content: '';
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/img/arrow-violet.png) center no-repeat;
width: 20px;
height: 20px;
background-size: 20px auto;
-webkit-transition: opacity .24s ease;
transition: opacity .24s ease; }
.home__stream-main-link:hover:after {
opacity: 0; }
.home__stream-row {
width: 377px; }
.home__articles {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.home__articles > * {
width: calc(100% / 3 - 13px); }
.home__videos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; 
flex-wrap: wrap;}
.home__videos > * {
width: calc(100% / 2 - 13px); 
padding-bottom: 30px;}
.stream__date {
padding-left: 26px;
font-size: 12px;
line-height: 1.25; color: #000000; }
.stream__date:after {
content: '';
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/img/time.png) center no-repeat;
width: 20px;
height: 20px;
background-size: 20px; }
.stream__category {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.stream__category-item {
font-weight: normal;
font-size: 12px;
line-height: 1.25;
text-decoration: underline;
color: #0B5798; }
.stream__category-item + * {
margin-left: 6px; }
.stream__title {
z-index: 3;
font-weight: 600;
font-size: 16px;
line-height: 1.25;
color: #000000; }
.stream__title:hover {
text-decoration: underline; }
.article-preview__image {
width: 100%;
height: 176px;
overflow: hidden;
display: block; }
.article-preview__image > img {
width: 100%;
height: auto;
min-height: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-o-object-fit: cover;
object-fit: cover; }
.article-preview__image + * {
margin-top: 20px; }
.article-preview__title {
font-weight: 600;
font-size: 16px;
line-height: 1.25;
color: #000000; }
.article-preview__title:hover {
text-decoration: underline; }
.article-preview__title + * {
margin-top: 10px; }
.article-preview__excerpt {
font-weight: 300;
font-size: 12px;
line-height: 1.25;
color: #000000; }
.article-preview__excerpt + * {
margin-top: 20px; }
.article-preview__category {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.article-preview__category > * + * {
margin-left: 6px; }
.article-preview__category-item {
font-weight: normal;
font-size: 12px;
line-height: 1.25;
text-decoration: underline;
color: #0B5798; }
.video-preview__image {
width: 100%;
height: 230px;
overflow: hidden; }
.video-preview__image > img {
width: 100%;
height: auto;
min-height: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-o-object-fit: cover;
object-fit: cover; }
.video-preview__image + * {
margin-top: 10px; }
.video-preview__title {
font-size: 16px;
line-height: 1.25;
color: #000000; }
.video-preview__title:hover {
text-decoration: underline; }
.video-preview__title + * {
margin-top: 10px; }
.video-preview__category {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.video-preview__category + * {
margin-top: 13px; }
.video-preview__category > * + * {
margin-left: 6px; }
.video-preview__category-item {
font-weight: normal;
font-size: 12px;
line-height: 1.25;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
color: #0B5798; }
.video-preview__lector {
font-weight: 400;
font-size: 12px;
line-height: 1.25;
color: #000000; }
.video-preview__lector + * {
margin-top: 13px; }
.type-banner {
width: 100%;
height: 400px; }
.type-banner > * {
width: 100%;
height: auto;
min-height: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-o-object-fit: cover;
object-fit: cover; }
.type-banner + * {
margin-top: 67px; }
.search-results__wrap {
padding: 30px 0; }
.search-results__item {
padding-bottom: 7px; }
.search-results__item a {
color: #a953a9;
text-decoration: underline;
line-height: 1.25; }
.search-results__item a:hover {
text-decoration: none; }
p.no-results {
font-size: 20px;
color: #907373;
margin: 10px 0; }
nav.page-navigation__menu .current_page_item {
pointer-events: none; }
nav.page-navigation__menu .current_page_item a {
text-decoration: none !important; }
.breadcrumbs span.breadcrumbs__separator {
margin: 0 3px; }
.breadcrumbs span {
font-weight: normal;
font-size: 12px;
line-height: 1.25;
color: #000000;
opacity: 0.7; }
.breadcrumbs span a {
-webkit-transition: opacity .24s ease;
transition: opacity .24s ease; }
.breadcrumbs span a:hover span {
opacity: 1; }
.articles {
margin-top: 40px; }
.articles__wrap {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.articles__wrap-col {
width: calc(100% - 243px - 60px); }
.articles__wrap-col > * + * {
margin-top: 40px; }
.articles__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.articles__item-image {
width: 280px;
height: 176px;
overflow: hidden; }
.articles__item-image img {
width: 100%;
height: auto;    -o-object-fit: cover;
object-fit: cover; }
.articles__item-content {
width: calc(100% - 280px - 20px); }
.articles__item-title {
font-weight: 600;
font-size: 16px;
line-height: 1.25;
color: #000000; }
.articles__item-title:hover {
text-decoration: underline; }
.articles__item-title + * {
margin-top: 10px; }
.articles__item-text {
font-weight: 300;
font-size: 12px;
line-height: 1.25;
color: #000000; }
.articles__item-text + * {
margin-top: 20px; }
.articles__item-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.articles__item-row + * {
margin-top: 20px; }
.articles__item-row > * + * {
margin-left: 74px; }
.articles__item-date {
font-weight: 300;
font-size: 12px;
line-height: 1.25;
color: #000000; }
.articles__item-lector {
font-weight: 300;
font-size: 12px;
line-height: 1.25;
color: #000000; }
.articles__item-foot {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.article__content {
width: calc(100% - 243px - 60px); }
.article__content h2 + * {
margin-top: 20px; }
.article__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.article__row > * + * {
margin-left: 74px; }
.article__row + * {
margin-top: 20px; }
.article__category + * {
margin-top: 40px; }
.article__image {
height: 300px;
width: 100%;
overflow: hidden; }
.article__image > img {
width: 100%;
height: auto;
min-height: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-o-object-fit: cover;
object-fit: cover; }
.article__image + * {
margin-top: 40px; }
.article__text {
font-weight: normal;
font-size: 16px;
line-height: 1.35;
color: #000000; }
.article__text p {
font-weight: normal;
font-size: 16px;
line-height: 1.35;
color: #000000; }
.article__text + * {
margin-top: 60px; }
.screen-reader-response {
display: none; }
div#respond > span {
display: none; }
p.comment-form-cookies-consent {
display: none; }
.post-comments {
padding-bottom: 120px; }
.post-comments span.inp-txt {
width: 100%;
display: block; }
.post-comments span.inp-txt textarea {
background: #FFFFFF;
border: 1px solid #CECECE;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 50px;
min-height: 80px;
font-family: "Proxima Nova",Arial,Verdana,sans-serif;
width: 100%;
padding: 12px 33px; }
.inp-send {
margin: 10px 0 0 33px; }
.inp-send input#submit {
background: #0B5798;
border-radius: 35px;
padding: 6px 31px;
color: #fff;
font-weight: normal;
font-size: 16px;
line-height: 1.25;
color: #FFFFFF;
-webkit-transition: background-color .24s ease;
transition: background-color .24s ease; }
.inp-send input#submit:hover {
background: #126ab6; }
.inp-send input#submit:active {
background: #0d4a82; }
.wrap-comments__scroll {
padding: 40px 0 0 0; }
.wrap-remark__txt {
font-weight: normal;
font-size: 14px;
line-height: 1;
color: #000000;
padding-bottom: 26px; }
.wrap-remark__comment.text {
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #000000; }
.wrap-remark__comment.text {
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #000000;
padding-bottom: 20px; }
a.comment-reply-link {
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #0B5798; }
a.comment-reply-link:hover {
text-decoration: underline; }
.comment > .comment {
padding-left: 20px;
padding-top: 25px; }
em.comment-awaiting-moderation {
color: #a958aa; }
.wrap-comments__scroll > * + * {
margin-top: 15px;
padding-top: 10px;
border-top: 2px solid #a958aa; }
p.logged-in-as {
font-size: 14px;
margin: 10px 0; }
p.logged-in-as a {
color: #0b5798;
text-decoration: underline; }
p.logged-in-as a:hover {
text-decoration: none; }
.videos {
padding: 40px 0 120px; }
.video__block {
width: 100%; }
.video__block + * {
margin-top: 60px; }
.author-card {
padding: 40px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.author-card__image {
width: 150px;
height: 150px;
overflow: hidden;
border-radius: 50%; }
.author-card__image img {
width: 100%;
height: auto;
min-height: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-o-object-fit: cover;
object-fit: cover; }
.author-card__content {
width: calc(100% - 150px - 20px); }
.author-card__content-text {
font-weight: 300;
font-size: 16px;
line-height: 1.25;
color: #000000; }
.author-card__content-text + * {
margin-top: 14px; }
.author-card__content-value {
font-weight: normal;
font-size: 16px;
line-height: 1.25;
color: #000000; }
.author-card__content-value + * {
margin-top: 14px; }
.video__block > * {
width: 100%;
height: 491px; }
.stream-toggle {
background: rgba(156, 61, 158, 0.3);
border-radius: 20px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.stream-toggle__item {
padding: 5px 26px;
border-radius: 20px;
background: transparent;
-webkit-transition: background-color .24s ease;
transition: background-color .24s ease;
font-weight: 300;
font-size: 16px;
line-height: 1.25;
color: #000000; }
.stream-toggle__item.active {
background: #9C3D9E;
font-weight: 600;
font-size: 16px;
line-height: 1.25;
color: #FFFFFF; }
.stream-calendar-year {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.stream-calendar-year > * + * {
margin-left: 20px; }
.stream-calendar-year__prev {
font-weight: 400;
font-size: 14px;
line-height: 1.25;
text-transform: uppercase;
color: #000000; }
.stream-calendar-year__next {
font-weight: 400;
font-size: 14px;
line-height: 1.25;
text-transform: uppercase;
color: #000000; }
.stream-calendar-year__current {
font-weight: 400;
font-size: 14px;
line-height: 1.25;
text-transform: uppercase;
color: #000000; }
.stream-month {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 3;
top: 50%; }
.stream-month > * + * {
margin-left: 20px; }
.stream-month__prev {
font-weight: 400;
font-size: 14px;
line-height: 1.25;
text-transform: uppercase;
color: #000000; }
.stream-month__next {
font-weight: 400;
font-size: 14px;
line-height: 1.25;
text-transform: uppercase;
color: #000000; }
.stream-month__current {
font-weight: 400;
font-size: 14px;
line-height: 1.25;
text-transform: uppercase;
color: #000000; }
.stream-days {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.stream-days__item {
font-weight: 300;
font-size: 16px;
line-height: 1.25;
text-transform: uppercase;
color: #000000;
width: 32px;
height: 32px;
border-radius: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.stream-days__item.active {
background: rgba(239, 169, 34, 0.2);
pointer-events: none; }
.stream-days__item.contains {
font-weight: 600;
font-size: 16px;
line-height: 1.25;
text-transform: uppercase;
color: #000000; }
.articles__item.streams__item + .articles__item.streams__item {
margin-top: 40px; }
.streams__item-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.streams__item-row > * + * {
margin-left: 40px; }
.streams__item-row + * {
margin-top: 20px; }
button.stream-remember {
padding-left: 22px;
font-weight: normal;
font-size: 12px;
line-height: 1.25;
color: #000000;
-webkit-transition: opacity .24s ease;
transition: opacity .24s ease; }
button.stream-remember:before {
content: '';
position: absolute;
left: 0;
top: 48%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/img/clock.png) center no-repeat;
width: 16px;
height: 16px;
background-size: 16px; }
button.stream-remember:hover {
opacity: .75; }
.stream-nmo {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: #9C3D9E;
border-radius: 30px;
padding: 4px 12px;
font-weight: 600;
font-size: 12px;
line-height: 15px;
color: #FFFFFF; }
.stream__image {
margin-top: 40px;
height: 300px;
overflow: hidden; }
.stream__image img {
width: 100%;
height: auto;
min-height: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-o-object-fit: cover;
object-fit: cover; }
.stream-calendar-year > button {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.stream-month > button {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.personal__nav {
background: #ab5aac;
margin: 20px 0;
padding: 5px 0; }
.personal__nav-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.personal__nav-text {
color: #fff;
font-size: 20px; }
.personal__nav-text > span {
font-weight: 600; }
.personal__nav-wrap > p > a {
font-size: 16px;
color: #fff;
text-decoration: underline; }
.personal__nav-wrap > p > a:hover {
text-decoration: none; }
.personal__card {
background: rgba(11, 87, 152, 0.2);
padding: 60px 0; }
.personal__card-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.personal__card-avatar {
width: 180px;
height: 180px;
background: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/img/user.png) center no-repeat;
background-size: 180px; }
.personal__card-info {
width: calc(100% - 180px - 66px); }
.personal__card-info-name {
font-weight: normal;
font-size: 22px;
line-height: 1.35;
text-transform: uppercase;
color: #000000; }
.personal__card-info-name + * {
margin-top: 20px; }
.personal__card-info-list {
-webkit-column-count: 2;
column-count: 2;
margin-bottom: -10px; }
.personal__card-info-list-item {
margin-bottom: 10px; }
.personal__card-info-list-item-name {
font-weight: normal;
font-size: 16px;
line-height: 1.25;
text-transform: capitalize;
color: #000000; }
.personal__card-info-list-item-value {
font-weight: 600;
font-size: 16px;
line-height: 1.25;
text-transform: capitalize;
color: #000000; }
.personal__nav {
margin-bottom: 0px; }
.personal__card-info-list + * {
margin-top: 36px; }
.violet-button > * {
background: #9C3D9E;
border-radius: 27px;
padding: 10px 60px;
-webkit-transition: background-color .24s ease;
transition: background-color .24s ease; }
.violet-button > * span {
font-weight: 600;
font-size: 16px;
line-height: 1.25;
color: #FFFFFF; }
.violet-button > *:hover {
background: #cb51cd; }
.violet-button > *:active {
background: #a640a8; }
.personal__card .registration__col {
padding-top: 0px !important; }
form#edit .violet-button {
width: 100%;
text-align: center;
margin-top: 60px; }
.video__block > iframe {
width: 100%;
height: 491px;
margin-top: 20px;
display: none; }
div#start-stream {
height: initial; }
.stream__block.hidden iframe {
display: none; }
.stream__block.active iframe {
display: block !important; }
form#start-stream {
height: initial; }
.get-test.type-button {
margin: 20px 0; }
.test__form {
padding: 20px 0; }
.test__form-item + * {
margin-top: 20px; }
.test__form-item-question {
font-size: 20px;
font-weight: 600;
line-height: 1.25;
color: #000;
margin-bottom: 10px; }
.test__form-item-answer {
cursor: pointer;
font-size: 18px;
color: #424242;
-webkit-transition: color .24s ease;
transition: color .24s ease;
padding-left: 30px; }
.test__form-item-answer.active:before {
background: #197919;
border-color: #197919; }
.test__form-item-answer:hover {
color: #000; }
.test__form-item-answer:hover:before {
border-color: #000; }
.test__form-item-answer + * {
margin-top: 5px; }
.test__form-item-answer:before {
content: '';
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 20px;
height: 20px;
border: 2px solid #eee;
-webkit-transition: background-color .24s ease;
transition: background-color .24s ease; }
div#send-test {
margin: 40px 0; }
.test .container > p {
margin: 10px 0;
font-size: 16px;
line-height: 1.25;
color: #000;
font-weight: 500; }
.test .container > p a {
text-decoration: underline;
color: #e03ce2; }
.test .container > p a:hover {
text-decoration: none; }
.get-test.type-button {
margin: 20px 0;
height: initial !important; }
.personal__table {
padding: 60px 0 120px; }
.personal__table h2 + * {
margin-top: 50px; }
.personal__table-wrap table {
width: 100%; }
.personal__table-wrap table thead tr {
background: #EEEEEE;
border-bottom: 1px solid #C4C4C4; }
.personal__table-wrap table thead tr th {
font-weight: 600;
font-size: 22px;
line-height: 1.25;
padding: 10px 0;
text-align: center;
color: #000000; }
.personal__table-wrap table tbody tr {
border-bottom: 1px solid #C4C4C4; }
.personal__table-wrap table tbody tr td {
text-align: center;
font-size: 16px;
line-height: 1.25;
color: #000000;
padding: 10px 0; }
section.archive {
margin: 40px 0; }
.archive__wrap {
margin: 40px 0; }
section.category {
margin: 22px 0; }
.category__wrap {
margin: -20px;
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.category__item {
width: calc(100% / 3 - 40px);
margin: 20px; }
.category__item-image {
width: 100%;
height: 200px;
overflow: hidden; }
.category__item-image > img {
width: 100%;
height: auto;
min-height: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-o-object-fit: cover;
object-fit: cover; }
.category__item-title {
margin-top: 15px; }
.category__item-title a {
font-size: 18px;
color: #000;
font-weight: 600;
line-height: 1.25; }
.category__item-title a:hover {
text-decoration: underline; }
.category__item-text {
margin-top: 10px;
font-size: 16px;
line-height: 1.25; }
body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.responsive-menu {
display: none; }
.open-responsive {
display: none; }
button#open-responsive {
display: none; }
section.articles.video .video__block > iframe {
display: block; }
.page-navigation__search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.page-navigation__search > * + * {
margin-left: 20px; }
.search-select select {
display: none; }
.search-select .select-selected {
font-weight: 300;
font-size: 12px;
line-height: 1.25;
color: #000000;
padding-right: 22px;
cursor: pointer; }
.search-select .select-selected:after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/img/arrow.png) center no-repeat;
width: 15px;
height: 15px;
background-size: 15px;
right: 0; }
.search-select .select-items {
position: absolute;
top: 100%;
left: 0;
width: 150px;
padding: 5px 0;
background: #fff;
z-index: 3;
border: 1px solid #000;
border-radius: 4px;
display: none; }
.search-select .select-items > div {
padding: 5px;
cursor: pointer;
font-size: 16px;
width: 100%;
-webkit-transition: background-color .24s ease;
transition: background-color .24s ease; }
.search-select .select-items > div:hover {
background: #EEEEEE; }
.select-selected.select-arrow-active:after {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg); }
.select-selected.select-arrow-active + * {
display: block; }
.search-results__item a + * {
margin-top: 20px; }
.video__block.stream__block.hidden iframe {
display: none !important; }
.index-page__content ol li:before {
display: none; }
.index-page__wrap + * {
margin-top: 20px; }
.index-page__content + * {
margin-top: 20px; }
.direction-select__hidden ul li:after {
color: #ac3da4 !important; }
nav.page-navigation__menu .current_page_item * {
color: #9c3d9e; }
ul.sub-menu {
width: 100px;
position: absolute;
top: 100%;
left: 0;
background: #0000001c; }
.wrapper.wrapper_type_guest ul.sub-menu {
background: #00000042; }
a.comment-reply-link {
display: none !important; }
.page-navigation {
z-index: 6; }
.search-select .select-items {
max-height: 222px;
overflow: auto; }
.search-select .select-items > div {
padding: 5px;
cursor: pointer;
font-size: 14px;
font-weight: 300; }
.search-select .select-items {
border: 1px solid #a93db7; }
.select-selected:before {
content: '';
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
background: #fff;
height: 1px;
width: 0%;
-webkit-transition: width .24s ease;
transition: width .24s ease; }
.select-selected:hover:before {
width: 100%; }
.select-selected:hover:before {
width: 100%;
background: #635d52; }
.direction-select__hidden ul {
max-height: 119px;   }
.direction-select__hidden ul::-webkit-scrollbar {
width: 5px; }
.direction-select__hidden ul::-webkit-scrollbar-track {
background: #CECECE; }
.direction-select__hidden ul::-webkit-scrollbar-thumb {
background: #979797; }
.direction-select__hidden ul::-webkit-scrollbar-thumb:hover {
background: #979797; }
.select-items {   }
.select-items::-webkit-scrollbar {
width: 5px; }
.select-items::-webkit-scrollbar-track {
background: #CECECE; }
.select-items::-webkit-scrollbar-thumb {
background: #979797; }
.select-items::-webkit-scrollbar-thumb:hover {
background: #979797; }
.stream__category {
max-width: 190px;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.test .container > p a {
text-decoration: underline;
color: #ab5aac; }
h2.search-results__title {
font-size: 16px;
color: #4c4b4b; }
a.video-preview__title {
font-weight: 600;
font-size: 16px;
line-height: 1.25;
color: #000000; }
.test__form-item-answer:after {
content: "\2713";
opacity: 0;
font-size: 18px;
color: #9C3D9E;
font-weight: 600;
position: absolute;
top: 58%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 10px; }
.test__form-item-answer.active:after {
opacity: 1; }
.test__form-item-answer.active:before {
background: transparent !important;
border: 2px solid #eee !important; }
.personal__table-wrap table tbody tr td:nth-child(2) {
max-width: 290px; }
p.no-results {
font-size: 20px;
color: #5d5d5d !important;
margin: 10px 0; }
.stream__category-item {
margin-right: 6px !important; }
.stream__category-item:last-child {
margin: 0px !important; }
.stream__category-item + * {
margin-left: 0px; }
button.stream-days__item.current {
background: rgba(239, 169, 34, 0.2); }
button.stream-days__item.active {
background: transparent !important;
pointer-events: none !important;
color: #9C3D9E !important; }
.home__stream-main-lector {
max-width: 250px; }
.stream__content {
margin: 20px 0; }
.stream__content > p {
font-size: 15px;
line-height: 1.35; }
a.header__banner {
PADDING: 0; }
a.header__banner:before {
content: '';
position: relative;
padding-top: 15%;
display: block; }
.comment-respond {
padding-bottom: 120px; }
.comment-respond textarea {
background: #FFFFFF;
border: 1px solid #CECECE;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 50px;
min-height: 80px;
font-family: "Proxima Nova",Arial,Verdana,sans-serif;
width: 100%;
padding: 12px 33px; }
.stream__block-text {
height: initial !important; }
span.wrap-remark__name {
color: #0B5798;
font-weight: 700; }
span.wrap-remark__date {
color: #0B5798; }
section.search-results h2 {
font-size: 16px;
color: #4c4b4b; }
form.personal__edit-diploma {
max-width: 320px;
padding: 25px 0; }
form.personal__edit-diploma p {
font-size: 16px;
padding: 0 0 12px 0; }
form.personal__edit-diploma button {
margin-top: 20px; }
#date-sort {
cursor: pointer;
padding-right: 32px; }
#date-sort:after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0px;
background: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/img/arrow.png) center no-repeat;
width: 16px;
height: 16px;
background-size: contain; }
.article__text > * + * {
margin-top: 19px; }
@media screen and (max-height: 639px) {
.welcome {
padding-bottom: 30px; } }
@media screen and (max-width: 1250px) {
body {
min-width: 320px; }
.welcome__bg {
position: absolute;
top: 0;
right: -205px;
pointer-events: none; }
.home__stream-row {
width: 290px; }
.home__stream-main {
width: calc(100% - 300px - 20px); }
.header__stats + * {
margin-left: 30px; }
.header__stats {
display: none; }
.responsive-menu .header__social {
margin-top: 20px; }
.header__social > * {
max-width: 30px; }
header .header__social {
display: none; } }
@media screen and (max-width: 1024px) {
.home__stream {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.home__stream-main {
width: 100%; }
.home__stream-row {
width: 100%;
margin-top: 25px; }
.header__stats {
display: none; }
body {
min-width: 320px; }
.welcome__bg {
position: absolute;
top: 0;
right: -275px; }
.welcome__start {
padding-bottom: 30px; } }
@media screen and (max-width: 939px) {
.home__stream-main-lector {
max-width: 100%;
width: 100%; }
.personal__table-wrap table tbody tr td:nth-child(2) {
max-width: 100%; }
.header__social > img {
-o-object-fit: contain;
object-fit: contain; }
.header__social > * {
max-width: initial; }
.personal__table h2 {
text-align: center; }
.personal__table-wrap thead {
display: none; }
.personal__table-wrap tbody tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-bottom: 1px solid #000; }
.personal__table-wrap tbody tr td:before {
content: attr(data-text);
position: relative;
display: block;
text-align: center;
font-weight: 600;
line-height: 1.25;
color: #000; }
.article__content {
width: 100%; }
.articles__wrap-col {
width: 100%; }
aside.home__row-aside {
display: none; }
.home__row-col {
width: 100%; }
body {
min-width: 320px; }
.welcome__bg {
right: -460px; }
.open-responsive {
display: block; }
.responsive-menu {
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
padding: 40px;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: opacity .24s ease , visibility .24s ease , -webkit-transform .34s ease;
transition: opacity .24s ease , visibility .24s ease , -webkit-transform .34s ease;
transition: transform .34s ease , opacity .24s ease , visibility .24s ease;
transition: transform .34s ease , opacity .24s ease , visibility .24s ease , -webkit-transform .34s ease;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 100;
overflow: hidden;
overflow-y: auto; }
.responsive-menu.active {
pointer-events: initial;
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible; }
body.menu-opened {
overflow: hidden;
max-height: 100vh; }
button#close-responsive {
position: absolute;
top: 20px;
right: 30px;
z-index: 3; }
nav.responsive-menu__nav ul {
display: block;
position: relative;
padding: 0;
margin: 0;
background: transparent;
opacity: 1;
visibility: visible;
pointer-events: initial;
top: initial;
width: initial; }
nav.responsive-menu__nav ul li {
text-align: center; }
nav.responsive-menu__nav ul li {
font-size: 24px; }
.responsive-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
ul.sub-menu > li + * {
margin-top: 0; }
nav.responsive-menu__nav ul li a {
font-size: 28px;
color: #000; }
nav.responsive-menu__nav ul li {
padding: 6px 0; }
.welcome__bg {
display: none; }
.welcome__title {
max-width: 100%;
text-align: center; }
ul.welcome__list {
max-width: 280px;
margin: 20px auto;
text-align: center; }
.welcome__list li:before {
display: none; }
.welcome__stats {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.welcome__stats > * {
margin: 0 20px; }
.welcome__button.type-button {
text-align: center; }
nav.header__menu {
display: none; }
.welcome {
padding-top: 140px; }
.welcome__auth {
margin: 0 auto; }
button#open-responsive {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.registration__wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.registration__col {
width: 100%; }
.registration__col + * {
margin-top: 24px; }
.registration__col:last-child {
padding-top: 0; }
.header__user a {
background: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/img/user-black.png) center no-repeat !important;
width: 20px !important;
height: 18px !important;
background-size: contain !important; }
.header__user {
margin: 0;
margin-right: 25px; }
.welcome__repair {
margin: 0 auto; }
.registration__wrap {
padding-top: 50px; }
.registration__col {
position: static; }
.registration__col:nth-child(2) > *:first-child {
position: absolute;
top: 0px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%; } }
@media screen and (max-width: 767px) {
form.page-navigation__search {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.search-select {
width: 100%;
margin: 0; }
.search-select + * {
margin-top: 20px; }
.page-navigation__search-input {
width: 100%;
margin: 0;
margin-top: 20px; }
button.page-navigation__search-submit {
position: absolute;
bottom: 0;
top: initial;
margin: 0;
z-index: 5; }
.header__social > img {
-o-object-fit: contain;
object-fit: contain; }
.header__social > * {
max-width: initial; }
.category__item {
width: calc(100% / 2 - 40px); }
.articles__item {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.personal__card-row {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.personal__card-info {
width: 100%; }
.personal__card-row {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.personal__card-info {
margin-top: 20px; }
.articles__item.streams__item {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.articles__item-image {
width: 100%; }
.articles__item-content {
width: 100%;
margin-top: 10px; }
.stream-days {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.stream-month {
position: relative;
-webkit-transform: none;
transform: none;
margin: 0;
top: 0;
left: 0;
margin-top: 15px; }
.streams__item-row {
position: static; }
.articles__item-content {
position: static; }
.stream-nmo {
position: absolute;
top: 20px;
right: 20px;
z-index: 5; }
.header__banner-link {
z-index: 3;
font-weight: 300;
font-size: 20px; }
.header__banner {
margin-top: 40px; }
.page-navigation {
padding: 20px 0; }
.page-navigation__wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
nav.page-navigation__menu {
width: 100%; }
form.page-navigation__search {
width: 100%;
margin-top: 20px; }
.page-navigation__search-input {
width: 100%; }
.home__row-section + * {
margin-top: 30px; }
.home__articles {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.home__articles > * {
width: 100%;
margin: 0; }
.home__articles > * + * {
margin-top: 15px; }
.home__articles {
margin: 0;
margin-top: 15px; }
.home__videos {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
margin-top: 20px; }
body {
min-width: 320px; }
.welcome__registration {
padding: 20px; }
.type-button > * {
padding: 10px 16px; }
.type-button > * span {
font-weight: 600;
font-size: 18px; }
.home__videos > * {
width: 100%; }
.home__videos > * + * {
margin-top: 15px; }
.home {
padding-bottom: 40px; } }
@media screen and (max-width: 639px) {
.welcome__title {
font-style: normal;
font-weight: 600;
font-size: 24px; }
.welcome__stats {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.welcome__stats-item {
width: 100%;
margin: 0;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.category__item {
width: calc(100% / 1 - 40px); }
.personal__nav-text {
color: #fff;
font-size: 11px; }
.personal__card-info-list {
-webkit-column-count: 1;
column-count: 1; }
.violet-button > * {
padding: 10px 30px; }
.video__block > iframe {
width: 100%;
height: 300px; }
.author-card__image {
width: 100px;
height: 100px; }
.author-card__content {
width: calc(100% - 100px - 20px); }
.author-card__content-value {
font-weight: normal;
font-size: 14px; }
.stream__image {
height: 200px; }
section.articles.video.stream .stream-nmo {
position: relative; }
section.articles.video.stream .stream-nmo {
position: relative;
top: 0;
left: 0; }
.streams__item-row {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
section.articles.video.stream .stream-nmo {
position: relative;
top: 0;
left: 0;
width: 100%;
margin: 0;
-webkit-transform: none;
transform: none;
text-align: center;
margin: 10px 0; }
.write-us__wrap {
padding: 20px 10px; }
.write-us__wrap .type-button > * {
padding: 10px 32px;
width: 100%;
text-align: center; }
.welcome__repair {
padding: 20px 10px; }
body {
min-width: 320px; }
.welcome__auth {
padding: 20px; }
.wrapper {
min-height: initial; }
.welcome__auth-form .type-button > * {
padding: 10px 40px;
width: 100%;
text-align: center; }
.header__text {
display: none; } }
@media screen and (max-width: 420px) {
body {
min-width: 320px; } }
@media screen and (max-width: 320px) {
body {
min-width: 320px; } }
.page-navigation .zbutton{display: inline-block; background: #9C3D9E;  border: 1px solid #9C3D9E; color: #fff; padding: 8px 20px; border-radius: 20px; cursor: pointer;}
.page-navigation .zbutton2{display: inline-block; color: #9C3D9E; border: 1px solid #9C3D9E; background: rgba(156, 61, 158, 0.1); padding: 8px 20px; border-radius: 20px; cursor: pointer;}
.page-navigation > .submenu{position: absolute; top:76px; left: 0; right: 0; background: #9C3D9E; color: #fff; display: none;}
.page-navigation > .submenu2{ background: #F5EBF5; color: #000;}
.page-navigation > .submenu ul{display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; padding: 30px 0;}
.page-navigation > .submenu ul li{ padding-right: 5%; width:33.3%;}
.page-navigation > .submenu ul li:nth-child(3n){ padding-right: 0;}
.page-navigation > .submenu ul li a{display: block; padding-left: 40px; position: relative; color: #fff; margin: 10px 0;}
.page-navigation > .submenu2 ul li a{ color: #000;}
.page-navigation > .submenu2 ul li a span{ text-decoration: underline;}
.page-navigation > .submenu ul li img{max-height: 30px; max-width: 30px; display: inline-block; position: absolute; top: 0; left: 0;} #res.bam{justify-content: start; display: none; transform: none;}
#res.bam.active{display: flex; transform: none;}
#res button#close-responsive{position: fixed;}
.responsive-menu .zbutton{display: inline-block; background: #9C3D9E; color: #fff; font-size: 20px; padding: 8px 20px; border-radius: 20px; cursor: pointer; margin: 20px 0;}
.responsive-menu .zbutton2{color: #9C3D9E; border: 1px solid #9C3D9E; background: rgba(156, 61, 158, 0.1);}
.responsive-menu .page-navigation__menu ul{display: block; text-align: center;}
.responsive-menu .page-navigation__menu li{margin: 10px 0 !important;}
.responsive-menu .page-navigation__menu li a{ font-size: 20px; text-decoration: none;}
.responsive-menu .responsive-menu__nav li a{ font-size: 20px; text-decoration: none;}
.responsive-menu .submenu{position: relative; left: 0; right: 0; display: none; width: 100%;}
.responsive-menu .submenu ul{display: flex; flex-direction: row; flex-wrap: wrap; width: 100vw; position: relative; left: 50%; margin-left: -50vw; padding: 30px; background: #9C3D9E;}
.responsive-menu .submenu2 ul{background: #F5EBF5; color: #000;}
.responsive-menu .submenu ul li{ flex: 100%;}
.responsive-menu .submenu ul li a{display: block; padding-left: 40px; position: relative; margin: 10px 0; font-size: 20px; color: #fff;}
.responsive-menu > .submenu2 ul li a{ color: #000;}
.responsive-menu > .submenu2 ul li a span{ text-decoration: underline;}
.responsive-menu .submenu ul li img{max-height: 30px; max-width: 30px; display: inline-block; position: absolute; top: 0; left: 0;}
@media screen and (max-width: 939px){
.articles__wrap{flex-wrap: wrap;}
.home__row{flex-wrap: wrap;}
aside.home__row-aside {display: block; width: 100%}
.type-banner{height: auto; width: 100%; position: relative; display: block}
.type-banner img{top: 0; transform: translateY(0); display: block}
.page-navigation .page-navigation__menu{display: none}
.page-navigation .zbutton{display: none}
.header__banner{margin-top: 0}
.post-comments,.comment-respond{padding-bottom: 0}
}
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .lektor-top{background: #9C3D9E; color: #fff; margin: 40px 0;}
.lektor-top .container{display: grid; grid-template-columns: 180px auto; gap:50px; padding: 50px 0 50px;}
.lektor-top .container img{width: 180px; height: 180px; border-radius: 180px; background: #eee; display: inline-block; object-fit: cover}
.lektor-top .container h1{margin: 0 0 30px;}
.lektor-top .container .tags{color: #fff; margin: 0 0 20px;}
.lektor-top .container .tag{color: #fff; text-decoration: underline;}
.lektor-content{margin-bottom: 50px;}
.lektor-content a{font-weight: 400; margin-bottom: 10px;}
.lektor-content h2{text-transform: uppercase; margin: 20px 0 0;}
.lertor-tags a{cursor: pointer;}
.lertor-tags a.active{color: #9C3D9E; text-decoration: underline;}
.lertor-tags{display: flex; justify-content: space-between; justify-items: space-between;}
.lektor__list{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:30px; }
.lektor__list .lektor__item {text-align: center;}
.lektor__list .lektor__item img{width: 150px; height: 150px; border-radius: 150px; background: #eee; display: inline-block; object-fit: cover}
.lektor__list .lektor__item a{display: block; width: 150px;}
.footer{position:relative;}
.footer .bottom{position:absolute; padding:1px 0; text-align:center; bottom:0; left:0; right:0; background:#ddd}
.ppolicy{font-size: 12px; display:inline-block; margin:5px 0}
@media screen and (max-width: 720px) { 
.video-preview__image > img { min-height: 0; }
}
.lektor__list{display: grid; grid-template-columns: 1fr 1fr 1fr ; gap:30px; }
}
@media screen and (max-width: 540px) {
.lertor-tags{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; text-align: center; gap:5px; align-items: space-between; align-content: space-between;}
.lektor__list{display: grid; grid-template-columns: 1fr 1fr; gap:30px; }
.lektor-top .container{display: grid; grid-template-columns: 1fr; gap:30px; padding: 40px 20px 20px;}
}
@media screen and (max-width: 360px) {
.lektor__list{display: grid; grid-template-columns: 1fr 1fr; gap:10px; }
}
.slidertop .slick-arrow{position: absolute; top: 50%; height: 24px; line-height: 24px; background: #000; font-size: 0; width: 25px; margin-top: -50px; border-radius: 24px; display: block; z-index: 10;  }
.slidertop .slick-arrow.slick-prev{left: 10px;background:  url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/img/sarl.svg) center no-repeat;}
.slidertop .slick-arrow.slick-next{right: 10px;background: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/img/sarr.svg) center no-repeat;}
.slidertop .slick-arrow.slick-prev:hover{ background: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/img/sala.svg) center no-repeat;}
.slidertop .slick-arrow.slick-next:hover{ background: url(//mediamedpuzzle.ru/wp-content/themes/med-puzzle/assets/img/sara.svg) center no-repeat;}