/*Theme Name: Spravedliza
Theme URI:
Author: Mikhail Epikhin
Author URI:
Description: Original theme
Version: 1.0*/

@font-face {
	font-family: 'MuseoSansCyrl';
	src: url('fonts/MuseoSansCyrl-300.eot');
	src: local('☺'), url('fonts/MuseoSansCyrl-300.woff') format('woff'), url('fonts/MuseoSansCyrl-300.ttf') format('truetype'), url('fonts/MuseoSansCyrl-300.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MuseoSansCyrl';
	src: url('fonts/MuseoSansCyrl-300italic.eot');
	src: local('☺'), url('fonts/MuseoSansCyrl-300italic.woff') format('woff'), url('fonts/MuseoSansCyrl-300italic.ttf') format('truetype'), url('fonts/MuseoSansCyrl-300italic.svg') format('svg');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'MuseoSansCyrl';
	src: url('fonts/MuseoSansCyrl-700.eot');
	src: local('☺'), url('fonts/MuseoSansCyrl-700.woff') format('woff'), url('fonts/MuseoSansCyrl-700.ttf') format('truetype'), url('fonts/MuseoSansCyrl-700.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'MuseoSansCyrl';
	src: url('fonts/MuseoSansCyrl-700italic.eot');
	src: local('☺'), url('fonts/MuseoSansCyrl-700italic.woff') format('woff'), url('fonts/MuseoSansCyrl-700italic.ttf') format('truetype'), url('fonts/MuseoSansCyrl-700italic.svg') format('svg');
	font-weight: bold;
	font-style: italic;
}

html{height: 100%; -ms-overflow-style: none; scrollbar-width: none;}
body{margin: 0 auto; height: 100vh; white-space: normal; font-family: 'MuseoSansCyrl', 'Arial', sans-serif; background: #FFFFFF; font-size: 16px; overflow-x: hidden;}

a,input{color: #000000; text-decoration: none;}
a, input, select, textarea, a *, button, .button, .search-button, .money-sum li span, .details-list li span, .details-list, .main-menu-icon, .subtop{
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

*{position: relative; margin: 0px; padding: 0px; list-style: none; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; border: 0; font-weight: normal; line-height: 1.1;}

.wrapper{margin: 0 auto; max-width: 1330px; padding: 30px;}
.item-link{width: 100%; display: block;}

@media only screen and (max-width: 1080px) {
.wrapper{padding: 30px 15px;}
}

/* Поля и контролеры */

.button{display: inline-block; padding: 15px 20px; text-align: center; color: #FFFFFF; font-family: 'MuseoSansCyrl', 'Arial', sans-serif; font-size: 16px; font-weight: bold; background: #E20338; border: 0; border-radius: 23px; cursor: pointer; white-space: nowrap;}
.button:hover{background-color: #194E83;}
.button:disabled{opacity: 0.5; cursor: default;}
:hover.button:disabled{background: #E20338;}
.btn-secondary{background: none !important; color: #E20338; border: 1px solid #E20338;}
.btn-secondary:hover{color: #194E83; border-color: #194E83;}

input[type="text"], textarea, select{display: block; width: 100%; margin: 0px; padding: 15px; color: #000000; font-family: 'MuseoSansCyrl', 'Arial', sans-serif; font-size: 16px; background: #EAF1F6; border: 0; border-radius: 15px; box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.1);}
textarea{min-height: 150px; resize: none; overflow: auto;}
select{padding-right: 45px !important; background: url('images/arrow-down.svg') right 15px center no-repeat #EAF1F6; background-size: 15px 15px;}
input:hover[type="text"], input:focus[type="text"], textarea:hover, textarea:focus{box-shadow: inset 0px 2px 8px 0px rgba(0, 0, 0, 0.2);}

form input[type="checkbox"]{display: none;}
form input[type="checkbox"] + label, .wpcf7-list-item input + span{display: block; padding: 5px 0px 5px 30px; margin: 0; font-size: 16px; cursor: pointer;}
form input[type="checkbox"] + label::before,  .wpcf7-list-item input + span::before{content: ""; display: block; width: 16px; height: 16px; background: #EAF1F6; border: 1px solid #D5E3ED; position: absolute; left: 0px; top: 50%; margin-top: -8px;}
form input[type="checkbox"]:checked + label::before,  .wpcf7-list-item input:checked + span::before{background: url('images/tick.svg') center center no-repeat; background-size: 12px 12px;}

.wpcf7-radio .wpcf7-list-item input + span::before{border-radius: 50%;}
.wpcf7-radio .wpcf7-list-item input:checked + span::before{background: url('images/radio.svg') center center no-repeat; background-size: 10px 10px;}

form input[type="radio"]{display: none;}
form input[type="radio"] + label{display: block; padding: 5px 0px 5px 30px; margin: 0; font-size: 16px; cursor: pointer;}
form input[type="radio"] + label::before{content: ""; display: block; width: 16px; height: 16px; background: #EAF1F6; border: 1px solid #D5E3ED; border-radius: 50%; position: absolute; left: 0px; top: 50%; margin-top: -8px;}
form input[type="radio"]:checked + label::before{background: url('images/radio.svg') center center no-repeat; background-size: 10px 10px;}

.program-acceptance{margin: 0px;}
.program-acceptance .wpcf7-list-item{margin: 0px 0px 15px; color: rgba(0, 0, 0, 0.5);}

:active, :hover, :focus{outline: 0; outline-offset: 0;}

b, strong, b *, strong *{font-weight: bold;}
p{line-height: 1.4;}
p *{line-height: 1.4;}
p a, .disclaimer a, .story a{color: #E20338; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
p a:hover, .disclaimer a:hover, .story a:hover{color: #194E83; border-color: #194E83;}

.modal{display: none;}
label.push div{display: none;}
input:checked ~ label.push div{display: block; background: rgba(0, 0, 0, 0.7); position: fixed; left: 0px; top: 0px; height: 100%; width: 100%; z-index: 99; cursor: pointer;}

@media only screen and (max-width: 1080px) {
input[type="text"], textarea, select{font-size: 14px;}
form input[type="checkbox"] + label, .wpcf7-list-item input + span{font-size: 14px;}
form input[type="radio"] + label{font-size: 14px;}
}

/* Сетка шаблона формы */

.form-layout{margin: 20px -10px;}
.form-layout::after{content: ""; display: block; clear: both;}
.form-layout > div{padding: 10px; float: left;}
.form-layout .field-label{display: block; margin: 0px 0px 10px 0px; font-size: 13px; font-weight: bold; color: #194E83;}
.codedropz-upload-handler{border: 4px dashed #D5E3ED !important; border-radius: 15px !important; color: #D5E3ED; font-size: 14px;}
.codedropz-upload-inner h3{font-size: 20px !important;}
.codedropz-upload-inner a{color: #194E83;}
.form-layout .list-items{padding-top: 5px;}
.form-layout .list-items label, .form-layout .list-items .wpcf7-list-item{display: block; margin: 0px 0px 10px;}

.f-submit{display: table; width: 100%; margin-top: 20px; text-align: left;}
.f-submit > div{display: table-cell; vertical-align: middle;}
.f-submit-agree{width: 100%;}
.f-submit-button{padding-right: 30px;}
.f-100{width: 100%;}
.f-50{width: 50%; min-height: 91px;}

.form-layout > .clearfix{clear: both; float: none; padding: 0px;}

.wpcf7 .ajax-loader{left: 50%; top: 10px; margin: 0px 0px 0px -24px !important; position: absolute !important;}

@media only screen and (max-width: 720px) {
.form-layout > div{float: none; width: 100%; min-height: auto;}

.f-submit{display: block; margin-top: 10px;}
.f-submit > div{display: block;}
.f-submit-button{padding-right: 0px; padding-bottom: 15px;}
.f-submit-button .button{width: 100%;}
}

/* Попап */

.fancybox-skin{padding: 0px !important; background: #FFFFFF !important;  border-radius: 15px !important;}
.popup{padding: 45px; max-width: 600px; color: #000000;}
.popup .headline{display: block; font-size: 36px; font-weight: bold;}
.popup .desc{margin: 15px 0px 30px; font-size: 16px;}
.popup .button{margin-top: 5px;}
.popup .disclaimer{font-size: 14px;}
.popup input[type="text"]{margin: 15px 0px;}

@media only screen and (max-width: 1080px) {
.popup .headline{font-size: 24px;}
.popup .desc{margin: 10px 0px 20px; font-size: 14px;}
.popup .disclaimer{font-size: 12px;}
}

@media only screen and (max-width: 720px) {
.fancybox-inner{overflow: scroll !important;}
.popup{padding: 20px;}
}
@media only screen and (max-height: 700px) {
.fancybox-inner{overflow: scroll !important;}
}

/* Шапка */

.top .wrapper{display: table; width: 100%; padding: 10px 15px;}
.top .wrapper > div{display: table-cell; vertical-align: middle; padding: 15px;}

.top-logo{width: 209px;}
.top-logo .logo{display: inline-block; width: 169px; height: 48px; background: url('images/drliza-logo-gradient.svg') center center no-repeat; background-size: contain;}
.top-sitedesc{width: 220px;}
.top-sitedesc .desc{font-size: 12px;}

.top-social{}
.social{margin: 0px -10px;}
.social li{display: inline-block; padding: 10px;}
.social a{display: block; width: 24px; height: 24px; background: center center no-repeat; background-size: contain;}
.social a:hover{opacity: 0.7;}

.social .facebook a{background-image: url('images/social/facebook.svg');}
.social .instagram a{background-image: url('images/social/instagram.svg');}
.social .vk a{background-image: url('images/social/vk.svg');}
.social .telegram a{background-image: url('images/social/telegram.svg');}
.social .youtube a{background-image: url('images/social/youtube.svg');}
.social .phone a{background-image: url('images/social/phone.svg');}
.social .email a{background-image: url('images/social/email.svg');}

.top .top-help{padding: 0px 15px !important; width: 225px; text-align: right;}
.top .button-help{padding: 20px 20px 20px 50px; background: url('images/attention.svg') 15px center no-repeat #E20338; background-size: 25px 25px; border-radius: 0;}
.top :hover.button-help{background-color: #194E83;}
.top .button-help .full{display: block; font-size: 20px; font-weight: bold;}
.top .button-help .short{display: none;}

@media only screen and (max-width: 1080px) {
body{margin-top: 50px;}
.top{position: fixed; top: 0px; left: 0px; right: 0px; background: #FFFFFF; z-index: 888; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);}
.top .wrapper{padding: 0px;}

.top-logo{padding: 7px 5px 7px 15px !important; width: 146px;}
.top-logo .logo{width: 126px; height: 36px;}
.top-sitedesc{display: none !important;}

.top-social{padding: 10px 0px !important; text-align: right;}
.top .social{margin: 0px;}
.top .social li{display: none; padding: 0px 15px 0px 0px;}
.top .social .phone{display: inline-block;}
.top .social a{width: 30px; height: 30px;}

.top .top-help{padding: 0px !important; width: 121px;}
.top .button-help{padding: 18px 15px 19px; background-image: none;}
.top .button-help .full{display: none;}
.top .button-help .short{display: block; font-size: 12px; font-weight: bold;}
}

/* Верхнее меню сайта */

.subtop{background: linear-gradient(to right, #194E83, #00B5A5); z-index: 999;}
.subtop .wrapper{padding: 0px 30px;}
.main-menu{position: static; display: inline-block;}
.main-menu > li, .main-menu > li > a{position: static;}
.main-menu > li{display: inline-block; float: left;}
.main-menu > li > a{display: block; padding: 15px 20px; color: #FFFFFF; font-size: 16px;}
.main-menu > li:hover > a,
.main-menu > .current-menu-item > a,
.main-menu > .current-menu-parent > a,
.main-menu > .current-post-ancestor > a,
.main-menu > .current-category-ancestor > a,
.main-menu > .current_page_parent > a,
.main-menu > .current-menu-ancestor > a{color: #FFFFFF; background: #00B5A5;}

.main-menu > li > .sub-menu{display: none; flex-flow: column wrap; flex-direction: column; position: absolute; top: 47px; left: 30px; right: 30px; padding: 10px 20px 25px; max-height: 300px; background: linear-gradient(to bottom, #00B5A5, #008274); border-radius: 0px 0px 15px 15px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.main-menu > li:hover > .sub-menu{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.main-menu > li > .sub-menu a{color: #FFFFFF;}
.main-menu > li > .sub-menu a:hover{text-decoration: underline;}
.main-menu > li > .sub-menu > li{padding: 15px 0px 5px;}
.main-menu > li > .sub-menu > li > a{font-size: 16px;}

.main-menu > li > .sub-menu > li > .sub-menu{margin-top: 10px;}
.main-menu > li > .sub-menu > li > .sub-menu > li{padding: 5px 0px;}
.main-menu > li > .sub-menu > li > .sub-menu > li > a{color: rgba(255, 255, 255, 0.75); font-size: 14px;}

.light-menu{position: relative !important;}
.light-menu > .sub-menu{left: 0px !important; width: 270px; max-height: 1000px !important;}
.light-menu > .sub-menu > li{display: block !important; width: 100% !important;}

.subtop .top-help{display: none; float: right;}
.subtop .button-help{border-radius: 0; margin-right: 0px;}

.top-search{float: right; padding: 14px 0px 13px 15px; width: 35px}
.top-search .search-button{display: block; width: 20px; height: 20px; background: url('images/search.svg') center center no-repeat; background-size: contain; cursor: pointer;}
.top-search :hover.search-button{opacity: 0.7;}
#modal-search:checked ~ .search-form {display: block;}
.search-form{display: none; position: fixed; top: 107px; left: 0; right: 0; width: 100%; z-index: 1299;}
.fixed .search-form{top: 9px;}

.zhit-link a{text-indent: -9999px; width: 93px; height: 47px; background: url('zhit/images/zhit-logo-red.svg') left center no-repeat !important; background-size: 78px auto !important;}

.fixed{position: fixed; top: 0; left: 0; right: 0; width: 100%;}
.main-menu > .home-link{display: none;}
.home-link a{text-indent: -9999px; width: 47px; height: 47px; background: url('images/drliza-white.svg') left center no-repeat !important; background-size: 30px 30px !important;}
.fixed .main-menu > .home-link{display: inline-block;}
.fixed .top-help{display: block;}
.fixed .zhit-link a{background-position: center center !important;}

#main-menu-opener{display: none;}

@media only screen and (max-width: 1080px) {
.subtop{position: fixed; top: 0; left: 100%; bottom: 0; width: 100%; height: 100%; padding: 50px 0px 80px; overflow-y: scroll; z-index: 1000;}
.subtop .wrapper{padding: 0px;}

.main-menu-icon{position: fixed; top: 0px; right: 80px; width: 50px; height: 50px; background: url('images/menu.svg') center center no-repeat; background-size: 24px 24px; cursor: pointer; z-index: 999;}

#main-menu-opener:checked + .main-menu-icon{background-image: url('images/close.svg'); right: 0px; z-index: 1099;}
#main-menu-opener:checked ~ .subtop{left: 0;}

.main-menu{position: relative; display: block;}

.main-menu > li{display: block; float: none; border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.main-menu > li:last-child{border: 0;}
.main-menu > li:hover > a{background: none;}
.main-menu > .current-menu-item > a,
.main-menu > .current-menu-parent > a,
.main-menu > .current-post-ancestor > a,
.main-menu > .current-category-ancestor > a,
.main-menu > .current_page_parent > a,
.main-menu > .current-menu-ancestor > a{background: #00B5A5 !important;}

.main-menu > li > .sub-menu{display: block; flex-flow: none; flex-direction: none; position: relative; top: auto; left: auto; right: auto; padding: 0px 0px 10px; max-height: 100%; width: 100%; background: none; border-radius: 0px; box-shadow: none;}
.main-menu > li > .sub-menu > li{padding: 0px; border-top: 1px dotted rgba(0, 0, 0, 0.2);}
.main-menu > li > .sub-menu > li > a{display: block; font-size: 14px; padding: 10px 30px;}
.main-menu > li > .sub-menu > li > .sub-menu{display: none; margin-bottom: 15px;}
.main-menu > li > .sub-menu > li > .sub-menu > li {padding: 5px 30px;}

.main-menu > li > .sub-menu > .menu-item-has-children > .arrow{display: block; position: absolute; right: 0px; top: 0px; width: 50px; height: 35px; background: url('images/arrow-down.svg') center center no-repeat; background-size: 10px 10px; -webkit-filter: grayscale(100%) brightness(1000%); filter: grayscale(100%) brightness(1000%);}
.main-menu > li > .sub-menu > .menu-item-has-children > .sub-menu-shown ~ .arrow{background-image: url('images/arrow-up.svg');}
.sub-menu-shown{display: block !important;}

.main-menu > li > .sub-menu > li.current-menu-parent > .sub-menu, .main-menu > li > .sub-menu > li.current-menu-ancestor > .sub-menu, .main-menu > li > .sub-menu > li.current-menu-parent > .sub-menu, .main-menu > li > .sub-menu > li.current-menu-ancestor > .sub-menu{display: block;}

.top-search{position: absolute; top: -50px; left: 0px; float: none; padding: 15px; width: 50px;}
.search-form, .fixed .search-form{top: 10px;}
.fixed .top-help, .fixed .home-link{display: none !important;}
.zhit-link a, .fixed .zhit-link a{display: block; width: 100%; background-position: left 20px center !important;}
}

/* Хлебные крошки */

.breadcrumbs .wrapper{padding-bottom: 0px;}
.breadcrumbs span a{display: inline-block; color: #194E83; font-size: 14px;}
.breadcrumbs span a:hover{color: #E20338;}
.breadcrumbs .current-item{color: #194E83; font-size: 14px;}
.breadcrumbs .separator{display: inline-block; width: 30px; height: 14px; background: url('images/breadcrumbs-separator.svg') center center no-repeat; background-size: auto 7px;}

@media only screen and (max-width: 1080px) {
.breadcrumbs .wrapper{padding-top: 15px;}
.breadcrumbs span a{font-size: 12px;}
.breadcrumbs .current-item{font-size: 12px;}
.breadcrumbs .separator{width: 20px; height: 12px; background-size: auto 5px;}
}

/* Внутренняя навигация */

.inner-navigation ul{display: inline-flex; margin: 20px 0px; border: 1px solid #D5E3ED; border-radius: 15px;}
.inner-navigation li{display: inline-block; padding: 10px 15px;}
.inner-navigation a{display: block; font-size: 16px; border-bottom: 1px dashed #D5E3ED;}
.inner-navigation a:hover{color: #E20338; border-color: #E20338;}
.inner-navigation .current-menu-item, .inner-navigation .current-menu-parent{background: #194E83; border-radius: 15px;}
.inner-navigation .current-menu-item a, .inner-navigation .current-menu-parent a{color: #FFFFFF; font-weight: bold; border: 0;}

@media only screen and (max-width: 1080px) {
.inner-navigation{margin: 0px -15px; padding: 0px 15px; overflow: auto; white-space: nowrap;}
.inner-navigation ul{margin: 15px 0px 0px;}
.inner-navigation a{font-size: 14px;}
::-webkit-scrollbar{width: 0px; height: 0px; background: transparent;}
}

/* Форматирование */

.headline span{color: #FFFFFF; font-weight: bold; text-transform: uppercase;}
.h-green span{background: #00B5A5;}
.h-blue span{background: #194E83;}
.headline .line{display: inline-block; padding: 3px 10px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);}
.headline .line:nth-child(1){z-index: 13;}
.headline .line:nth-child(2){z-index: 12;}
.headline .line:nth-child(3){z-index: 11;}

.block-header .wrapper{padding-bottom: 0px;}
.block-header .headline{font-size: 24px;}
.page-header .headline{font-size: 36px; font-weight: bold;}
.page-header p{margin: 20px 0px; font-size: 20px;}
.page-header .date{display: block; margin: 20px 0px 30px; color: rgba(0, 0, 0, 0.5); font-size: 16px;}

.story{margin: 30px 0px;}
.story p{margin: 20px 0px; font-size: 16px;}
.story h2{margin-top: 45px; font-size: 24px; font-weight: bold;}
.story ul, .story ol{margin: 30px 0px;}
.story li{margin: 20px 0px; padding-left: 40px; line-height: 1.4; font-size: 16px; background: url('images/bullet.svg') 13px 5px no-repeat; background-size: 13px 13px;}
.story li *{line-height: 1.4;}
.story img{display: block; max-width: 100%; height: auto; margin: 30px auto; border-radius: 15px;}
.story blockquote{margin: 30px 0px; padding: 30px; text-align: center; border: 1px solid #D5E3ED; border-radius: 30px;}
.story blockquote *{font-size: 20px;}

.story .alignleft{float: left; margin-right: 30px;}
.story .alignright{float: right; margin-left: 30px;}

.story .code{padding: 30px; max-height: 300px; overflow-y: scroll; background: #EAF1F6; border: 1px solid #D5E3ED;}

@media only screen and (max-width: 1080px) {
.block-header .headline{font-size: 16px;}
.page-header .headline{font-size: 24px;}
.page-header p{margin: 15px 0px; font-size: 16px;}
.page-header .date{margin: 15px 0px 20px; font-size: 14px;}

.story{margin: 20px 0px;}
.story p{margin: 15px 0px; font-size: 14px;}
.story h2{margin-top: 35px; font-size: 16px;}
.story ul, .story ol{margin: 20px 0px;}
.story li{margin: 15px 0px; padding-left: 20px; font-size: 14px; background: url('images/bullet.svg') 0px 3px no-repeat; background-size: 11px 11px;}
.story blockquote{margin: 20px 0px; padding: 15px; border-radius: 15px;}
.story blockquote *{font-size: 16px;}
}
@media only screen and (max-width: 600px) {
.story .alignleft{float: none; margin-right: 0px; width: 100%;}
.story .alignright{float: none; margin-left: 0px; width: 100%;}
}

/* Скачивание файлов */

.download-list li{margin: 30px 0px;}
a.download{display: inline-block; padding-left: 40px; min-height: 30px; font-size: 16px; font-weight: bold; background: left center no-repeat; background-size: 30px 30px;}
a.download:hover{color: #E20338;}

@media only screen and (max-width: 1080px) {
.download-list li{margin: 25px 0px;}
a.download{padding-left: 30px; min-height: 24px; font-size: 14px; background-size: 24px 24px;}
}

a.ext-doc{background-image: url('images/ext/doc-file-format-symbol.svg');}
a.ext-docx{background-image: url('images/ext/docx-file-format.svg');}
a.ext-pdf{background-image: url('images/ext/pdf-file-format-symbol.svg');}
a.ext-png{background-image: url('images/ext/png-file-extension-interface-symbol.svg');}

/* Скачивание файлов */

.external-link{display: inline-block; margin-bottom: 30px; padding-left: 30px; height: 22px; line-height: 22px; color: #194E83; font-size: 20px; text-decoration: underline; background: url('images/external-link.svg') left center no-repeat; background-size: 20px 20px; -webkit-filter: grayscale(100%) brightness(0%); filter: grayscale(100%) brightness(0%);}
.external-link:hover{-webkit-filter: grayscale(0%) brightness(100%); filter: grayscale(0%) brightness(100%);}

/* Запись с сайдбаром (новость, сбор, проект) */

.publication .wrapper{display: table; width: 100%; padding: 15px;}
.publication .wrapper > div{display: table-cell; vertical-align: top; padding: 15px;}
.publication .content{width: 66.7%;}
.publication .sidebar{width: 34.3%;}
.publication .full-wide{width: 100%; display: block; background: #FF0000;}

.publication .image{margin-bottom: 30px; border-radius: 15px; overflow: hidden;}
.publication .image img.photo{display: block; margin: 0 auto; max-width: 100%; max-height: 470px;}
.publication .image img.blur{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 55%; min-height: 55%; filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='30'); filter: blur(30px); -webkit-filter: blur(30px); -moz-filter: blur(30px); -o-filter: blur(30px); -ms-filter: blur(30px); opacity: 1;}
.publication .image iframe{width: 100%; height: 470px;}

.bx-wrapper{position: relative; }
.bx-controls{position: absolute; bottom: 0px; right: 0px; left: 0px; z-index: 99; max-width: 100%; margin: 0 auto; width: auto;}
.bx-pager{display: table; width: 90px; position: absolute; left: 130px; bottom: 30px;}
.bx-pager-item{display: table-cell; padding: 5px;}
a.bx-pager-link{display: block; width: 5px; height: 5px; border: 0; background: #FFFFFF; border-radius: 3px;text-indent: 100%; white-space: nowrap; overflow: hidden;}
.bx-pager-item .active{width: 40px; background: #194E83}
.bx-controls-direction{position: absolute; left: 24px; bottom: 25px;}
.bx-controls-direction a{display: inline-block; margin-left: 6px; height: 30px; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: center center no-repeat #FFFFFF; background-size: 13px auto; border-radius: 50%;}
.bx-controls-direction a:hover{background-color: #D5E3ED;}
.bx-prev{background-image: url('images/arrow-left.svg') !important;}
.bx-next{background-image: url('images/arrow-right.svg') !important;}

.share{text-align: center;}
.share span{margin: 3px;}
.share .desc{margin-bottom: 2px; text-align: center; font-size: 12px;}
.content .share{margin-top: 45px;}
.help .share{margin-bottom: 30px;}
.share-multi{display: flex; justify-content: space-between; align-items: center;}
.fundraising-article .content .share{display: none;}

.publication .category-icon{position: absolute; right: 0px; top: 0px;}
.publication .category-icon a::after{display: block; position: absolute; right: 60px; top: 15px; width: 180px; text-align: right; font-size: 14px;}
.publication .sidebar .category-icon{top: 30px; right: 15px;}
.publication .help-block{margin-bottom: 30px; padding: 45px 30px; border: 1px solid #D5E3ED; border-radius: 15px;}
.publication .help-block p{margin: 20px 0px 30px; font-size: 16px;}

.publication .related-block{margin-bottom: 30px; padding: 45px 30px 30px; border: 1px solid #D5E3ED; border-radius: 15px;}
.publication .related-block .news-card{margin: 30px 0px; padding-left: 105px; min-height: 90px;}
.publication .related-block .news-card .photo{position: absolute; left: 0; top: 0; margin-right: 30px; width: 90px; height: 90px; background: center center no-repeat; background-size: cover; border-radius: 10px;}
.publication .related-block .news-card .title{display: block; font-size: 20px; font-weight: bold;}
.publication .related-block :hover.item-link .news-card .title{color: #194E83;}
.publication .related-block .news-card .date{font-size: 14px;}
.news-article .related-block{margin-top: 90px;}

.page .sidebar .single-photo{display: block; max-width: 100%; margin-bottom: 30px; border-radius: 15px;}

#wpdcom{max-width: 100% !important;}

@media only screen and (max-width: 1080px) {
.publication .wrapper{display: block; padding: 0px;}
.publication .wrapper > div{display: block; width: 100%;}

.publication .image img.photo{max-height: 360px;}
.publication .image iframe{height: 360px;}

.publication .category-icon{position: relative; right: auto; top: auto; margin-top: 15px;}
.publication .category-icon a::after{position: absolute; left: 40px; top: 10px; text-align: left; font-size: 12px;}
.publication .sidebar .category-icon{margin: -15px 0px 30px; top: auto; right: auto;}

.publication .help-block{padding: 30px 15px;}
.publication .help-block p{margin: 15px 0px 20px; font-size: 14px;}
.publication .related-block{margin-bottom: 30px; padding: 30px 15px 20px;}
.publication .related-block .news-card .title{font-size: 16px;}
.publication .related-block .news-card .date{font-size: 12px;}
.news-article .related-block{margin-top: 0px;}

.fundraising-article .content .share{display: block;}
}
@media only screen and (max-width: 720px) {
.share-multi{display: block;}
.share-multi .button{margin-bottom: 15px; width: 100%;}
}
@media only screen and (max-width: 374px) {
.publication .related-block .news-card{padding-left: 75px; min-height: 60px;}
.publication .related-block .news-card .photo{width: 60px; height: 60px;}
}

/* Иконки категорий сборов */

.category-icon{display: block; width: 45px; height: 45px; background: #D5E3ED; border-radius: 50%;}
:hover.category-icon{background: #194E83;}
.category-icon a{display: block; width: 100%; height: 100%; background: center center no-repeat; background-size: 25px 25px;}
.category-icon a:hover{-webkit-filter: grayscale(100%) brightness(1000%); filter: grayscale(100%) brightness(1000%);}
.category-icon a::after{display: none;}

a.ci-common{background-image: url(images/category-icon/common.svg);}
a.ci-common::after{content: "Общие темы";}

a.ci-children{background-image: url(images/category-icon/children.svg);}
a.ci-children::after{content: "Помощь детям";}

a.ci-adult{background-image: url(images/category-icon/adult.svg);}
a.ci-adult::after{content: "Помощь взрослым";}

a.ci-sick-children{background-image: url(images/category-icon/sick-children2.svg);}
a.ci-sick-children::after{content: "Помощь тяжелобольным и раненым детям";}

a.ci-house-of-mercy{background-image: url(images/category-icon/house-of-mercy.svg);}
a.ci-house-of-mercy::after{content: "Дом милосердия";}

a.ci-help-route{background-image: url(images/category-icon/help-route.svg);}
a.ci-help-route::after{content: "Маршрут защиты";}

a.ci-doctor-liza{background-image: url(images/category-icon/doctor-liza.svg);}
a.ci-doctor-liza::after{content: "Доктор Лиза";}

a.ci-zhit{background-image: url(images/category-icon/zhit.svg);}
a.ci-zhit::after{content: "Жить! Войне и смерти вопреки";}

a.ci-friend-help{background-image: url(images/category-icon/friend-help.svg);}
a.ci-friend-help::after{content: "Дружеская помощь";}

a.ci-sp2021{background-image: url(images/category-icon/sp2021.svg);}
a.ci-sp2021::after{content: "Справедливая помощь 2021";}

a.ci-vokzal-sreda{background-image: url(images/category-icon/vokzal-sreda.svg);}
a.ci-vokzal-sreda::after{content: "Вокзал по средам";}

a.ci-always-human{background-image: url(images/category-icon/always-human.svg);}
a.ci-always-human::after{content: "#ВсегдаЧеловек";}

a.ci-helpful-hand{background-image: url(images/category-icon/helpful-hand.svg);}
a.ci-helpful-hand::after{content: "Рука помощи";}

a.ci-pro-friend{background-image: url(images/category-icon/pro-friend.svg);}
a.ci-pro-friend::after{content: "Профессиональный друг ";}

a.ci-special-project{background-image: url(images/category-icon/special-project.svg);}
a.ci-special-project::after{content: "Спецпроекты";}

a.ci-green-light{background-image: url(images/category-icon/green-light.svg);}
a.ci-green-light::after{content: "Центр помощи «Зеленый свет»";}

@media only screen and (max-width: 1080px) {
.category-icon{width: 30px; height: 30px;}
.category-icon a{background-size: 15px 15px;}
}

/* Сборы */

.fundraising-grid .wrapper{display: -webkit-flex; display: flex; flex-wrap: wrap; padding: 0px 15px 30px;}
.fundraising-grid-noflex .wrapper{padding: 15px;}
.fundraising-grid-item{display: -webkit-inline-flex; display: inline-flex; width: 33.3%; padding: 30px 15px;}
.fundraising-grid-item-noflex{padding: 30px 15px;}
.fundraising-grid-item:nth-child(3n+2){width: 33.4%;}
.fundraising-card{padding: 270px 30px 30px; height: 450px; background: #FFFFFF; border: 1px solid #D5E3ED; border-radius: 15px; overflow: hidden;}
.fundraising-card p{position: absolute; top: -420px; left: 30px; right: 30px; color: #FFFFFF; font-size: 14px;}
:hover.item-link .fundraising-card p{top: 75px;}
.fundraising-card .photo::before{content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin-top: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));}
:hover.item-link .fundraising-card .photo::before{margin-top: 0;}
.fundraising-card .photo{position: absolute; left: 0px; top: 0px; right: 0px; width: 100%; height: 240px; background: center center no-repeat; background-size: cover;}
.fundraising-card .category-icon{position: absolute; right: 15px; top: 15px;}
.fundraising-card .headline{position: absolute; left: 30px; bottom: 190px; font-size: 20px;}
.fundraising-card .name{display: block; margin-bottom: 5px; font-size: 16px;}
.fundraising-card .info{display: block; font-size: 14px;}
.fundraising-card .result{margin: 15px 0px;}

.result-bar{margin: 0px 0px 10px; height: 5px; background: #D5E3ED; overflow: hidden;}
.result-bar .fill{position: absolute; left: 0; top: 0; top: 0; height: 100%; background: linear-gradient(to right, #194E83, #00B5A5);}
.result::after, .result-bar::after{content: ""; display: block; width: 100%; clear: both;}
.result-numbers .collected{float: left; font-size: 20px; font-weight: bold;}
.result-numbers .total{float: right; font-size: 20px;}

.fundraising-panel{margin-top: 15px; z-index: 777;}
.panel-fixed{position: fixed; top: 47px; left: 0; right: 0; width: 100%; margin-top: 0; background: #FFFFFF; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.05);}
.panel-fixed .wrapper{padding: 5px 15px !important;}
.fundraising-panel .wrapper{display: table; width: 100%; padding: 15px;}
.fundraising-panel .wrapper > div{display: table-cell; padding: 0px 15px; vertical-align: middle;}
.fundraising-panel .share{width: 266px;}
.fundraising-panel .buttons{width: 510px; padding: 15px 10px;}
.fundraising-panel .buttons li{display: inline-block; padding: 5px;}

.fundraising-article .wrapper{padding-top: 0px;}
.fundraising-article .comments-section{margin: 45px 0px 30px;}
#comments{margin: 0 !important;}
.comment-field{padding: 30px 0px;}
.comment-field textarea{margin-bottom: 15px;}

@media only screen and (max-width: 1080px) {
.fundraising-grid .wrapper{padding: 7px 7px 8px 8px;}
.fundraising-grid-noflex .wrapper{padding: 7px 22px 8px 23px;}
.fundraising-grid-item{padding: 8px 8px 7px 7px;}
.fundraising-grid-item-noflex{padding: 15px 7px 15px 8px;}
.fundraising-card{padding: 180px 15px 30px; height: 360px;}
.fundraising-card p{display: none;}
.fundraising-card .photo{height: 150px;}
.fundraising-card .headline{left: 15px; font-size: 16px;}
.fundraising-card .name{font-size: 14px;}
.fundraising-card .info{font-size: 12px;}

.result-numbers .collected{font-size: 16px;}
.result-numbers .total{font-size: 16px;}

.panel-fixed{top: 49px;}
.fundraising-panel .wrapper{padding: 5px 0px 5px 15px !important;}
.fundraising-panel .wrapper > div{padding: 0px;}
.fundraising-panel .share{display: none !important;}
.fundraising-panel .buttons{padding: 0px 0px 0px 10px !important; width: 125px;}
.fundraising-panel .buttons li{display: none; padding: 0px;}
.fundraising-panel .buttons li:first-child{display: block;}
.fundraising-panel .buttons .button{padding: 10px 15px; font-size: 12px; border-radius: 20px 0px 0px 20px;}

}
@media only screen and (max-width: 800px) {
.fundraising-grid-item{width: 50% !important;}
}
@media only screen and (max-width: 560px) {
.fundraising-grid-item{width: 100% !important;}
}

/* Пагинация */

.wp-pagenavi{display: block; padding: 30px 25px 60px; text-align: center;}
.wp-pagenavi a, .wp-pagenavi span{display: inline-block; margin: 5px; width: 40px; height: 40px; text-align: center; line-height: 40px; color: #E20338; font-size: 16px; font-weight: bold; border: 1px solid #E20338 !important; border-radius: 50%;}
.wp-pagenavi a:hover{color: #194E83; border-color: #194E83 !important;}
.wp-pagenavi .current{color: #FFFFFF; background: #194E83; border-color: #194E83 !important; opacity: 1;}

/* Новости */

.news-grid .wrapper{display: -webkit-flex; display: flex; flex-wrap: wrap; padding: 0px 0px 30px;}
.news-grid-item{display: -webkit-inline-flex; display: inline-flex; width: 33.3%; padding: 30px;}
.news-grid-item:nth-child(3n+2){width: 33.4%;}
.news-card .photo{margin-bottom: 20px; height: 240px; background: center center no-repeat; background-size: cover; border-radius: 15px;}
.news-card .title{display: block; font-size: 20px; font-weight: bold;}
:hover.item-link .news-card .title{color: #194E83;}
.news-card p{margin: 15px 0px; font-size: 14px;}
.news-card .date{display: block; margin-top: 20px; color: rgba(0, 0, 0, 0.5); font-size: 14px;}

@media only screen and (max-width: 1080px) {
.news-grid-item{padding: 15px;}
.news-card .photo{height: 180px;}
.news-card .title{font-size: 16px;}
.news-card p{font-size: 12px;}
.news-card .date{font-size: 12px;}

}
@media only screen and (max-width: 720px) {
.news-grid-item{width: 50% !important;}
}
@media only screen and (max-width: 540px) {
.news-grid-item{width: 100% !important;}
}

/* Программы и проекты */

.programs-grid .wrapper{display: -webkit-flex; display: flex; flex-wrap: wrap; padding: 15px 15px 30px;}
.programs-grid .programs-grid-item{display: -webkit-inline-flex; display: inline-flex; width: 50%; padding: 15px;}
.programs-grid .program-card{display: block; padding: 30px; height: 275px; border-radius: 15px; overflow: hidden;}
.programs-grid .program-card .photo{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: center center no-repeat; background-size: cover;}
.programs-grid .program-card .headline{display: block; margin-top: 30px; font-size: 20px;}
.programs-grid :hover.item-link .program-card .headline{margin-top: 0px;}
.programs-grid .program-card p{margin-top: 210px; color: #FFFFFF; font-size: 14px; border-radius: 10px;}
.programs-grid :hover.item-link .program-card p{margin-top: 20px;}
.programs-grid .program-card .photo::before{content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin-top: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));}
.programs-grid :hover.item-link .photo::before{margin-top: 0;}

@media only screen and (max-width: 1080px) {
.programs-grid .wrapper{padding: 7px 7px 30px 8px;}
.programs-grid .programs-grid-item{padding: 7px 7px 8px 8px;}
.programs-grid .program-card{padding: 15px; height: 240px;}
.programs-grid .program-card .headline{font-size: 16px;}
.programs-grid .program-card p{display: none;}
}
@media only screen and (max-width: 720px) {
.programs-grid .programs-grid-item{width: 100%;}
.programs-grid .program-card{height: 180px;}
}

/* Поиск */

.search-grid .wrapper{padding-top: 15px;}
.search-grid-item{border-bottom: 1px dotted #D5E3ED;}
.search-grid-item:last-child{border: 0;}
.search-card{padding: 45px 0px 45px 80px;}
.search-card .photo{position: absolute; left: 0px; top: 50%; margin-top: -30px; width: 60px; height: 60px; background: center center no-repeat; background-size: cover; border-radius: 50%;}
.search-card .title{display: block; font-size: 20px; font-weight: bold;}
.search-card .link-url{display: block; margin-top: 10px; font-size: 14px; color: #194E83;}
:hover.item-link .search-card .title{color: #194E83;}

@media only screen and (max-width: 1080px) {
.search-card{padding: 30px 0px 30px 55px;}
.search-card .photo{margin-top: -22px; width: 45px; height: 45px;}
.search-card .title{font-size: 16px;}
.search-card .link-url{font-size: 12px;}
}

/* Главная страница */

.frontpage-leftright .wrapper{display: table; width: 100%; padding: 0px;}
.frontpage-leftright .wrapper > div{display: table-cell; width: 50%; padding: 15px 15px 90px;}
.frontpage-leftright .block-header{padding: 15px;}
.frontpage-leftright .button{position: absolute; bottom: 15px; left: 50%; margin-left: -90px; width: 180px;}

.frontpage-news .news-grid-item{display: block; width: 100% !important; padding: 20px 15px;}
.frontpage-news .news-card{padding-left: 210px; min-height: 180px;}
.frontpage-news .news-card .photo{position: absolute; left: 0; top: 0; width: 180px; height: 180px; border-radius: 10px;}

.frontpage-news .news-card .title{display: block; font-size: 20px; font-weight: bold;}
.frontpage-news :hover.item-link .news-card .title{color: #194E83;}
.frontpage-news .news-card .desc{margin: 15px 0px; font-size: 14px;}
.frontpage-news .news-card .date{display: block; font-size: 14px;}

.frontpage-programs{display: block; padding: 5px 0px 0px;}
.frontpage-programs .programs-grid-item{display: block; width: 100%;}

@media only screen and (max-width: 1080px) {
.frontpage-leftright .wrapper > div{padding: 15px 15px 90px;}

.frontpage-news .news-card{padding-left: 135px; min-height: 120px;}
.frontpage-news .news-card .photo{width: 120px; height: 120px;}
.frontpage-news .news-card .title{font-size: 16px;}
.frontpage-news .news-card .desc{font-size: 12px;}
.frontpage-news .news-card .date{font-size: 12px;}

}
@media only screen and (max-width: 720px) {
.frontpage-leftright .wrapper > div{display: block; width: 100%; padding: 15px 0px 30px;}
.frontpage-leftright .button{position: relative; bottom: auto; left: auto; margin-top: 15px; margin-left: 15px; width: calc(100% - 30px);}

.frontpage-programs{padding: 5px 8px 10px 7px;}
}

/* Команда */

.team-grid{display: grid; grid-template-columns:  repeat(4, 1fr); gap: 30px; padding: 30px 0px;}
.team-grid-item{padding-bottom: 15px;}
.team-grid-item .photo{margin-bottom: 15px; width: 180px; height: 180px; background: center top no-repeat #D5E3ED; background-size: cover; border-radius: 30px;}
.team-grid-item .name{display: block; font-size: 20px; font-weight: bold;}
.team-grid-item .job{display: block; margin-top: 10px; font-size: 14px;}
.team-grid-item .email{display: inline-block; margin-top: 15px; color: #194E83; font-size: 14px; border-bottom: 1px solid #D5E3ED;}
.team-grid-item .email:hover{color: #E20338; border-color: #E20338;}

.team-person .wrapper{padding-top: 0px; padding-bottom: 45px;}
.team-person .wrapper > div{vertical-align: middle !important;}
.team-person .team-person-info .name{display: block; font-size: 24px; font-weight: bold;}
.team-person .team-person-info .job{display: block; margin-top: 10px; font-size: 16px;}
.team-person .team-person-info .email{display: inline-block; margin-top: 15px; color: #194E83; font-size: 16px; border-bottom: 1px solid #D5E3ED;}
.team-person .team-person-info .email:hover{color: #E20338; border-color: #E20338;}
.team-person .story{padding: 15px 30px; border: 1px solid #D5E3ED; border-radius: 30px;}
.team-person .team-person-photo{display: block; max-width: 100%;}

@media only screen and (max-width: 1080px) {
.team-page .wrapper{padding-top: 15px;}
.team-grid{grid-template-columns:  repeat(4, 1fr); gap: 15px;}
.team-grid-item .photo{width: 120px; height: 120px;}
.team-grid-item .name{font-size: 16px;}
.team-grid-item .job{font-size: 12px;}
.team-grid-item .email{font-size: 12px;}

.team-person .team-person-info .name{font-size: 20px;}
.team-person .team-person-info .job{font-size: 14px;}
.team-person .team-person-info .email{font-size: 14px;}
.team-person .team-person-photo{max-height: 30vh; float: left; margin-right: 15px;}
.team-person .story{border: 0; padding: 15px 0px; clear: both;}
}
@media only screen and (max-width: 720px) {
.team-grid{grid-template-columns:  repeat(3, 1fr); text-align: center;}
.team-grid-item .photo{margin: 0 auto 15px;}
}
@media only screen and (max-width: 530px) {
.team-grid{grid-template-columns:  repeat(2, 1fr);}	

}
@media only screen and (max-width: 374px) {
.team-grid-item .photo{width: 90px; height: 90px;}
}

/* Партнёры */

.partners .wrapper{padding: 30px 15px 45px;}
.partners .block-header{padding: 15px; text-align: center;}
.partners .partner{padding: 30px; text-align: center;}
.partners .partner a{display: block; height: 60px; background: center center no-repeat; background-size: contain;}

.partners .page-header{padding: 0px 15px;}
.partners .partners-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 0px; padding: 30px 0px;}
.partners .partners-grid a{height: 90px;}
.partners .partner .name{display: block; margin-top: 20px; color: #194E83; font-size: 14px;}

@media only screen and (max-width: 1080px) {
.partners .wrapper{padding: 30px 0px 45px;}
.frontpage-partners{padding: 30px 30px 45px !important;}
.partners .inner-navigation{margin: 0;}
.partners .partner{padding: 15px;}
}
@media only screen and (max-width: 720px) {
.partners .partners-grid{grid-template-columns: repeat(3, 1fr);}
.partners .partner .name{font-size: 12px;}
}
@media only screen and (max-width: 480px) {
.partners .partners-grid{grid-template-columns: repeat(2, 1fr);}
.partners .partner a{height: 50px;}
}

/* Как стать партнером */

.become-a-partner{margin-top: -30px;}
.become-a-partner .wrapper{display: -webkit-flex; display: flex; flex-wrap: wrap; padding: 0px 15px 30px;}
.become-a-partner .become-item{display: -webkit-inline-flex; display: inline-flex; width: 33.3%; padding: 15px;}
.become-a-partner .become-item:nth-child(2){width: 33.4%;}
.become-a-partner .become-card{padding: 30px; width: 100%; border: 1px solid #D5E3ED; border-radius: 15px;}
.become-a-partner .block-header{display: block !important;}

@media only screen and (max-width: 1080px) {
.become-a-partner .wrapper{padding: 0px 0px 30px;}
.become-a-partner .become-item{width: 100% !important;}
}

/* Страница контактной информации */

.contact-page .info{margin: 15px -30px;}
.contact-page .info li{display: inline-block; width: 33.3%; padding: 15px 30px;}
.contact-page .info li:nth-child(2){width: 33.4%;}
.contact-page .info .caption{display: block; margin-bottom: 5px; font-size: 16px;}
.contact-page .info .value{display: inline-block; font-size: 20px; font-weight: bold;}
.contact-page .info .also{display: inline-block; margin-left: 10px; font-size: 14px;}
.contact-page .map, .publication .map{margin: 30px 0px; height: 480px; background: #D5E3ED; border-radius: 15px; overflow: hidden;}

@media only screen and (max-width: 1080px) {
.contact-page .wrapper{padding-top: 15px;}
.contact-page .info{margin: 15px 0px;}
.contact-page .info li{padding: 15px 0px;}

.contact-page .info .caption{font-size: 14px;}
.contact-page .info .value{font-size: 16px;}
.contact-page .info .also{font-size: 12px;}
.contact-page .map, .publication .map{height: 300px;}
}
@media only screen and (max-width: 720px) {
.contact-page .info li{width: 100% !important;}
}

/* Отчёты-новости */

.other-reports .wrapper{padding-bottom: 0px;}

/* Пожертвовать */

.details{min-height: 64px; padding-right: 45px !important;}
.details-list{position: absolute; left: 10px; right: 10px; top: 34px; padding-top: 64px; height: 64px; background: url('images/arrow-down.svg') right 15px top 17px no-repeat; background-size: 15px 15px; border-radius: 15px; overflow: hidden; z-index: 5; cursor: pointer;}
.details-list:hover{height: auto; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.details-list li{border-bottom: 1px solid #D5E3ED;}
.details-list li:last-child{border: 0;}
.details-list li span{display: block; padding: 15px; background: #FFFFFF;}
.details-list li span:hover{background: #EAF1F6;}

#payment-form .rub{position: absolute; right: 30px; bottom: 25px; font-size: 16px;}

.money-sum{position: absolute; bottom: 10px; left: 10px;}
.money-sum::after{content: ""; display: block; clear: both;}
.money-sum li{display: inline-block; float: left; padding: 5px 5px 0px 0px;}
.money-sum li span{display: block; padding: 3px 5px; color: #D5E3ED; font-size: 14px; border: 1px solid #D5E3ED; border-radius: 5px; cursor: pointer;}
.money-sum li span:hover{color: #E20338; border-color: #E20338;}

@media only screen and (max-width: 720px) {
#payment-form .rub{font-size: 14px;}
.money-sum{position: relative; bottom: auto; left: auto; margin-top: -15px;}
.money-sum li span{font-size: 12px;}
}

/* Способы помочь */

.option-card p, .option-card i:before, .option-card i:after {transition: all 0.25s ease-in-out;}
.option-card input[type=checkbox] {position: absolute; cursor: pointer; width: 100%; height: 30px; z-index: 1; opacity: 0;}
.option-card input[type=checkbox]:checked ~ .story *{margin-top: 0; max-height: 0; opacity: 0;}

.options-grid{display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 15px -30px;}
.options-grid-item{display: -webkit-inline-flex; display: inline-flex; width: 50%; padding: 30px;}
.option-card{display: block; width: 100%; padding-left: 40px;}
.option-card .story{margin: 0;}
.option-card .title{display: block; font-size: 24px; font-weight: bold;}
.option-card i {position: absolute; display: block; left: 0px; top: 5px; width: 15px; height: 15px; background: url('images/arrow-down.svg') center center no-repeat; background-size: contain; transform: rotate(180deg);}
.option-card input[type=checkbox]:checked ~ i{transform: none;}

.options-gallery{display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 0px -5px;}
.options-gallery > div{display: -webkit-inline-flex; display: inline-flex; width: 33.3%; padding: 5px;}
.options-gallery > div:nth-child(3n+2){width: 33.4%;}
.options-gallery img{border: 1px solid rgba(0, 0, 0, 0.1);}

@media only screen and (max-width: 1080px) {
.options-grid{margin: 15px 0px;}
.option-card input[type=checkbox] {width: calc(100% - 40px);}
.options-grid-item{width: 100%; padding: 30px 0px;}
.option-card .title{font-size: 16px;}
}

/* Раздел документы */

.docs-page .docs{padding-top: 15px;}

/* Плитка благодарностей */

.letters-grid{display: grid; grid-template-columns:  repeat(6, 1fr); gap: 30px; padding: 30px 0px;}
.letters-grid-item{text-align: center;}
.letters-grid-item img{display: block; max-width: 100%; border-radius: 15px;}
.letters-grid :hover.item-link img{opacity: 0.5;}

@media only screen and (max-width: 1080px) {
.letters-of-thanks .wrapper{padding-top: 15px;}
.letters-grid{gap: 15px;}
}
@media only screen and (max-width: 990px) {
.letters-grid{grid-template-columns:  repeat(5, 1fr);}
}
@media only screen and (max-width: 720px) {
.letters-grid{grid-template-columns:  repeat(4, 1fr);}
}
@media only screen and (max-width: 600px) {
.letters-grid{grid-template-columns:  repeat(3, 1fr);}
}

/* Подвал сайта */

.footer, .footer-copyright{color: #FFFFFF; background: #194E83;}

.footer .wrapper{display: table; width: 100%; padding: 30px 15px 0px;}
.footer .wrapper > .footer-col{display: table-cell; width: 25%; vertical-align: top; padding: 15px 15px;}

.footer .logo{display: inline-block; width: 169px; height: 43px; background: url('images/drliza-logo-white.svg') center center no-repeat; background-size: contain;}

.footer-contact li{padding: 0px 0px 10px;}
.footer-contact .address{display: block; margin-bottom: 10px; font-size: 16px;}
.footer-contact .also{font-size: 12px;}

.footer .social{margin-top: -10px;}
.footer .social .facebook a{background-image: url('images/social/footer-facebook.svg') !important;}
.footer .social .instagram a{background-image: url('images/social/footer-instagram.svg') !important;}
.footer .social .vk a{background-image: url('images/social/footer-vk.svg') !important;}
.footer .social .telegram a{background-image: url('images/social/footer-telegram.svg') !important;}
.footer .social .youtube a{background-image: url('images/social/footer-youtube.svg') !important;}

.footer .contacts{margin-bottom: 40px;}
.footer .contacts li{margin-bottom: 15px;}
.footer .contacts .label{display: block; margin-bottom: 5px; font-size: 12px;}
.footer .contacts a{color: #FFFFFF; font-size: 16px; font-weight: bold;}
.footer .contacts .phone{margin-left: -7px;}

.footer-menu{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: column wrap; flex-direction: column; padding: 10px 0px 25px; max-height: 300px;}
.footer-menu a{color: #FFFFFF;}
.footer-menu a:hover{text-decoration: underline;}
.footer-menu > li{padding: 15px 15px 5px; width: 25%;}
.footer-menu > li > a{font-size: 16px;}

.footer-menu > li > .sub-menu{margin-top: 10px;}
.footer-menu > li > .sub-menu > li{padding: 5px 0px;}
.footer-menu > li > .sub-menu > li > a{color: #D5E3ED; font-size: 14px;}

.footer-copyright .wrapper{display: table; width: 100%; padding: 30px 15px;}
.footer-half{display: table-cell; width: 50%; vertical-align: middle; padding: 15px 15px;}

.footer-copyright p{font-size: 14px;}
.footer-copyright a{border-color: #E20338;}
.footer-copyright a:hover{color: #FFFFFF; border-color: #FFFFFF;}

.subscribe .headline{display: block; margin-bottom: 15px; font-size: 16px; font-weight: bold;}
.subscribe .subscribe-input{padding: 14px 20px; color: #FFFFFF; font-family: 'MuseoSansCyrl', 'Arial', sans-serif; font-size: 16px; background: none; border: 1px solid rgba(255, 255, 255, 0.75); border-radius: 23px;}
.subscribe .subscribe-input::placeholder{color: rgba(255, 255, 255, 0.75);}
.subscribe .subscribe-input{display: inline-block; width: 350px; border-right: 0; border-radius: 23px 0px 0px 23px;}
.subscribe .button{border-radius: 0px 23px 23px 0px;}
.subscribe :hover.button{color: #194E83; background: #FFFFFF;}

@media only screen and (max-width: 1080px) {
.footer .wrapper{padding: 30px 0px 0px;}

.footer .logo{width: 142px; height: 36px;}

.footer .contacts{margin-bottom: 30px;}
.footer-contact .address{font-size: 14px;}
.footer .contacts a{font-size: 14px;}

.footer-menu > li > a{font-size: 14px;}
.footer-menu > li > .sub-menu > li > a{color: #D5E3ED; font-size: 12px;}

.footer-copyright .wrapper{display: block; padding: 30px 0px;}
.footer-half{display: block; width: 100%;}

.subscribe .headline{font-size: 14px;}

}
@media only screen and (max-width: 720px) {
.footer-copyright .wrapper{text-align: center;}
.footer .wrapper{display: block;}
.footer .wrapper > .footer-col{display: block; width: 100%;}
.footer-menu{display: none;}
.subscribe .subscribe-input{width: calc(100% - 142px);}
}