/* RUBY-HOSTING page styles, locally scoped. */
/* Shared layout/grid rules from the production theme */
#rb-page *, #rb-page ::after, #rb-page ::before{box-sizing:border-box}
#rb-page article, #rb-page figcaption, #rb-page figure, #rb-page footer, #rb-page header, #rb-page main, #rb-page nav, #rb-page section{display:block}
#rb-page h1, #rb-page h2, #rb-page h3, #rb-page h4, #rb-page h5, #rb-page h6{margin-top:0;margin-bottom:.5rem}
#rb-page p{margin-top:0;margin-bottom:1rem}
#rb-page dl, #rb-page ol, #rb-page ul{margin-top:0;margin-bottom:1rem}
#rb-page ol ol, #rb-page ol ul, #rb-page ul ol, #rb-page ul ul{margin-bottom:0}
#rb-page b, #rb-page strong{font-weight:bolder}
#rb-page small{font-size:80%}
#rb-page a{color:#007bff;text-decoration:none;background-color:transparent}
#rb-page a:hover{color:#0056b3;text-decoration:underline}
#rb-page a:not([href]){color:inherit;text-decoration:none}
#rb-page a:not([href]):hover{color:inherit;text-decoration:none}
#rb-page img{vertical-align:middle;border-style:none}
#rb-page table{border-collapse:collapse}
#rb-page th{text-align:inherit}
#rb-page button{border-radius:0}
#rb-page button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}
#rb-page button, #rb-page input, #rb-page optgroup, #rb-page select, #rb-page textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
#rb-page button, #rb-page input{overflow:visible}
#rb-page button, #rb-page select{text-transform:none}
#rb-page [type=button], #rb-page [type=reset], #rb-page [type=submit], #rb-page button{-webkit-appearance:button}
#rb-page [type=button]:not(:disabled), #rb-page [type=reset]:not(:disabled), #rb-page [type=submit]:not(:disabled), #rb-page button:not(:disabled){cursor:pointer}
#rb-page [type=button]::-moz-focus-inner, #rb-page [type=reset]::-moz-focus-inner, #rb-page [type=submit]::-moz-focus-inner, #rb-page button::-moz-focus-inner{padding:0;border-style:none}
#rb-page .lead{font-size:1.25rem;font-weight:300}
#rb-page a>code{color:inherit}
#rb-page .container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:576px){#rb-page .container{max-width:540px}}
@media (min-width:768px){#rb-page .container{max-width:720px}}
@media (min-width:992px){#rb-page .container{max-width:960px}}
@media (min-width:1200px){#rb-page .container{max-width:1140px}}
@media (min-width:576px){#rb-page .container{max-width:540px}}
@media (min-width:768px){#rb-page .container{max-width:720px}}
@media (min-width:992px){#rb-page .container{max-width:960px}}
@media (min-width:1200px){#rb-page .container{max-width:1140px}}
#rb-page .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
#rb-page .col, #rb-page .col-12, #rb-page .col-6, #rb-page .col-7, #rb-page .col-lg-10, #rb-page .col-lg-12, #rb-page .col-lg-3, #rb-page .col-lg-4, #rb-page .col-lg-5, #rb-page .col-lg-6, #rb-page .col-lg-7, #rb-page .col-lg-8, #rb-page .col-md-10, #rb-page .col-md-12, #rb-page .col-md-2, #rb-page .col-md-3, #rb-page .col-md-4, #rb-page .col-md-5, #rb-page .col-md-6, #rb-page .col-md-7, #rb-page .col-md-8, #rb-page .col-md-9, #rb-page .col-sm-6, #rb-page .col-sm-8{position:relative;width:100%;padding-right:15px;padding-left:15px}
#rb-page .col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
@media (min-width:992px){#rb-page .col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}}
@media (min-width:992px){#rb-page .col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}}
@media (min-width:992px){#rb-page .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}}
@media (min-width:992px){#rb-page .col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}}
@media (min-width:992px){#rb-page .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}
#rb-page .table{width:100%;margin-bottom:1rem;color:#212529}
#rb-page .table td, #rb-page .table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}
#rb-page .table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}
#rb-page .table tbody+tbody{border-top:2px solid #dee2e6}
#rb-page .table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
#rb-page .btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;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){#rb-page .btn{transition:none}}
#rb-page .btn:hover{color:#212529;text-decoration:none}
#rb-page .btn.focus, #rb-page .btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
#rb-page .btn.disabled, #rb-page .btn:disabled{opacity:.65}
#rb-page a.btn.disabled, #rb-page fieldset:disabled a.btn{pointer-events:none}
#rb-page .btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}
#rb-page .btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}
#rb-page .btn-primary.focus, #rb-page .btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}
#rb-page .btn-primary.disabled, #rb-page .btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}
#rb-page .btn-primary:not(:disabled):not(.disabled).active, #rb-page .btn-primary:not(:disabled):not(.disabled):active, #rb-page .show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}
#rb-page .btn-primary:not(:disabled):not(.disabled).active:focus, #rb-page .btn-primary:not(:disabled):not(.disabled):active:focus, #rb-page .show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}
#rb-page .btn-secondary:not(:disabled):not(.disabled).active, #rb-page .btn-secondary:not(:disabled):not(.disabled):active, #rb-page .show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}
#rb-page .btn-secondary:not(:disabled):not(.disabled).active:focus, #rb-page .btn-secondary:not(:disabled):not(.disabled):active:focus, #rb-page .show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}
#rb-page .btn-outline-primary:not(:disabled):not(.disabled).active, #rb-page .btn-outline-primary:not(:disabled):not(.disabled):active, #rb-page .show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}
#rb-page .btn-outline-primary:not(:disabled):not(.disabled).active:focus, #rb-page .btn-outline-primary:not(:disabled):not(.disabled):active:focus, #rb-page .show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}
#rb-page .btn-link{font-weight:400;color:#007bff;text-decoration:none}
#rb-page .btn-link:hover{color:#0056b3;text-decoration:underline}
#rb-page .btn-link.focus, #rb-page .btn-link:focus{text-decoration:underline;box-shadow:none}
#rb-page .btn-link.disabled, #rb-page .btn-link:disabled{color:#6c757d;pointer-events:none}
#rb-page .fade{transition:opacity .15s linear}
@media (prefers-reduced-motion:reduce){#rb-page .fade{transition:none}}
#rb-page .fade:not(.show){opacity:0}
#rb-page .dropdown-item.active, #rb-page .dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}
#rb-page .btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}
#rb-page .btn-group>.btn:hover{z-index:1}
#rb-page .btn-group>.btn.active, #rb-page .btn-group>.btn:active, #rb-page .btn-group>.btn:focus{z-index:1}
#rb-page .btn-group>.btn-group:not(:first-child), #rb-page .btn-group>.btn:not(:first-child){margin-left:-1px}
#rb-page .btn-group>.btn-group:not(:last-child)>.btn, #rb-page .btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
#rb-page .btn-group>.btn-group:not(:first-child)>.btn, #rb-page .btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
#rb-page .input-group-append .btn{position:relative;z-index:2}
#rb-page .input-group-append .btn:focus{z-index:3}
#rb-page .input-group-append .btn+.btn{margin-left:-1px}
#rb-page .input-group-lg>.custom-select, #rb-page .input-group-lg>.form-control, #rb-page .input-group-lg>.input-group-append>.btn{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}
#rb-page .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), #rb-page .input-group>.input-group-append:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}
#rb-page .input-group>.input-group-append>.btn{border-top-left-radius:0;border-bottom-left-radius:0}
#rb-page .nav-tabs .nav-item{margin-bottom:-1px}
#rb-page .nav-tabs .nav-item.show .nav-link, #rb-page .nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}
#rb-page .nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}
#rb-page .tab-content>.tab-pane{display:none}
#rb-page .tab-content>.active{display:block}
#rb-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}
#rb-page .card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}
#rb-page .card>hr{margin-right:0;margin-left:0}
#rb-page .card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}
#rb-page .card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}
#rb-page .card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}
#rb-page .card-title{margin-bottom:.75rem}
#rb-page .card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}
#rb-page .card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}
#rb-page .card-header+.list-group .list-group-item:first-child{border-top:0}
#rb-page .accordion>.card{overflow:hidden}
#rb-page .accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}
#rb-page .accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}
#rb-page .accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}
#rb-page .page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}
#rb-page .btn .badge{position:relative;top:-1px}
@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}
@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}
#rb-page .list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}
#rb-page .list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}
#rb-page .close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}
#rb-page .close:hover{color:#000;text-decoration:none}
#rb-page .close:not(:disabled):not(.disabled):focus, #rb-page .close:not(:disabled):not(.disabled):hover{opacity:.75}
#rb-page button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
#rb-page a.close.disabled{pointer-events:none}
#rb-page .modal-open .modal{overflow-x:hidden;overflow-y:auto}
#rb-page .modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}
#rb-page .modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}
#rb-page .modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}
@media (prefers-reduced-motion:reduce){#rb-page .modal.fade .modal-dialog{transition:none}}
#rb-page .modal.show .modal-dialog{-webkit-transform:none;transform:none}
#rb-page .modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}
#rb-page .modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}
#rb-page .modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}
#rb-page .modal-dialog-scrollable .modal-body{overflow-y:auto}
#rb-page .modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}
#rb-page .modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}
#rb-page .modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}
#rb-page .modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}
#rb-page .modal-dialog-centered.modal-dialog-scrollable::before{content:none}
#rb-page .modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}
#rb-page .modal-backdrop.fade{opacity:0}
#rb-page .modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}
#rb-page .modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}
#rb-page .modal-title{margin-bottom:0;line-height:1.5}
#rb-page .modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}
@media (min-width:576px){#rb-page .modal-dialog{max-width:500px;margin:1.75rem auto}}
@media (min-width:576px){#rb-page .modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}}
@media (min-width:576px){#rb-page .modal-dialog-centered{min-height:calc(100% - 3.5rem)}}
@media (min-width:576px){#rb-page .modal-dialog-centered::before{height:calc(100vh - 3.5rem)}}
#rb-page .carousel-item-next, #rb-page .carousel-item-prev, #rb-page .carousel-item.active{display:block}
#rb-page .active.carousel-item-right, #rb-page .carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}
#rb-page .active.carousel-item-left, #rb-page .carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}
#rb-page .carousel-indicators .active{opacity:1}
@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}
@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}
#rb-page .bg-white{background-color:#fff!important}
#rb-page .bg-transparent{background-color:transparent!important}
#rb-page .border-top{border-top:1px solid #dee2e6!important}
#rb-page .border-bottom{border-bottom:1px solid #dee2e6!important}
#rb-page .border-0{border:0!important}
#rb-page .clearfix::after{display:block;clear:both;content:""}
#rb-page .d-none{display:none!important}
#rb-page .d-block{display:block!important}
#rb-page .d-flex{display:-ms-flexbox!important;display:flex!important}
@media (min-width:992px){#rb-page .d-lg-block{display:block!important}}
#rb-page .justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}
#rb-page .justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
#rb-page .align-items-center{-ms-flex-align:center!important;align-items:center!important}
#rb-page .position-relative{position:relative!important}
#rb-page .shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}
#rb-page .w-100{width:100%!important}
#rb-page .mt-0{margin-top:0!important}
#rb-page .mb-0{margin-bottom:0!important}
#rb-page .mb-2, #rb-page .my-2{margin-bottom:.5rem!important}
#rb-page .mb-3{margin-bottom:1rem!important}
#rb-page .mt-4, #rb-page .my-4{margin-top:1.5rem!important}
#rb-page .mb-4, #rb-page .my-4{margin-bottom:1.5rem!important}
#rb-page .mb-5, #rb-page .my-5{margin-bottom:3rem!important}
#rb-page .p-0{padding:0!important}
#rb-page .pt-0{padding-top:0!important}
#rb-page .pb-0{padding-bottom:0!important}
#rb-page .pt-2, #rb-page .py-2{padding-top:.5rem!important}
#rb-page .py-2{padding-bottom:.5rem!important}
#rb-page .pt-3, #rb-page .py-3{padding-top:1rem!important}
#rb-page .py-3{padding-bottom:1rem!important}
#rb-page .px-4{padding-right:1.5rem!important}
#rb-page .pl-4, #rb-page .px-4{padding-left:1.5rem!important}
#rb-page .text-center{text-align:center!important}
#rb-page .text-white{color:#fff!important}
#rb-page .text-primary{color:#007bff!important}
#rb-page a.text-primary:focus, #rb-page a.text-primary:hover{color:#0056b3!important}
#rb-page .text-danger{color:#dc3545!important}
#rb-page a.text-danger:focus, #rb-page a.text-danger:hover{color:#a71d2a!important}
#rb-page .text-muted{color:#6c757d!important}
#rb-page .text-black-50{color:rgba(0,0,0,.5)!important}
@media print{#rb-page *, #rb-page ::after, #rb-page ::before{text-shadow:none!important;box-shadow:none!important}}
@media print{#rb-page a:not(.btn){text-decoration:underline}}
@media print{#rb-page thead{display:table-header-group}}
@media print{#rb-page img, #rb-page tr{page-break-inside:avoid}}
@media print{#rb-page h2, #rb-page h3, #rb-page p{orphans:3;widows:3}}
@media print{#rb-page h2, #rb-page h3{page-break-after:avoid}}
@media print{#rb-page .container{min-width:992px!important}}
@media print{#rb-page .table{border-collapse:collapse!important}}
@media print{#rb-page .table td, #rb-page .table th{background-color:#fff!important}}
@media (min-width:576px){#rb-page .container{max-width:540px}}
@media (min-width:768px){#rb-page .container{max-width:750px}}
@media (min-width:992px){#rb-page .container{max-width:970px}}
@media (min-width:1200px){#rb-page .container{max-width:1170px}}
#rb-page dl, #rb-page dt, #rb-page li, #rb-page ol, #rb-page ul{margin:0;padding:0}
#rb-page .clear{clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;overflow:hidden}
#rb-page a{text-decoration:none!important;color:#1abc9c}
#rb-page a:hover{color:#222}
#rb-page a img{border:none}
#rb-page img{max-width:100%}
#rb-page h1, #rb-page h2, #rb-page h3, #rb-page h4, #rb-page h5, #rb-page h6{color:#354042;font-weight:600;line-height:1.5;margin:0 0 30px;}
#rb-page h5, #rb-page h6{margin-bottom:20px}
#rb-page h1{font-size:36px}
#rb-page h2{font-size:30px}
#rb-page h3{font-size:24px}
#rb-page h4{font-size:18px}
#rb-page h5{font-size:14px}
#rb-page h4{font-weight:600}
#rb-page h5, #rb-page h6{font-weight:700}
#rb-page address, #rb-page blockquote, #rb-page dl, #rb-page fieldset, #rb-page form, #rb-page ol, #rb-page p, #rb-page pre, #rb-page table, #rb-page ul{margin-bottom:30px}
#rb-page .nott{text-transform:none!important}
#rb-page{position:relative;float:none;width:1220px;margin:0 auto;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);-moz-box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-box-shadow:0 0 10px rgba(0,0,0,.1)}
#rb-page .center{text-align:center!important}
#rb-page .t600{font-weight:600!important}
#rb-page .ls0{letter-spacing:0!important}
@-webkit-keyframes BgAnimated{from{background-position:0 0}to{background-position:0 400px}}
@keyframes BgAnimated{from{background-position:0 0}to{background-position:0 400px}}
#rb-page .section{position:relative;margin:20px 0;padding:20px 0;background-color:#f9f9f9;overflow:hidden}
#rb-page .section .container{z-index:2}
#rb-page .section .container+.video-wrap{z-index:1}
@media (min-width:992px){#rb-page .side-header:not(.open-header) #wrapper{margin:0 0 0 260px!important;width:auto!important}}
@media (min-width:992px){#rb-page .side-header:not(.open-header) #wrapper .container{width:auto;max-width:none;margin:0 40px}}
@media (min-width:992px){#rb-page .side-header.open-header #wrapper{left:0}}
#rb-page .section .video-wrap, #rb-page .section .yt-bg-player, #rb-page .swiper-slide .video-wrap, #rb-page .swiper-slide .yt-bg-player{position:absolute;width:100%;height:100%;z-index:-1;top:0;left:0}
#rb-page .slider-element .container{position:relative;height:100%}
#rb-page .slider-element .owl-dots .owl-dot.active, #rb-page .slider-element .owl-dots .owl-dot:hover{background-color:#fff!important}
#rb-page #content{position:relative;overflow:hidden;background-color:#fff}
#rb-page #content p{line-height:1.8}
#rb-page .content-wrap{position:relative;padding:80px 0}
#rb-page #content .container{position:relative}
#rb-page .portfolio-filter.center.style-2 li{display:inline-block;float:none}
#rb-page .masonry-thumbs .overlay{padding:0 1px 1px 0}
#rb-page .promo>.container>span, #rb-page .promo>span{display:block;color:#444;font-weight:300;font-size:16px;margin-top:6px}
#rb-page .promo.promo-dark>.container>h3 span, #rb-page .promo.promo-dark>h3 span{padding:2px 8px;border-radius:3px;background-color:rgba(0,0,0,.15);color:#fff;font-weight:400}
#rb-page .promo.promo-dark>.container>span, #rb-page .promo.promo-dark>span{color:#ccc;margin-top:8px}
#rb-page .promo.promo-flat>.container>span, #rb-page .promo.promo-flat>span{color:rgba(255,255,255,.9)}
#rb-page .style-msg .close{position:absolute;top:10px;left:auto;right:10px}
#rb-page .section>.testimonial{padding:0;background-color:transparent!important;border:0!important;box-shadow:none!important;max-width:800px;margin:0 auto}
#rb-page .section>.testimonial[data-animation=fade]{padding:0}
#rb-page .section>.testimonial .testi-content{font-size:22px}
#rb-page .section>.testimonial .testi-meta, #rb-page .section>.testimonial .testi-meta span{font-size:14px}
#rb-page blockquote p{margin-bottom:15px}
@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
#rb-page .owl-carousel .owl-dots .owl-dot.active, #rb-page .owl-carousel .owl-dots .owl-dot:hover{opacity:1}
#rb-page .overlay{position:absolute;top:0;left:0;width:100%;height:100%}
#rb-page .heading-block{margin-bottom:50px}
#rb-page .emphasis-title h1, #rb-page .emphasis-title h2, #rb-page .heading-block h1, #rb-page .heading-block h2, #rb-page .heading-block h3, #rb-page .heading-block h4{margin-bottom:0;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#333}
#rb-page .heading-block h1{font-size:32px}
#rb-page .heading-block h2{font-size:30px}
#rb-page .heading-block h3{font-size:26px}
#rb-page .heading-block h4{font-size:20px;font-weight:700}
#rb-page .heading-block>span:not(.before-heading){display:block;margin-top:10px;font-weight:300;color:#777}
#rb-page .heading-block .before-heading{margin-bottom:7px}
#rb-page .center .heading-block>span, #rb-page .heading-block.center>span{max-width:700px;margin-left:auto;margin-right:auto}
#rb-page .heading-block h1+span{font-size:24px}
#rb-page .heading-block h2+span{font-size:22px}
#rb-page .heading-block h3+span, #rb-page .heading-block h4+span{font-size:20px}
#rb-page .heading-block~p:not(.lead){font-size:15px}
#rb-page .heading-block:after{content:"";display:block;margin-top:10px;width:40px;border-top:2px solid #444}
#rb-page .center .heading-block:after, #rb-page .heading-block.center:after{margin:16px auto 0}
#rb-page .heading-block.noborder:after, #rb-page .heading-block.nobottomborder:after{display:none}
#rb-page .heading-block.border-color:after{border-color:#1abc9c}
#rb-page .widget p:not(.lead){font-size:14px}
#rb-page .nav-tree li.active>a, #rb-page .nav-tree li.current>a, #rb-page .nav-tree li:hover>a{color:#1abc9c!important}
#rb-page .table .success{color:#3c763d}
#rb-page .table .info{color:#31708f}
#rb-page .table .warning{color:#8a6d3b}
#rb-page .btn-link, #rb-page .page-link, #rb-page .page-link:focus, #rb-page .page-link:hover{color:#1abc9c}
#rb-page .btn-link:focus, #rb-page .btn-link:hover{color:#222}
#rb-page .page-item.active .page-link, #rb-page .page-link:focus, #rb-page .page-link:hover{color:#fff!important;background-color:#1abc9c!important;border-color:#1abc9c!important}
#rb-page .stretched #wrapper{width:100%;margin:0;box-shadow:none}
@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}
@keyframes bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}
@-webkit-keyframes rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}
@keyframes rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0);-webkit-transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}
@-webkit-keyframes cssspinnerbounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}
@keyframes cssspinnerbounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}
@-webkit-keyframes stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}
@keyframes stretchdelay{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}
@-webkit-keyframes cubemove{25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg)}}
@keyframes cubemove{25%{transform:translateX(42px) rotate(-90deg) scale(.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{transform:translateX(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translateX(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}
@-webkit-keyframes scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}
@keyframes scaleout{0%{transform:scale(0);-webkit-transform:scale(0)}100%{transform:scale(1);-webkit-transform:scale(1);opacity:0}}
@-webkit-keyframes ball-grid-pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.5);transform:scale(.5);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
@keyframes ball-grid-pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.5);transform:scale(.5);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
@keyframes rotate{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}
@-webkit-keyframes ballrotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes ballrotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes ball-zig-deflect{17%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}34%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}50%{-webkit-transform:translate(0,0);transform:translate(0,0)}67%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}84%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}
@keyframes ball-zig-deflect{17%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}34%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}50%{-webkit-transform:translate(0,0);transform:translate(0,0)}67%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}84%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}
@-webkit-keyframes ball-zag-deflect{17%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}34%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}50%{-webkit-transform:translate(0,0);transform:translate(0,0)}67%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}84%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}
@keyframes ball-zag-deflect{17%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}34%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}50%{-webkit-transform:translate(0,0);transform:translate(0,0)}67%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}84%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}
@-webkit-keyframes ball-scale-multiple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}5%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}
@keyframes ball-scale-multiple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}5%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}
@-webkit-keyframes ball-triangle-path-1{33%{-webkit-transform:translate(25px,-50px);transform:translate(25px,-50px)}66%{-webkit-transform:translate(50px,0);transform:translate(50px,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}
@keyframes ball-triangle-path-1{33%{-webkit-transform:translate(25px,-50px);transform:translate(25px,-50px)}66%{-webkit-transform:translate(50px,0);transform:translate(50px,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}
@-webkit-keyframes ball-triangle-path-2{33%{-webkit-transform:translate(25px,50px);transform:translate(25px,50px)}66%{-webkit-transform:translate(-25px,50px);transform:translate(-25px,50px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}
@keyframes ball-triangle-path-2{33%{-webkit-transform:translate(25px,50px);transform:translate(25px,50px)}66%{-webkit-transform:translate(-25px,50px);transform:translate(-25px,50px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}
@-webkit-keyframes ball-triangle-path-3{33%{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}66%{-webkit-transform:translate(-25px,-50px);transform:translate(-25px,-50px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}
@keyframes ball-triangle-path-3{33%{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}66%{-webkit-transform:translate(-25px,-50px);transform:translate(-25px,-50px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}
@-webkit-keyframes ball-pulse-sync{33%{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:.85}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:.7}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@keyframes ball-pulse-sync{33%{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:.85}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:.7}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@-webkit-keyframes ball-scale-ripple-multiple{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}
@keyframes ball-scale-ripple-multiple{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}
#rb-page .dark .section, #rb-page .section.dark{background-color:#282828;border-color:rgba(255,255,255,.1)}
#rb-page .dark .promo>.container>span, #rb-page .dark .promo>span{color:rgba(255,255,255,.8)}
#rb-page .dark .heading-block:not(.not-dark):after{border-top-color:rgba(255,255,255,.4)}
#rb-page .dark .counter, #rb-page .dark .heading-block:not(.not-dark){text-shadow:1px 1px 1px rgba(0,0,0,.1)}
#rb-page .dark .emphasis-title:not(.not-dark) h1, #rb-page .dark .emphasis-title:not(.not-dark) h2, #rb-page .dark .heading-block:not(.not-dark) h1, #rb-page .dark .heading-block:not(.not-dark) h2, #rb-page .dark .heading-block:not(.not-dark) h3, #rb-page .dark .heading-block:not(.not-dark) h4{color:#fff}
#rb-page .dark .emphasis-title.not-dark h1, #rb-page .dark .emphasis-title.not-dark h2, #rb-page .dark .heading-block.not-dark h1, #rb-page .dark .heading-block.not-dark h2, #rb-page .dark .heading-block.not-dark h3, #rb-page .dark .heading-block.not-dark h4{color:#333}
#rb-page .dark .heading-block:not(.not-dark)>span{color:#eee}
#rb-page .dark .table>tbody>tr>td, #rb-page .dark .table>tbody>tr>th, #rb-page .dark .table>tfoot>tr>td, #rb-page .dark .table>tfoot>tr>th, #rb-page .dark .table>thead>tr>td, #rb-page .dark .table>thead>tr>th{border-top-color:rgba(255,255,255,.1)}
#rb-page .dark .table>thead>tr>th{border-bottom-color:rgba(255,255,255,.1)}
#rb-page .dark .table>tbody+tbody{border-top-color:rgba(255,255,255,.1)}
#rb-page .dark .table .table{background-color:rgba(0,0,0,.2)}
#rb-page .dark .table>tbody>tr.active>td, #rb-page .dark .table>tbody>tr.active>th, #rb-page .dark .table>tbody>tr>td.active, #rb-page .dark .table>tbody>tr>th.active, #rb-page .dark .table>tfoot>tr.active>td, #rb-page .dark .table>tfoot>tr.active>th, #rb-page .dark .table>tfoot>tr>td.active, #rb-page .dark .table>tfoot>tr>th.active, #rb-page .dark .table>thead>tr.active>td, #rb-page .dark .table>thead>tr.active>th, #rb-page .dark .table>thead>tr>td.active, #rb-page .dark .table>thead>tr>th.active{background-color:rgba(0,0,0,.1)}
#rb-page .dark .table-hover>tbody>tr.active:hover>td, #rb-page .dark .table-hover>tbody>tr.active:hover>th, #rb-page .dark .table-hover>tbody>tr>td.active:hover, #rb-page .dark .table-hover>tbody>tr>th.active:hover{background-color:rgba(255,255,255,.1)}
@media (max-width:767px){#rb-page .table-responsive{border-color:rgba(255,255,255,.1)}}
#rb-page .dark .btn:focus, #rb-page .dark .btn:hover{color:#fff}
#rb-page .dark .btn-link:focus, #rb-page .dark .btn-link:hover{color:#eee}
#rb-page .dark .nav-tabs>li.active>a, #rb-page .dark .nav-tabs>li.active>a:focus, #rb-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}
#rb-page .dark .nav-tabs.nav-justified>.active>a, #rb-page .dark .nav-tabs.nav-justified>.active>a:focus, #rb-page .dark .nav-tabs.nav-justified>.active>a:hover{border-color:rgba(255,255,255,.15)}
@media (min-width:768px){#rb-page .dark .nav-tabs.nav-justified>.active>a, #rb-page .dark .nav-tabs.nav-justified>.active>a:focus, #rb-page .dark .nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#383838}}
#rb-page .dark a.list-group-item.active, #rb-page .dark a.list-group-item.active:focus, #rb-page .dark a.list-group-item.active:hover{color:#fff;background-color:#428bca;border-color:#428bca}
#rb-page .dark .card{background-color:rgba(0,0,0,.2)}
#rb-page .dark .card>.card-body+.table, #rb-page .dark .card>.card-body+.table-responsive{border-top-color:rgba(255,255,255,.1)}
#rb-page .dark .close{opacity:1;color:rgba(0,0,0,.15);text-shadow:0 1px 0 rgba(0,0,0,.2)}
#rb-page .dark .close:focus, #rb-page .dark .close:hover{color:rgba(0,0,0,.4)}
#rb-page .dark .modal-content{border-color:#555}
#rb-page .dark .modal-header{border-bottom-color:rgba(255,255,255,.15)}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(359deg)}}
@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}
#rb-page .icon-refresh:before{content:"\e650"}
#rb-page .icon-ok-sign:before{content:"\e70f"}
#rb-page .icon-hdd2:before{content:"\e752"}
#rb-page .icon-shield:before{content:"\e7cf"}
#rb-page .icon-check:before{content:"\e98b"}
#rb-page .icon-cloud-upload-alt:before{content:"\e9a8"}
#rb-page .icon-envelope:before{content:"\e9f2"}
#rb-page .icon-gift:before{content:"\ea3d"}
#rb-page .icon-times:before{content:"\ebcc"}
#rb-page .icon-folder-open1:before{content:"\ec64"}
#rb-page .icon-php:before{content:"\edbb"}
#rb-page .icon-line-clock:before{content:"\e014"}
#rb-page .icon-line-arrow-down:before{content:"\e097"}
@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}
@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}
@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}
@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}
@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}
@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}
@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}
@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}
@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@-webkit-keyframes wobble{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes wobble{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes jello{11.1%,from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}
@keyframes jello{11.1%,from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}
@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}
@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}
@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}
@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}
@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}
@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}
@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}
@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}
@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}
@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}
@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}
@keyframes fadeOut{from{opacity:1}to{opacity:0}}
@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}
@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}
@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}
@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}
@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}
@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}
@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}
@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}
@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}
@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}
@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}
@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}
@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}
@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}
@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}
@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}
@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}
@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}
@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}
@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}
@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}
@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}
@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}
@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}
@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}
@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}
@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}
@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}
@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}
@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}
@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}
@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}
@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}
@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}
@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}
@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}
@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}
@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}
@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}
@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}
@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}
@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}
@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}
@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}
@-webkit-keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
@keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}
@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}
@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}
@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}
@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}
@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}
@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}
@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}
@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}
@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}
@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}
@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}
@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}
@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}
@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}
@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}
#rb-page button::-moz-focus-inner{padding:0;border:0}
@media (max-width:1199.98px){#rb-page .promo>.container>span, #rb-page .promo>span{font-size:15px}}
@media (min-width:992px) and (max-width:1199.98px){#rb-page{width:1000px}}
@media (max-width:991.98px){#rb-page{width:100%;margin:0;box-shadow:none}}
@media (max-width:991.98px){#rb-page .container.vertical-middle{width:100%!important}}
@media (max-width:991.98px){#rb-page .section>.testimonial{padding:0 40px!important;max-width:none}}
@media (max-width:767.98px){#rb-page{width:100%!important}}
@media (max-width:767.98px){#rb-page h1{font-size:28px}}
@media (max-width:767.98px){#rb-page h2{font-size:24px}}
@media (max-width:767.98px){#rb-page h3{font-size:20px}}
@media (max-width:767.98px){#rb-page h4{font-size:16px}}
@media (max-width:767.98px){#rb-page .heading-block h1{font-size:30px}}
@media (max-width:767.98px){#rb-page .heading-block h2{font-size:26px}}
@media (max-width:767.98px){#rb-page .heading-block h3{font-size:22px}}
@media (max-width:767.98px){#rb-page .heading-block h4{font-size:19px}}
@media (max-width:767.98px){#rb-page .heading-block h1+span{font-size:20px}}
@media (max-width:767.98px){#rb-page .heading-block h2+span{font-size:18px}}
@media (max-width:767.98px){#rb-page .heading-block h3+span, #rb-page .heading-block h4+span{font-size:17px}}
@media (max-width:767.98px){#rb-page .heading-block~p:not(.lead){font-size:15px}}
@media (min-width:576px) and (max-width:767.98px){#rb-page .container.vertical-middle{width:100%!important}}
@media (min-width:576px) and (max-width:767.98px){#rb-page .full-screen:not(.force-full-screen) .container.vertical-middle{width:540px!important}}
@-webkit-keyframes moveUp{50%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}51%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}52%{opacity:1;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes moveUp{50%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}51%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}52%{opacity:1;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
#rb-page .bgcolor, #rb-page .owl-carousel .owl-nav [class*=owl-]:hover, #rb-page .page-item.active .page-link, #rb-page .page-link:focus, #rb-page .page-link:hover{background-color:#0f66dd!important}
#rb-page .dark .post-timeline .entry:hover .entry-timeline, #rb-page .feature-box.fbox-outline .fbox-icon, #rb-page .heading-block.border-color:after, #rb-page .post-timeline .entry:hover .entry-timeline{border-color:#0f66dd}
#rb-page .border-color, #rb-page .page-item.active .page-link, #rb-page .page-link:focus, #rb-page .page-link:hover{border-color:#0f66dd!important}
#rb-page .table-responsive{border:1px solid #ddd}
#rb-page .text-black-50 strong{color:#333}
#rb-page .content-wrap{padding:40px 0}
#rb-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)}
#rb-page .page-banner .overlay{position:absolute;left:0;top:0;width:100%;height:101%;background:rgba(255,255,255,.9)}
#rb-page .page-banner .heading-block h1, #rb-page .page-banner .heading-block h3{line-height:1em;font-weight:300;font-size:23px}
#rb-page .page-banner .heading-block h1 strong, #rb-page .page-banner .heading-block h3 strong{font-weight:700}
#rb-page .page-banner h2.display-4{font-size:24px}
#rb-page .page-banner h2.display-4 .t-rotate{font-weight:700}
#rb-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}
#rb-page .page-banner .title:hover{color:#2196f3}
#rb-page .page-banner.red .title{border-color:#f40000}
#rb-page .page-banner.red .text-rotater, #rb-page .page-banner.red .title:hover{color:#f40000}
#rb-page .page-banner .desc{font-size:13px;line-height:1.6em;color:#333}
#rb-page .page-banner .desc ul{margin:10px 0 0 20px}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
#rb-page a.btn-link i{position:relative;top:1px;-webkit-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease}
#rb-page a.btn-link:hover i{transform:translateX(4px)}
#rb-page .bg-21{background:url(/assets/images/hostixo/pages/bg-21.webp) no-repeat center top;background-size:cover}
#rb-page .domainchecker-container .btn{position:absolute;right:5px;top:5px;padding:11px 18px}
#rb-page .domaintld .feature-box .fbox-content ul li .icon-check{color:#007bff;float:left;margin:0 4px 0 0;line-height:1.8em}
#rb-page .list-group-item .icon-check{color:#0f66dd}
#rb-page .section{background-color:rgba(38,125,244,.05)}
#rb-page .section.testimonials{background-color:rgba(38,125,244,.05)}
#rb-page .section.testimonials .before-heading{display:inline-block;font-size:12px;font-style:normal;background-color:#dfecfd;color:#267df4;padding:3px 8px;border-radius:2px;font-weight:600}
#rb-page .section.testimonials .container::after, #rb-page .section.testimonials .container::before{color:rgba(38,125,244,.2)}
#rb-page .section.testimonials .owl-carousel .owl-dots .owl-dot{width:20px;height:5px;border-radius:4px;transition:all .3s ease-out;opacity:.3}
#rb-page .section.testimonials .owl-carousel .owl-dots .owl-dot.active{width:45px}
#rb-page .section.testimonials .owl-carousel .owl-dots .owl-dot.active, #rb-page .section.testimonials .owl-carousel .owl-dots .owl-dot:hover{opacity:1}
#rb-page .section.testimonials .container::before, #rb-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)}
#rb-page .section.testimonials .container::after{content:"\e7ae";top:auto;left:auto;right:20px;bottom:-45px}
#rb-page .section.testimonials .testi-content p{font-style:normal;color:#000}
#rb-page .section.testimonials .testimonial-full .testi-content{border:0 none}
#rb-page .section.testimonials .testi-stars i{background-color:#267df4;font-size:14px;color:#fff;padding:1px 5px;border-radius:2px}
@media (min-width:992px){#rb-page .heading-block h2, #rb-page .heading-block h3{font-size:30px}}
@media (min-width:992px){#rb-page .heading-block h2+span, #rb-page .heading-block h3+span{font-size:17px}}
@keyframes pulse{0%{top:15px}50%{top:5px}100%{top:15px}}
#rb-page .section.wpfeature .feature-box.media-box{text-align:left;background:#fff;border-radius:6px;box-shadow:0 2px 4px rgba(3,27,78,.1);border:1px solid #e5e8ed;margin-bottom:30px}
#rb-page .section.wpfeature .feature-box.media-box .fbox-media{margin-bottom:15px}
#rb-page .section.wpfeature .feature-box.media-box .fbox-media i{font-size:60px;color:#0f66dd;line-height:1em}
#rb-page .section.wpfeature{padding-top:80px;padding-bottom:100px;position:relative}
#rb-page .section.wpfeature .wpbg{position:absolute;top:90px;left:-10px}
#rb-page .section.wpfeature .wpbg i{line-height:1em;font-size:56rem;color:#e9eef7}
#rb-page .promo.promo-dark>.container>h3 span, #rb-page .promo.promo-dark>h3 span{display:inline-block}
#rb-page .currency.tl{display:none}
#rb-page .hosting-table tbody tr td .icon-check{color:#4caf50;font-size:16px}
#rb-page .hosting-table tbody tr td .icon-times{color:#ef5656;font-size:16px}
@media (min-width:768px){#rb-page .table-responsive{border:0 none}}
@media (min-width:768px){#rb-page .page-banner .overlay{width:59%}}
@media (min-width:768px){#rb-page .page-banner h2.display-4{font-size:16px}}
@media (min-width:768px){#rb-page .page-banner .overlay{width:75%;left:-54px;transform:skewX(170deg)}}
@media (min-width:768px){#rb-page .hazirsite .justify-content-between{padding:30px 0 250px}}
@media (min-width:992px){#rb-page .page-banner .overlay{width:68%;left:-200px;transform:skewX(170deg)}}
@media (min-width:1200px){#rb-page .page-banner .overlay{width:58%}}
#rb-page .blog-sidebar .title{font-size:20px;margin-bottom:30px;font-weight:600}
@-webkit-keyframes blinker{from{opacity:1}to{opacity:0}}
#rb-page .modal1>.card{bottom:600px}
@-webkit-keyframes holder{0%{margin-top:0}24.9%{margin-top:0}25%{margin-top:-20px}49.9%{margin-top:-20px}50%{margin-top:-40px}74.9%{margin-top:-40px}75%{margin-top:-80px}100%{margin-top:-80px}}
@-webkit-keyframes yo{0%{height:0;line-height:0;margin-top:20px;margin-bottom:0}50%{height:20px;margin-top:0;margin-bottom:0}100%{height:0;line-height:0;margin-top:0;margin-bottom:20px}}
@-webkit-keyframes progressBar{
  0% { width: 0; }
  100% { width: 100%; }
}
#rb-page #modern-vds-banner.bg-21{background-image:url(/assets/images/hostixo/pages/bg-21.webp);background-position:center top;background-repeat:no-repeat;background-size:cover}

#rb-page{overflow-x: hidden !important;}
#rb-page #modern-vds-banner{overflow: hidden;}
#rb-page #modern-vds-banner .title{display: inline-block;
        margin-bottom: 15px;
        transition: transform 0.3s ease;}
#rb-page #modern-vds-banner .title:hover{transform: translateY(-2px);}
#rb-page #modern-vds-banner h1{font-size: 2rem;
        font-weight: 800;
        line-height: 1.2;
        margin-bottom: 20px;
        color: #1a1a1a;}
#rb-page #modern-vds-banner .desc-text{font-size: 1rem;
        font-weight: 400;
        line-height: 1.6;
        color: #555;
        margin-bottom: 30px;
        max-width: 650px; /* Standart genişlik */}
#rb-page #modern-vds-banner .ae-feature-grid{display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px; /* Boşluk */
        margin-bottom: 35px;}
#rb-page #modern-vds-banner .ae-feature-box{background: #fff;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 7px;
        padding-right: 7px;
        border-radius: 12px;
        display: flex;
        align-items: center; /* İkon ve metni dikeyde ortalar */
        gap: 12px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
        border: 1px solid rgba(0,0,0,0.05);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        height: 100%; /* Grid hücresini doldur */
        min-height: 80px; /* Yükseklik azaltıldı */
        position: relative;
        overflow: hidden;}
#rb-page #modern-vds-banner .ae-feature-box::before{content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: #0d6efd;
        opacity: 0;
        transition: opacity 0.3s ease;}
#rb-page #modern-vds-banner .ae-feature-box:hover{transform: translateY(-5px);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08); /* Belirgin gölge */}
#rb-page #modern-vds-banner .ae-feature-icon{flex-shrink: 0;
        width: 42px; /* İkon alanı küçültüldü */
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #eff6ff; /* Çok açık mavi */
        color: #2563eb;
        border-radius: 10px;
        transition: all 0.3s ease;}
#rb-page #modern-vds-banner .ae-feature-box:hover .ae-feature-icon{background: #0d6efd;
        color: #fff;
        transform: scale(1.05); /* Hafif büyüme */}
#rb-page #modern-vds-banner .ae-feature-box:hover::before{opacity: 1; /* Sol şerit */}
#rb-page #modern-vds-banner .ae-feature-icon i{font-size: 1.3rem;}
#rb-page #modern-vds-banner .ae-feature-content{flex: 1;}
#rb-page #modern-vds-banner .ae-feature-content h4{font-size: 1rem;
        font-weight: 700;
        margin: 0 0 5px 0;
        color: #333;}
#rb-page #modern-vds-banner .ae-feature-content p{font-size: 0.85rem;
        color: #666;
        line-height: 1.5;
        margin: 0;}
#rb-page #modern-vds-banner .arer-pricing-card-wrapper{position: relative;
        z-index: 10;
        display: flex;
        justify-content: center;
        padding-top: 20px; /* Badge için alan */}
#rb-page #modern-vds-banner .arer-pricing-card{background: #ffffff;
        padding: 12px 15px; /* Padding iyice azaltıldı */
        border-radius: 20px;
        box-shadow: 0 20px 40px -10px rgba(0,0,0,0.08); /* Yumuşak, modern gölge */
        text-align: center;
        position: relative;
        width: 100%;
        max-width: 240px;
        border: 1px solid rgba(0,0,0,0.02);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px; /* Boşluklar sıkılaştırıldı */
        cursor: pointer; /* Tıklanabilir */
        transition: all 0.3s ease;}
#rb-page #modern-vds-banner .arer-pricing-card:hover{transform: translateY(-5px);
        box-shadow: 0 25px 50px -10px rgba(13, 110, 253, 0.15);}
#rb-page #modern-vds-banner .arer-badge-discount{position: static;
        background: #fff0f0; /* Çok açık kırmızı arka plan */
        color: #e02f2f;
        padding: 5px 12px;
        border-radius: 30px;
        font-weight: 700;
        font-size: 0.75rem;
        box-shadow: none;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        transform: none;
        border: 1px solid rgba(224, 47, 47, 0.1);
        margin-bottom: 5px;}
#rb-page #modern-vds-banner .arer-badge-discount i{font-style: normal;
        font-size: 1rem;}
#rb-page #modern-vds-banner .arer-price-container{display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;}
#rb-page #modern-vds-banner .arer-price-old{font-size: 0.9rem;
        color: #b2bec3; 
        text-decoration: line-through;
        font-weight: 500;
        margin-bottom: -5px;}
#rb-page #modern-vds-banner .arer-price-current-wrapper{display: flex;
        align-items: baseline;
        justify-content: center;
        gap: 5px;
        line-height: 1;}
#rb-page #modern-vds-banner .arer-price-current{font-size: 2.4rem;
        font-weight: 800;
        color: #0d6efd; /* Mavi yapıldı */
        letter-spacing: -1.5px;
        line-height: 1;}
#rb-page #modern-vds-banner .arer-price-period{font-size: 0.9rem; /* Küçültüldü */
        color: #0d6efd; /* Mavi yapıldı */
        font-weight: 500;
        opacity: 0.8;}
#rb-page #modern-vds-banner .arer-price-label{font-size: 0.8rem;
        color: #0d6efd;
        font-weight: 400;
        opacity: 0.8;
        margin-top: 5px;}
@media (max-width: 991px){#rb-page #modern-vds-banner .ae-feature-grid{grid-template-columns: 1fr;}}
@media (max-width: 991px){#rb-page #modern-vds-banner{text-align: center;}}
@media (max-width: 991px){#rb-page #modern-vds-banner .ae-feature-box{text-align: left;}}
@media (max-width: 991px){#rb-page #modern-vds-banner .arer-pricing-card-wrapper{margin-top: 50px;
            padding-right: 20px; /* Badge taşması için mobil ayarı */}}
#rb-page #modern-vds-banner .dere-marquee-container{position: relative;
        width: 100%;
        max-width: 100%; /* Genişlik kısıtlaması kaldırıldı */
        margin: 0;
        padding: 0;
        margin-top: 25px;
        overflow: hidden;}
#rb-page #modern-vds-banner .dere-decoration-star{display: none; /* Yıldızlar gizlendi */}
#rb-page #modern-vds-banner .dere-star-1{top: -15px; left: 5%; font-size: 20px; animation-delay: 0s;}
#rb-page #modern-vds-banner .dere-star-2{bottom: -5px; right: 10%; font-size: 16px; animation-delay: 1s;}
#rb-page #modern-vds-banner .dere-star-3{top: 5px; right: 45%; font-size: 12px; animation-delay: 2s;}
@keyframes dere-twinkle{
        0%, 100% { transform: scale(1); opacity: 0.8; }
        50% { transform: scale(1.2); opacity: 1; }
    }
#rb-page #modern-vds-banner .dere-marquee-wrapper{background: transparent; /* Arkaplan kaldırıldı */
        backdrop-filter: none;
        overflow: hidden;
        white-space: nowrap;
        position: relative;
        box-shadow: none; /* Gölge kaldırıldı */
        border-radius: 0;
        padding: 2px 0;
        border: none; /* Kenarlık kaldırıldı */
        z-index: 1;
        width: 100%;}
#rb-page #modern-vds-banner .dere-marquee-wrapper::before, #rb-page #modern-vds-banner .dere-marquee-wrapper::after{display: none;}
#rb-page #modern-vds-banner .dere-marquee-content{display: flex;
        gap: 30px; /* Boşluklar */
        animation: dere-scroll-infinite 20s linear infinite; /* Dönüş hızı */
        padding-left: 0;
        align-items: center;
        width: max-content;}
@keyframes dere-scroll-infinite{
        0% { transform: translateX(-50%); }
        100% { transform: translateX(0); } 
    }
#rb-page #modern-vds-banner .dere-g-reviews{display: inline-flex;
        align-items: center;
        gap: 10px;
        background: #fff;
        color: #333;
        padding: 4px 15px; /* Kart dikey padding azaltıldı */
        border-radius: 50px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
        border: 1px solid #f0f2f5;
        text-decoration: none;
        transition: all 0.3s ease;
        position: relative;
        user-select: none;
        flex-shrink: 0;}
#rb-page #modern-vds-banner .dere-g-reviews:hover{transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
        border-color: #e0e4e8;}
#rb-page #modern-vds-banner .dere-g-logo{height: 24px; /* Logoyu biraz büyüt */
        width: auto;
        object-fit: contain;
        filter: grayscale(100%);
        opacity: 0.8;
        transition: all 0.3s;}
#rb-page #modern-vds-banner .dere-g-reviews:hover .dere-g-logo{filter: grayscale(0%);
        opacity: 1;}
#rb-page #modern-vds-banner .dere-review-text{display: flex;
        flex-direction: column;
        line-height: 1;}
#rb-page #modern-vds-banner .dere-label{font-size: 0.65rem;
        color: #888;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-bottom: 2px;}
#rb-page #modern-vds-banner .dere-rating-row{display: flex;
        align-items: center;
        gap: 4px;}
#rb-page #modern-vds-banner .dere-rating-row b{font-size: 0.9rem;
        color: #0b2447;
        font-weight: 700;}
#rb-page #modern-vds-banner .dere-g-star{height: 12px;
        position: relative;
        top: -1px;
        filter: drop-shadow(0 1px 2px rgba(255, 193, 7, 0.3));}
#rb-page #modern-vds-banner .dere-verified-icon{color: #10a516;
        font-size: 0.8rem;
        background: #e8f5e9;
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin-left: 3px;}
#rb-page #modern-vds-banner .dere-trustpilot-stars{display: flex;
        gap: 1px;}
#rb-page #modern-vds-banner .dere-trustpilot-stars i{color: #00b67a; /* Trustpilot Green */
        font-size: 13px;
        filter: none;}
#rb-page .banner-sub-nav-wrapper{position: relative;
        z-index: 20;
        margin-top: -30px; /* Banner içine hafifçe girsin */
        margin-bottom: 30px;}
#rb-page .banner-sub-nav-card{background: #ffffff;
        border-radius: 16px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.06);
        padding: 5px 10px;
        border: 1px solid rgba(0,0,0,0.02);}
#rb-page .sub-nav-list{display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;}
#rb-page .sub-nav-list .nav-item{flex: 1;
        text-align: center;
        position: relative;}
#rb-page .sub-nav-list a{display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 15px 10px;
        color: #636e72;
        font-weight: 600;
        font-size: 0.95rem;
        text-decoration: none;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        border-radius: 12px;
        position: relative;
        overflow: hidden;}
#rb-page .sub-nav-list a i{font-size: 1.1rem;
        color: #b2bec3;
        transition: all 0.3s;}
#rb-page .sub-nav-list .nav-item:hover a{color: #2d3436;
        background-color: #f8f9fa;
        transform: translateY(-2px);}
#rb-page .sub-nav-list .nav-item:hover a i{color: #0d6efd;}
#rb-page .sub-nav-list .nav-item.active a{color: #0d6efd;
        background-color: #eff6ff;
        box-shadow: 0 4px 12px rgba(13, 110, 253, 0.1);}
#rb-page .sub-nav-list .nav-item.active a i{color: #0d6efd;}
@media (max-width: 991px){#rb-page .banner-sub-nav-wrapper{margin-top: 0;}}
@media (max-width: 991px){#rb-page .hide-on-mobile{display: none !important;}}
@media (max-width: 991px){#rb-page .sub-nav-list{flex-wrap: nowrap;
            justify-content: space-around; /* Kalan öğeleri ortala/yay */
            padding-bottom: 0;}}
@media (max-width: 991px){#rb-page .sub-nav-list .nav-item{flex: 1; /* Eşit genişlik */
            margin: 0 5px;}}
@media (max-width: 991px){#rb-page .sub-nav-list a{padding: 12px 10px;
            white-space: nowrap;
            font-size: 0.9rem;
            justify-content: center;}}
body{@media (max-width: 768px){#rb-page .slider-wrapper{padding: 0 10px;
            margin-left: -5px;
            margin-right: -5px;}}}
body{@media (max-width: 768px){#rb-page .tab-wrapper{text-align:center;
			padding: 0 10px;}}}
body{@media (max-width: 768px){#rb-page .slider-container{padding: 0 5px;}}}
body{@media (max-width: 768px){#rb-page .slider-track{gap: 10px;}}}
body{@media (max-width: 768px){#rb-page .pricing-card{flex: 0 0 calc(100% - 10px);}}}
body{@media (max-width: 768px){#rb-page .slider-btn{width: 35px;
            height: 35px;
            font-size: 16px;}}}
body{@media (max-width: 768px){#rb-page .slider-btn.prev-btn{left: -15px;}}}
body{@media (max-width: 768px){#rb-page .slider-btn.next-btn{right: -15px;}}}
body{@media (max-width: 768px){#rb-page .current-price{font-size: 28px;}}}
body{@media (max-width: 768px){#rb-page .currency-container{flex-direction: column !important;
            gap: 10px !important;}}}
body{@media (max-width: 768px){#rb-page .pricing-card .currency{font-size: 20px; 
            padding: 6px 10px;}}}
body{@media (max-width: 768px){#rb-page .card-title{font-size: 16px;}}}
body{#rb-page .btn-primary{transition: all 0.3s ease-in-out;}}
body{#rb-page .btn-primary:hover{/* Arka plan rengini biraz koyulaştır */
        background: #0069d9 !important;

        /* Gölgeyi daha belirgin hale getirerek "kalkma" efekti ver */
        box-shadow: 0 4px 12px rgba(0, 123, 255, 0.5) !important;

        /* Butonu 2 piksel yukarı kaydır */
        transform: translateY(-2px);}}
body{#rb-page .tab-wrapper{max-width: 1200px;
        margin: 0px auto 20px;
        text-align: right;}}
body{#rb-page .tab-menu{display: inline-flex;
        background-color: #fff;
        border-radius: 12px;
        padding: 6px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        border-bottom: none;}}
body{#rb-page .tab-header{background: transparent;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 10px 24px;
        font-size: 16px;
        font-weight: bold;
        color: #333;
        border-radius: 8px;
        transition: background-color 0.3s, color 0.3s;
        border-bottom: none;
        flex: initial;
        text-align: right;}}
body{#rb-page .tab-header:hover{color: #0d47a1;}}
body{#rb-page .tab-header.active{background-color: #0d47a1;
        color: #fff;
        border-bottom: none;}}
body{#rb-page .tab-pane{display: none;}}
body{#rb-page .tab-pane.active{display: block;}}
body{#rb-page .container{max-width: 1200px;
        margin: 0 auto;}}
body{#rb-page .pricing-grid{display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 15px;
        margin-top: 30px;
        align-items: stretch;}}
body{#rb-page .pricing-card{background: #FFFFFF;
        border-radius: 12px;
        padding: 0;
        text-align: center;
        position: relative;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        transition: all 0.3s ease;
        border: 1px solid #f0f0f0;
        display: flex;
        flex-direction: column;
        height: 100%;
        overflow: visible;}}
body{#rb-page .pricing-card:hover{transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);}}
body{#rb-page .pricing-card.popular{border: 1px solid #f0f0f0;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        transform: none;}}
body{#rb-page .pricing-card.popular:hover{transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);}}
body{#rb-page .popular-badge{position: absolute;
        top: -12px;
        left: 50%;
        transform: translateX(-50%);
        background: #2196F3;
        color: white;
        padding: 8px 24px;
        border-radius: 20px;
        font-size: 13px;
        font-weight: bold;
        z-index: 10;
        box-shadow: 0 3px 12px rgba(33, 150, 243, 0.4);
        text-transform: uppercase;
        letter-spacing: 0.3px;}}
body{#rb-page .card-header{display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #42a5f5 0%, #26c6da 100%);
        position: relative;
        overflow: hidden;
        margin-bottom: 0;
        padding: 20px;}}
body{#rb-page .server-icon{margin-right: 10px;
        font-size: 18px;
        color: white;}}
body{#rb-page .discount-text{background: #FDB74C;
        color: white;
        padding: 4px 12px;
        border-radius: 15px;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-bottom: 10px;
        display: inline-block;
        box-shadow: 0 2px 8px rgba(255, 107, 107, 0.3);}}
body{#rb-page .card-header::after{content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: #007bff;}}
body{#rb-page .pricing-card.popular .card-header{background: linear-gradient(135deg, #42a5f5 0%, #26c6da 100%);
        color: white;}}
body{#rb-page .pricing-card.popular .card-header::after{background: #007bff;}}
body{#rb-page .pricing-card.popular .card-title{color: white;}}
body{#rb-page .header-top{display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 10px;}}
body{#rb-page .card-title{font-size: 16px;
        font-weight: 700;
        color: white;
        margin: 0;
        text-align: center;}}
body{#rb-page .card-description{font-size: 13px;
        color: #6c757d;
        margin-bottom: 15px;
        line-height: 1.4;}}
body{#rb-page .pricing-card.popular .card-description{color: rgba(255, 255, 255, 0.9);}}
body{#rb-page .discount-badge{background: #FDB74C;
        color: white;
        padding: 8px 16px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        position: absolute;
        top: 15px;
        right: 15px;
        animation: pulse 3s infinite;
        box-shadow: 0 3px 12px rgba(253, 183, 76, 0.4);
        border: 2px solid #FDB74C;
        z-index: 100;
        display: block !important;}}
body{#rb-page .discount-text{background: #FDB74C;
        color: white;
        padding: 8px 16px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        position: absolute;
        top: 15px;
        right: 15px;
        animation: pulse 3s infinite;
        box-shadow: 0 3px 12px rgba(253, 183, 76, 0.4);
        border: 2px solid #FDB74C;
        z-index: 100;
        display: block !important;}}
@keyframes pulse{
        0% {
            transform: scale(1);
        }

        50% {
            transform: scale(1.1);
        }

        100% {
            transform: scale(1);
        }
    }
body{#rb-page .discount-badge.red{background: #e74c3c;
        box-shadow: 0 2px 8px rgba(310, 76, 60, 0.3);}}
body{#rb-page .discount-badge.purple{background: #9b59b6;
        box-shadow: 0 2px 8px rgba(155, 89, 182, 0.3);}}
body{#rb-page .discount-badge.orange{background: #f39c12;
        box-shadow: 0 2px 8px rgba(243, 156, 18, 0.3);}}
body{#rb-page .card-icon{width: 20px;
        height: 20px;
        color: #666;
        font-size: 16px;}}
body{#rb-page .card-menu{display: flex;
        align-items: center;
        gap: 15px;}}
body{#rb-page .card-subtitle{font-size: 14px;
        color: #666;
        margin-bottom: 20px;}}
body{#rb-page .price-section{display: flex;
        flex-direction: column;
        align-items: center;}}
body{#rb-page .current-price{font-size: 32px;
        font-weight: bold;
        color: #1976D2;
        margin-bottom: 5px;}}
body{#rb-page .original-price{font-size: 16px;
        color: #999;
        text-decoration: line-through;
        margin-bottom: 5px;}}
body{#rb-page .price-period{font-size: 14px;
        color: #666;
        margin-bottom: 15px;}}
body{#rb-page .renewal-text{font-size: 12px;
        color: #999;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 5px;}}
body{#rb-page .savings-badge{background: #E3F2FD;
        color: #1976D2;
        padding: 8px 16px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 20px;
        text-align: center;}}
body{#rb-page .buy-button{background: #1976D2;
        color: white;
        border: none;
        padding: 12px 24px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        transition: background-color 0.3s ease;}}
body{#rb-page .buy-button:hover{background: #1565C0;}}
body{#rb-page .features-section{padding: 0px 20px;
        flex-grow: 1;}}
body{#rb-page .features-title{font-size: 12px;
        font-weight: bold;
        color: #333;
        margin-bottom: 10px;
        text-align: left;
        border-bottom: 2px solid black;
        padding-bottom: 3px;
        display: inline-block;}}
body{#rb-page .feature-list{list-style: none;}}
body{#rb-page .feature-item{display: flex;
        align-items: center;
        padding: 6px 0;
        border-bottom: 1px solid #F0F0F0;
        font-size: 13px;
        color: #555;
        transition: all 0.3s ease;
        cursor: pointer;}}
body{#rb-page .feature-item:hover{transform: scale(1.05);
        color: #007bff;
        font-weight: 500;}}
body{#rb-page .feature-icon{margin-right: 8px;
        color: #007BFF;
        transition: color 0.3s ease;}}
body{#rb-page .feature-item:hover .feature-icon{color: #007bff;}}
body{#rb-page .renewal-prices{position: relative;
        display: inline-block;
        margin-bottom: 15px;}}
body{#rb-page .renewal-trigger{color: #007bff;
        cursor: pointer;
        font-size: 11px;
        text-decoration: none;
        /* alt çizgiyi kaldır */
        display: flex;
        align-items: center;
        gap: 4px;}}
body{#rb-page .renewal-trigger:hover{color: #0056b3;}}
body{#rb-page .renewal-tooltip{position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        background: white;
        border-radius: 4px;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
        z-index: 1000;
        min-width: 260px;
        max-width: calc(100vw - 40px);
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        margin-top: 6px;}}
body{#rb-page .renewal-prices:hover .renewal-tooltip{opacity: 1;
        visibility: visible;}}
body{#rb-page .tooltip-header{background: #FBC02D;
        color: white;
        padding: 6px 10px;
        text-align: center;
        font-weight: 600;
        font-size: 12px;
        border-radius: 4px 4px 0 0;}}
body{#rb-page .tooltip-content{padding: 8px;}}
body{#rb-page .renewal-table{width: 100%;
        border-collapse: collapse;
        margin-bottom: 6px;
        font-size: 11px;}}
body{#rb-page .renewal-table th{background: #f8f9fa;
        padding: 5px 6px;
        text-align: left;
        font-weight: 600;
        font-size: 11px;
        color: #666;
        border-bottom: 1px solid #dee2e6;}}
body{#rb-page .renewal-table th:first-child{text-align: left;}}
body{#rb-page .renewal-table th:nth-child(2), #rb-page .renewal-table th:nth-child(3){text-align: center;}}
body{#rb-page .renewal-table td{padding: 5px 6px;
        border-bottom: 1px solid #dee2e6;
        font-size: 11px;
        color: #555;}}
body{#rb-page .renewal-table td:first-child{text-align: left;}}
body{#rb-page .renewal-table td:nth-child(2), #rb-page .renewal-table td:nth-child(3){text-align: center;}}
body{#rb-page .renewal-table td .currency{font-size: 10px;
        line-height: 1.3;
        margin-bottom: 2px;}}
body{#rb-page .discounted{color: #28a745;
        font-weight: 600;}}
body{#rb-page .renewal-table td.discounted .currency{font-size: 10px;
        font-weight: 600;
        color: #28a745;}}
body{#rb-page .discount-badge{background: #28a745;
        color: white;
        padding: 2px 6px;
        border-radius: 4px;
        font-size: 12px;
        font-weight: bold;}}
body{#rb-page .tooltip-footer{font-size: 10px;
        color: #999;
        text-align: center;
        margin-top: 6px;
        padding-top: 6px;
        border-top: 1px solid #f0f0f0;}}
body{#rb-page .feature-item:last-child{border-bottom: none;}}
body{#rb-page .footer-button{background: #007bff;
        color: #fff;
        border: 2px solid #007bff;
        padding: 12px 30px;
        border-radius: 50px;
        font-size: 16px;
        font-weight: 700;
        cursor: pointer;
        width: 100%;
        transition: all 0.3s ease;}}
body{#rb-page .footer-button:hover{background: #0056d6;
        border-color: #0056d6;}}
body{@media (max-width: 1024px){#rb-page .pricing-grid{grid-template-columns: repeat(2, 1fr);
            gap: 15px;}}}
body{@media (max-width: 740px){#rb-page .pricing-grid{grid-template-columns: 1fr;
            gap: 15px;}}}
body{@media (max-width: 740px){#rb-page .pricing-card{padding: 0px 0px;}}}
body{@media (max-width: 740px){#rb-page .current-price{font-size: 28px;}}}
body{@media (max-width: 740px){#rb-page .currency-container{flex-direction: column !important;
            gap: 10px !important;}}}
body{@media (max-width: 740px){#rb-page .pricing-card .currency{font-size: 20px; 
            padding: 6px 10px;}}}
body{@media (max-width: 480px){#rb-page .pricing-card{padding: 0px 0px;}}}
body{@media (max-width: 480px){#rb-page .current-price{font-size: 30px;}}}
body{@media (max-width: 480px){#rb-page .card-title{font-size: 16px;}}}
body{@media (max-width: 480px){#rb-page .tab-wrapper{text-align: center;}}}
body{#rb-page .feature-item.feature-logos{display: flex;
        justify-content: space-between;
        /* Aralarında boşluk bırakır */
        align-items: center;
        gap: 20px;
        /* Logolar arası mesafe */
        flex-wrap: wrap;
        /* Mobilde alt alta gelsin */}}
body{#rb-page .feature-item.feature-logos a{flex: 1 1 45%;
        /* Her biri genişliğin %45’ini kaplasın */
        display: flex;
        justify-content: center;
        align-items: center;}}
body{#rb-page .feature-item.feature-logos img.feature-logo{width: 100%;
        height: auto;
        max-width: 3090px;
        /* İstersen bu değeri artırabilirsin */
        object-fit: contain;
        /* Görsel taşmadan orantılı sığar */}}
body{#rb-page .fiyat-kutusu{/* Flexbox, içindeki elemanları (rakam ve birim) yanyana getirmek
       ve hizalamak için en modern yoldur. */
        display: flex;

        /* Bu komut, rakamların tabanı ile yazının tabanını aynı hizaya getirir.
       Bu, en estetik hizalamayı sağlar. */
        align-items: baseline;

        /* Genel stil özellikleri */
        color: #1976D2;
        font-weight: bold;
        margin-bottom: 20px;}}
body{#rb-page .fiyat-rakam{/* Fiyat için büyük font boyutu */
        font-size: 30px;}}
body{#rb-page .fiyat-birim{/* "/mo" yazısı için küçük font boyutu */
        font-size: 14px;

        /* Rakamdan biraz ayırmak için soluna hafif bir boşluk verir */
        margin-left: 4px;}}
#rb-page .alt-discount-box{width: 100%;
        max-width: 1200px;
        /* Bu satır kutuyu yatayda ortalar */
        margin: 20px auto;
        background: linear-gradient(90deg, #FF3E3E 0%, #FF7A7A 100%);
        border-radius: 12px;
        padding: 20px;
        color: white;

        box-shadow: 0 5px 15px rgba(255, 62, 62, 0.3);
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px solid #FF5C5C;
        box-sizing: border-box;}
#rb-page .alt-discount-content{display: flex;
        align-items: center;
        gap: 15px;}
#rb-page .alt-discount-icon{background-color: rgba(255, 255, 255, 0.2);
        border-radius: 50%;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;}
#rb-page .alt-discount-icon i{font-size: 24px;}
#rb-page .alt-discount-title{margin: 0;
        font-size: 18px;
        font-weight: 600;}
#rb-page .alt-discount-subtitle{margin: 5px 0 0;
        font-size: 14px;
        opacity: 0.9;}
#rb-page .alt-coupon-button{background: white;
        color: #FF3E3E;
        border: none;
        padding: 12px 25px;
        border-radius: 30px;
        font-weight: 700;
        font-size: 16px;
        cursor: pointer;
        transition: all 0.3s;
        white-space: nowrap;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
        min-width: 180px;}
@media (max-width: 768px){#rb-page .alt-discount-box{flex-direction: column;
            align-items: stretch;
            padding: 15px;}}
@media (max-width: 768px){#rb-page .alt-discount-content{margin-bottom: 15px;
            gap: 12px;}}
@media (max-width: 768px){#rb-page .alt-discount-icon{width: 40px;
            height: 40px;}}
@media (max-width: 768px){#rb-page .alt-discount-icon i{font-size: 18px;}}
@media (max-width: 768px){#rb-page .alt-discount-title{font-size: 16px;
            line-height: 1.3;}}
@media (max-width: 768px){#rb-page .alt-discount-subtitle{font-size: 13px;
            line-height: 1.3;}}
@media (max-width: 768px){#rb-page .alt-coupon-button{width: 100%;
            padding: 10px 15px;
            font-size: 15px;
            white-space: normal;}}
@media (max-width: 740px){#rb-page .renewal-tooltip{max-width: calc(100vw - 40px) !important;
            min-width: 240px !important;
            width: auto !important;
            left: 50% !important;
            transform: translateX(-50%) !important;}}
@media (max-width: 740px){#rb-page .renewal-prices{overflow: visible !important;}}
@media (max-width: 740px){#rb-page .tooltip-header{padding: 5px 8px !important;
            font-size: 11px !important;}}
@media (max-width: 740px){#rb-page .tooltip-content{padding: 6px !important;}}
@media (max-width: 740px){#rb-page .renewal-table{font-size: 10px !important;
            margin-bottom: 5px !important;}}
@media (max-width: 740px){#rb-page .renewal-table th, #rb-page .renewal-table td{padding: 4px 5px !important;
            font-size: 10px !important;}}
@media (max-width: 740px){#rb-page .renewal-table td .currency{font-size: 9px !important;
            margin-bottom: 1px !important;}}
@media (max-width: 740px){#rb-page .renewal-table td.discounted .currency{font-size: 9px !important;}}
@media (max-width: 740px){#rb-page .tooltip-footer{font-size: 9px !important;
            margin-top: 5px !important;
            padding-top: 5px !important;}}
@media (min-width: 1024px){#rb-page .renewal-tooltip{border-radius: 12px !important;
            overflow: hidden;
            min-width: 260px !important;
            max-width: 280px !important;
            width: auto !important;}}
@media (min-width: 1024px){#rb-page .tooltip-header{border-radius: 12px 12px 0 0 !important;}}
@media (min-width: 1024px){#rb-page .tooltip-content{border-radius: 0 0 12px 12px;
            padding: 12px 10px !important;}}
@media (min-width: 1024px){#rb-page .renewal-table{font-size: 13px !important;}}
@media (min-width: 1024px){#rb-page .renewal-table th{padding: 7px 8px !important;
            font-size: 12px !important;
            text-align: left !important;}}
@media (min-width: 1024px){#rb-page .renewal-table th:first-child{text-align: left !important;}}
@media (min-width: 1024px){#rb-page .renewal-table th:nth-child(2), #rb-page .renewal-table th:nth-child(3){text-align: center !important;}}
@media (min-width: 1024px){#rb-page .renewal-table td{padding: 7px 8px !important;
            font-size: 13px !important;
            text-align: left !important;}}
@media (min-width: 1024px){#rb-page .renewal-table td:first-child{text-align: left !important;}}
@media (min-width: 1024px){#rb-page .renewal-table td:nth-child(2), #rb-page .renewal-table td:nth-child(3){text-align: center !important;}}
@media (min-width: 1024px){#rb-page .renewal-table td .currency{font-size: 11px !important;}}
@media (min-width: 1024px){#rb-page .renewal-table td.discounted .currency{font-size: 11px !important;}}
#rb-page .anasayfatab-container{max-width: 1200px;
    margin: 0 auto;
    padding: 20px;}
#rb-page .anasayfatab-section{background: transparent;
    padding: 60px 20px;
    border-radius: 15px;
    margin: 30px 0;}
#rb-page .anasayfatab-heading-block{text-align: center;
    margin-bottom: 50px;}
#rb-page .anasayfatab-title{font-size: 2.5rem;
    font-weight: 700;
    color: #1a3a6c;
    margin-bottom: 15px;
    letter-spacing: 1px;
    text-shadow: 0 2px 5px rgba(0,0,0,0.1);}
#rb-page .anasayfatab-subtitle{font-size: 1.1rem;
    color: #4a5f82;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;}
#rb-page .anasayfatab-tabs-container{background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);}
#rb-page .anasayfatab-tab-nav{display: flex;
    background: linear-gradient(135deg, #1a56db 0%, #3b82f6 100%);
    margin: 0;
    list-style: none;
    padding: 0;}
#rb-page .anasayfatab-tab-nav li{flex: 1;
    text-align: center;}
#rb-page .anasayfatab-tab-link{display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 15px;
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    position: relative;
    border-right: 1px solid rgba(255,255,255,0.1);}
#rb-page .anasayfatab-tab-link:hover, #rb-page .anasayfatab-tab-link.anasayfatab-active{color: #fff;
    background: rgba(255, 255, 255, 0.12);}
#rb-page .anasayfatab-tab-link::after{content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: #fff;
    transition: width 0.3s ease;}
#rb-page .anasayfatab-tab-link.anasayfatab-active::after{width: 60%;}
#rb-page .anasayfatab-tab-icon{font-size: 24px;
    margin-bottom: 8px;}
#rb-page .anasayfatab-tab-content{display: none;
    padding: 50px;
    animation: anasayfatab-fadeIn 0.6s ease;}
#rb-page .anasayfatab-tab-content.anasayfatab-active{display: block;}
#rb-page .anasayfatab-story-box{display: flex;
    align-items: center;
    gap: 40px;}
#rb-page .anasayfatab-story-image{flex: 0 0 45%;}
#rb-page .anasayfatab-story-image img{width: 100%;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
#rb-page .anasayfatab-story-info{flex: 0 0 55%;}
#rb-page .anasayfatab-story-title{font-size: 30px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #1e3a8a;
    letter-spacing: -1px;}
#rb-page .anasayfatab-story-info p{margin-bottom: 25px;
    color: #475569;
    line-height: 1.8;
    font-size: 16px;}
#rb-page .anasayfatab-list{list-style: none;
    padding: 0;
    margin: 0 0 30px 0;}
#rb-page .anasayfatab-list li{display: flex;
    align-items: center;
    margin-bottom: 12px;
    color: #1e293b;
    font-weight: 500;}
#rb-page .anasayfatab-list i{color: #22c55e;
    margin-right: 12px;
    font-size: 18px;}
@keyframes anasayfatab-fadeIn{
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 992px){#rb-page .anasayfatab-tab-nav{flex-direction: column;}}
@media (max-width: 992px){#rb-page .anasayfatab-story-box{flex-direction: column;}}
@media (max-width: 992px){#rb-page .anasayfatab-story-image, #rb-page .anasayfatab-story-info{flex: 0 0 100%;}}
@media (max-width: 768px){#rb-page .support-cta__inner{flex-direction: column; align-items: center; text-align: center;}}
@media (max-width: 768px){#rb-page .support-cta__right{flex-direction: column; align-items: center; gap: 12px; margin-top: 18px;}}
@media (max-width: 768px){#rb-page .support-cta__right a{width: 100%; max-width: 360px; justify-content: center;}}
#rb-page .hx-ruby-v3{padding: 100px 0;
    background: #ffffff;
    position: relative;
    overflow: hidden;}
#rb-page .hx-ruby-bg-decoration{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;}
#rb-page .hx-ruby-blob{position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    filter: blur(120px);
    opacity: 0.05;}
#rb-page .hx-ruby-blob.red-glow{top: -10%; right: -5%; background: #e11d48;}
#rb-page .hx-ruby-blob.dark-ruby{bottom: -10%; left: -5%; background: #9b1c31;}
#rb-page .hx-ruby-grid-dots{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(#9b1c31 0.6px, transparent 0.6px);
    background-size: 30px 30px;
    opacity: 0.1;}
#rb-page .hx-ruby-container{max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 5;}
#rb-page .hx-ruby-intro{text-align: center;
    margin-bottom: 80px;}
#rb-page .hx-ruby-badge{font-size: 11px;
    font-weight: 800;
    color: #e11d48;
    background: #fff1f2;
    padding: 6px 16px;
    border-radius: 50px;
    letter-spacing: 2px;}
#rb-page .hx-ruby-intro h2{font-size: 42px;
    font-weight: 950;
    color: #1e293b;
    letter-spacing: -2.5px;
    margin-top: 15px;
    line-height: 1;}
#rb-page .hx-ruby-divider{width: 50px;
    height: 4.5px;
    background: #e11d48;
    margin: 20px auto 0;
    border-radius: 10px;}
#rb-page .hx-ruby-row{display: flex;
    align-items: center;
    gap: 80px;
    margin-bottom: 120px;}
#rb-page .hx-ruby-row.reverse{flex-direction: row-reverse;}
#rb-page .hx-ruby-col{flex: 1;
    width: 50%;}
#rb-page .hx-ruby-glass-card{background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(241, 245, 249, 1);
    padding: 60px 45px;
    border-radius: 40px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    transition: all 0.5s ease;}
#rb-page .hx-ruby-row:hover .hx-ruby-glass-card{transform: translateY(-8px);
    box-shadow: 0 25px 50px -12px rgba(155, 28, 49, 0.1);
    border-color: rgba(155, 28, 49, 0.15);}
#rb-page .hx-ruby-tag{font-size: 11px;
    font-weight: 800;
    color: #e11d48;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
    display: block;}
#rb-page .hx-ruby-glass-card h3{font-size: 34px;
    font-weight: 900;
    color: #1e293b;
    margin-bottom: 25px;
    letter-spacing: -1.5px;}
#rb-page .hx-ruby-glass-card p{font-size: 16px;
    color: #64748b;
    line-height: 1.8;
    margin: 0;}
#rb-page .hx-ruby-visual-wrap{display: flex;
    justify-content: center;
    align-items: center;
    position: relative;}
#rb-page .hx-ruby-main-icon{font-size: 240px;
    color: #e11d48;
    position: relative;
    z-index: 2;
    filter: drop-shadow(0 20px 30px rgba(155, 28, 49, 0.15));
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);}
#rb-page .hx-ruby-main-icon.secondary{color: #9b1c31;}
#rb-page .pulse{animation: hx-pulse 4s ease-in-out infinite;}
#rb-page .floating{animation: hx-float 6s ease-in-out infinite;}
@keyframes hx-pulse{
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.05); opacity: 0.9; }
}
@keyframes hx-float{
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-25px); }
}
#rb-page .reveal-left{transform: translateX(-100px); opacity: 0; transition: all 1s ease;}
#rb-page .reveal-right{transform: translateX(100px); opacity: 0; transition: all 1s ease;}
#rb-page .is-visible{transform: translateX(0); opacity: 1;}
@media (max-width: 991px){#rb-page .hx-ruby-row, #rb-page .hx-ruby-row.reverse{flex-direction: column;
        gap: 60px;
        text-align: center;}}
@media (max-width: 991px){#rb-page .hx-ruby-col{width: 100%;}}
@media (max-width: 991px){#rb-page .hx-ruby-main-icon{font-size: 180px;}}
@media (max-width: 991px){#rb-page .hx-ruby-glass-card{padding: 40px 30px;}}
#rb-page .heading-block::after{display: none !important;
        border: none !important;}
#rb-page .currency.usd{display: none;}
#rb-page .currency.tl{display: inline;}
#rb-page .currency-usd .currency.usd{display: inline;}
#rb-page .currency-usd .currency.tl{display: none;}
#rb-page .currency-tl .currency.usd{display: none;}
#rb-page .currency-tl .currency.tl{display: inline;}
@media (min-width: 992px){#rb-page .modern-comparison-wrapper{background: white;
        border-radius: 16px;
        box-shadow: 0 8px 40px rgba(0,0,0,0.12);
        overflow: hidden;
        margin-bottom: 2rem;
        border: 1px solid #e9ecef;}}
@media (min-width: 992px){#rb-page .table-comparison{margin-bottom: 0;
        border: none;
        width: 100%;}}
@media (min-width: 992px){#rb-page .table-comparison thead th{border-bottom: 2px solid #e9ecef;
        vertical-align: middle;
        padding: 1rem 0.5rem;}}
@media (min-width: 992px){#rb-page .table-comparison thead th.package-column{padding: 0 !important;
        border-bottom: none;}}
@media (min-width: 992px){#rb-page .feature-column{background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        font-weight: 700;
        color: #2c3e50;
        width: 300px;
        min-width: 300px;
        padding-left: 2rem !important;
        position: sticky;
        left: 0;
        z-index: 20;
        border-right: 2px solid #dee2e6;
        font-size: 1rem;}}
@media (min-width: 992px){#rb-page .package-column{background: white;
        transition: all 0.3s ease;
        border-left: 1px solid #e9ecef;
        min-width: 220px;
        position: relative;}}
@media (min-width: 992px){#rb-page .package-column:hover{background: linear-gradient(135deg, #f8f9ff 0%, #f0f4ff 100%);
        transform: translateY(-2px);
        box-shadow: 0 5px 20px rgba(0,0,0,0.1);}}
@media (min-width: 992px){#rb-page .package-header{padding: 1rem 0.5rem;
        background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;}}
@media (min-width: 992px){#rb-page .package-name{color: white !important;
        font-size: 1.2rem;
        line-height: 1.3;
        margin-bottom: 0; /* Removed margin since price is not here anymore */}}
@media (min-width: 992px){#rb-page .package-price .price-main{font-size: 1.75rem;
        color: #e74c3c;
        margin-bottom: 0.5rem;
        line-height: 1.2;
        font-weight: 800;
        display: flex;
        align-items: baseline;
        justify-content: center;
        gap: 0.25rem;}}
@media (min-width: 992px){#rb-page .package-price .price-main .currency{font-size: 1.2rem;
        font-weight: 600;}}
@media (min-width: 992px){#rb-page .package-price .price-main .period{font-size: 1rem;
        color: #6c757d;
        font-weight: 400;}}
@media (min-width: 992px){#rb-page .category-header{background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%) !important;}}
@media (min-width: 992px){#rb-page .category-title{color: #3498db !important;
        font-weight: 700;
        padding: 0.75rem 1rem !important;
        font-size: 1rem;
        border: none;}}
@media (min-width: 992px){#rb-page .category-title i{opacity: 0.95;
        margin-right: 0.5rem;
        color: #3498db !important;}}
@media (min-width: 992px){#rb-page .feature-name{padding: 0.75rem 1rem !important;
        background: #f8f9fa;
        font-weight: 600;
        color: #2c3e50;
        border-bottom: 1px solid #e9ecef;
        border-right: 2px solid #dee2e6;
        position: sticky;
        left: 0;
        z-index: 15;
        width: 300px;
        min-width: 300px;
        font-size: 0.95rem;}}
@media (min-width: 992px){#rb-page .feature-name small{font-weight: 400;
        font-size: 0.85rem;
        opacity: 0.8;
        margin-top: 0.25rem;
        display: block;}}
@media (min-width: 992px){#rb-page .table-comparison td{padding: 0.75rem 0.5rem;
        vertical-align: middle;
        border-bottom: 1px solid #e9ecef;
        background: white;
        font-size: 0.95rem;
        transition: all 0.2s ease;}}
@media (min-width: 992px){#rb-page .table-comparison tr:hover td{background: #f8fafc;}}
@media (min-width: 992px){#rb-page .table-comparison tr:hover .feature-name{background: #e3f2fd;}}
@media (min-width: 992px){#rb-page .expand-toggle-row{background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        border-bottom: 1px solid #dee2e6;}}
@media (min-width: 992px){#rb-page .expand-toggle{padding: 0.5rem !important;}}
@media (min-width: 992px){#rb-page .expand-toggle-btn{color: #3498db;
        font-weight: 600;
        padding: 0.5rem 1rem;
        transition: all 0.3s ease;
        background: transparent;
        border: none;
        font-size: 0.95rem;}}
@media (min-width: 992px){#rb-page .expand-toggle-btn:hover{color: #2980b9;
        transform: translateY(-1px);}}
@media (min-width: 992px){#rb-page .expand-toggle-btn i{transition: transform 0.3s ease;}}
@media (min-width: 992px){#rb-page .expand-toggle-btn:hover i{transform: translateY(2px);}}
@media (min-width: 992px){#rb-page .expandable-content{transition: all 0.3s ease;}}
@media (min-width: 992px){#rb-page .expandable-content.show{display: table-row-group !important;}}
@media (min-width: 992px){#rb-page .resource-badge{background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);
        color: #495057;
        padding: 0.5rem 1rem;
        border-radius: 20px;
        font-weight: 700;
        font-size: 0.9rem;
        display: inline-block;
        min-width: 70px;
        text-align: center;
        border: 1px solid #dee2e6;}}
@media (min-width: 992px){#rb-page .resource-badge.bg-primary{background: linear-gradient(135deg, #3498db 0%, #2980b9 100%) !important;
        color: white;
        border: none;}}
@media (min-width: 992px){#rb-page .version-badge{background: linear-gradient(135deg, #e8f5e8 0%, #d4edda 100%);
        color: #27ae60;
        padding: 0.4rem 0.8rem;
        border-radius: 15px;
        font-size: 0.85rem;
        font-weight: 600;
        display: inline-block;
        border: 1px solid #d4edda;}}
@media (min-width: 992px){#rb-page .badge.bg-success{background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%) !important;
        font-weight: 600;
        padding: 0.5rem 0.8rem;}}
@media (min-width: 992px){#rb-page .badge.bg-light{background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
        color: #495057 !important;
        font-weight: 600;
        padding: 0.5rem 0.8rem;}}
@media (min-width: 992px){#rb-page .tech-logo{height: 28px;
        max-width: 100px;
        filter: grayscale(0.2);
        transition: filter 0.3s ease;}}
@media (min-width: 992px){#rb-page .tech-logo:hover{filter: grayscale(0);}}
@media (min-width: 992px){#rb-page .action-row td{background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        padding: 2rem 1rem !important;
        border-top: 3px solid #dee2e6;}}
@media (min-width: 992px){#rb-page .action-row .feature-name{background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);}}
@media (min-width: 992px){#rb-page .package-action .btn{padding: 0.75rem 2rem;
        font-weight: 700;
        font-size: 1rem;
        border-radius: 25px;
        box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
        transition: all 0.3s ease;}}
@media (min-width: 992px){#rb-page .package-action .btn:hover{transform: translateY(-3px);
        box-shadow: 0 8px 25px rgba(52, 152, 219, 0.4);}}
@media (min-width: 992px){#rb-page .price-display{padding: 0.5rem 0;}}
@media (min-width: 992px){#rb-page .table-responsive{overflow-x: visible !important;}}
@media (max-width: 991.98px){#rb-page .package-card-mobile{border-radius: 16px;
        transition: all 0.3s ease;
        overflow: hidden;
        margin-bottom: 1.5rem;
        display: block !important;}}
@media (max-width: 991.98px){#rb-page .package-card-mobile:hover{transform: translateY(-5px);
        box-shadow: 0 12px 35px rgba(0,0,0,0.15) !important;}}
@media (max-width: 991.98px){#rb-page .card-header-mobile{background: linear-gradient(135deg, #3498db 0%, #2980b9 100%) !important;
        padding: 2rem 1rem !important;
        position: relative;}}
@media (max-width: 991.98px){#rb-page .package-header-content{display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;}}
@media (max-width: 991.98px){#rb-page .package-title-mobile{color: white;
        font-size: 1.5rem;
        font-weight: 700;
        margin-bottom: 1rem;
        line-height: 1.2;}}
@media (max-width: 991.98px){#rb-page .price-section-mobile{margin-bottom: 0.5rem;}}
@media (max-width: 991.98px){#rb-page .main-price-mobile{display: flex;
        align-items: baseline;
        justify-content: center;
        gap: 0.25rem;
        margin-bottom: 0.5rem;}}
@media (max-width: 991.98px){#rb-page .price-amount-mobile{color: white;
        font-size: 2.2rem;
        font-weight: 800;
        line-height: 1;}}
@media (max-width: 991.98px){#rb-page .price-period-mobile{color: rgba(255,255,255,0.9);
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1;
        align-self: baseline;}}
@media (max-width: 991.98px){#rb-page .yearly-price-mobile{color: rgba(255,255,255,0.8);
        font-size: 0.9rem;
        margin-bottom: 0.5rem;
        line-height: 1.2;}}
@media (max-width: 991.98px){#rb-page .header-button-mobile .btn{background: rgba(255,255,255,0.95);
        color: #3498db;
        font-weight: 600;
        border: none;
        padding: 0.6rem 1.5rem;
        font-size: 0.9rem;}}
@media (max-width: 991.98px){#rb-page .header-button-mobile .btn:hover{background: white;
        color: #2980b9;
        transform: translateY(-2px);}}
@media (max-width: 991.98px){#rb-page .card-footer{border-top: 1px solid #e9ecef;}}
@media (max-width: 991.98px){#rb-page .feature-section .section-title{font-weight: 600;
        color: #2c3e50;
        border-bottom: 1px solid #e9ecef;
        background: #f8f9fa;}}
@media (max-width: 991.98px){#rb-page .feature-item{transition: background-color 0.2s ease;}}
@media (max-width: 991.98px){#rb-page .feature-item:hover{background-color: #f8f9fa;}}
@media (max-width: 991.98px){#rb-page .feature-text{font-weight: 500;
        color: #495057;}}
@media (max-width: 991.98px){#rb-page .feature-value{font-weight: 600;
        color: #2c3e50;
        text-align: right;}}
@media (max-width: 991.98px){#rb-page .mobile-expand-toggle{background: transparent;}}
@media (max-width: 991.98px){#rb-page .mobile-expand-toggle-btn{color: #3498db;
        font-weight: 600;
        padding: 0.5rem 1rem;
        transition: all 0.3s ease;
        background: transparent;
        border: none;
        font-size: 0.95rem;}}
@media (max-width: 991.98px){#rb-page .mobile-expand-toggle-btn:hover{color: #2980b9;
        transform: translateY(-1px);}}
@media (max-width: 991.98px){#rb-page .mobile-expand-toggle-btn i{transition: transform 0.3s ease;}}
@media (max-width: 991.98px){#rb-page .mobile-expand-toggle-btn:hover i{transform: translateY(2px);}}
@media (max-width: 991.98px){#rb-page .mobile-expandable-content{transition: all 0.3s ease;}}
@media (max-width: 991.98px){#rb-page .mobile-expandable-content.show{display: block !important;}}
@media (max-width: 991.98px){#rb-page .resource-badge-mobile{background: #e9ecef;
        color: #495057;
        padding: 0.4rem 0.8rem;
        border-radius: 15px;
        font-weight: 600;
        font-size: 0.85rem;
        display: inline-block;
        min-width: 60px;
        text-align: center;}}
@media (max-width: 991.98px){#rb-page .resource-badge-mobile.bg-primary{background: #3498db !important;
        color: white;}}
@media (max-width: 991.98px){#rb-page .version-badge-mobile{background: #e8f5e8;
        color: #27ae60;
        padding: 0.3rem 0.6rem;
        border-radius: 12px;
        font-size: 0.8rem;
        font-weight: 500;
        display: inline-block;}}
@media (max-width: 991.98px){#rb-page .tech-logo-mobile{height: 22px;
        max-width: 80px;}}
@media (max-width: 991.98px){#rb-page .cursor-pointer{cursor: pointer;}}
@media (max-width: 991.98px){#rb-page .transition-rotate{transition: transform 0.3s ease;}}
@media (max-width: 991.98px){#rb-page .collapse-trigger.active .transition-rotate{transform: rotate(180deg);}}
@media (max-width: 991.98px){#rb-page .package-card-mobile{overflow: visible;}}
@media (max-width: 991.98px){#rb-page .container{overflow-x: hidden;}}
@media (min-width: 992px){#rb-page .package-card-mobile{display: none !important;}}
#rb-page .btn-primary{background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    border: none;
    font-weight: 600;
    transition: all 0.3s ease;}
#rb-page .btn-primary:hover{background: linear-gradient(135deg, #2980b9 0%, #2471a3 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(52, 152, 219, 0.4);}
@keyframes fadeInUp{
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
#rb-page .package-card-mobile{animation: fadeInUp 0.6s ease-out;}
#rb-page .package-card-mobile:nth-child(1){animation-delay: 0.1s;}
#rb-page .package-card-mobile:nth-child(2){animation-delay: 0.2s;}
#rb-page .package-card-mobile:nth-child(3){animation-delay: 0.3s;}
#rb-page .package-card-mobile:nth-child(4){animation-delay: 0.4s;}
@media (max-width: 768px){#rb-page .package-title-mobile{font-size: 1.4rem;}}
@media (max-width: 768px){#rb-page .price-amount-mobile{font-size: 2rem;}}
@media (max-width: 768px){#rb-page .price-period-mobile{font-size: 1.1rem;}}
@media (max-width: 768px){#rb-page .feature-item{padding: 0.75rem 1rem !important;}}
@media (max-width: 768px){#rb-page .section-title{padding: 0.75rem 1rem !important;}}
@media (max-width: 768px){#rb-page .card-header-mobile{padding: 1.5rem 1rem !important;}}
@media (max-width: 576px){#rb-page .package-title-mobile{font-size: 1.3rem;}}
@media (max-width: 576px){#rb-page .price-amount-mobile{font-size: 1.8rem;}}
@media (max-width: 576px){#rb-page .price-period-mobile{font-size: 1rem;}}
@media (max-width: 576px){#rb-page .package-card-mobile .card-footer .btn{padding: 0.75rem 1.5rem;
        font-size: 0.9rem;}}
@media (max-width: 576px){#rb-page .card-header-mobile{padding: 1.25rem 0.75rem !important;}}
@media (max-width: 576px){#rb-page .main-price-mobile{flex-wrap: wrap;
        justify-content: center;}}
@media (max-width: 400px){#rb-page .package-title-mobile{font-size: 1.2rem;}}
@media (max-width: 400px){#rb-page .price-amount-mobile{font-size: 1.6rem;}}
@media (max-width: 400px){#rb-page .yearly-price-mobile{font-size: 0.8rem;}}
@media (max-width: 400px){#rb-page .header-button-mobile .btn{padding: 0.5rem 1.2rem;
        font-size: 0.85rem;}}
@media (max-width: 768px){#rb-page .support-cta__inner{flex-direction: column; align-items: center; text-align: center;}}
@media (max-width: 768px){#rb-page .support-cta__right{flex-direction: column; align-items: center; gap: 12px; margin-top: 18px;}}
@media (max-width: 768px){#rb-page .support-cta__right a{width: 100%; max-width: 360px; justify-content: center;}}
@media (max-width: 768px){#rb-page .support-cta__inner{flex-direction: column; align-items: center; text-align: center;}}
@media (max-width: 768px){#rb-page .support-cta__right{flex-direction: column; align-items: center; gap: 12px; margin-top: 18px;}}
@media (max-width: 768px){#rb-page .support-cta__right a{width: 100%; max-width: 360px; justify-content: center;}}
#rb-page .rb-s001{display:none;}
#rb-page .rb-s002{margin:10px}
#rb-page .rb-s003{font-size: 12px;border: none; outline: none;}
#rb-page .rb-s004{margin: 5px;; display: inline-block; background-color: #28a745; color: white; padding: 5px 15px; border-radius: 5px; font-weight: bold;}
#rb-page .rb-s005{font-size: 14px; color: #999; text-decoration: line-through; margin-bottom: 8px; opacity: 0.8;}
#rb-page .rb-s006{font-size: 30px; color: #1976D2; font-weight: bold; margin-bottom: 20px;}
#rb-page .rb-s007{font-size: 18px;}
#rb-page .rb-s008{width: 80%; margin-top: 0; padding: 12px; background: #007bff; color: white; border: none; border-radius: 8px; font-size: 16px; font-weight: 600; text-decoration: none; display: block; text-align: center; box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);}
#rb-page .rb-s009{margin-right: 8px;}
#rb-page .rb-s010{display: flex; gap: 10px; align-items: center;background-color:#f5f5f5;}
#rb-page .rb-s011{width: 110px; height: auto;}
#rb-page .rb-s012{color: #666;border-radius: 50px; padding: 2px 9px;; margin: 0 10px; text-decoration: none; font-weight: bold; font-size: 13px; transition: all 0.3s ease; display: inline-block;}
#rb-page .rb-s013{color:#666;border-radius: 50px; padding: 2px 9px;; margin: 0 10px; text-decoration: none; font-weight: bold; font-size: 13px; transition: all 0.3s ease; display: inline-block;}
#rb-page .rb-s014{max-width:800px;width:90%; margin:20px auto; padding:20px; background:#f9f9f9; border:1px solid #e0e0e0; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.08); text-align:left;}
#rb-page .rb-s015{color:#444; font-size:14px; margin-bottom:8px; line-height:1.5;}
#rb-page .rb-s016{color:#444; font-size:14px; margin-bottom:0; line-height:1.5;}
#rb-page .rb-s017{width:100%; text-align:center; margin-top:25px;}
#rb-page .rb-s018{display:inline-block; margin:5px; padding:10px 20px; border:2px solid #007bff; border-radius:25px; color:#007bff; font-size:14px; font-weight:600; text-decoration:none; transition:all 0.3s ease;}
#rb-page .rb-s019{display:inline-block; margin:5px; padding:10px 20px; border:2px solid #28a745; border-radius:25px; color:#28a745; font-size:14px; font-weight:600; text-decoration:none; transition:all 0.3s ease;}
#rb-page .rb-s020{flex-direction: row-reverse;}
#rb-page .rb-s021{position: relative; overflow: hidden; margin-top: -20px; margin-bottom: 0; padding: 60px 0; background: radial-gradient(900px 600px at 85% 15%, #63a4ff 0%, transparent 60%), linear-gradient(150deg, #0a3372 0%, #1c56b0 45%, #2f80ff 100%); color: #ffffff; background-attachment: fixed;}
#rb-page .rb-s022{max-width: 1150px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: nowrap;}
#rb-page .rb-s023{flex: 1 1 60%; min-width: 280px;}
#rb-page .rb-s024{font-size: clamp(1.4rem, 2vw, 2rem); line-height: 1.4; margin: 0 0 10px 0; font-weight: 700; letter-spacing: 0.3px; color: #ffffff;}
#rb-page .rb-s025{font-size: clamp(0.95rem, 1.3vw, 1.1rem); line-height: 1.6; color: rgba(255,255,255,.9); margin: 0;}
#rb-page .rb-s026{display: flex; align-items: center; justify-content: flex-end; gap: 14px; flex: 0 0 auto; white-space: nowrap; flex-wrap: nowrap;}
#rb-page .rb-s027{display: inline-flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 16px; background: #ffffff; color: #0b1220; text-decoration: none; border: 1px solid rgba(10,20,40,0.08); box-shadow: 0 6px 18px rgba(0,0,0,0.15); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
#rb-page .rb-s028{font-size: 1.1rem; line-height: 1;}
#rb-page .rb-s029{font-weight: 700; letter-spacing: .2px;}
#rb-page .rb-s030{display: inline-flex; align-items: center; gap: 10px; padding: 12px 18px; border-radius: 16px; background: #ffffff; color: #0b1220; text-decoration: none; border: 1px solid rgba(10,20,40,0.08); box-shadow: 0 6px 18px rgba(0,0,0,0.15); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;}
#rb-page .rb-s031{font-size: 1.05rem; line-height: 1;}
#rb-page .rb-s032{display:flex; flex-direction:column; line-height:1.2;}
#rb-page .rb-s033{font-weight:800; letter-spacing:.2px;}
#rb-page .rb-s034{overflow-x: visible;}
#rb-page .rb-s035{cursor:pointer;}
#rb-page .rb-s036{display: none;}
#rb-page .rb-s037{font-size: 1.2rem; font-weight: 800 !important;}
#rb-page .rb-s038{font-size: 0.85rem; font-weight: 500;}
#rb-page .rb-s039{font-size: 1.1rem;}
#rb-page .rb-s040{max-width:900px;margin:50px auto;padding:20px;background:#fff; border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.1);}
#rb-page .rb-s041{border-bottom:1px solid #eee;padding:12px 0;}
#rb-page .rb-s042{all:unset;cursor:pointer;display:flex;align-items:center;width:100%;}
#rb-page .rb-s043{margin-right:8px;color:#9d0208;}
#rb-page .rb-s044{font-weight:bold;}
#rb-page .rb-s045{margin-left:auto;color:#333;}
#rb-page .rb-s046{display:none;padding:8px 28px;color:#444;}
#rb-page .rb-s047{margin-right:8px;color:#1d3557;}
#rb-page .rb-s048{margin-right:8px;color:#ffbe0b;}
#rb-page .rb-s049{margin-right:8px;color:#8338ec;}
#rb-page .rb-s050{margin-right:8px;color:#e63946;}
#rb-page .rb-s051{margin-right:8px;color:#06d6a0;}
#rb-page .rb-s052{position: relative; overflow: hidden; margin-top: 0px; /* 🔹 üstte beyaz boşluk bırakır */ margin-bottom: 0; padding: 60px 0; background: radial-gradient(900px 600px at 85% 15%, #63a4ff 0%, transparent 60%), linear-gradient(150deg, #0a3372 0%, #1c56b0 45%, #2f80ff 100%); color: #ffffff; background-attachment: fixed;}
#rb-page .rb-h01{background-color:transparent;color:#007bff;box-shadow:none}
#rb-page .rb-h01:hover{background-color:#007bff;color:#fff;box-shadow:0 3px 8px rgba(0,123,255,0.4)}
#rb-page .rb-h02{background-color:transparent;color:#28a745;box-shadow:none}
#rb-page .rb-h02:hover{background-color:#28a745;color:#fff;box-shadow:0 3px 8px rgba(40,167,69,0.4)}
#rb-page .rb-h03{transform:none;box-shadow:0 6px 18px rgba(0,0,0,0.15);border-color:rgba(10,20,40,0.08)}
#rb-page .rb-h03:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,0.22);border-color:rgba(21,88,192,.35)}
#rb-page .rb-h04{transform:none;box-shadow:0 6px 18px rgba(0,0,0,0.15);border-color:rgba(10,20,40,0.08);background:#ffffff}
#rb-page .rb-h04:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,0.22);border-color:rgba(21,88,192,.35);background:#f8fbff}
#rb-page .rb-card-highlight{position:relative;z-index:99!important;border:5px solid #0d6efd!important;box-shadow:0 0 30px rgba(13,110,253,.45)!important;transform:scale(1.02);transition:all .4s ease-in-out}
#rb-page [itemprop="acceptedAnswer"].rb-faq-open{display:block!important}
#rb-page{position:relative;float:none;width:100%;max-width:none;margin:0;background:transparent;box-shadow:none}
#rb-page #modern-vds-banner{width:100%;max-width:none;margin:0}
/* production icon font for .icon-* feature glyphs (main.min drops the binding when #primary-menu is absent) */
@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}
@font-face{font-family:lined-icons;src:url(fonts/lined-icons.eot);src:url(fonts/lined-icons.eot) format("embedded-opentype"),url(fonts/lined-icons.woff) format("woff"),url(fonts/lined-icons.ttf) format("truetype"),url(fonts/lined-icons.svg) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:Simple-Line-Icons;src:url(fonts/Simple-Line-Icons.eot);src:url(fonts/Simple-Line-Icons.eot?#iefix) format("embedded-opentype"),url(fonts/Simple-Line-Icons.woff) format("woff"),url(fonts/Simple-Line-Icons.ttf) format("truetype"),url(fonts/Simple-Line-Icons.svg#Simple-Line-Icons) format("svg");font-weight:400;font-style:normal}
#rb-page [class*=" icon-"],#rb-page [class^=icon-],#rb-page [class*=" icon-line-"],#rb-page [class^=icon-line-],#rb-page [class*=" icon-line2-"],#rb-page [class^=icon-line2-]{display:inline-block;font-family:font-icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/* icon-line-* / icon-line2-* glyphs live in lined-icons / Simple-Line-Icons, not font-icons (theme precedent: linux-bayi-theme.css) */
#rb-page [class*=" icon-line-"],#rb-page [class^=icon-line-]{font-family:lined-icons}
#rb-page [class*=" icon-line2-"],#rb-page [class^=icon-line2-]{font-family:Simple-Line-Icons}
/* WordPress Hosting package-boxes (scoped copy of assets/css/wordpress-hosting-boxes.css) */
#rb-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);}
#rb-page .wh-boxes-pane.active{display: block;}
#rb-page .wh-boxes-grid{display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; margin-top: 10px;}
@media(max-width:1024px){#rb-page .wh-boxes-grid{grid-template-columns: repeat(2,1fr);}}
@media(max-width:640px){#rb-page .wh-boxes-grid{grid-template-columns: 1fr; max-width: 400px; margin-left: auto; margin-right: auto;}}
#rb-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;}
#rb-page .wh-box:hover{transform: translateY(-6px); box-shadow: 0 12px 40px rgba(99,102,241,.12);}
#rb-page .wh-box.popular{border: 2px solid #e0e7ff; box-shadow: 0 4px 24px rgba(99,102,241,.18);}
#rb-page .wh-box-head{padding: 18px 20px 14px; text-align: center; position: relative;
    border-radius: 20px 20px 0 0;}
#rb-page .wh-box-head.wp-starter{background: linear-gradient(135deg,#0ea5e9,#06b6d4);}
#rb-page .wh-box-head.wp-ideal{background: linear-gradient(135deg,#8b5cf6,#a78bfa);}
#rb-page .wh-box-head.wp-professional{background: linear-gradient(135deg,#6366f1,#818cf8);}
#rb-page .wh-box-head.wp-turbo{background: linear-gradient(135deg,#f43f5e,#fb7185);}
#rb-page .wh-box.popular .wh-box-head{background: linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);}
#rb-page .wh-box-head-inner{display: flex; align-items: center; justify-content: center; gap: 8px;}
#rb-page .wh-box-head .wh-icon{font-size: 22px; color: rgba(255,255,255,.9); flex-shrink: 0;}
#rb-page .wh-box-head h3{color: #fff; font-size: 16px; font-weight: 700; margin: 0; letter-spacing: .3px; white-space: nowrap;}
#rb-page .wh-box-head .wh-tagline{color: rgba(255,255,255,.65); font-size: 12px; margin-top: 4px;}
#rb-page .wh-box-price{padding: 22px 20px 16px; text-align: center; flex-shrink: 0; display: flex; flex-direction: column; align-items: center;}
#rb-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;}
#rb-page .wh-old-price{font-size: 14px; color: #94a3b8; text-decoration: line-through; margin-bottom: 4px;}
#rb-page .wh-old-price .wh-period-sm{font-size: 11px;}
#rb-page .wh-new-price{font-size: 36px; font-weight: 800; line-height: 1.1;}
#rb-page .wh-box:nth-child(1) .wh-new-price{color: #0ea5e9;}
#rb-page .wh-box:nth-child(2) .wh-new-price{color: #8b5cf6;}
#rb-page .wh-box:nth-child(3) .wh-new-price{color: #6366f1;}
#rb-page .wh-box:nth-child(4) .wh-new-price{color: #f43f5e;}
#rb-page .wh-box.popular .wh-new-price{color: #4f46e5;}
#rb-page .wh-new-price .wh-currency{font-size: 16px; font-weight: 600; vertical-align: top; position: relative; top: 4px;}
#rb-page .wh-new-price .wh-period{font-size: 14px; font-weight: 500; color: #94a3b8;}
#rb-page .wh-renewal{position: relative; display: inline-block; margin-top: 10px;}
#rb-page .wh-renewal-trigger{font-size: 12px; color: #6366f1; cursor: pointer; font-weight: 500; display: inline-flex; align-items: center; gap: 4px;}
#rb-page .wh-renewal-trigger i{font-size: 13px;}
#rb-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;}
#rb-page .wh-renewal:hover .wh-renewal-box{display: block;}
#rb-page .wh-renewal-box::after{content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
    border: 6px solid transparent; border-top-color: #fff;}
#rb-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;}
#rb-page .wh-renewal-box-title i{color: #6366f1; font-size: 14px;}
#rb-page .wh-renewal-box table{width: 100%; font-size: 12px; border-collapse: collapse;}
#rb-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;}
#rb-page .wh-renewal-box td{padding: 6px 0; color: #334155; border-bottom: 1px solid #f8fafc;}
#rb-page .wh-renewal-box tr:last-child td{border-bottom: none;}
#rb-page .wh-renewal-box .wh-rn-vat{font-size: 10px; color: #94a3b8; margin-top: 8px;}
#rb-page .wh-box-cta{padding: 0 20px 20px;}
#rb-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);}
#rb-page .wh-buy-btn:hover{transform: translateY(-2px); box-shadow: 0 6px 20px rgba(99,102,241,.45);}
#rb-page .wh-buy-btn i{margin-right: 6px;}
#rb-page .wh-box.popular .wh-buy-btn{background: linear-gradient(135deg,#4f46e5,#7c3aed);}
#rb-page .wh-box-features{padding: 0 20px 16px; flex-grow: 1;}
#rb-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;}
#rb-page .wh-feature-list{list-style: none; padding: 0; margin: 0;}
#rb-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;}
#rb-page .wh-feature-item:last-child{border-bottom: none;}
#rb-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;}
#rb-page .wh-feature-item.disabled{color: #cbd5e1; text-decoration: line-through;}
#rb-page .wh-feature-item.disabled .wh-feature-check{background: #fef2f2; color: #ef4444;}
@keyframes wh-domain-rotate{
    0%, 25%   { transform: translateY(0); }
    33%, 58%  { transform: translateY(-1.3em); }
    66%, 91%  { transform: translateY(-2.6em); }
    100%      { transform: translateY(0); }
}
#rb-page .wh-ssd-modal-overlay.active{display: flex;}

/* production icon fonts for .icon-* feature glyphs (main.min drops font-face/binding when #primary-menu is absent) */
@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}
@font-face{font-family:lined-icons;src:url(fonts/lined-icons.eot);src:url(fonts/lined-icons.eot) format("embedded-opentype"),url(fonts/lined-icons.woff) format("woff"),url(fonts/lined-icons.ttf) format("truetype"),url(fonts/lined-icons.svg) format("svg");font-weight:400;font-style:normal}
#rb-page [class*=" icon-"],#rb-page [class^=icon-],#rb-page [class*=" icon-line-"],#rb-page [class^=icon-line-]{display:inline-block;font-family:font-icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#rb-page [class*=" icon-line-"],#rb-page [class^=icon-line-]{font-family:lined-icons}
#rb-page .v3-old-hidden{visibility:hidden}
#rb-page .v3-url-disabled{opacity:.5;pointer-events:none}
#rb-page .modal.show{display:block}
#rb-page .modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}
#rb-page .modal-backdrop.fade{opacity:0}
#rb-page .modal-backdrop.show{opacity:.5}
body.modal-open{overflow:hidden}
#rb-page .wh-box-head{background:linear-gradient(135deg,#42a5f5 0%,#26c6da 100%)!important}
