@font-face { font-family: HNDRegular; src: url(/fonts/helvetica-now-display/HelveticaNowDisplay-Regular.ttf); }
@font-face { font-family: HNDMedium; src: url(/fonts/helvetica-now-display/HelveticaNowDisplay-Medium.ttf); }
@font-face { font-family: HNDBold; src: url(/fonts/helvetica-now-display/HelveticaNowDisplay-Bold.ttf); }
body { padding: 0; margin: 0; color: #394363; background-color: #fafbfb; font-family: HNDRegular, Roboto, Arial, sans-serif !important; letter-spacing: 1.5px; }
.mainpg { display: table; width: 100%; }

.banner { display: table; width: 100%; background: url(/pro/img/web-sitesi.webp) no-repeat right center; background-color: #fff1ec; background-size: 37%; }
.innerBanner { display: flex; width: 100%; max-width: 1366px; height: 600px; margin: 0 auto; }

.Hs { width: 55%; padding-left: 3%; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: center; }
h1 { font-size: 65px; margin: 0 0 16px; font-weight: 500; transition: all .3s; }
h2 { font-weight: 500; transition: all .3s; }
h3 { font-size: 52px; font-weight: 500; margin: 1%; transition: all .3s; }
h4 { font-size: 52px; font-weight: 500; margin: 0; transition: all .3s; }
h5 { font-size: 52px; font-weight: 500; margin: 0; transition: all .3s; }
h6 { font-size: 52px; font-weight: 500; margin: 0; transition: all .3s; }
.h7 { font-size: 52px; font-weight: 500; text-align: center; width: 69%; margin: 0 auto 70px; transition: all .3s; }

.lftflt { float: left; }
.rhtflt { float: right; }
.tpmrgn5 { margin-top: 5% !important; }
.tpmrgn3 { margin-top: 3% !important; }

.b120x { display: table; width: 100%; background-color: #fefefe; }
.flxlftnrgt { display: table; max-width: 1366px; margin: 150px auto; }
    .flxlftnrgt img { max-width: 50%; }
.flxtxt { margin: 0 1% 0; width: 58%; }
    .flxtxt p, .AllinfosGet p { font-size: 24px; }

.Scpackages { background-color: #fff1ec; padding: 70px 0; }
.innrScpackages { max-width: 1366px; margin: 0 auto; }

.PackageBlcks { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; justify-content: space-around; }
.PackageBlck { width: 27%; background-color: #fefefe; border-radius: 8px; padding: 2%; text-align: center; transition: all .3s; }
.PackageInfos { padding: 10px; font-size: 20px; }
    .PackageInfos svg { fill: #47ae53; }
.Prices { display: flex; flex-direction: row; margin-bottom: 15px; justify-content: center; }
    .Prices span:first-child { font-size: 21px; margin: 8px 3px 0 0; }
    .Prices span:last-child { font-size: 52px; font-weight: 500; }

.mrgntp108 { margin-top: 108px !important; }
.mrgntp64 { margin-top: 64px !important; }

.bttnCntnr { display: flex; }
    .bttnCntnr .BtnViewSite { margin-left: 16px; }
.ScrlDwn { cursor: pointer; }
.BtnBuyNow { background-color: #1f63c0; color: #fff; padding: 12px 22px; border: none; border-radius: 7px; font-size: 16px; letter-spacing: 1.5px; cursor: pointer; transition: all .3s; }
    .BtnBuyNow:hover { background-color: #226acb; }
.PackageBlck .BtnBuyNow { margin: 20px auto; display: table; }

.BtnViewSite { border: solid 1px #1f63c0; background-color: #fff; padding: 12px 22px; border-radius: 7px; transition: all .3s; }
    .BtnViewSite:hover { background-color: #ebf4ff; }

.strinfos { margin: 1% 0; text-align: center; }

.PopUpBackGrnd { position: fixed; left: 0; top: 0; bottom: 0; right: 0; overflow-y: scroll; background-color: rgba(0, 0, 0, 0.75); }
.PopUpForm { display: flex; background-color: #fff; flex-direction: column; flex-wrap: nowrap; align-items: stretch; border-radius: 12px; padding: 2%; margin: 1% auto; width: 60%; }
.bh-photo-modal-close { color: #fff; opacity: 1; z-index: 5; position: fixed; top: 0; right: 0; padding: 2px 15px; transition: all .3s; }
    .bh-photo-modal-close:hover { cursor: pointer; opacity: .8; }
.bh-photo-modal-close-cross { font-size: 46px; vertical-align: middle; position: relative; top: -4px; margin-left: 5px; font-family: Georgia,serif; }

#PaymentFrame iframe { display: table; width: 100%; border: none; height: 574px; }

@media only screen and (max-width: 1005px) {
    .flxtxt { width: 48%; }
}

@media only screen and (max-width: 905px) {
    .banner { background: none; background-color: #fff1ec; }
    .Hs { width: 94%; }
}

@media only screen and (max-width: 830px) {
    .PackageBlcks { flex-direction: column; flex-wrap: nowrap; align-items: center; }
    .PackageBlck { margin-bottom: 38px; width: 60%; }
    .h7 { width: 95%; }
}

@media only screen and (max-width: 768px) {
    h1 { font-size: 55px; }
    h3, h4, h5, h6, .h7 { font-size: 42px; }
    .flxlftnrgt img { max-width: 100%; margin: 0 auto 30px; float: none; display: block; }
    .flxtxt { width: 96%; margin: 0 2%; text-align: center; }
}

@media only screen and (max-width: 600px) {
    .PackageBlck, .PopUpForm { width: 92%; }
    .bh-photo-modal-close { color: #000; }
}

@media only screen and (max-width: 435px) {
    h1 { font-size: 42px; }
    h3, h4, h5, h6, .h7 { font-size: 32px; }
    h2, .flxtxt p { font-size: 20px; }
}


@media only screen and (max-width: 404px) {
    .bttnCntnr { flex-direction: column; align-items: flex-start; }
        .bttnCntnr .BtnViewSite { margin: 16px 0 0; }
}