@font-face {
    font-family: Montserrat;
    src: url(../assets/fonts/Montserrat-Regular.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(../assets/fonts/Montserrat-Bold.otf) format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: OpenSans;
    src: url(../assets/fonts/OpenSans-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: OpenSans;
    src: url(../assets/fonts/OpenSans-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

html {
    scroll-behavior: smooth
}

body {
    font-family: Montserrat;
}

*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

.d_block_otzyv>.otzyvy-grid>.otzv-col>.otzv-cell>.otzyv {
    display: block;
}

.collumn_info_elem>div,
.collumn_info_elem>span {
    font-size: 15px;
    color: #000;
    font-weight: 400
}

#loadMoreBtnCom,
#showMoreCms>a,
.header-top a:hover,
a {
    text-decoration: none
}

.compare_bar_names_company,
.hosting-review-info-item a {
    text-decoration: underline;
    font-weight: 700;
    color: #E07A5F
}

#removeFilter,
#showMoreCms,
#st-footer,
._tooltip-3,
.host-info-item:hover,
.hosting-info-icon:hover,
.login-for-review i,
.range-star:hover,
.stars-for-rate:hover,
a,
button {
    cursor: pointer
}

.number-rate.first span:after,
.number-rate.first span:before {
    background: url(../images/left-icon.svg);
    top: -5px;
    height: 33px
}

.tarif-info table tr td,
.tarif-info table tr th {
    padding: 2px 10px;
    height: 58px;
    word-wrap: break-word
}

button,
input,
label,
select,
textarea {
    margin: 0;
    border: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    background: 0 0;
    line-height: 1;
    outline: 0;
    font-size: 13px
}

select[multiple],
textarea {
    vertical-align: top
}

.search-host:focus,
input:focus {
    outline: 0
}

button,
input[type=button],
input[type=checkbox],
input[type=radio],
input[type=reset],
input[type=submit],
select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none
}

input[type=range]::-moz-range-thumb,
input[type=range]::-webkit-slider-thumb {
    -moz-appearanse: none;
    background-color: transparent;
    color: transparent;
    border: none
}

input[type=range i] {
    color: transparent
}

input[type=range]::-ms-thumb {
    display: none;
    color: transparent;
    background-color: transparent
}

input[type=range]::-moz-range-track {
    -moz-appearanse: none;
    color: transparent;
    background-color: transparent;
    border: none
}

input[type=checkbox],
input[type=radio] {
    width: 13px;
    height: 13px
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box
}

::-webkit-search-decoration {
    display: none
}

::-webkit-input-placeholder {
    font-family: OpenSans;
    color: #43465e;
    font-size: 12px
}

::-moz-placeholder {
    font-family: OpenSans;
    color: #43465e;
    font-size: 12px
}

:-moz-placeholder {
    font-family: OpenSans;
    color: #43465e;
    font-size: 12px
}

:-ms-input-placeholder {
    font-family: OpenSans;
    color: #43465e;
    font-size: 12px
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    overflow: visible;
    width: auto
}

::-webkit-file-upload-button {
    padding: 0;
    border: 0;
    background: 0 0
}

.active_filter-btn,
.tabs-pages .page.active {
    background-color: #e7e7eb
}

.moreBtn_block {
    display: flex;
    justify-content: center
}

#loadMoreBtnCom {
    background: #ffc37a;
    color: #fff;
    padding: 12px 24px;
    font-size: 16px;
    margin-top: 20px;
    transition: .3s ease-in-out;
}

.first_ten {
    display: none !important;
}

.form-closed-close {
    display: none !important
}

#removeFilterTitle {
    font-size: 14px;
    color: #E07A5F
}

#removeFilter {
    display: none
}

#removeFilter>i {
    font-size: 12px;
    color: #E07A5F;
    margin-left: 5px
}

.mob-top-header,
.otzyv,
.pay-sprite>.cms_el,
.sorted_tabs {
    display: none
}

.hosting-review .frameworks .framework ul li:last-child,
.info-block_reviews,
.info-list>div:last-child {
    margin-bottom: 20px
}

.active_comment,
.data.visible,
.hosting-review-info-item>.company-main-info>.info-textblock.active,
.jur-photo>.scan-photo.active,
.otzyv:hover .btn,
.popup-register.active,
.social-links a,
.tabs-item.active,
ul.menu>li:hover>ul.submenu {
    display: block
}

.marg-top-10 {
    margin-top: 10px
}

.elem_show_tab {
    display: block !important
}

.active_filter-tab {
    background-color: #ffc37a !important
}

.info-block_reviews>.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.collumn_info_header>.btn_info_review>a {
    font-size: 15px;
    background-color: #E07A5F;
    color: #fff;
    padding: 6px 15px !important;
    text-decoration: none;
    margin-right: 10px;
    font-weight: 400
}

.collumn_info_elem>div>.minus_block,
.collumn_info_elem>div>.plus_block {
    margin-right: 5px;
    padding: 2px 6px;
    border-radius: 2px;
    color: #fff;
    width: 72px;
    text-align: center
}

.collumn_info_header {
    display: flex !important;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.collumn_info {
    width: 49%;
    box-shadow: 2px 2px 8px #80808021;
    padding: 15px;
    background: #fff
}

.collumn_info_elem {
    display: none;
    flex-direction: column;
    margin-bottom: 20px
}

.collumn_info_elem>div>.plus_block {
    background: #82d060;
    display: inline-block;
    font-weight: 400
}

.collumn_info_elem>div>.minus_block {
    background: #df5c42;
    display: inline-block
}

.collumn_info_elem>div:hover,
.info_elem_header {
    background: #e7e7eb
}

.collumn_info_elem>div>.minus_block>i,
.collumn_info_elem>div>.plus_block>i {
    font-size: 12px
}

.collumn_info_elem>div {
    cursor: pointer
}

.minus_block>.count,
.plus_block>.count {
    margin-right: 3px
}

.plus_info_span {
    color: #82d060;
    font-size: 24px
}

.minus_info_span {
    color: #df5c42;
    font-size: 24px
}

.info_elem_header {
    display: inline-block;
    padding: 0 6px;
    margin-bottom: 6px;
    margin-top: 4px;
    line-height: 18px
}

.compare_companies,
.otzv-cell,
nav {
    background-color: #fff
}

#showMoreCms,
.base_cms__el,
.showed_all_cms {
    display: flex !important
}

#showMoreCms {
    border: none
}

#showMoreCms>a {
    color: #0dbdda;
    user-select: none
}

.about-company ul,
.hosting-review-info-item ol,
.hosting-review-info-item ul {
    padding-inline-start: 20px
}

.hosting-review-info-item ul li {
    list-style: disc
}

.hosting-review-info-item ol li {
    list-style: decimal;
    font-family: OpenSans;
    font-size: 14px;
    font-weight: 400;
    color: #757788;
    line-height: 1.54
}

.hosting-review h4,
.hosting-review-info-item h2 {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 700;
    color: #43465e;
    margin-bottom: 20px
}

.compare_companies {
    text-align: center;
    border-radius: 4px;
    padding: 10px 15px 15px;
    width: 230px;
    float: left;
    margin: 14px 25px 14px 0
}

.compare_companies a {
    color: #505050;
    font-size: 14px
}

.tippy-tooltip,
.tooltip {
    font-family: Montserrat;
    font-size: 12px
}

a {
    color: inherit;
    font-style: normal;
    transition: .3s ease-in-out;
}

a:hover {
    opacity: .4
}

.header-top a:hover {
    opacity: 1
}

.header-top .header-countries a:hover,
.header-top .header-hosting-type a:hover,
.header-top .header-cms a:hover {
    opacity: .4
}

button {
    outline: 0
}

li {
    list-style: none
}

table {
    border-collapse: collapse
}

.wrapper__inner {
  display: grid;
  width: min(100% - 4rem, 1600px);
  margin-inline: auto;

  padding-inline: clamp(20px, 3vw, 40px);

  grid-template-columns: 1fr min(1200px, 100%) 1fr;
  column-gap: clamp(20px, 2.5vw, 32px);

  align-items: start;
}

main {
  grid-column: 2;
  width: 100%;
  position: relative;
  padding: 0;
}

header {
    background: #E07A5F;
    height: 100vh
}

.for-header {
    display: block;
    overflow: hidden
}

.burger-menu,
.changing-block>div.closed,
.com-tarif,
.compare-form-inner .searching-compare-form select.compare-list:after,
.data,
.div-inner.mob,
.file-loading.closed,
.framework.closed,
.mob-footer,
.only-mob,
.otzv-cell .com-adress,
.otzv-cell .com-date,
.otzv-cell .com-tarif,
.otzv-cell .host-rating-values,
.review-item:last-child:after,
.social-nav.bottom.closed,
.tabs-item,
.tabs.disabled,
.tarif-info table tr.hidden,
.thanks,
.tophostsMain,
a.invis,
input[type=file],
table.invis,
ul.submenu {
    display: none
}

.actions h3 a,
.calc_rate,
.header-countries ul,
.header-inner .form-group.mb-2,
.header-main-links a,
.header-navigation-links a,
.hosting-review_host>.company-header>.company-link a,
.inline-inputs+label,
.main-crumb a,
.minus-input,
.nav_add ul li a,
.navigation>li>a,
.number-rate.first span,
.plus-input,
.popular-links a,
.sort span select+label,
.sorting-menu li,
i.transparency {
    position: relative
}

.header-inner::-webkit-scrollbar {
    display: none
}

.flex-row,
.framework .row,
.rate_val,
.val {
    display: flex
}

.header-title {
    margin-bottom: 20px;
    font-family: OpenSans;
    font-size: 12px;
    font-weight: 100
}

.open-catalog,
.open-categories {
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    padding: 8px 16px;
    font-family: OpenSans
}

.flex-col {
    flex: 50%;
    max-width: 40%
}

.cashback .flex-col:last-child {
    flex: 30%;
    max-width: 32%
}

.header-title a:hover,
.host-info-item:hover a,
.news-tabs .tab.active:hover,
input[type=checkbox]:checked+label:after {
    opacity: 1
}

.header-title h2 {
    font-family: Montserrat;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 3px
}

.open-catalog {
    background: linear-gradient(#ffc37a, #f5ae00)
}

.open-catalog:hover {
    background: linear-gradient(#f5ae00, #f59500) #f5ae00
}

.open-catalog:active {
    background: linear-gradient(#f59500, #f5ae00) #f59500
}

.open-categories {
    background: linear-gradient(#a8abff, #797bbd)
}

.open-categories:hover,
.rating-purple-btn:hover {
    background: linear-gradient(#797bbd, #8973bd) #797bbd
}

.open-categories:active,
.rating-purple-btn:active {
    background: linear-gradient(#8973bd, #797bbd) #8973bd
}

.rate_val {
    flex-direction: row;
    justify-content: flex-start;
    margin: 17px 0 7px
}

.val {
    margin-left: 16px;
    align-items: baseline;
    font-family: OpenSans;
    font-size: 12px
}

#no-recomend,
.navigation li:first-child,
.rating-stars .fa-star:first-child,
.social-links.bottom-pos i:first-child,
.val:first-child {
    margin-left: 0
}

.calc_rate {
    font-size: 20px;
    color: #ffc37a;
    font-weight: 700;
    padding-right: 10px;
    font-family: Montserrat
}

.calc_rate_removed:after {
    content: "";
    background-color: #ffc37a;
    height: 1px;
    width: 80%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.header-inner .form-group.mb-2 img {
    position: absolute;
    width: 16px;
    left: 3px;
    bottom: 0;
    top: 0;
    margin: auto
}

.search-host {
    -webkit-appearance: none !important;
    margin: 2vw 0 1.5vw;
    display: block;
    width: 100%;
    padding: 10px 10px 10px 35px;
    border: none;
    border-bottom: 1px solid #dedfe8;
    color: #fff;
    font-family: OpenSans;
    font-size: 14px;
    font-weight: 400;
    background-color: transparent;
    -webkit-box-sizing: border-box !important
}

.search-host:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #E07A5F !important;
    -webkit-text-fill-color: #e5ecff !important;
    color: #e5ecff !important;
    font-family: Montserrat;
    font-weight: 600;
    box-shadow: inset 0 0 0 50px #E07A5F !important
}

.burger-inner {
    padding: 8px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute
}

.burger-inner.white {
    background: #fff;
    box-shadow: 1px 0 10px #483e9c
}

.header-main-links a:hover:after,
div.invis,
input[type=checkbox]:not(:checked)+label:after {
    opacity: 0
}

.search-host::-webkit-search-cancel-button {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    background: url(../images/cancel.png) center/contain no-repeat;
    cursor: pointer
}

i.transparency {
    opacity: .4;
    top: 0
}

.search-host:focus::-webkit-input-placeholder {
    color: transparent
}

.search-host::-webkit-input-placeholder {
    color: #fff
}

.search-host:-moz-placeholder {
    color: #fff
}

.search-host::-moz-placeholder {
    color: #fff
}

.search-host:-ms-input-placeholder {
    color: #fff
}

.header-main-links,
.header-navigation-links,
.popular-links {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px
}

.header-main-links a:after,
.review-item a:after {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 0;
    width: 159px;
    height: 1px;
    background-color: #fff;
    opacity: .2
}

.review-item a:after {
    background-color: #43465e;
    bottom: -1px;
    position: absolute;
    width: 100%
}

.header-main-links {
    font-family: OpenSans;
    font-size: 12px;
    line-height: 2.29
}

.header-navigation-links a,
.popular-links a {
    font-family: OpenSans;
    font-size: 12px;
    line-height: 2.3;
    text-decoration: underline;
    text-underline-position: under
}

.host-info-item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: .7rem;
    transition: .3s;
    font-weight: 700;
    text-shadow: 1px -1px 0 #483e9c;
    box-sizing: border-box;
    border: none !important;
    background: linear-gradient(45deg, #50528a, #9093de);
    border-radius: 2vw !important;
    box-shadow: 0 3px 3px #575aa5
}

.host-info-item.host-info-item_vps {
    background: linear-gradient(#82D060, #3E9C68);
    text-shadow: none;
}

.host-info-item.host-info-item_hosting {
    background: linear-gradient(#fdb053, #ca9100);
    text-shadow: none;
}

.host-info-item:hover {
    transition: .3s;
    box-shadow: 0 1px 2px #575aa5, inset 0 0 3px #575aa5;
    transform: translate(0, 1px)
}

.submenu.currency,
ul.submenu {
    box-shadow: 0 7px 20px 0 #8080803d
}

.hosting-info-links {
    margin-bottom: 15px;
    font-family: Montserrat;
    font-size: 12px;
    line-height: 0;
    font-weight: 600
}

.hosting-info-icon {
    margin-right: 12.5px;
    width: 22px;
    height: 22px
}

.calc_rate:hover {
    cursor: default
}

.hosting-info-icon img {
    height: 100%;
    filter: drop-shadow(1px 2px 0 #483e9c)
}

.popular-links {
    font-size: 12px;
    line-height: 2.1;
    margin-top: 10.5px
}

.to-compare {
    font-family: OpenSans;
    font-size: 12px;
    color: #9ea0af;
    font-weight: 400
}

.header-cms,
.header-countries,
.header-hosting-type {
    margin: 22px 0;
    font-family: OpenSans
}

.header-cms .h2,
.header-countries .h2,
.header-hosting-type .h2 {
    font-size: 16px;
    font-weight: 600;
    opacity: .3;
    position: relative;
    margin: 10px
}

.header-cms h2:after,
.header-countries h2:after,
.header-hosting-type h2:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    height: 2px;
    background-color: #fff;
    opacity: .2
}

.header-countries h2:after {
    width: 70%
}

.header-cms h2:after {
    width: 85%
}

.header-hosting-type h2:after {
    width: 44%
}

.header-countries ul li a {
    position: absolute;
    left: 30px
}

.header-cms ul li:before,
.header-hosting-type ul li:before {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    padding-right: 10px;
    font-size: 12px;
    font-weight: 900
}

.actions h3 a:after,
.blog-item,
.logo,
.nav_add ul,
.navigation,
ul.submenu {
    font-family: Montserrat
}

.social-links {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    position: static
}

.logo,
.navigation>li,
.review-item {
    position: relative
}

.social-links a:not(:first-child) {
    margin: 0 .85vw
}

.social-links a:first-child {
    margin: 0 .85vw 0 0
}

.social-nav {
    width: 100%
}

.social-nav.scroll {
    position: fixed
}

.social-nav.bottom {
    display: block;
    position: absolute
}

.social-links.bottom-pos i {
    margin: 0 20px
}

.social-links i {
    color: #50528a;
    cursor: pointer
}

.all-tarifs:hover,
.social-links i:hover,
.top-comp-list li:hover span.number-rate.min {
    color: #fff
}

.container {
    padding: 20px 60px
}

.no-padding {
    padding: 0 40px
}

.footer-menu,
.nav-menu {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.blog,
.blog-item-row,
.nav_add,
.navigation,
.why_us-profits .row .col {
    display: flex;
    flex-direction: row
}

.navigation>li {
    line-height: normal;
    display: flex;
    align-items: center;
    margin: 0 4px;
}

.navigation > li > a {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    box-sizing: border-box;
}

ul.submenu {
    position: absolute;
    width: 260px;
    top: 52px;
    left: 0;
    background: #fff;
    z-index: 1000;
    font-size: 14px;
    text-align: left;
    padding: 5px 12px
}

ul.submenu>li>a {
    display: block;
    line-height: 2
}

.nav_add {
    justify-content: flex-end
}

.blog-item,
.nav_add ul {
    margin-right: 45px
}

.article-additional>.marks,
.navigation li:last-child {
    margin: 0
}

ul.submenu li {
    margin: 0;
    line-height: 1.3
}

.news-tabs .tab:hover,
ul.submenu li:hover {
    opacity: .8
}

ul.submenu li:hover a {
    color: #E07A5F;
    opacity: 1
}

.nav_add ul,
.navigation {
    list-style: none;
    font-size: 14px;
    color: #505050;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
}

.nav-menu .logo img {
    height: 32px;
    width: auto;
    display: block;
}

.submenu.currency {
    padding: 0;
    margin: 0;
    text-align: left;
    top: 50px;
    left: 5px;
    width: 73px;
    background-color: #fff
}

.submenu.currency li {
    padding: 0 10px;
    margin: 3px 0
}

.navigation.menu img {
    width: 20px;
    height: 12px
}

/* .nav_add>ul>li>a:after,
.navigation>li>a:after {
    content: "";
    width: 6px;
    height: 6px;
    background: url(../images/after_menu.png) 0 0/100% no-repeat;
    position: absolute;
    right: -14px;
    top: 6px;
    transition: .3s
} */

/* .nav_add>ul>li:hover>a:after,
.navigation>li:hover>a:after {
    transform: rotate(180deg)
} */

.logo h1 {
    font-size: 1.6rem
}

.logo h2 {
    z-index: 100;
    padding: 0 15px;
    display: inline-flex;
    align-items: center
}

.logo img {
    width: 17px;
    height: 33px
}

.logo h2:after,
.logo h2:before {
    content: "";
    width: 17px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    background: url(../images/icon-wreath-left.png) 0 0/100%
}

.logo h2:after {
    transform: scale(-1, 1)
}

.logo:after,
.logo:before {
    content: "";
    display: inline-flex;
    height: 1px;
    border-bottom: 1px solid #E07A5F;
    flex-grow: 1;
    margin-left: 60px;
    opacity: .2
}

.blog-item,
.gray_bg {
    flex-direction: column;
    display: flex
}

.tabs-pages:after,
.tabs-pages:before {
    content: "";
    width: 22%;
    height: 2px;
    opacity: 0;
    background-color: #E07A5F;
    position: absolute;
    top: 50%
}

.other::before,
.tabs-pages:before {
    left: 0
}

.other::after,
.tabs-pages:after {
    right: 0
}

.logo:before {
    left: 60.5px
}

.logo:after {
    margin-left: 0;
    margin-right: 60px;
    right: 60.5px
}

.gray_bg {
    background-color: #f4f4f6;
    padding: 30px 40px;
    min-height: 100vh
}

.review-item,
footer {
    background-color: #fff
}

.gray_bg.login {
    min-height: 30%
}

.blog-item {
    color: #9ea0af;
    font-size: .75rem;
    line-height: 1.3
}

.footer-menu-col ul li a,
.review-date {
    line-height: 2.3
}

.blog-item>h3>a {
    color: #686cc3 !important;
    text-decoration: underline !important
}

.best-companies h3,
.blog-item h3,
.latest_reviews h3,
.why_us h3 {
    color: #43465e;
    font-size: 16px;
    margin-bottom: 24px;
    text-decoration: none;
    font-family: Montserrat
}

.blog-item-column,
.company-link a,
.footer-menu-col .h4,
.footer-menu-col ul li a,
.voices p:last-child {
    text-decoration: underline
}

.actions h3 a:after {
    content: "%";
    width: 20px;
    position: absolute;
    margin-left: 10px;
    height: 20px;
    top: 3px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background-color: #ffc8c6;
    border-radius: 100%;
    text-align: center;
    line-height: 1.6
}

.best-companies h3 {
    margin-bottom: -25px
}

.blog-item-column {
    margin-right: 40px;
    display: flex;
    flex-direction: column
}

.blog-item-column:last-child,
.rating-stars .fa-star:last-child {
    margin-right: 0
}

.blog-item-column a {
    line-height: 2;
    margin-bottom: 10px
}

.best-companies,
.latest_reviews {
    margin-top: 0;
}

.latest_reviews-list {
    display: grid;
    grid-template-columns: auto auto auto auto
}

.review-item {
    font-family: OpenSans;
    color: #43465e;
    padding: 22px 12px 19px 32px;
    display: flex
}

.similar-links .latest_reviews-list {
    margin-top: 20px
}

.similar-links .review-item>div {
    font-size: 13px;
    text-align: center;
    color: #ffc37a;
    margin-top: 10px
}

.review-item>a>img {
    max-width: 130px;
    max-height: 45px
}

.similar-links .review-item {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end
}

.best-companies,
.table-tarifs,
.why_us-profits {
    flex-direction: column;
    display: flex
}

.news-tabs .tab:first-child,
.review-item:first-child {
    border-radius: 6px 0 0 6px
}

.news-tabs .tab:last-child,
.review-item:last-child {
    border-radius: 0 6px 6px 0
}

.review-item:after {
    content: "";
    position: absolute;
    right: 0;
    top: 25px;
    width: 1px;
    height: 75px;
    background-color: #e5ebed
}

.footer-inner,
.review-item a,
.tabs-pages,
footer {
    position: relative
}

.review-item h4 {
    font-weight: 400;
    font-size: .85rem
}

.review-item a {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 700;
    line-height: 2
}

.review-item img {
    width: 65px;
    float: left
}

.com-mark,
.score {
    padding: 1px 7px;
    border-radius: 3px;
    background-color: #ffc37a;
    margin: 5px 20px 0 10px;
    color: #fff;
    font-weight: 700;
    font-size: 14px
}

.review-date {
    color: #9ea0af;
    font-size: 12px
}

.company-header h2.first,
.date-company-rev,
.framework>p>a,
.why_us h3,
td.price-tarif {
    color: #E07A5F
}

.tabs-pages {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 70px
}

.all-tarifs,
.another-otzv,
.reviews,
.tabs-pages .page {
    margin: 0 10px;
    color: #9ea0af;
    font-family: Montserrat;
    font-size: 12px;
    border-radius: 12px;
    border: 1px solid rgba(158, 160, 175, .3);
    cursor: pointer;
    padding: 5px 13px
}

.why_us-notes,
.why_us-profits {
    font-family: OpenSans;
    font-size: 13px;
    color: #9ea0af
}

.all-tarifs:hover,
.reviews:hover {
    background-color: #9ea0af;
    color: #fff;
    opacity: .3
}

.tabs-pages .page.disabled {
    opacity: .3;
    cursor: default
}

.tabs-pages .page.active {
    cursor: default
}

.why_us h3 {
    font-size: 28px
}

.why_us-notes {
    line-height: 1.54;
    margin-bottom: 25px
}

.why_us-profits .row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 20px
}

.col img {
    max-width: 45px;
    max-height: 45px;
    margin-right: 17px
}

.why-col-text h4 {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    color: #43465e
}
/* 1) Универсальный контейнер: тот же, что у .wrapper__inner */
.container {
  display: grid;
  width: min(100% - 4rem, 1600px);
  margin-inline: auto;
  padding-inline: clamp(20px, 3vw, 40px);
  grid-template-columns: 1fr min(1200px, 100%) 1fr;
  column-gap: clamp(20px, 2.5vw, 32px);
  align-items: start;
}

/* 2) Футер: блоковые отступы и привязка к контейнеру */
footer {
  padding-block: 60px 43px; /* заменяем shorthand на явный block */
  background: #fff; /* по желанию */
}

.footer-inner {
  /* используем тот же контейнерный шаблон */
  /* можно либо добавить класс .container в HTML, либо дублировать правила: */
  display: grid;
  width: min(100% - 4rem, 1600px);
  margin-inline: auto;
  padding-inline: clamp(20px, 3vw, 40px);
  grid-template-columns: 1fr min(1200px, 100%) 1fr;
  column-gap: clamp(20px, 2.5vw, 32px);
  align-items: start;
}

/* Содержимое футера располагаем в центральной колонке сетки-контейнера */
.footer-content {
  grid-column: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 24px);
}

/* 3) Колонки меню */
.footer-menu-col {
  display: flex;
  flex-direction: column;
  list-style: none;
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  font-size: 12px;
  color: #9ea0af;
  padding-right: clamp(12px, 1.5vw, 16px);
  border-right: 1px solid #eeeef3;
}

.footer-menu-col:last-child {
  border-right: none; /* у последней колонки разделитель не нужен */
}

.footer-menu-col .h4 {
  font-size: 14px;
  font-weight: 600;
  color: #43465e;
  margin: 0 0 10px 0;
}

.footer-menu-col ul {
  margin: 0;
  padding: 0;
}

.footer-menu-col li {
  margin: 6px 0;
}

.footer-menu-col a {
  color: inherit;
  text-decoration: none;
}

.footer-menu-col a:hover {
  color: #787bbd; /* ваш акцентный */
  text-decoration: underline;
}

/* 4) Респонсивные брейкпоинты */
@media (max-width: 1024px) {
  .footer-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .footer-menu-col {
    border-right: none;           /* в 2-колоночной — без вертикальных линий */
    border-bottom: 1px solid #eeeef3;
    padding-bottom: 16px;
  }
  .footer-menu-col:last-child {
    border-bottom: none;
  }
}

@media (max-width: 600px) {
  .footer-content {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  footer {
    padding-block: 40px 28px;
  }
}


.rating-stars p,
.voices {
    font-family: OpenSans;
    font-size: 12px
}

.marked-color,
a.blue-link {
    color: #0ebdda
}

.voices {
    line-height: 2.6
}

.voices p:last-child {
    margin-top: 86px;
    font-family: Montserrat
}

.author {
    font-size: 11px;
    color: #9ea0af;
    font-family: Montserrat
}

input[type=checkbox]:checked,
input[type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px
}

input[type=checkbox]:checked+label,
input[type=checkbox]:not(:checked)+label {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    line-height: 20px;
    cursor: pointer
}

input[type=checkbox]:checked+label:before,
input[type=checkbox]:not(:checked)+label:before {
    border-radius: 2px
}

input[type=checkbox]:checked+label:after,
input[type=checkbox]:not(:checked)+label:after {
    content: "";
    position: absolute;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    left: 4px;
    top: 4px;
    width: 9px;
    height: 5px;
    border-radius: 1px;
    border-left: 4px solid #fff;
    border-bottom: 4px solid #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

input[type=checkbox]:checked+label:before,
input[type=checkbox]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #E07A5F;
    background-color: #E07A5F
}

input[type=checkbox]:not(:checked)+label:before {
    background-color: transparent;
    border: 1px solid #9ea0af
}

.rating-stars {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    color: #ffc37a;
    margin-right: 10px
}

.rating-stars p {
    color: #9ea0af;
    margin-left: 10px
}

.com-name,
.rating-stars p span,
.rating-stars-val b {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    color: #43465e
}

.fa-star.disabled,
.rating label:last-child .icon i {
    color: #dbdbe5
}

.rating-stars .fa-star {
    margin: 0 1.5px
}

.block-company-name,
.div-inner {
    display: grid;
    grid-template-columns: 300px auto
}

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

.block-company {
    margin: 40px 0
}

.comment-title p,
.rating-stars-val,
.text p {
    font-family: OpenSans;
    font-size: 12px;
    font-weight: 400;
    color: #9ea0af
}

.company-header h2,
.number-rate {
    font-family: Montserrat;
    color: #43465e
}

.company-header h2 {
    font-size: 24px;
    font-weight: 600;
    margin-right: 30px
}

.number-rate {
    width: 30px;
    height: 30px;
    margin-right: 12px;
    text-align: center;
    line-height: 30px;
    font-size: 15px
}

.number-rate.first {
    /* background-color: #E07A5F; */
    border: none;
    color: #E07A5F;
    margin-right: 12px;
    line-height: 30px
}

.rating-and-reviews {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.reviews {
    margin: 0 0 0 15px;
    background: #82d060;
    color: #e5ffd9
}

.block-company-info {
    margin-top: 16px;
        box-shadow: 2px 2px 8px #80808021
}

.company-main-info {
    padding: 30px 40px 40px;
    font-size: 12px;
    flex-direction: column;
    position: relative;
}

.table-tarifs {
    width: 100%;
}

.plug-companies-block {
    display: flex;
}

.plug-main-info {
    width: 33%;
    justify-content: space-between;
    padding: 30px 40px;
}

.company-main-info,
.table-tarifs {
    display: flex;
    background-color: #fff;
}

.company-main-info .logo-company {
    margin-bottom: 15px;
    display: flex;
    align-items: center
}

.company-main-info .logo-company.reg-ru {
    padding-top: 0
}

.info-comparation,
.info-list {
    display: flex;
    flex-direction: column;
    line-height: 1.8;
    font-size: 12px
}

.info-list>div {
    margin-bottom: 7px
}

.info-list p {
    font-family: OpenSans;
    color: #9ea0af
}

.company-link a,
.info-list span {
    font-family: Montserrat;
    font-weight: 600
}

.info-list span {
    color: #43465e;
    padding-right: 15px
}

.contact-info .email span,
.info-list a {
    color: #0dbdda
}

.company-link {
    position: absolute;
    right: 40px;
    top: 107px
}

.company-link a {
    font-size: 12px;
    color: #E07A5F
}

.company-link a:before {
    content: "";
    position: absolute;
    left: -20px;
    top: 0;
    background: url(../images/planet.svg);
    width: 15px;
    height: 15px
}

.promocode {
    display: flex;
    flex-direction: row;
    align-items: center
}

.code {
    margin-left: 7px;
    padding: 1px 5px;
    border-radius: 3px;
    background-color: #82d060;
    font-family: OpenSans;
    font-size: 14px;
    font-weight: 700;
    color: #fff
}

.info-comparation .compare-line {
    display: flex;
    flex-direction: row;
    font-family: OpenSans;
    font-size: 12px;
    color: #43465e;
    justify-content: space-between;
    align-items: center;
    line-height: 2.3
}

.tarif-tabs {
    display: flex;
    width: 100%
}

.js-tab {
    border-radius: 6px 6px 0 0;
    background-color: #e7e7eb;
    text-align: center;
    padding: 15px 0;
    width: 35%;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 600;
    color: #9ea0af;
    border: 1px solid #d6d6dd;
    cursor: pointer
}

.alert,
.cashback-table,
.hosting-review_host,
.js-tab.active,
.otzyv {
    background-color: #fff
}

.js-tab.active {
    border: 1px solid #fff;
    cursor: default
}

.tarif-info table,
.tarif-profits table {
    width: 100%;
    padding: 30px 40px;
    text-align: left
}

.tarif-profits th {
    font-family: OpenSans;
    font-size: 13px;
    font-weight: 400;
    color: #9ea0af;
    padding: 6px 15px 6px 0;
    vertical-align: text-top
}

.tarif-profits td {
    color: #43465e;
    font-family: Montserrat;
    font-size: .75rem;
    font-weight: 600;
    height: 30px;
    padding: 0 10px 0 0
}

.tippy:after {
    background: #9ea0af;
    border-radius: 8px 8px 8px 0;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
    color: #fff;
    content: attr(data-tooltip);
    font-family: Montserrat;
    font-size: 11px;
    margin-left: 35px;
    opacity: 0;
    padding: 3px 7px;
    position: absolute;
    visibility: hidden;
    transition: .4s ease-in-out;
    z-index: 1000
}

._tooltip:hover .tippy::after {
    opacity: 1;
    visibility: visible
}

.tarif-profits {
    padding: 28px 28px 0
}

td._no-profit,
td._profit {
    color: #6ac343;
    position: relative;
    padding-left: 15px
}

.likes .quality.bad,
td._no-profit {
    color: #df5c42
}

._no-profit:before,
._profit:before {
    content: "";
    background: url(../images/combined-shape.svg) no-repeat;
    width: 12px;
    height: 8px;
    position: absolute;
    bottom: 5px;
    left: 0;
    top: 11px
}

._2._no-profit:before,
._2._profit:before {
    top: 23px;
    left: 45%
}

._no-profit:before {
    background: url(../images/no-icon.svg) center no-repeat;
    height: 10px;
    top: 9px
}

.tarif-info {
    margin-top: 25px;
    padding: 0 25px 25px 25px;
}

.tarif-info table {
    font-family: OpenSans;
    font-size: .75rem;
    color: #43465e;
    font-weight: 600;
    text-align: center
}

.alert,
.btn-get-cashback,
.cashback-row-form button,
.login .card-header,
.login-form label,
.other-tarrifs {
    font-family: Montserrat
}

.compare-tarif-table thead tr,
.tarif-info table tr:first-child {
    /* background-color: #f1f1f3;
    color: #9ea0af; */
    font-weight: 400
}

.tarif-info table tr th {
    max-width: 100px
}

.tarif-info table tr td {
    border-bottom: .5px solid #cbd9de;
    font-size: 12px;
    max-width: 100px;
    text-align: center
}

.sort span select,
.sort span select option {
    padding-right: 5px;
    text-align: right
}

.tarif-info table tr td span {
    font-family: OpenSans;
    font-size: 11px;
    font-weight: 600;
    color: #9ea0af;
    margin-left: 2px
}

.tarif-info table tr td:last-child {
    padding: 8px 10px 8px 0;
    width: 120px
}

.other-tarrifs {
    color: #0dbdda;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 26px;
    margin-bottom: -26px
}

.hosting-review .company-reviews .comment-inner .comment-additional-info p,
.jur-photo:hover,
.like.not,
.other-tarrifs p:hover {
    color: #43465e
}

.tarif-info table tr td span.price {
    text-align: right;
    color: #E07A5F;
    font-family: OpenSans;
    font-size: 12px;
    font-weight: 700;
    margin-right: 3px
}

.all-tarifs {
    margin: 25px auto;
    display: block;
    width: 210px;
    text-align: center;
    color: #595da7 !important
}

.comment-item-rating {
    font-size: 17px;
    color: #ffc37a;
    height: 25px
}

._tooltip-2.active p:after,
.navigation>li.just-link>a:after {
    background: 0 0
}

.hosting-review p.search-res {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 600;
    color: #43465e
}

.search-elem {
    color: #0dbdda;
    font-weight: 600
}

.alert {
    margin: 30px 0;
    border-radius: 4px;
    font-size: 18px;
    color: #757788;
    padding: 30px;
    text-align: center;
    border: 2px solid #E07A5F
}

.top-comp-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 200px;
    line-height: 2;
    justify-content: space-between;
    width: 80%;
    font-size: 14px
}

.blog-item.rate {
    width: 50%
}

.blog-item.rate a {
    color: #404040
}

span.number-rate.min {
    width: 25px;
    margin: 6px 5px 6px 0;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    background: #ccc;
    border: 1.5px solid #fff
}

.tooltipcss {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.tooltipcss .tooltipcsstext {
    visibility: hidden;
    width: 150px;
    font-weight: 400;
    font-size: 12px;
    background-color: #4c4c4c;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    left: 7px;
    top: 30px;
    position: absolute;
    z-index: 1
}

._tooltip-3:hover .tip:after,
.tooltipcss:hover .tooltipcsstext {
    visibility: visible
}

.login .card-header {
    font-size: 2vw;
    margin-bottom: 2rem
}

.login-form button,
.login-form input {
    border: 1px solid gray;
    height: 2.5vw;
    border-radius: .5vw;
    background: #fff;
    padding: 0 1vw
}

.login-form label {
    font-size: .85rem;
    margin-bottom: .5vw
}

.login-form .form-group {
    margin-bottom: 1.5rem
}

.login-form button {
    transition: .3s;
    width: 10vw
}

.login-form button:hover {
    transform: translate(0, 2px);
    transition: .3s
}

.login-form .btn-link {
    display: block;
    font-family: montserrat;
    font-size: .8vw;
    margin: .5vw 0
}

.framework .col {
    flex: 50%;
    max-width: 50%;
    padding: 0 15px
}

.framework .col img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%
}

._tooltip-2 p:after,
.main-crumb a:after {
    height: 1px;
    left: 0;
    position: absolute;
    content: ""
}

.img-before-txt {
    width: auto;
    float: left;
    margin-right: 20px
}

.img-before-txt.left {
    float: right
}

.flex-row.cashback img {
    max-width: 400px
}

.cashback-row,
.cashback-row-form {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin: auto
}

.breadcrumbs,
.hosting-review_title {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal
}

.cashback-row-form input {
    margin-left: .5em;
    -webkit-appearance: textfield;
    border-radius: 3px;
    background: #fff;
    width: 200px;
    border: solid #ccc;
    border-width: thin;
    text-indent: 10px;
    padding: 10px
}

.cashback-row-form button {
    padding: 10px;
    border-radius: 4px;
    color: #fff;
    background: #77c955
}

.cashback-row-form-item,
.cashback-row-item {
    max-width: 100%;
    position: relative;
    text-align: center;
    padding: 10px
}

.cashback-row-item img {
    max-width: 100px;
    background: #fff;
    border-radius: 80px
}

.cashback-table {
    margin-top: 40px;
    width: 100%;
    border: 1px solid #ccc;
    font-size: 15px
}

.cashback-table th,
td {
    padding: 15px;
    text-align: left
}

.btn-get-cashback {
    color: #7b5dbf;
    font-size: 12px;
    border: 1px solid;
    padding: 6px;
    font-weight: 700;
    margin: 0 10px;
    border-radius: 2px
}

.go_to_hoster a,
.go_to_hoster_company a {
    padding: 10px;
    border-radius: 4px;
    font-family: Montserrat;
    color: #fff
}

._tooltip-2,
.val-comment-item .jRating {
    margin-left: 10px
}

.go_to_hoster {
    text-align: center;
    margin-top: 50px
}

.go_to_hoster a {
    background: #E07A5F;
    white-space: nowrap
}

#go_to_hoster_company_nav:hover,
.go_to_hoster_company a {
    background: linear-gradient(#ffc37a, #f5ae00)
}

.go_to_hoster_company {
    text-align: center;
    height: 90px;
    padding-top: 20px
}

.header-title a:hover {
    transform: translate(1px, 1px);
    text-shadow: 3px 3px 0 #6366ae
}

.go_to_hoster_company a {
    font-size: 13px;
    font-weight: 400
}

.hosting-review_title p a,
a.page-link {
    color: #E07A5F;
    text-decoration: underline
}

.file-loading b,
.info-processing table tr td span {
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed
}

.breadcrumbs {
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    color: #9ea0af;
    margin-bottom: 15px
}

.hosting-review,
.hosting-review h5 {
    font-weight: 700;
    font-family: Montserrat
}

.breadcrumbs>div {
    margin-right: 10px
}

.main-crumb a:after {
    width: 100%;
    background-color: #9ea0af;
    opacity: .3;
    bottom: -2px
}

.hosting-review-h3 {
    font-size: 24px;
    color: #43465e;
    margin-bottom: 20px
}

.hosting-review h5 {
    font-size: 18px;
    color: #43465e;
    margin-bottom: 10px
}

.authorization-block>span,
.hosting-review p,
.hosting-review ul li,
code {
    font-family: OpenSans;
    font-size: 14px;
    font-weight: 400;
    color: #757788;
    line-height: 1.54
}

.hosting-review-info-item {
    margin-bottom: 50px
}

.hosting-review {
    font-size: 26px;
    color: #E07A5F
}

.hosting-review_title {
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.hosting-review_title h1,
.hosting-review_title h2,
.not-found h1 {
    margin-right: 35px;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 20px
}

.hosting-review_title p {
    color: #525358;
    line-height: 2
}

.hosting-review_title ul {
    padding-inline-start: 20px;
}

.hosting-review_title ul li {
    list-style: disc;
}

._tooltip-2 p,
.info-processing table tr td span {
    position: relative;
    color: #0dbdda;
    font-weight: 700
}

.hosting-review_host {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 15px;
    margin-right: 8px;
    margin-bottom: -5px;
    padding: 20px 40px 0;
    -webkit-box-shadow: 2px 2px 8px #80808021;
    box-shadow: 2px 2px 8px #80808021;
    border-radius: 5px 5px 0 0
}

.hosting-review_host>.company-header {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.hosting-review_host>.company-header>.logo-company {
    margin-right: 50px;
    height: 70px;
    width: 150px;
    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
}

.hosting-review_host>.company-header>.logo-company>a>img,
.hosting-review_host>.company-header>.logo-company>img {
    max-height: 70px;
    max-width: 150px;
    width: auto
}

.hosting-review_host>.company-header>.company-link {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comment-inner,
.host-rating-values {
    display: -webkit-box;
    display: -ms-flexbox
}

.hosting-review-info-item>.company-main-info,
.hosting-review>.company-main-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 20px
}

.hosting-review-info-item>.positions {
    line-height: 1.7;
    font-size: 13px
}

.hosting-review-info-item>.positions a {
    font-weight: 400
}

.hosting-review>.company-main-info {
    -webkit-box-shadow: none;
    box-shadow: none
}

.hosting-review>.company-main-info>.info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.company-main-info .logo-company>img {
    max-height: 60px;
    max-width: 130px
}

.info-list-item {
    width: 33%;
    margin-bottom: 17px
}

.info-list-item.half-width {
    width: 16.5%
}

.hosting-review>.company-main-info>.info-comparation {
    margin-top: 0
}

.hosting-review>.company-main-info>.info-comparation .compare-line {
    line-height: 3.5;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 15px
}

.hosting-review>.company-main-info>.info-comparation .compare-line p {
    margin-bottom: 2px;
    color: #43465e;
    font-family: OpenSans;
    font-size: 12px
}

.hosting-review>.company-main-info>.info-comparation .compare-line input {
    width: 55%;
    margin-left: 0
}

.hosting-review-info-item>.table-tarifs {
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-shadow: 2px 2px 8px #80808066;
    box-shadow: 2px 2px 8px #80808066
}

.hosting-review-info-item>.table-tarifs .tarif-info table {
    font-size: 13px
}

.hosting-review-info-item .all-tarifs {
    width: 210px
}

.hosting-review-info-item>.company-main-info {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hosting-review-info-item>.company-main-info>.info-textblock {
    width: 60%;
    margin-left: 30px;
    display: none
}

.host-rating-values {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Montserrat;
    font-size: 12px;
    color: #43465e;
    line-height: 2;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 28px
}

._tooltip-2 p,
.com-date,
.com-mark,
.comment-main-text {
    font-family: OpenSans
}

.info-processing table tr td {
    line-height: 2.3
}

.info-processing table tr td:last-child {
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 600;
    color: #43465e
}

.info-processing table tr td span {
    cursor: pointer;
    text-underline-position: under
}

._tooltip-2 {
    cursor: pointer;
    width: 240px
}

._tooltip-2 p {
    display: inline;
    font-size: 13px
}

._tooltip-2 p:after {
    bottom: 0;
    width: 100%;
    background: url(../images/line.png) left top repeat-x;
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

._tooltip-2.active p {
    color: #43465e;
    font-family: Montserrat;
    font-weight: 400;
    cursor: default
}

.otzyv {
    border-radius: 6px;
    -webkit-box-shadow: 0 14px 30px 0 #f0f0f6;
    box-shadow: 0 14px 30px 0 #f0f0f6;
    margin-bottom: 16px
}

.another-otzv,
.leave-review {
    background-color: #E07A5F;
    text-align: center
}

.com-anchor-save {
    margin-left: auto;
    margin-right: 0
}

.com-anchor-save .btn {
    padding: 3px 12px;
    border-radius: 2px;
    display: none;
    border: 0;
    background: #add8e6;
    line-height: 15px;
    color: #fff
}

.comment-inner {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 35px 35px 35px 20px;
    -webkit-box-shadow: 2px 2px 8px #80808066;
    box-shadow: 2px 2px 8px #80808066
}

.comment-header,
.comment-text-info {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal
}

.quality.bad,
.quality.god {
    margin-bottom: 15px;
    left: 100px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    color: #82d060;
    position: relative
}

.quality.bad {
    color: #43465e;
    left: 80px
}

.comment-text-info {
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 40px;
    /* width: 50%; */
    flex: 1
}

.comment-additional-info,
.comment-header,
.pay-sprite,
.sort {
    -webkit-box-orient: horizontal
}

.comment-header {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.comment-additional-info,
.comment-additional-info div,
.pay-sprite {
    display: -webkit-box;
    display: -ms-flexbox
}

.comment-main-text {
    font-size: 13px;
    font-weight: 400;
    color: #9ea0af;
    line-height: 1.54;
    margin: 25px 0
}

.comment-additional-info {
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: OpenSans;
    font-size: 12px;
    font-weight: 400;
    color: #43465e
}

.comment-additional-info div {
    width: 45%;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.plus {
    margin-right: 10%
}

.com-mark {
    font-size: 14px;
    height: 22px
}

.com-date {
    font-size: 12px;
    color: #9ea0af;
    margin-right: 20px;
}

.columns-other-host>div p,
.com-adress {
    font-family: Montserrat;
    font-weight: 600
}

.com-adress {
    font-size: 12px;
    color: #0dbdda;
    overflow: visible;
    max-width: 100%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.date_copy_block {
    display: flex;
    height: 20px;
    margin-top: 20px;
}

.file-loading b,
.minus,
.plus {
    font-weight: 700
}

.pay-sprite {
    display: flex;
    border-radius: 6px;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.columns-other-host,
.login-for-review,
.pay-sprite>li,
.similar-links>.company-main-info>div {
    display: -webkit-box;
    display: -ms-flexbox
}

.pay-sprite>li {
    width: 130px;
    height: 90px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pay-sprite>li>img {
    vertical-align: middle;
    max-width: 100px;
    max-height: 50px
}

.columns-other-host {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 75%
}

.columns-other-host>div {
    width: 22%
}

.columns-other-host>div p {
    font-size: 16px;
    color: #43465e;
    position: relative;
    display: inline
}

.columns-other-host>div p:after {
    content: "";
    width: 100%;
    background-color: #43465e;
    bottom: -2px;
    left: 0;
    position: absolute;
    height: 2px;
    opacity: .2
}

.columns-other-host>div span {
    font-family: OpenSans;
    font-size: 12px;
    font-weight: 400;
    margin-top: 12px;
    color: #9ea0af;
    display: block
}

.similar-links>.company-main-info {
    padding: 27px;
    color: #ffc37a;
    font-size: 17px;
    text-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 10px
}

.similar-links>.company-main-info>div {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 35px;
    position: relative
}

.similar-links>.company-main-info>div:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #e5ebed
}

.similar-links>.company-main-info>div:last-child:after {
    width: 0;
    height: 0
}

.similar-links>.company-main-info>div img {
    margin-bottom: 10px;
    height: 54px
}

.similar-links>.company-main-info>div:nth-child(2) {
    height: 84px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.similar-links>.company-main-info>div:nth-child(2) img {
    height: 25px;
    margin-bottom: 20px
}

.hosting-review-info-item fieldset {
    border: none;
    margin: 16px 0
}

fieldset {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-before: 0;
    padding-block-start: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
    -webkit-padding-after: 0;
    padding-block-end: 0;
    min-inline-size: -webkit-min-content;
    min-inline-size: -moz-min-content;
    min-inline-size: min-content;
    border: none
}

textarea {
    resize: vertical;
    overflow: auto;
    width: 300px;
    height: 50px;
    background: #fff;
    border: 1px solid #cecece;
    border-radius: 8px 0 0;
    padding: 8px 0 8px 10px
}

#usluga,
.comment-field input,
.popup-register input[type=email],
.sorter-inner input,
.sorter-inner select {
    border-radius: 3px;
    border: 1px solid #d8d8d8;
    height: 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0 5px 17px;
    width: 340px;
    margin-right: 16px
}

.minus span,
.plus span {
    margin-right: 25px;
    position: relative;
    left: 10px
}

.popup-register input[type=email] {
    width: 200px;
    height: 33px
}

#usluga:focus::-webkit-input-placeholder,
.comment-field input:focus::-webkit-input-placeholder,
.sorter-inner input:focus::-webkit-input-placeholder,
.sorter-inner select:focus::-webkit-input-placeholder {
    color: transparent
}

#tarif,
#usluga {
    width: 162px
}

#review {
    width: 703px;
    height: 104px;
    border-radius: 3px;
    border: 1px solid #d8d8d8
}

.login-for-review {
    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;
    width: 220px;
    font-size: 14px;
    margin: 15px 0 26px
}

.radio-label,
.rating-for-review-comment {
    display: -webkit-box;
    display: -ms-flexbox
}

.minus,
.plus,
.signature {
    font-size: 12px;
    font-family: OpenSans
}

.filter-button:hover,
.login-for-review i:hover {
    opacity: .6
}

#minus::-webkit-input-placeholder,
#plus::-webkit-input-placeholder {
    text-align: right;
    color: #9ea0af
}

#minus::-moz-placeholder,
#plus::-moz-placeholder {
    text-align: right;
    color: #9ea0af
}

#minus,
#plus {
    width: 340px;
    padding-left: 160px;
    padding-right: 20px
}

.plus span {
    color: #82d060
}

.minus span {
    color: #df5c42
}

.minus span::before,
.plus span::before {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    height: 100%
}

.plus span::before {
    background-color: #82d060;
    width: 3px
}

.minus span::before {
    background-color: #df5c42;
    width: 3px
}

.signature {
    position: absolute;
    top: 14px;
    left: 20px;
    color: #808491;
    width: 120px;
    height: 16px;
    line-height: 1.4;
    padding-left: 10px;
    border-left: 3px solid #df5c42;
    font-weight: 400
}

.signature.green {
    border-left: 3px solid #82d060
}

.minus-input {
    margin-top: 15px
}

.like {
    position: relative;
    margin-left: 0;
    color: #82d060
}

.like::after,
.quality.bad::after,
.quality.god::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 32px;
    top: 0;
    background: url(../images/like-7.svg) 0 0/100%;
    background-repeat: inherit
}

.quality.bad::after,
.quality.god::after {
    left: -35px
}

.like.not:after,
.quality.bad::after {
    background: url(../images/dislike.svg) 0 0/100% no-repeat
}

.quality.bad.com::after {
    background: url(../images/like-red.svg) 0 0/100% no-repeat
}

.otzv-col .quality.bad:after,
.otzv-col .quality.god:after {
    left: auto;
    top: 10px
}

input[type=radio] {
    position: absolute;
    width: 136px;
    padding: 0;
    margin: -5px 0 0 28px;
    height: 26px;
    opacity: 0;
    z-index: 1000;
    cursor: pointer
}

.field,
.other,
.sort span {
    position: relative
}

.contact-info .adress,
.contact-info .phone,
.field>div {
    margin-bottom: 15px
}

input[type=radio]+.radio-label:before {
    content: "";
    background: #fff;
    border-radius: 100%;
    border: 1px solid #82d060;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 0;
    margin-right: 3em;
    cursor: pointer;
    text-align: center;
    -webkit-transition: 2ms;
    -o-transition: 2ms;
    transition: 2ms
}

input[type=radio]+.radio-label.not:before {
    border: 1px solid #9ea0af;
    background: #fff;
    cursor: pointer
}

input[type=radio]:checked+.radio-label:before {
    background-color: #82d060;
    -webkit-box-shadow: inset 0 0 0 4px #fff;
    box-shadow: inset 0 0 0 4px #fff;
    cursor: pointer
}

input[type=radio]:focus+.radio-label:before {
    outline: 0;
    border-color: inherit;
    cursor: pointer
}

input[type=radio]:checked+.radio-label.not:before {
    background-color: #9ea0af;
    -webkit-box-shadow: inset 0 0 0 4px #fff;
    box-shadow: inset 0 0 0 4px #fff;
    cursor: pointer
}

input[type=radio]:disabled+.radio-label:before {
    -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
    cursor: pointer
}

input[type=radio]+.radio-label:empty:before {
    margin-right: 0;
    cursor: pointer
}

.radio-label {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.radio {
    width: 175px;
    display: inline-block;
    margin-right: 20px
}

.leave-review {
    border-radius: 3px;
    color: #fff;
    font-family: OpenSans;
    font-size: 13px;
    padding: 10px 55px !important;
    margin: 0 !important;
    width: 216px !important;
    cursor: pointer
}

.leave-review:hover {
    opacity: .7
}

.radiobuttons-val {
    display: inline-block;
    margin: 0 60px 0 0
}

.rating-for-review-comment {
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 30px
}

.rating-for-review-comment fieldset {
    display: block;
    width: 340px;
    margin-right: 30px
}

.rating-for-review-comment i {
    color: #dbdbe5;
    font-size: 16px;
    cursor: pointer
}

.rating-for-review-comment i:hover,
.rating:hover label:hover input~.icon i,
.rating:not(:hover) label input:checked~.icon i {
    color: #ffc37a
}

.rating-for-review-comment .host-rating-values {
    margin-top: -10px
}

.contact-info .adress,
.contact-info .email,
.contact-info .phone,
.line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.contact-info .adress p,
.contact-info .email p,
.contact-info .phone p {
    font-family: OpenSans;
    font-size: 12px;
    color: #9ea0af;
    width: 40px
}

.contact-info .adress span,
.contact-info .email span,
.contact-info .phone span {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    color: #43465e;
    margin-left: 55px
}

.hosting-review-info-item.contacts>.company-main-info {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px
}

.sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: OpenSans;
    font-size: 12px;
    color: #9ea0af
}

.columns-sorted-check,
.field>div {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.another-otzv,
.sort span select {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer
}

.sort span {
    padding-left: 15px
}

.sort span select {
    -moz-appearance: none;
    -webkit-appearance: none;
    color: #43465e;
    display: inline;
    width: 80px
}

.sort span select+label::after {
    content: "";
    position: absolute;
    right: -5px;
    top: -4px;
    background: url(../images/after_menu.png) right center/9px no-repeat;
    width: 9px;
    height: 9px
}

.checking-form-place,
.header-section {
    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
}

.another-otzv {
    width: 140px;
    border-radius: 12px;
    color: #fff;
    margin: 35px auto 0
}

.another-otzv:hover {
    opacity: .5
}

.other {
    width: 100%
}

.other::after,
.other::before {
    content: "";
    position: absolute;
    height: 1px;
    max-width: 451px;
    background: #dadbe0;
    width: 40%;
    top: 50%;
    z-index: 0
}

.file-loading {
    width: 700px;
    border: 1px dotted gray;
    background: url(../images/cloud-upload.svg) no-repeat;
    height: 64px;
    background-position-y: 57%;
    background-position-x: 233px;
    text-align: center;
    cursor: pointer;
    font-family: OpenSans;
    font-size: 11px;
    color: #9ea0af;
    display: block
}

.file-loading b {
    color: #43465e;
    font-size: 12px;
    text-underline-position: under;
    line-height: 3
}

.actual-list,
.guide p {
    text-decoration: underline;
    text-underline-position: under
}

.sorting-form {
    padding: 30px 40px;
    background: #f9f9f9
}

.sorting-form .fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.field {
    margin-right: 30px
}

.columns-sorted-check,
.field>div {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.close-filter,
.line,
.open-filter {
    display: -webkit-box;
    display: -ms-flexbox
}

.sorter-inner select {
    width: 210px !important;
    -webkit-appearance: none;
    background: url(../images/after_menu.png) center/9px no-repeat;
    background-position-x: 180px;
    line-height: 1.8;
    margin-right: 0
}

.sorter-inner input {
    width: 104px !important;
    padding: 0 5px 0 30px;
    overflow: hidden
}

.sorter-inner label {
    font-family: OpenSans;
    font-size: 13px;
    color: #9ea0af;
    margin-bottom: 10px
}

.compare-form-inner .searching-compare-form input.compare-search {
    width: 90% !important;
    padding: 0 10px 0 40px
}

.compare-list {
    font-family: OpenSans;
    font-size: 14px;
    font-weight: 400;
    color: #525358;
    cursor: pointer;
    position: absolute;
    -webkit-box-shadow: 2px 1px 7px 0 #00000012;
    box-shadow: 2px 1px 7px 0 #00000012;
    z-index: 1;
}

.jur-photo,
.rating,
.tip {
    position: relative
}

.compare-list li {
    padding: 3px 40px;
    background-color: #fff
}

.compare-list li:hover {
    background-color: #f4f4f6;
    cursor: pointer
}

.line {
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.find-tarif,
.form-hosting {
    -webkit-box-direction: normal !important
}

.inline-inputs {
    margin-right: -1px !important;
    border-radius: 3px 0 0 3px !important
}

.inline-inputs._2 {
    border-radius: 0 3px 3px 0 !important
}

.inline-inputs+label:before,
.inline-inputs._2+label:before {
    content: "от";
    position: absolute;
    width: 10px;
    top: 15px;
    left: -95px
}

.inline-inputs._2+label:before {
    content: "до"
}

.inline-inputs.cpu+label:after {
    position: absolute;
    content: "Ггц";
    top: 50%;
    right: 25px;
    width: 10px;
    height: 5px
}

.inline-inputs.disc+label:after {
    position: absolute;
    content: "Гб";
    top: 50%;
    right: 20px;
    width: 10px;
    height: 5px
}

.inline-inputs::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.close-filter,
.open-filter {
    background-color: #f9f9f9;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 700;
    color: #E07A5F;
    padding-bottom: 10px
}

.find-tarif,
.radio-actions {
    display: -webkit-box;
    display: -ms-flexbox
}

.close-filter .close,
.open-filter .close {
    position: relative;
    cursor: pointer
}

.close-filter .close:after,
.open-filter .close:after {
    content: "";
    position: absolute;
    right: -20px;
    top: 2px;
    width: 9px;
    background: url(../images/blue-arrow.svg) center no-repeat;
    height: 9px
}

.open-filter .close:after {
    width: 9px;
    background: url(../images/blue-arrow.svg) center no-repeat;
    height: 9px;
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

.jur-photo {
    width: 50px !important;
    font-size: 20px;
    color: #9ea0af;
    cursor: pointer
}

.find-tarif h4,
.tip {
    font-family: OpenSans;
    color: #43465e
}

.tip {
    font-size: .75rem;
    font-weight: 600
}

.tip:after {
    content: attr(data-tooltip);
    font-family: Montserrat;
    font-size: 11px;
    left: -119px;
    top: 24px;
    width: 150px;
    padding: 3px 7px;
    position: absolute;
    visibility: hidden;
    z-index: 1000;
    color: #9ea0b5;
    background-color: #f1f1f3;
    border-radius: 6px
}

.tip-filters-table:after {
    left: 20px;
    top: -20px;
    width: auto;
    white-space: nowrap
}

td>img {
    max-width: 13px
}

.find-tarif {
    display: flex;
    -webkit-box-orient: horizontal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-right: 30px !important
}

.guide ul,
.progress-bar span,
.rating {
    display: inline-block
}

.find-tarif h4 {
    font-size: 12px;
    margin-right: 10px
}

.find-tarif span {
    color: #E07A5F;
    font-family: Montserrat;
    font-size: 26px;
    font-weight: 700;
    width: 50px
}

.val-comment-item {
    width: 94px;
    height: 17px
}

.rating-for-review-comment .val-comment-item {
    line-height: 2
}

.val-comment-item p {
    color: #43465e;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600
}

.rating {
    height: 30px;
    line-height: 26px
}

.rating label {
    position: absolute;
    top: 0;
    left: 0;
    height: 32px;
    cursor: pointer;
    font-size: 25px
}

.actual-list,
.advertism>div,
.filter-button {
    font-size: 12px;
    font-family: Montserrat
}

.rating label:last-child {
    position: static
}

.rating label:first-child {
    z-index: 5
}

.rating label:nth-child(2) {
    z-index: 4
}

.rating label:nth-child(3) {
    z-index: 3
}

.rating label:nth-child(4) {
    z-index: 2
}

.rating label:nth-child(5) {
    z-index: 1
}

.rating label input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: auto;
    margin: 0
}

.rating label .icon i {
    float: left;
    color: transparent;
    margin-right: 3px;
    font-size: 17px
}

.rating label input:focus:not(:checked)~.icon:last-child i {
    color: #dbdbe5;
    text-shadow: 0 0 5px #09f
}

.form-hosting {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.advertism,
.first-block.columns,
.host-val {
    -webkit-box-direction: normal
}

.radio-actions {
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.os-img {
    width: 80px
}

.host-val {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.stars-for-rate {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    position: relative
}

.progress-bar {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 150px;
    height: 3px;
    border-radius: 2px;
    background-color: #e4e9eb
}

.progress-bar span {
    height: 100%;
    border-radius: 2px;
    background-color: #E07A5F
}

.div-inner .progress-bar {
    width: 85px
}

.filter-button {
    padding: 13px 25px;
    background-color: #E07A5F;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.hosting-review.columns,
.news-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.advertism,
.marks {
    display: -webkit-box;
    display: -ms-flexbox
}

.hosting-review.columns>.hosting-review_title {
    margin-bottom: 0;
    width: 100%;
}

.actual-list {
    color: #9ea0af
}

.actual-list p {
    line-height: 2.67
}

.hosting-review .actual h4 {
    font-family: Montserrat;
    color: #43465e;
    font-size: 20px
}

.marks {
    font-family: OpenSans;
    font-size: 10px;
    color: #9ea0af;
    font-weight: 100;
    display: flex;
    margin: 10px 0 25px
}

.marks>div {
    position: relative;
    left: 20px
}

.marks>div:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 100%;
    left: -20px
}

.marks .mark-date:before {
    background: url(../images/calendar-4.svg) center no-repeat
}

.marks .mark-comments:before {
    background: url(../images/chat-4.svg) center no-repeat
}

.marks .mark-visits:before {
    background: url(../images/eye-5.svg) center no-repeat
}

.mark-comments,
.mark-visits {
    margin-left: 45px
}

.advertism {
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 60px
}

.comment-field-2,
.comment-title,
.first-block.columns {
    display: -webkit-box;
    display: -ms-flexbox
}

.advertism>div {
    font-weight: 600;
    text-align: center;
    color: #9ea0af;
    width: 248px;
    height: 320px;
    border-radius: 6px;
    background-color: #e7e7eb;
    line-height: 320px;
    margin-bottom: 16px
}

.first-block.columns {
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 60px
}

.framework {
    margin-top: 30px
}

.framework h4 {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    color: #43465e;
    margin-bottom: 25px
}

.framework p,
.hosting-review .frameworks .framework ol li,
.hosting-review .frameworks .framework ul li {
    font-family: OpenSans;
    font-size: 14px;
    font-weight: 400;
    color: #525358;
    line-height: 2
}

.hosting-review .frameworks .framework ul li {
    list-style: initial inside;
    margin: 10px 0
}

.hosting-review .frameworks .framework ol li {
    list-style: decimal inside;
    margin: 10px 0
}

.framework p {
    margin-bottom: 20px;
    text-align: justify;
    padding: 0 30px 0 0
}

.framework img {
    width: 600px;
    margin-bottom: 25px
}

.framework .flex-col img {
    max-width: 100%;
    width: auto;
    margin-bottom: 0
}

.social-in-article {
    margin-top: 25px;
    width: 180px;
    font-size: 13px !important
}

.comment-field-2 {
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.comment-title,
.likes {
    -webkit-box-pack: justify
}

.comment-field-2 .g-recaptcha {
    margin-right: 185px
}

.comment-title {
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.comment-title>div:first-child,
.likes {
    display: -webkit-box;
    display: -ms-flexbox
}

.comment-title>div:first-child {
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.comment-title h4 {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    color: #43465e;
    padding-right: 30px
}

.likes {
    display: flex;
    width: 60px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.likes .quality {
    font-size: 12px;
    left: 0
}

.likes .quality.bad:after,
.likes .quality.god:after {
    width: 12px;
    height: 12px;
    left: -20px
}

.comment.comment-inner {
    padding: 35px 40px;
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 5px;
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none
}

.comment .answer-button {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 600;
    color: #0dbdda;
    margin-top: 15px
}

.comment.com-2 {
    padding-left: 105px;
    position: relative
}

.comment.com-2:before {
    content: "";
    position: absolute;
    left: 50px;
    height: 50px;
    width: 30px;
    background: url(../images/answer-link.svg) center no-repeat;
    top: 30px
}

.menu-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 30% 30% 30%;
    grid-template-columns: 30% 30% 30%;
    padding-bottom: 300px
}

.menu-items.all-hosting {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 20% 20% 20% 20% 20%;
    grid-template-columns: 20% 20% 20% 20% 20%;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    padding-bottom: 30px
}

.menu-items.all-hosting>:first-child,
.searching-compare-form>:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.menu-items.all-hosting>:nth-child(2),
.searching-compare-form>:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2
}

.menu-items.all-hosting>:nth-child(3),
.searching-compare-form>:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3
}

.menu-items.all-hosting>:nth-child(4),
.searching-compare-form>:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4
}

.menu-items.all-hosting>:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 5
}

.block-menu-item li,
.hosting-review .guide ul li {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    line-height: 2;
    color: #43465e;
    margin-bottom: 10px
}

.block-menu-item,
.guide {
    margin-bottom: 30px
}

.block-menu-item p,
.guide p {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    color: #43465e;
    margin-bottom: 15px
}

.block-menu-item li a,
.hosting-review .guide ul li a {
    border-bottom: 1px solid
}

.block-menu-item li a:hover,
.hosting-review .guide ul li a:hover {
    border-bottom-color: transparent
}

.block-menu-item h4 {
    font-family: Montserrat;
    font-size: 26px;
    font-weight: 700;
    color: #E07A5F;
    margin-bottom: 20px
}

.article-additional>a,
.block-links ul li a,
.news-tabs .tab p {
    font-family: Montserrat;
    font-size: 12px
}

.framework.article-blog {
    margin-bottom: 16px;
    background-color: #fff;
    padding: 50px 40px;
    border-radius: 6px
}

.article-blog>img {
    max-height: 126px;
    margin-right: 40px;
    width: auto;
    max-width: 200px;
    float: left;
    margin-bottom: 10px
}

.article-additional {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 80px;
    margin-top: 10px
}

.article-additional>a {
    font-weight: 600;
    color: #0dbdda
}

.news-tabs .tab {
    background-color: #e7e7eb;
    padding: 10px 0;
    width: 150px;
    cursor: pointer;
    text-align: center
}

.news-tabs .tab p {
    font-weight: 600;
    color: #9ea0af
}

.news-tabs .tab.active {
    background-color: #fff;
    cursor: default
}

.news-tabs .tab.active p {
    color: #43465e;
    font-weight: 600
}

.compare-form-inner {
    background-color: #fff;
    border-radius: 6px;
    padding: 40px;
    margin-bottom: 20px
}

.compare-search {
    border: 1px solid #d8d8d8;
    height: 42px;
    border-radius: 3px;
    margin-right: 8px;
    background: url(../images/search-icon.svg) left no-repeat;
    background-position-x: 16px;
    padding: 0 0 0 48px
}

.compare-search:nyh-child(3) {
    margin-right: 24px
}

.compare-search::-webkit-input-placeholder {
    font-family: OpenSans;
    font-size: 12px;
    font-weight: 400;
    color: #9ea0af
}

.compare-search::-webkit-search-cancel-button {
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none
}

.compare-search:focus::-webkit-input-placeholder {
    opacity: 0
}

.searching-compare-form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 25% 25% 25% 18%;
    grid-template-columns: 25% 25% 25% 18%;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    width: 100%
}

.columns-additional {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
    margin-bottom: 45px
}

.block-links {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
}

.compare-company>div>img {
    max-height: 40px;
    max-width: 125px
}

.block-links h4 {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    color: #43465e
}

.block-links ul li {
    padding-right: 20px
}

.block-links ul li a {
    font-weight: 500;
    color: #9ea0af;
    border-bottom: 1px solid
}

.block-links ul li a:hover {
    border-bottom: transparent
}

.searching-res.header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 165px 1fr 1fr 1fr;
    grid-template-columns: 165px 1fr 1fr 1fr
}

.compare-company {
    padding: 30px;
    text-align: center;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    background: #fff;
    margin-right: 16px;
    position: relative
}

.compare-company-delete {
    position: absolute;
    top: 1vh;
    right: 1vh;
    font-size: 16px
}

.after-search h4 {
    margin-top: 50px;
    margin-bottom: 40px;
    text-align: center
}

.compare-company i {
    font-size: 17px;
    color: #ffc37a
}

.compare-company p {
    color: #9ea0af;
    font-family: OpenSans;
    font-size: 12px
}

.compare-company p span {
    font-weight: 600;
    color: #43465e
}

.searching-res {
    margin: 60px 0
}

.aside-comparator {
    color: #9ea0af;
    font-family: OpenSans;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    padding: 12px 0;
    width: 165px
}

.column-comparator {
    line-height: 1.5;
    text-align: center;
    border-bottom: 1px solid #e5ebed;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 600;
    color: #43465e;
    padding: 12px;
    background-color: #fff;
    width: 250px
}

td.line {
    width: 16px;
    background-color: #f4f4f6
}

tr:first-child>td.column-comparator {
    border-radius: 6px 6px 0 0
}

tr:last-child>td.column-comparator {
    border-radius: 0 0 6px 6px;
    border-bottom: transparent
}

td.organization {
    font-family: OpenSans;
    font-size: 12px;
    font-weight: 600;
    color: #43465e
}

tr.dashed-border {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, #333), color-stop(0, rgba(255, 255, 255, 0)));
    background-image: -o-linear-gradient(left, #333 20%, rgba(255, 255, 255, 0) 0);
    background-image: linear-gradient(to right, #333 20%, rgba(255, 255, 255, 0) 0);
    background-position: bottom;
    background-size: 10px 1px;
    background-repeat: repeat-x
}

tr.dashed-border>td {
    border-bottom: none !important;
    padding-bottom: 20px !important
}

tr.last-row>td {
    border-bottom: none !important;
    padding-bottom: 55px !important
}

.searching-res.main>p {
    margin-left: 30px;
    font-size: 12px;
    color: #9ea0af
}

.line>.sort {
    margin-right: 30px
}

.table-to-compare>.table-tarifs>.line>.tarif-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 60%
}

.table-to-compare>.table-tarifs {
    width: 100%;
    margin-left: 0
}

.otzyvy-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 30% 1fr 30% 1fr 30%;
    grid-template-columns: 30% 1fr 30% 1fr 30%
}

.otzv-col {
    -ms-grid-rows: 390px 390px 390px 390px;
    grid-template-rows: 390px 390px 390px 390px
}

.otzv-cell .comment-additional-info,
.otzv-cell .comment-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.otzv-cell .com-mark {
    margin: 10px 0;
    width: 40px;
    text-align: center
}

.otzv-cell .comment-text-info {
    margin-right: 0;
    width: auto
}

.otzv-cell .comment-val-info {
    width: 0
}

.otzv-cell .quality.bad,
.otzv-cell .quality.god {
    position: absolute;
    top: 54px;
    left: -20px;
    color: transparent
}

.otzv-cell .comment-additional-info div {
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 10px
}

.otzv-cell .comment-additional-info div p {
    font-size: 12px !important
}

.otzv-cell .like:after,
.quality.bad:after,
.quality.god:after {
    width: 21px
}

.otzv-cell .comment-inner {
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative
}

.otzv-cell .otzyv {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
    border-bottom: 2px solid #e5ebed
}

.otzv-cell .jur-photo {
    position: absolute;
    top: 55px;
    right: 110px
}

.feedback {
    margin: 30px 0 100px
}

.feedback #review {
    margin: 20px -3px;
    width: 680px
}

.guides {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 1fr auto;
    grid-template-columns: 50% 1fr auto
}

.guideline {
    display: -ms-grid;
    display: grid
}

.guide ul li a {
    color: #9ea0af !important
}

.first-block.column-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 70% 20%;
    grid-template-columns: 70% 20%;
    margin-bottom: 60px
}

.sorting-menu {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 120px 110px;
    grid-template-columns: 120px 110px
}

.jur-photo>.scan-photo,
.popup-register,
.sorting-submenu {
    display: none;
    position: absolute
}

.sorting-submenu {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 3
}

.sorting-menu>li:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 6px;
    width: 6px;
    height: 6px;
    background: url(../images/after_menu.png) center/100% no-repeat
}

.sorting-menu li:hover .sorting-submenu {
    display: block;
    cursor: pointer;
    z-index: 1000;
    background-color: #fff;
    padding: 0 10px;
    -webkit-box-shadow: 2px 3px 20px #80808033;
    box-shadow: 2px 3px 20px #80808033
}

.hosting-review ul li.checked-submenu-sorter,
.hosting-review ul.sorting-submenu li {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 600;
    color: #43465e;
    line-height: 2
}

.hosting-review ul.sorting-submenu li:hover {
    color: #a9a9a9
}

.about-us-page>p {
    margin: 15px 0
}

#filter-b {
    width: 110px !important;
    text-align: center;
    padding: 0;
    border-radius: 5px
}

.comment-field>.rating-for-review-comment .host-rating-values>.host-val>.stars-for-rate>input.range-star,
.rating-stars>.stars-for-rate>input.range-star {
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    background: url(../images/star.png) 0 0/26px 20px repeat-x #fff;
    background-position-x: 26px;
    height: 20px;
    width: 130px;
    position: relative;
    background-blend-mode: luminosity;
    outline: 0;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0
}

label.stars {
    background: url(../images/star.png) 0 0/26px 20px repeat-x;
    width: 0;
    height: 20px;
    background-position-x: 26px;
    position: absolute;
    left: 0
}

.stars-for-rate>label.stars {
    top: 3px !important
}

.footer-menu-col label.stars {
    top: 0 !important
}

.comment-field>.rating-for-review-comment .host-rating-values>.host-val>.stars-for-rate>input.range-star::-webkit-slider-thumb,
.rating-stars>.stars-for-rate>input.range-star::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    height: 20px;
    width: 20px
}

.framework code {
    background-color: #fff;
    padding: 10px;
    display: block;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    margin-bottom: 20px
}

p.also {
    font-weight: 700;
    text-align: left
}

.ya-share2__container_size_m .ya-share2__item {
    margin: 5px 20px 5px 0 !important
}

.popup-register {
    top: 25px;
    right: 30px;
    padding: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px 6px #80808021;
    box-shadow: 0 0 15px 6px #80808021;
    z-index: 1000;
    border-radius: 5px
}

.rating-green-btn,
.rating-purple-btn {
    font-family: OpenSans;
    font-size: 14px;
    border-radius: 5px;
    padding: 8px 20px
}

.popup-register label {
    margin-bottom: 15px;
    font-family: Montserrat;
    font-size: 12px;
    line-height: 1.5
}

.popup-register .leave-review {
    padding: 10px !important;
    width: 100px !important
}

.popup-inner>.cross_2 {
    position: absolute;
    top: 2px;
    right: -6px;
    width: 30px;
    height: 30px;
    z-index: 1000;
    font-size: 23px;
    cursor: pointer
}

.not-found p {
    font-family: Montserrat;
    color: #525358;
    text-align: center
}

.not-found a {
    border-bottom: .5px solid;
    color: #00f
}

.compare-tarif-table {
    font-size: 14px;
    font-weight: 100;
    color: #43465e
}

.compare-tarif-table tbody tr {
    font-family: OpenSans;
    color: #43465e;
    text-align: center
}

.compare-tarif-table thead tr th {
    padding: 8px
}

.compare-tarif-table td {
    padding: 8px;
    border-bottom: .5px solid #cbd9de;
    background-color: #fff;
    width: 100px;
    text-align: right
}

.compare-tarif-table td:last-child {
    text-align: center;
    color: #E07A5F;
    font-weight: 600;
    font-size: 13px
}

.compare-tarif-table td:first-child {
    font-weight: 600
}

.jur-photo>.scan-photo img {
    display: block;
    margin: 0 auto
}

.jur-photo>.scan-photo>.cross {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.jur-photo>.scan-photo {
    top: -140px;
    background: #fff;
    -webkit-box-shadow: 2px 2px 8px #80808066;
    box-shadow: 2px 2px 8px #80808066;
    padding: 30px;
    border-radius: 8px;
    right: 0;
    width: 360px;
    max-height: 600px;
    z-index: 1000
}

.column-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    margin-bottom: 15px !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-flow: wrap
}

.tarif-info.preview table tr td {
    height: 45px !important;
    text-align: center
}

.tarif-info table tr:last-child td {
    border-bottom: none;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

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

#company-page-navbar {
    overflow: hidden;
    background-color: #fff;
    border-radius: 6px;
    z-index: 2;
    margin-bottom: 20px;
    box-shadow: 2px 2px 8px #80808021;
    margin-right: 8px
}

#company-page-navbar a {
    float: left;
    display: block;
    color: #43465e;
    text-align: center;
    padding: 14px 10px;
    text-decoration: none;
    font-size: 14px
}

#company-page-navbar a.active {
    background: #f1f1f3
}

#company-page-navbar a:hover {
    background-color: #d3d3d3;
    color: #43465e
}

#go_to_hoster_company_nav {
    border-radius: 4px;
    color: #fff !important;
    background: #77c955;
    font-weight: 400;
    background: linear-gradient(#ffc37a, #f5ae00)
}

.sticky {
    position: fixed;
    top: 0;
    width: auto
}

.sticky+.about-company {
    padding-top: 60px
}

.rating-green-btn {
    color: #fff;
    background: linear-gradient(#0cb91a, #26970f)
}

.rating-green-btn:hover {
    background: linear-gradient(#26970f, #028d2c) #26970f
}

.rating-green-btn:active {
    background: linear-gradient(#028d2c, #26970f) #028d2c
}

.rating-purple-btn {
    color: #fff;
    background: linear-gradient(#a8abff, #797bbd)
}

.main-page-cup {
    width: 43px;
    vertical-align: middle;
    margin-right: 15px
}

.logo-company-img {
    max-width: 90px
}

.rate-badge {
    color: #fff;
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.hoster-comment-block button,
.open-comment-btn {
    border-radius: 3px;
    color: #fff;
    font-family: OpenSans;
    margin-top: 10px
}

.rate-badge-blue {
    background-color: #007bff
}

.rate-badge-yellow {
    background-color: #ffc107
}

.rate-badge-gray {
    background-color: #6c757d
}

.rate-badge-light {
    background-color: #c5c5c5
}

.rate-badge-green {
    background-color: #28a745
}

.open-comment-btn,
.rate-badge-maincolor {
    background-color: #E07A5F
}

.fas-empty {
    width: 14px
}

.open-comment-btn {
    padding: 10px 50px
}

.hoster-comment-block {
    padding: 20px;
    display: none
}

.hoster-comment-block button {
    background-color: #E07A5F;
    padding: 10px 30px
}

.hoster-comment-block-solid {
    border: 1px solid;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 2px 2px 8px #80808066;
    margin-top: 20px
}

.hoster-comment-block-solid span {
    font-size: 18px
}

.progress {
    background-color: #f5f5f5;
    border-radius: 3px;
    box-shadow: none;
    height: 14px;
    margin-top: 5px;
    width: 97%
}

.progress-bar-review {
    background-color: #E07A5F;
    box-shadow: none;
    height: 14px;
    display: flex
}

.progress-bar-review span {
    color: #483e9c;
    font-size: 12px;
    background: rgba(0, 0, 0, 0);
    margin-left: 45%;
    mix-blend-mode: multiply
}

@-webkit-keyframes progress-bar-review-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-review-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.btn-load__more {
    background: #ffc37a;
    color: #fff;
    padding: 12px 24px;
    font-size: 16px;
    margin-top: 20px;
    transition: .3s ease-in-out;
}

.btn-load__more:hover {
    opacity: 0.5;
}

.more-reviews {
    margin: 10px 0 0 10px;
}

.more-reviews a {
    font-weight: bold;
    font-size: 14px;
    color: #686cc3;
    transition: .3s ease-in-out;
}

.reviews-sort {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 20px;
}

.reviews-sort select {
    font-size: 16px;
    padding: 10px;
    border: 1px solid #b0b0b0;
    border-radius: 8px;
    color: #797bbd;
}

#reviewsContainer .comment-inner_img {
    display: flex;
    flex-direction: column;
    width: 100px;
}

#reviewsContainer .comment-header {
    justify-content: space-between;
    align-items: center;
}

#reviewsContainer .comment-header .comment-header_inner {
    display: flex;
    align-items: center;
}

#reviewsContainer .comment-header .comment-header_company {
    margin-left: 20px;
    font-size: 16px"

}

#reviewsContainer .good-review {
    background: #e8f2e9;
}

#reviewsContainer .bad-review {
    background: #f7eaea;
}

.progress-bar-review.active,
.progress.active .progress-bar-review {
    -webkit-animation: 2s linear infinite progress-bar-review-stripes;
    -o-animation: 2s linear infinite progress-bar-review-stripes;
    animation: 2s linear infinite progress-bar-review-stripes
}

.progress-bar-review-striped,
.progress-striped .progress-bar-review {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.disabled-form>fieldset>input,
.disabled-form>fieldset>textarea,
.is-disabled {
    border-color: #dfe3e9;
    background-color: #e6eaee;
    color: rgba(53, 64, 82, .5);
    cursor: not-allowed
}

.authorization-block {
    width: 50%;
    min-width: 350px;
    text-align: center;
    margin: 10px 0 10px auto;
    padding-bottom: 5px;
    border: 3px solid #fff;
    border-radius: 3px;
    transition: border-color .5s;
    -moz-transition: border-color .5s;
    -webkit-transition: border-color .5s;
    -o-transition: border-color .5s
}

#leave-review-form:hover,
#leave-review-form:hover+.authorization-block {
    border-color: #E07A5F
}

@media (max-width: 962px) {
    .plug-companies-block {
        flex-direction: column;
        gap: 15px;
    }

    .plug-main-info {
        width: 50%;
        margin: 0 auto;
    }
}

@media (max-width:700px) {
    .collumn_info_header {
        margin-bottom: 10px
    }

    .info-block_reviews>.row {
        margin-top: 15px
    }
}

@media (max-width:500px) {
    .table-tarifs>.tarif-info {
        overflow-x: scroll
    }

    .review_disadv {
        margin-top: 15px
    }

    #leave-review-form>.radio-actions>.radiobuttons-val,
    .collumn_info_header {
        margin-bottom: 10px
    }

    .collumn_info {
        width: 100%;
        border: none;
        padding: 5px
    }

    .collumn_info_elem {
        margin-bottom: 5px
    }

    .row_tabs {
        border: 2px solid #ccc
    }

    .btn_info_review {
        margin-top: 10px
    }

    .authorization-block {
        min-width: 250px
    }

    #leave-review-form>fieldset>input {
        margin-bottom: 20px;
        min-width: 316px
    }

    #leave-review-form>fieldset>textarea {
        margin-bottom: 20px
    }

    .hosting-review-info-item fieldset {
        margin: 0
    }

    #leave-review-form>.radio-actions {
        display: flex;
        flex-direction: column
    }

    #leave-review-form>.radio-actions>.leave-review {
        min-width: 316px
    }

    .plug-main-info {
        width: 100%;
    }
}