﻿
.Hpnls p { width: 100%; font-size: 24px; font-weight: 400; display: table; text-align: left; margin: 50px 0; transition: all .3s; }
#box6 h2 { font-size: 50px; text-align: center; display: table; width: 80%; margin: 0 auto; }
#box7 h2 { font-size: 50px; font-weight: 900; text-align: center; margin-bottom: 10px; letter-spacing: 1.5px; }

#box4Hdr { font-size: 50px; font-weight: bold; text-align: center; transition: all .3s; margin: 0; }
#dv_FirmList { margin: 60px 0 0; padding: 0; width: 75%; }
    #dv_FirmList li { border: solid 2px #ebebeb; border-radius: 9px; margin-bottom: 27px; padding: 4%; width: calc(92% - 4px); display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; gap: 40px; }
.firmheader { width: 100%; display: flex; gap: 2.5%; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
.picsblck { position: relative; width: 275px; height: 275px; border-radius: 19px; overflow: hidden; }
    .picsblck:hover ._1d3iagv { opacity: 1 !important; }
.aimgs { width: 275px; height: 275px; display: flex; flex-direction: row; flex-wrap: nowrap; }
    .aimgs img { position: absolute; object-fit: cover; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; }

._1d3iagv { position: absolute; -webkit-box-pack: center !important; -ms-flex-pack: center !important; -webkit-box-align: center !important; -ms-flex-align: center !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; display: -webkit-inline-box !important; display: -moz-inline-box !important; display: -ms-inline-flexbox !important; display: -webkit-inline-flex !important; display: inline-flex !important; border-radius: 50% !important; border: 0 !important; outline: none !important; margin: 0px !important; padding: 0px !important; color: #222222 !important; background-color: rgba(255, 255, 255, 0.9) !important; cursor: pointer !important; -ms-touch-action: manipulation !important; touch-action: manipulation !important; -webkit-align-items: center !important; align-items: center !important; -webkit-justify-content: center !important; justify-content: center !important; border-style: solid !important; border-width: 1px !important; background-clip: padding-box !important; border-color: rgba(0, 0, 0, 0.08) !important; box-shadow: 0px 0px 0px 1px transparent, 0px 0px 0px 4px transparent, 0px 2px 4px rgb(0 0 0 / 18%) !important; -webkit-transition: -webkit-transform 0.25s ease,transform 0.25s ease !important; -moz-transition: transform 0.25s ease !important; transition: -ms-transform 0.25s ease,-webkit-transform 0.25s ease,transform 0.25s ease !important; width: 32px !important; height: 32px !important; }
    ._1d3iagv:hover { border-color: rgba(0, 0, 0, 0.08) !important; background-color: #FFFFFF !important; color: #000000 !important; box-shadow: 0px 0px 0px 1px transparent, 0px 0px 0px 4px transparent, 0px 6px 16px rgb(0 0 0 / 12%) !important; -webkit-transform: scale(1.04) !important; -ms-transform: scale(1.04) !important; transform: scale(1.04) !important; }
.onimgbtnR { opacity: 0; right: 10px; top: 43%; z-index: 5; }
.onimgbtnL { opacity: 0; left: 10px; top: 43%; z-index: 5; }

.afirmplink { margin: 10px 0; }
    .afirmplink a { font-size: 36px; color: #3a265c; }
        .afirmplink a:hover { text-decoration: underline; }

.infoblck { width: calc(97.5% - 275px); }
.ratingBlck { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 10px; }
.emptstars { width: 147px; height: 28px; background: url(/img/rating-star-firma-profili-02.png) no-repeat; }
.fillstars { height: 28px; background: url(/img/rating-star-firma-profili.png) no-repeat; }
.rateText { position: relative; }
.ratepnt { font-size: 24px; font-weight: 700; }
.ratetit { position: absolute; left: -5px; bottom: -16px; min-width: 118%; text-align: center; }
.Extrainfoblck { display: flex; margin: 55px 0; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 20px; }

.extinfoblcs { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 5px; }
    .extinfoblcs span { font-size: 18px; }
.colorBlue { color: #136ffb; }
.extrainfop { font-size: 18px; }
.underline { text-decoration: underline; }

.commentBlck { width: calc(100% - 60px); display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 25px; padding: 30px; border: solid 2px #ebebeb; border-radius: 9px; font-size: 19px; }
.FirminfoBlck { padding: 30px; font-size: 19px; }
    .FirminfoBlck p { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
.buttonArea { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; width: 100%; }
.inbox { max-width: 1366px; display: table; width: 100%; margin: 0 auto; }

.Flexbox { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; }
.Connected_Pg_Links_Header { font-size: 22px; font-weight: 700; margin: 10px 0; }
.ConnctdLinksFlxPnl { width: 24%; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; }
.ConnectedLinksPnl { width: 90%; padding: 10px; margin-top: 60px; border: solid 2px #ebebeb; border-radius: 9px; display: flex; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: flex-start; gap: 10px; }
.CnctdLink { color: #ff8234; font-size: 17px; font-weight: 600; padding: 7px; }

.seo-breadcrumb { margin: 20px auto; width: 90% }
.breadcrumb { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 5px; font-size: 15px }
    .breadcrumb a { color: #555; }
.aftr::after { content: " > "; position: relative; top: 0; color: #6e7081; font-size: 15px; margin: 0 }

#box20 h2 { margin-bottom: 50px; font-size: 50px; font-weight: bold; text-align: center; transition: all .3s; }
.spclFyt { border: solid 2px #ebebeb; border-radius: 9px; margin-bottom: 27px; padding: 3%; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; gap: 20px; }
.sfhdr { font-size: 36px; color: #3a265c; }
.sfprices { font-size: 20px; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 15px; background: #a2f2ff; padding: 5px 15px; border-radius: 5px; }
.sfbody { width: 100% }
.sfbtop { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 25px; }
    .sfbtop img { border-radius: 9px; }
.sfbbottom { padding: 30px; font-size: 18px; line-height: 25px; }
.sfbtaddrsses { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; gap: 20px; font-size: 18px; line-height: 25px; }
.sftablck p { margin-top: 10px; }

.flexleftcntr { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; }

#box13 { margin-top: 60px; }
    #box13 h2 { font-size: 44px; margin-bottom: 25px; text-align: center; }


#box14 { margin: 65px 0; }
    #box14 h2 { margin-bottom: 35px; font-size: 44px; font-weight: bold; text-align: center; transition: all .3s; }
.segment-table { border-spacing: 8px 6px; border-collapse: separate; width: 100%; }
    .segment-table[_ngcontent-sc26] th[_ngcontent-sc26] { font-weight: 700; font-size: 20px; text-align: left; padding: 0 8px 16px; text-align: center; }
    .segment-table[_ngcontent-sc26] td[_ngcontent-sc26] { text-align: center; font-size: 18px; min-height: 40px; vertical-align: middle; padding: 8px; background-color: #f8f8f8; }
        .segment-table[_ngcontent-sc26] td[_ngcontent-sc26]:first-child { text-align: left; }

@media only screen and (max-width: 986px) {
    .flexleftcntr { flex-direction: column; }
}

@media only screen and (max-width: 788px) {
    .sfprices { flex-direction: column; padding: 15px; align-items: flex-start; }
}

@media only screen and (max-width: 768px) {
    .onimgbtnR, .onimgbtnL { opacity: .5 !important; }
    .Flexbox { justify-content: flex-start; flex-direction: column; }
    #dv_FirmList { width: auto; }
    .ConnctdLinksFlxPnl { width: auto; }
}

@media only screen and (max-width: 640px) {
    #box4 #box4Hdr { font-size: 38px; }
    .firmheader { gap: 50px; flex-direction: column-reverse; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }
    .infoblck { width: 100%; }
    .picsblck { width: 80%; height: 345px; }
    .aimgs { width: 100%; height: 100%; }
    .Hndbfont, #box4Hdr, h2, #box13 h2 { font-size: 38px !important; }
    #box3 .inbox .howitsWork .hwitswrk .Hdr_hwrk { font-size: 28px !important; }
    #box7 { height: 850px; }
    .sfbtop { flex-direction: column; align-items: flex-start; }
    .sfbbottom { padding: 30px 0; }
    .sfhdr { font-size: 28px; }
}

@media only screen and (max-width: 428px) {
    .picsblck { width: 100%; }
    .commentBlck { flex-wrap: wrap; }
}
