/* Hostixo - Bulut Sunucu sayfasi stil dosyasi Kaynak: https://www.hostixo.com/sunucu/bulut-sunucu/ 1) main.min.css'ten bu sayfada kullanilan kurallar 2) sayfaya ozgudur 3) style="..." ozelliklerinden uretilen siniflar */ /* Use the site body font throughout the content, including headings. */ #bsc-page, #bsc-page h1, #bsc-page h2, #bsc-page h3, #bsc-page h4, #bsc-page h5, #bsc-page h6{font-family:Poppins,sans-serif} #bsc-page .wh-platform-list{display:flex;align-items:center;gap:14px;white-space:nowrap} #bsc-page .wh-platform-list>span{display:inline-flex;align-items:center;gap:4px} #bsc-page .wh-platform-list i{font-size:14px} @font-face{font-family:font-icons;src:url(fonts/font-icons.eot);src:url(fonts/font-icons.eot) format("embedded-opentype"),url(fonts/font-icons.woff) format("woff"),url(fonts/font-icons.ttf) format("truetype"),url(fonts/font-icons.svg) format("svg");font-weight:400;font-style:normal} #bsc-page{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace} #bsc-page *, #bsc-page ::after, #bsc-page ::before{box-sizing:border-box} #bsc-page article, #bsc-page figcaption, #bsc-page figure, #bsc-page footer, #bsc-page header, #bsc-page main, #bsc-page nav, #bsc-page section{display:block} #bsc-page h1, #bsc-page h2, #bsc-page h3, #bsc-page h4, #bsc-page h5, #bsc-page h6{margin-top:0;margin-bottom:.5rem} #bsc-page p{margin-top:0;margin-bottom:1rem} #bsc-page dl, #bsc-page ol, #bsc-page ul{margin-top:0;margin-bottom:1rem} #bsc-page ol ol, #bsc-page ol ul, #bsc-page ul ol, #bsc-page ul ul{margin-bottom:0} #bsc-page b, #bsc-page strong{font-weight:bolder} #bsc-page a{color:#007bff;text-decoration:none;background-color:transparent} #bsc-page a:hover{color:#0056b3;text-decoration:underline} #bsc-page a:not([href]){color:inherit;text-decoration:none} #bsc-page a:not([href]):hover{color:inherit;text-decoration:none} #bsc-page img{vertical-align:middle;border-style:none} #bsc-page svg{overflow:hidden;vertical-align:middle} #bsc-page table{border-collapse:collapse} #bsc-page th{text-align:inherit} #bsc-page button{border-radius:0} #bsc-page button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color} #bsc-page button, #bsc-page input, #bsc-page optgroup, #bsc-page select, #bsc-page textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit} #bsc-page button, #bsc-page input{overflow:visible} #bsc-page button, #bsc-page select{text-transform:none} #bsc-page [type=button], #bsc-page [type=reset], #bsc-page [type=submit], #bsc-page button{-webkit-appearance:button} #bsc-page [type=button]:not(:disabled), #bsc-page [type=reset]:not(:disabled), #bsc-page [type=submit]:not(:disabled), #bsc-page button:not(:disabled){cursor:pointer} #bsc-page [type=button]::-moz-focus-inner, #bsc-page [type=reset]::-moz-focus-inner, #bsc-page [type=submit]::-moz-focus-inner, #bsc-page button::-moz-focus-inner{padding:0;border-style:none} #bsc-page a>code{color:inherit} #bsc-page .container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} @media (min-width:576px){#bsc-page .container{max-width:540px}} @media (min-width:768px){#bsc-page .container{max-width:720px}} @media (min-width:992px){#bsc-page .container{max-width:960px}} @media (min-width:1200px){#bsc-page .container{max-width:1140px}} @media (min-width:576px){#bsc-page .container{max-width:540px}} @media (min-width:768px){#bsc-page .container{max-width:720px}} @media (min-width:992px){#bsc-page .container{max-width:960px}} @media (min-width:1200px){#bsc-page .container{max-width:1140px}} #bsc-page .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px} #bsc-page .col, #bsc-page .col-12, #bsc-page .col-6, #bsc-page .col-7, #bsc-page .col-lg-10, #bsc-page .col-lg-12, #bsc-page .col-lg-3, #bsc-page .col-lg-4, #bsc-page .col-lg-5, #bsc-page .col-lg-6, #bsc-page .col-lg-7, #bsc-page .col-lg-8, #bsc-page .col-md-10, #bsc-page .col-md-12, #bsc-page .col-md-2, #bsc-page .col-md-3, #bsc-page .col-md-4, #bsc-page .col-md-5, #bsc-page .col-md-6, #bsc-page .col-md-7, #bsc-page .col-md-8, #bsc-page .col-md-9, #bsc-page .col-sm-6, #bsc-page .col-sm-8{position:relative;width:100%;padding-right:15px;padding-left:15px} #bsc-page .col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} @media (min-width:992px){#bsc-page .col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}} @media (min-width:992px){#bsc-page .col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}} @media (min-width:992px){#bsc-page .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}} @media (min-width:992px){#bsc-page .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}} #bsc-page .btn-primary:not(:disabled):not(.disabled).active, #bsc-page .btn-primary:not(:disabled):not(.disabled):active, #bsc-page .show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf} #bsc-page .btn-primary:not(:disabled):not(.disabled).active:focus, #bsc-page .btn-primary:not(:disabled):not(.disabled):active:focus, #bsc-page .show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)} #bsc-page .btn-secondary:not(:disabled):not(.disabled).active, #bsc-page .btn-secondary:not(:disabled):not(.disabled):active, #bsc-page .show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b} #bsc-page .btn-secondary:not(:disabled):not(.disabled).active:focus, #bsc-page .btn-secondary:not(:disabled):not(.disabled):active:focus, #bsc-page .show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)} #bsc-page .btn-outline-primary:not(:disabled):not(.disabled).active, #bsc-page .btn-outline-primary:not(:disabled):not(.disabled):active, #bsc-page .show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff} #bsc-page .btn-outline-primary:not(:disabled):not(.disabled).active:focus, #bsc-page .btn-outline-primary:not(:disabled):not(.disabled):active:focus, #bsc-page .show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)} #bsc-page .dropdown-item.active, #bsc-page .dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff} #bsc-page .btn-group>.btn.active, #bsc-page .btn-group>.btn:active, #bsc-page .btn-group>.btn:focus{z-index:1} #bsc-page .nav-tabs .nav-item{margin-bottom:-1px} #bsc-page .nav-tabs .nav-item.show .nav-link, #bsc-page .nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff} #bsc-page .nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center} #bsc-page .tab-content>.active{display:block} #bsc-page .navbar .container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between} #bsc-page .page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff} #bsc-page .badge{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;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out} @media (prefers-reduced-motion:reduce){#bsc-page .badge{transition:none}} #bsc-page a.badge:focus, #bsc-page a.badge:hover{text-decoration:none} #bsc-page .badge:empty{display:none} #bsc-page .btn .badge{position:relative;top:-1px} #bsc-page .badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem} #bsc-page .list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff} #bsc-page .list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px} #bsc-page .carousel-item-next, #bsc-page .carousel-item-prev, #bsc-page .carousel-item.active{display:block} #bsc-page .active.carousel-item-right, #bsc-page .carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)} #bsc-page .active.carousel-item-left, #bsc-page .carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)} #bsc-page .carousel-indicators .active{opacity:1} #bsc-page .clearfix::after{display:block;clear:both;content:""} #bsc-page .justify-content-center{-ms-flex-pack:center!important;justify-content:center!important} #bsc-page .align-items-center{-ms-flex-align:center!important;align-items:center!important} #bsc-page .mb-0{margin-bottom:0!important} #bsc-page .mb-2, #bsc-page .my-2{margin-bottom:.5rem!important} #bsc-page .mb-3{margin-bottom:1rem!important} #bsc-page .mb-4, #bsc-page .my-4{margin-bottom:1.5rem!important} #bsc-page .pt-0{padding-top:0!important} #bsc-page .pb-0{padding-bottom:0!important} #bsc-page .pt-2, #bsc-page .py-2{padding-top:.5rem!important} #bsc-page .py-2{padding-bottom:.5rem!important} #bsc-page .px-3{padding-right:1rem!important} #bsc-page .pl-3, #bsc-page .px-3{padding-left:1rem!important} #bsc-page .text-black-50{color:rgba(0,0,0,.5)!important} @media print{#bsc-page *, #bsc-page ::after, #bsc-page ::before{text-shadow:none!important;box-shadow:none!important}} @media print{#bsc-page thead{display:table-header-group}} @media print{#bsc-page img, #bsc-page tr{page-break-inside:avoid}} @media print{#bsc-page h2, #bsc-page h3, #bsc-page p{orphans:3;widows:3}} @media print{#bsc-page h2, #bsc-page h3{page-break-after:avoid}} @media print{#bsc-page .container{min-width:992px!important}} @media print{#bsc-page .badge{border:1px solid #000}} @media (min-width:576px){#bsc-page .container{max-width:540px}} @media (min-width:768px){#bsc-page .container{max-width:750px}} @media (min-width:992px){#bsc-page .container{max-width:970px}} @media (min-width:1200px){#bsc-page .container{max-width:1170px}} #bsc-page dl, #bsc-page dt, #bsc-page li, #bsc-page ol, #bsc-page ul{margin:0;padding:0} #bsc-page .clear{clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;overflow:hidden} #bsc-page a{text-decoration:none!important;color:#1abc9c} #bsc-page a:hover{color:#222} #bsc-page a img{border:none} #bsc-page img{max-width:100%} #bsc-page h1, #bsc-page h2, #bsc-page h3, #bsc-page h4, #bsc-page h5, #bsc-page h6{color:#354042;font-weight:600;line-height:1.5;margin:0 0 30px;} #bsc-page h1{font-size:36px} #bsc-page h2{font-size:30px} #bsc-page h3{font-size:24px} #bsc-page h4{font-size:18px} #bsc-page h4{font-weight:600} #bsc-page h1>span:not(.nocolor):not(.badge), #bsc-page h2>span:not(.nocolor):not(.badge), #bsc-page h3>span:not(.nocolor):not(.badge), #bsc-page h4>span:not(.nocolor):not(.badge), #bsc-page h5>span:not(.nocolor):not(.badge), #bsc-page h6>span:not(.nocolor):not(.badge){color:#1abc9c} #bsc-page address, #bsc-page blockquote, #bsc-page dl, #bsc-page fieldset, #bsc-page form, #bsc-page ol, #bsc-page p, #bsc-page pre, #bsc-page table, #bsc-page ul{margin-bottom:30px} #bsc-page .uppercase{text-transform:uppercase!important} #bsc-page .nott{text-transform:none!important} #bsc-page .center{text-align:center!important} #bsc-page .color{color:#1abc9c!important} #bsc-page .t500{font-weight:500!important} #bsc-page .t600{font-weight:600!important} #bsc-page .ls0{letter-spacing:0!important} #bsc-page .ls1{letter-spacing:1px!important} #bsc-page .section .container{z-index:2} #bsc-page .section .container+.video-wrap{z-index:1} #bsc-page .slider-element .container{position:relative;height:100%} #bsc-page .slider-element .owl-dots .owl-dot.active, #bsc-page .slider-element .owl-dots .owl-dot:hover{background-color:#fff!important} #bsc-page #content{position:relative;overflow:hidden;background-color:#fff} #bsc-page #content p{line-height:1.8} #bsc-page .content-wrap{position:relative;padding:80px 0} #bsc-page #content .container{position:relative} #bsc-page .portfolio-filter.center.style-2 li{display:inline-block;float:none} #bsc-page .masonry-thumbs .overlay{padding:0 1px 1px 0} #bsc-page .promo>.container>span, #bsc-page .promo>span{display:block;color:#444;font-weight:300;font-size:16px;margin-top:6px} #bsc-page .promo.promo-dark>.container>h3 span, #bsc-page .promo.promo-dark>h3 span{padding:2px 8px;border-radius:3px;background-color:rgba(0,0,0,.15);color:#fff;font-weight:400} #bsc-page .promo.promo-dark>.container>span, #bsc-page .promo.promo-dark>span{color:#ccc;margin-top:8px} #bsc-page .promo.promo-flat>.container>span, #bsc-page .promo.promo-flat>span{color:rgba(255,255,255,.9)} #bsc-page blockquote p{margin-bottom:15px} #bsc-page .owl-carousel .owl-dots .owl-dot.active, #bsc-page .owl-carousel .owl-dots .owl-dot:hover{opacity:1} #bsc-page .overlay{position:absolute;top:0;left:0;width:100%;height:100%} #bsc-page .heading-block{margin-bottom:50px} #bsc-page .emphasis-title h1, #bsc-page .emphasis-title h2, #bsc-page .heading-block h1, #bsc-page .heading-block h2, #bsc-page .heading-block h3, #bsc-page .heading-block h4{margin-bottom:0;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#333} #bsc-page .heading-block h1{font-size:32px} #bsc-page .heading-block h2{font-size:30px} #bsc-page .heading-block h3{font-size:26px} #bsc-page .heading-block h4{font-size:20px;font-weight:700} #bsc-page .heading-block>span:not(.before-heading){display:block;margin-top:10px;font-weight:300;color:#777} #bsc-page .heading-block .before-heading{margin-bottom:7px} #bsc-page .center .heading-block>span, #bsc-page .heading-block.center>span{max-width:700px;margin-left:auto;margin-right:auto} #bsc-page .heading-block h1+span{font-size:24px} #bsc-page .heading-block h2+span{font-size:22px} #bsc-page .heading-block h3+span, #bsc-page .heading-block h4+span{font-size:20px} #bsc-page .heading-block~p:not(.lead){font-size:15px} #bsc-page .heading-block:after{content:"";display:block;margin-top:10px;width:40px;border-top:2px solid #444} #bsc-page .center .heading-block:after, #bsc-page .heading-block.center:after{margin:16px auto 0} #bsc-page .heading-block.noborder:after, #bsc-page .heading-block.nobottomborder:after{display:none} #bsc-page .heading-block.border-color:after{border-color:#1abc9c} #bsc-page .nav-tree li.active>a, #bsc-page .nav-tree li.current>a, #bsc-page .nav-tree li:hover>a{color:#1abc9c!important} #bsc-page .page-item.active .page-link, #bsc-page .page-link:focus, #bsc-page .page-link:hover{color:#fff!important;background-color:#1abc9c!important;border-color:#1abc9c!important} #bsc-page .dark .promo>.container>span, #bsc-page .dark .promo>span{color:rgba(255,255,255,.8)} #bsc-page .dark .heading-block:not(.not-dark):after{border-top-color:rgba(255,255,255,.4)} #bsc-page .dark .counter, #bsc-page .dark .heading-block:not(.not-dark){text-shadow:1px 1px 1px rgba(0,0,0,.1)} #bsc-page .dark .emphasis-title:not(.not-dark) h1, #bsc-page .dark .emphasis-title:not(.not-dark) h2, #bsc-page .dark .heading-block:not(.not-dark) h1, #bsc-page .dark .heading-block:not(.not-dark) h2, #bsc-page .dark .heading-block:not(.not-dark) h3, #bsc-page .dark .heading-block:not(.not-dark) h4{color:#fff} #bsc-page .dark .emphasis-title.not-dark h1, #bsc-page .dark .emphasis-title.not-dark h2, #bsc-page .dark .heading-block.not-dark h1, #bsc-page .dark .heading-block.not-dark h2, #bsc-page .dark .heading-block.not-dark h3, #bsc-page .dark .heading-block.not-dark h4{color:#333} #bsc-page .dark .heading-block:not(.not-dark)>span{color:#eee} #bsc-page .dark .table>tbody>tr.active>td, #bsc-page .dark .table>tbody>tr.active>th, #bsc-page .dark .table>tbody>tr>td.active, #bsc-page .dark .table>tbody>tr>th.active, #bsc-page .dark .table>tfoot>tr.active>td, #bsc-page .dark .table>tfoot>tr.active>th, #bsc-page .dark .table>tfoot>tr>td.active, #bsc-page .dark .table>tfoot>tr>th.active, #bsc-page .dark .table>thead>tr.active>td, #bsc-page .dark .table>thead>tr.active>th, #bsc-page .dark .table>thead>tr>td.active, #bsc-page .dark .table>thead>tr>th.active{background-color:rgba(0,0,0,.1)} #bsc-page .dark .table-hover>tbody>tr.active:hover>td, #bsc-page .dark .table-hover>tbody>tr.active:hover>th, #bsc-page .dark .table-hover>tbody>tr>td.active:hover, #bsc-page .dark .table-hover>tbody>tr>th.active:hover{background-color:rgba(255,255,255,.1)} #bsc-page .dark .nav-tabs>li.active>a, #bsc-page .dark .nav-tabs>li.active>a:focus, #bsc-page .dark .nav-tabs>li.active>a:hover{color:#ddd;background-color:#383838;border:1px solid rgba(255,255,255,.2);border-bottom-color:#383838} #bsc-page .dark .nav-tabs.nav-justified>.active>a, #bsc-page .dark .nav-tabs.nav-justified>.active>a:focus, #bsc-page .dark .nav-tabs.nav-justified>.active>a:hover{border-color:rgba(255,255,255,.15)} @media (min-width:768px){#bsc-page .dark .nav-tabs.nav-justified>.active>a, #bsc-page .dark .nav-tabs.nav-justified>.active>a:focus, #bsc-page .dark .nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#383838}} #bsc-page .dark .badge{background-color:rgba(255,255,255,.2)} #bsc-page .dark a.list-group-item.active, #bsc-page .dark a.list-group-item.active:focus, #bsc-page .dark a.list-group-item.active:hover{color:#fff;background-color:#428bca;border-color:#428bca} #bsc-page button::-moz-focus-inner{padding:0;border:0} @media (max-width:1199.98px){#bsc-page .promo>.container>span, #bsc-page .promo>span{font-size:15px}} @media (max-width:991.98px){#bsc-page .container.vertical-middle{width:100%!important}} @media (max-width:767.98px){#bsc-page h1{font-size:28px}} @media (max-width:767.98px){#bsc-page h2{font-size:24px}} @media (max-width:767.98px){#bsc-page h3{font-size:20px}} @media (max-width:767.98px){#bsc-page h4{font-size:16px}} @media (max-width:767.98px){#bsc-page .heading-block h1{font-size:30px}} @media (max-width:767.98px){#bsc-page .heading-block h2{font-size:26px}} @media (max-width:767.98px){#bsc-page .heading-block h3{font-size:22px}} @media (max-width:767.98px){#bsc-page .heading-block h4{font-size:19px}} @media (max-width:767.98px){#bsc-page .heading-block h1+span{font-size:20px}} @media (max-width:767.98px){#bsc-page .heading-block h2+span{font-size:18px}} @media (max-width:767.98px){#bsc-page .heading-block h3+span, #bsc-page .heading-block h4+span{font-size:17px}} @media (max-width:767.98px){#bsc-page .heading-block~p:not(.lead){font-size:15px}} @media (min-width:576px) and (max-width:767.98px){#bsc-page .container.vertical-middle{width:100%!important}} @media (min-width:576px) and (max-width:767.98px){#bsc-page .full-screen:not(.force-full-screen) .container.vertical-middle{width:540px!important}} #bsc-page .bgcolor, #bsc-page .owl-carousel .owl-nav [class*=owl-]:hover, #bsc-page .page-item.active .page-link, #bsc-page .page-link:focus, #bsc-page .page-link:hover{background-color:#0f66dd!important} #bsc-page .dark .post-timeline .entry:hover .entry-timeline, #bsc-page .feature-box.fbox-outline .fbox-icon, #bsc-page .heading-block.border-color:after, #bsc-page .post-timeline .entry:hover .entry-timeline{border-color:#0f66dd} #bsc-page .border-color, #bsc-page .page-item.active .page-link, #bsc-page .page-link:focus, #bsc-page .page-link:hover{border-color:#0f66dd!important} #bsc-page .text-black-50 strong{color:#333} #bsc-page .content-wrap{padding:40px 0} #bsc-page .page-banner{position:relative;min-height:400px;padding-top:50px;padding-bottom:50px;box-shadow:inset 5px 0 5px 1px rgba(0,0,0,.3)} #bsc-page .page-banner .overlay{position:absolute;left:0;top:0;width:100%;height:101%;background:rgba(255,255,255,.9)} #bsc-page .page-banner .heading-block h1, #bsc-page .page-banner .heading-block h3{line-height:1em;font-weight:300;font-size:23px} #bsc-page .page-banner .heading-block h1 strong, #bsc-page .page-banner .heading-block h3 strong{font-weight:700} #bsc-page .page-banner h2.display-4{font-size:24px} #bsc-page .page-banner h2.display-4 .t-rotate{font-weight:700} #bsc-page .page-banner .title{padding:2px 10px;margin:0 0 15px 1px;display:inline-block;border-left:4px solid #2196f3;background:#fff;color:#333;font-weight:700} #bsc-page .page-banner .title:hover{color:#2196f3} #bsc-page .page-banner.red .title{border-color:#f40000} #bsc-page .page-banner.red .text-rotater, #bsc-page .page-banner.red .title:hover{color:#f40000} #bsc-page .page-banner .desc{font-size:13px;line-height:1.6em;color:#333} #bsc-page .page-banner .desc ul{margin:10px 0 0 20px} #bsc-page{--themecolor:#0f66dd;--themecolorrgb:25,102,221;--header-height:100px;--sticky-header-height:70px;--headerbg:var(--themecolor);--primary-menu-font-size:15px} #bsc-page .lightthemecolor{background-color:rgba(var(--themecolorrgb),.08);background-color:rgba(var(--themecolorrgb),.08)} #bsc-page .bg-13{background:url(/assets/images/hostixo/pages/bg-13.webp) no-repeat center top;background-size:cover} #bsc-page .section.testimonials .container::after, #bsc-page .section.testimonials .container::before{color:rgba(38,125,244,.2)} #bsc-page .section.testimonials .owl-carousel .owl-dots .owl-dot.active{width:45px} #bsc-page .section.testimonials .owl-carousel .owl-dots .owl-dot.active, #bsc-page .section.testimonials .owl-carousel .owl-dots .owl-dot:hover{opacity:1} #bsc-page .section.testimonials .container::before, #bsc-page .testimonials .container::after{content:"\e7ad";font-family:font-icons;position:absolute;top:-38px;left:20px;font-size:80px;color:rgba(38,125,244,.2)} #bsc-page .section.testimonials .container::after{content:"\e7ae";top:auto;left:auto;right:20px;bottom:-45px} @media (min-width:992px){#bsc-page .heading-block h2, #bsc-page .heading-block h3{font-size:30px}} @media (min-width:992px){#bsc-page .heading-block h2+span, #bsc-page .heading-block h3+span{font-size:17px}} #bsc-page .promo.promo-dark>.container>h3 span, #bsc-page .promo.promo-dark>h3 span{display:inline-block} #bsc-page .currency.tl{display:none} #bsc-page .pricing--palden .pricing--feature .badge{position:relative;top:0;font-size:83%;font-weight:600;line-height:1.1em} @media (min-width:768px){#bsc-page .page-banner .overlay{width:59%}} @media (min-width:768px){#bsc-page .page-banner h2.display-4{font-size:16px}} @media (min-width:768px){#bsc-page .page-banner .overlay{width:75%;left:-54px;transform:skewX(170deg)}} @media (min-width:992px){#bsc-page .page-banner .overlay{width:68%;left:-200px;transform:skewX(170deg)}} @media (min-width:1200px){#bsc-page .page-banner .overlay{width:58%}} #bsc-page .blog-sidebar .title{font-size:20px;margin-bottom:30px;font-weight:600} /* ---- linux reseller paket kutulari (sayfaya scope edildi) ---- */ #bsc-page .wh-boxes-root{max-width: 1200px; margin: 0 auto; padding: 0 15px;} #bsc-page .wh-boxes-heading{text-align: center; margin-bottom: 30px; margin-top: 20px; position: relative; z-index: 5; background: #fff; padding: 25px 15px 0;} #bsc-page .wh-boxes-heading h2{font-size: 2rem; font-weight: 800; color: #0f172a; margin-bottom: 10px; line-height: 1.2;} #bsc-page .wh-boxes-heading p{font-size: 1rem; color: #64748b; max-width: 700px; margin: 0 auto; line-height: 1.6;} #bsc-page .wh-boxes-tabs{display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 35px; max-width: 1200px; margin-left: auto; margin-right: auto; padding: 0 15px;} #bsc-page .wh-boxes-tab{padding: 10px 28px; border-radius: 50px; border: 2px solid #e2e8f0; background: #fff; font-size: 14px; font-weight: 600; color: #64748b; cursor: pointer; transition: all .25s ease;} #bsc-page .wh-boxes-tab:hover{border-color: #6366f1; color: #6366f1;} #bsc-page .wh-boxes-tab:focus, #bsc-page .wh-boxes-tab:focus-visible, #bsc-page .wh-boxes-tab:active{outline: none !important;} #bsc-page .wh-boxes-tab.active{background: linear-gradient(135deg,#6366f1,#8b5cf6); color: #fff; border-color: transparent; box-shadow: 0 4px 15px rgba(99,102,241,.35);} #bsc-page .wh-boxes-pane{display: none;} #bsc-page .wh-boxes-pane.active{display: block;} #bsc-page .wh-boxes-grid{display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; margin-top: 10px;} @media(max-width:1024px){#bsc-page .wh-boxes-grid{grid-template-columns: repeat(2,1fr);}} @media(max-width:640px){#bsc-page .wh-boxes-grid{grid-template-columns: 1fr; max-width: 400px; margin-left: auto; margin-right: auto;}} #bsc-page .wh-box{background: #fff; border-radius: 20px; overflow: visible; box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04); border: 1px solid #f1f5f9; display: flex; flex-direction: column; transition: transform .3s ease, box-shadow .3s ease; position: relative;} #bsc-page .wh-box:hover{transform: translateY(-6px); box-shadow: 0 12px 40px rgba(99,102,241,.12);} #bsc-page .wh-box.popular{border: 2px solid #e0e7ff; box-shadow: 0 4px 24px rgba(99,102,241,.18);} #bsc-page .wh-box-badge{position: absolute; top: -1px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg,#6366f1,#8b5cf6); color: #fff; padding: 4px 18px; border-radius: 0 0 10px 10px; font-size: 11px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; z-index: 5;} #bsc-page .wh-box-head{padding: 18px 20px 14px; text-align: center; position: relative; border-radius: 20px 20px 0 0;} #bsc-page .wh-box-head.wp-starter{background: linear-gradient(135deg,#0ea5e9,#06b6d4);} #bsc-page .wh-box-head.wp-ideal{background: linear-gradient(135deg,#8b5cf6,#a78bfa);} #bsc-page .wh-box-head.wp-professional{background: linear-gradient(135deg,#6366f1,#818cf8);} #bsc-page .wh-box-head.wp-turbo{background: linear-gradient(135deg,#f43f5e,#fb7185);} #bsc-page .wh-box.popular .wh-box-head{background: linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);} #bsc-page .wh-box-head-inner{display: flex; align-items: center; justify-content: center; gap: 8px;} #bsc-page .wh-box-head .wh-icon{font-size: 22px; color: rgba(255,255,255,.9); flex-shrink: 0;} #bsc-page .wh-box-head h3{color: #fff; font-size: 16px; font-weight: 700; margin: 0; letter-spacing: .3px; white-space: nowrap;} #bsc-page .wh-box-head .wh-tagline{color: rgba(255,255,255,.65); font-size: 12px; margin-top: 4px;} #bsc-page .wh-box-price{padding: 22px 20px 16px; text-align: center; flex-shrink: 0; display: flex; flex-direction: column; align-items: center;} #bsc-page .wh-discount-badge{display: inline-block; background: linear-gradient(135deg,#10b981,#059669); color: #fff; padding: 4px 14px; border-radius: 20px; font-size: 12px; font-weight: 700; margin-bottom: 12px;} #bsc-page .wh-old-price{font-size: 14px; color: #94a3b8; text-decoration: line-through; margin-bottom: 4px;} #bsc-page .wh-old-price .wh-period-sm{font-size: 11px;} #bsc-page .wh-new-price{font-size: 36px; font-weight: 800; line-height: 1.1;} #bsc-page .wh-box:nth-child(1) .wh-new-price{color: #0ea5e9;} #bsc-page .wh-box:nth-child(2) .wh-new-price{color: #8b5cf6;} #bsc-page .wh-box:nth-child(3) .wh-new-price{color: #6366f1;} #bsc-page .wh-box:nth-child(4) .wh-new-price{color: #f43f5e;} #bsc-page .wh-box.popular .wh-new-price{color: #4f46e5;} #bsc-page .wh-new-price .wh-currency{font-size: 16px; font-weight: 600; vertical-align: top; position: relative; top: 4px;} #bsc-page .wh-new-price .wh-period{font-size: 14px; font-weight: 500; color: #94a3b8;} #bsc-page .wh-renewal{position: relative; display: inline-block; margin-top: 10px;} #bsc-page .wh-renewal-trigger{font-size: 12px; color: #6366f1; cursor: pointer; font-weight: 500; display: inline-flex; align-items: center; gap: 4px;} #bsc-page .wh-renewal-trigger i{font-size: 13px;} #bsc-page .wh-renewal-box{display: none; position: absolute; bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%); background: #fff; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,.15); padding: 16px; z-index: 100; text-align: left; border: 1px solid #e2e8f0; min-width: 320px; width: max-content; max-width: 400px;} #bsc-page .wh-renewal:hover .wh-renewal-box{display: block;} #bsc-page .wh-renewal-box::after{content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 6px solid transparent; border-top-color: #fff;} #bsc-page .wh-renewal-box-title{display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: #1e293b; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9;} #bsc-page .wh-renewal-box-title i{color: #6366f1; font-size: 14px;} #bsc-page .wh-renewal-box table{width: 100%; font-size: 12px; border-collapse: collapse;} #bsc-page .wh-renewal-box th{color: #94a3b8; font-weight: 600; padding: 0 0 6px; text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: .3px; border-bottom: 1px solid #f1f5f9;} #bsc-page .wh-renewal-box td{padding: 6px 0; color: #334155; border-bottom: 1px solid #f8fafc;} #bsc-page .wh-renewal-box tr:last-child td{border-bottom: none;} #bsc-page .wh-renewal-box .wh-rn-vat{font-size: 10px; color: #94a3b8; margin-top: 8px;} #bsc-page .wh-box-cta{padding: 0 20px 20px;} #bsc-page .wh-buy-btn{display: block; width: 100%; padding: 13px; border-radius: 12px; border: none; font-size: 15px; font-weight: 700; cursor: pointer; text-align: center; text-decoration: none; transition: all .25s ease; background: linear-gradient(135deg,#6366f1,#8b5cf6); color: #fff; box-shadow: 0 4px 14px rgba(99,102,241,.3);} #bsc-page .wh-buy-btn:hover{transform: translateY(-2px); box-shadow: 0 6px 20px rgba(99,102,241,.45);} #bsc-page .wh-buy-btn i{margin-right: 6px;} #bsc-page .wh-box.popular .wh-buy-btn{background: linear-gradient(135deg,#4f46e5,#7c3aed);} #bsc-page .wh-box-features{padding: 0 20px 16px; flex-grow: 1;} #bsc-page .wh-features-title{font-size: 12px; font-weight: 700; color: #1e293b; text-transform: uppercase; letter-spacing: .5px; padding-bottom: 8px; border-bottom: 2px solid #f1f5f9; margin-bottom: 10px;} #bsc-page .wh-feature-list{list-style: none; padding: 0; margin: 0;} #bsc-page .wh-feature-item{display: flex; align-items: flex-start; gap: 10px; padding: 7px 0; font-size: 13px; color: #475569; border-bottom: 1px solid #f8fafc;} #bsc-page .wh-feature-item:last-child{border-bottom: none;} #bsc-page .wh-feature-check{width: 18px; height: 18px; border-radius: 50%; background: #ecfdf5; color: #10b981; display: flex; align-items: center; justify-content: center; font-size: 10px; flex-shrink: 0; margin-top: 1px;} #bsc-page .wh-feature-item.disabled{color: #cbd5e1; text-decoration: line-through;} #bsc-page .wh-feature-item.disabled .wh-feature-check{background: #fef2f2; color: #ef4444;} #bsc-page .free-domain .wh-domain-help{margin-left: 2px; flex-shrink: 0;} #bsc-page .wh-domain-help{position: relative; display: inline-flex; align-items: center; cursor: pointer; margin-left: 4px; vertical-align: middle;} #bsc-page .wh-domain-help-icon{width: 16px; height: 16px; border-radius: 50%; background: #e0e7ff; color: #6366f1; font-size: 10px; display: flex; align-items: center; justify-content: center; font-weight: 700; transition: all .2s; flex-shrink: 0;} #bsc-page .wh-domain-help:hover .wh-domain-help-icon{background: #6366f1; color: #fff;} #bsc-page .wh-domain-tip{display: none; position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); background: #fff; border-radius: 10px; box-shadow: 0 8px 30px rgba(0,0,0,.15); padding: 12px 14px; z-index: 50; text-align: left; border: 1px solid #e2e8f0; width: 280px; font-size: 12px; color: #475569; line-height: 1.6;} #bsc-page .wh-domain-help:hover .wh-domain-tip{display: block;} #bsc-page .wh-domain-tip::after{content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 5px solid transparent; border-top-color: #fff;} #bsc-page .wh-ssd-help{position: relative; display: inline-flex; align-items: center; cursor: pointer; margin-left: 4px;} #bsc-page .wh-ssd-help-icon{width: 16px; height: 16px; border-radius: 50%; background: #e0e7ff; color: #6366f1; font-size: 10px; display: flex; align-items: center; justify-content: center; font-weight: 700; transition: all .2s;} #bsc-page .wh-ssd-help:hover .wh-ssd-help-icon{background: #6366f1; color: #fff;} #bsc-page .wh-ssd-modal-overlay{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 9999; justify-content: center; align-items: center;} #bsc-page .wh-ssd-modal-overlay.active{display: flex;} #bsc-page .wh-ssd-modal{background: #fff; border-radius: 16px; padding: 30px; max-width: 480px; width: 90%; position: relative; box-shadow: 0 20px 60px rgba(0,0,0,.3);} #bsc-page .wh-ssd-modal h4{font-size: 18px; font-weight: 700; color: #1e293b; margin: 0 0 12px;} #bsc-page .wh-ssd-modal p{font-size: 14px; color: #64748b; line-height: 1.7; margin: 0 0 20px;} #bsc-page .wh-ssd-modal-close{position: absolute; top: 12px; right: 16px; background: none; border: none; font-size: 20px; color: #94a3b8; cursor: pointer; transition: color .2s;} #bsc-page .wh-ssd-modal-close:hover{color: #1e293b;} #bsc-page .wh-logos-row{display: flex; gap: 10px; justify-content: center; padding: 12px 20px 16px; border-top: 1px solid #f1f5f9;} #bsc-page .wh-logos-row img{height: 22px; width: auto; opacity: .7;} #bsc-page .wh-details-link{display: block; text-align: center; padding: 10px 20px 18px;} #bsc-page .wh-details-link a{font-size: 12px; color: #64748b; text-decoration: none; font-weight: 600; transition: color .2s;} #bsc-page .wh-details-link a:hover{color: #6366f1;} #bsc-page .wh-details-link a i{margin-right: 4px;} #bsc-page .wh-details-link-js{font-size: 12px; color: #64748b; text-decoration: none; font-weight: 600; transition: color .2s;} #bsc-page .wh-details-link-js:hover{color: #6366f1;} #bsc-page .wh-details-link-js i{margin-right: 4px;} #bsc-page .wh-domain-red{display: inline-flex; align-items: center; gap: 6px; color: #94a3b8; font-size: 13px; text-decoration: line-through; opacity: .7;} #bsc-page .wh-domain-red i{color: #ef4444;} #bsc-page .wh-disclaimers{max-width: 1000px; margin: 40px auto 30px; padding: 20px 30px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px;} #bsc-page .wh-disclaimers ul{list-style: none; padding: 0; margin: 0;} #bsc-page .wh-disclaimers li{display: flex; align-items: flex-start; gap: 10px; font-size: 0.88rem; color: #475569; margin-bottom: 8px; line-height: 1.6;} #bsc-page .wh-disclaimers li:last-child{margin-bottom: 0;} #bsc-page .wh-disc-icon{flex-shrink: 0; font-size: 1rem;} #bsc-page .wh-promo-banner{background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 50%, #4f46e5 100%); border-radius: 16px; padding: 28px 35px; max-width: 1100px; margin: 0 auto 40px; border: none; box-shadow: 0 4px 20px rgba(124,58,237,.25); position: relative; overflow: hidden;} #bsc-page .wh-promo-banner::before{content: ''; position: absolute; top: -50%; right: -20%; width: 300px; height: 300px; background: radial-gradient(circle, rgba(255,255,255,.08) 0%, transparent 70%); border-radius: 50%;} #bsc-page .wh-promo-banner::after{content: ''; position: absolute; bottom: -60%; left: -10%; width: 250px; height: 250px; background: radial-gradient(circle, rgba(255,255,255,.06) 0%, transparent 70%); border-radius: 50%;} #bsc-page .wh-promo-inner{display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; position: relative; z-index: 1;} #bsc-page .wh-promo-text h3{font-size: 1.15rem; font-weight: 800; color: #fff; margin: 0 0 4px; letter-spacing: .3px;} #bsc-page .wh-promo-text h3 i{margin-right: 8px; font-size: 1.2rem;} #bsc-page .wh-promo-text p{font-size: 0.92rem; color: rgba(255,255,255,.85); margin: 0;} #bsc-page .wh-promo-btn{background: #fff; color: #6d28d9; border: none; padding: 12px 30px; border-radius: 50px; font-weight: 700; font-size: 0.88rem; cursor: pointer; transition: all .3s; white-space: nowrap; box-shadow: 0 2px 8px rgba(0,0,0,.15); letter-spacing: .5px;} #bsc-page .wh-promo-btn:hover{transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,.2); background: #f5f3ff;} @media (max-width: 600px){#bsc-page .wh-promo-inner{flex-direction: column; text-align: center;}} #bsc-page .wh-feature-select{padding: 7px 0;} #bsc-page .wh-select-wrapper{position: relative; display: block; width: 100%;} #bsc-page .wh-site-select{width: 100%; -webkit-appearance: none; appearance: none; border: 1px solid #e2e8f0; border-radius: 8px; padding: 7px 30px 7px 10px; font-size: 13px; font-weight: 600; color: #475569; background: #fff; cursor: pointer;} #bsc-page .wh-site-select:focus{outline: none; border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,.12);} #bsc-page .wh-select-wrapper i{position: absolute; right: 11px; top: 50%; transform: translateY(-50%); font-size: 11px; color: #94a3b8; pointer-events: none;} #bsc-page .wh-boxes-tabs{gap: 6px; margin-bottom: 22px; flex-wrap: wrap;} #bsc-page .wh-boxes-tab{padding: 7px 15px; font-size: 12.5px; border-width: 1.5px; border-radius: 40px;} @media (max-width: 640px){#bsc-page .wh-boxes-tabs{justify-content: center; gap: 5px; padding: 0 10px; margin-bottom: 16px;}} @media (max-width: 640px){#bsc-page .wh-boxes-tab{padding: 6px 9px; font-size: 11px; border-width: 1px;}} /* ---- sayfaya ozgudur (prod inline