/* common.css */
.section-row .section-title.section-title-center {max-width:840px}
.pricing-item.highlighted-box::after {content: 'Оптимальний';}
.form-control {width:100%!important}
.form-group label {font-size:16px;font-weight:600;line-height:1.6em;text-transform:none;color:var(--accent-color);background-position:left center;display:inline-block;margin-bottom:10px}
.c-captcha {display:flex;align-items:center;}
.c-captcha input {flex: 1; margin-left: 15px;}
.pagination {justify-content: center;}
.pagination a, .pagination span {display:flex;text-decoration:none;justify-content:center;align-items:center;background:var(--secondary-color);color:var(--primary-color);border-radius:12px;width:40px;height:40px;margin:0 5px;font-weight:700;line-height:1em;transition:all .3s ease-in-out}
.pagination .pages {display:flex;align-items:center;flex-wrap:wrap}
.pagination .pages span, .pagination .pages a:hover {background:var(--accent-color);color:var(--secondary-color)}
.page-header-box h1 {font-size: 58px;}
.quote, blockquote {background:url('../images/svg/icon-blockquote.svg'),var(--accent-color);background-repeat:no-repeat;background-position:30px 30px;background-size:50px;border-radius:18px;padding:30px 30px 30px 90px!important;margin-bottom:30px;border:none;font-family:var(--accent-font);font-size:22px;font-weight:700;line-height:1.5em;color:var(--accent-secondary-color);}
.tag-links div {font-size: 0;}
.tag-links div a {margin-right: 15px;}
.tag-links div a:last-child {margin-right: 0;}
.story_icons {margin-top:40px;margin-bottom: -80px;}
.story_icons ul {margin-bottom: 0;}
.story_icons ul a {display:inline-block;font-family:var(--default-font);font-size:20px;font-weight:600;text-transform:none;line-height:1em;background:var(--accent-color);color:var(--accent-secondary-color);border-radius:46px;padding:12px 20px;transition:all .3s ease-in-out;margin-right:15px;}
.story_icons ul a:last-child {margin-right: 0;}
#dropmenudiv {background:var(--accent-color);transition:all .3s ease-in-out;text-align:left;border-radius: 20px;overflow: hidden;margin-top: 20px; border: none;}
#dropmenudiv a {color:var(--accent-secondary-color);padding:8px 20px!important;transition:all .3s ease-in-out;font-weight: 500;}
#dropmenudiv a:hover {background: var(--accent-secondary-color);color: var(--primary-color);}
.ui-dialog {color:var(--accent-secondary-color);}
.addcomment h3 {font-size:36px;font-weight:700;line-height:1.2em;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 .44em;}
.wseditor {border-top:5px solid #ffffff}
.form-check-label input + span {margin-left: 10px;}
.mass_comments_action {display: none;}
.com_info {display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.avatar img {width:75px;height:75px;border-radius:50px;background:#ffffff;padding:5px}
.com_user {display:flex;flex-direction:column;gap:10px}
.com_user a {color: var(--accent-color);}
.meta {display: flex;gap: 15px;flex-wrap: wrap;}
.meta a {color: var(--accent-color);}

.modal{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;height:0;background-color:transparent;overflow:hidden;transition:background-color .25s ease;z-index:9999}
.modal.open {position:fixed;width:100%;height:100vh;background-color:rgba(0,0,0,.5);transition:background-color .25s}
.modal.open > .content-wrapper {transform:scale(1)}
.modal .content-wrapper {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:320px;margin:0;padding:25px;background-color:#202737;border-radius:.3125rem;box-shadow:0 0 2.5rem rgba(0,0,0,.5);transform:scale(0);transition:transform .25s;transition-delay:.15s}
.modal .content-wrapper .close {position:absolute;top:-2.5rem;right:-2.5rem;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;font-size:1.5rem;transition:.25s linear;background:#202737;border-radius:.3125rem}
.modal .content-wrapper .close:before, .modal .content-wrapper .close:after {position:absolute;content:"";width:1.25rem;height:.125rem;background-color:#ffffff}
.modal .content-wrapper .close:before {transform:rotate(-45deg)}
.modal .content-wrapper .close:after {transform:rotate(45deg)}
.modal .content-wrapper .close:hover {transform:rotate(360deg)}
.modal .content-wrapper .close:hover:before, .modal .content-wrapper .close:hover:after {background-color:tomato}
.modal-header {border: none;}
.modal-header h2 {color: #ffffff;}

.login_form__foot {display:flex;flex-direction:column}
.login_form__foot a {color: var(--accent-color);}
.contact-form .avatar {display:flex;justify-content:center;}
.contact-form .avatar img {width:100px;height:100px; padding: 0;}
.login_pane__menu {padding: 0 !important;}
.login_pane__menu li {list-style: none;}
ul.login_pane__menu > li > a {display: flex;justify-content: space-between;padding:7px 15px!important;}
.login_check {display: flex;gap: 20px;align-items: center;}
select {font-size:18px;font-weight:400;line-height:normal;color:var(--text-color);background:#171e2e;border:1px solid var(--divider-color);border-radius:12px;padding:18px 20px;box-shadow:none;outline:none;}
.btn-default a {display:block;text-transform:capitalize;color:var(--accent-secondary-color)}
.userinfo_top {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}
.user_tab {display: flex; gap: 15px; flex-wrap: wrap;}
.user_header {display: flex;align-items: center;gap: 20px;flex-wrap: wrap;}
.usinf {padding: 0;}
.usinf li {list-style: none; display: flex;}
.ui-c1 {min-width: 250px;}
.ui-c2 a {color: var(--accent-color);}