/* ALTYAPIMIZ page styles, locally scoped. */
/* Shared layout/grid rules from the production theme */
#inf-page *, #inf-page ::after, #inf-page ::before{box-sizing:border-box}
#inf-page article, #inf-page figcaption, #inf-page figure, #inf-page footer, #inf-page header, #inf-page main, #inf-page nav, #inf-page section{display:block}
#inf-page h1, #inf-page h2, #inf-page h3, #inf-page h4, #inf-page h5, #inf-page h6{margin-top:0;margin-bottom:.5rem}
#inf-page p{margin-top:0;margin-bottom:1rem}
#inf-page dl, #inf-page ol, #inf-page ul{margin-top:0;margin-bottom:1rem}
#inf-page ol ol, #inf-page ol ul, #inf-page ul ol, #inf-page ul ul{margin-bottom:0}
#inf-page b, #inf-page strong{font-weight:bolder}
#inf-page a{color:#007bff;text-decoration:none;background-color:transparent}
#inf-page a:hover{color:#0056b3;text-decoration:underline}
#inf-page a:not([href]){color:inherit;text-decoration:none}
#inf-page a:not([href]):hover{color:inherit;text-decoration:none}
#inf-page img{vertical-align:middle;border-style:none}
#inf-page a>code{color:inherit}
#inf-page .container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:576px){#inf-page .container{max-width:540px}}
@media (min-width:768px){#inf-page .container{max-width:720px}}
@media (min-width:992px){#inf-page .container{max-width:960px}}
@media (min-width:1200px){#inf-page .container{max-width:1140px}}
@media (min-width:576px){#inf-page .container{max-width:540px}}
@media (min-width:768px){#inf-page .container{max-width:720px}}
@media (min-width:992px){#inf-page .container{max-width:960px}}
@media (min-width:1200px){#inf-page .container{max-width:1140px}}
#inf-page .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
#inf-page .col, #inf-page .col-12, #inf-page .col-6, #inf-page .col-7, #inf-page .col-lg-10, #inf-page .col-lg-12, #inf-page .col-lg-3, #inf-page .col-lg-4, #inf-page .col-lg-5, #inf-page .col-lg-6, #inf-page .col-lg-7, #inf-page .col-lg-8, #inf-page .col-md-10, #inf-page .col-md-12, #inf-page .col-md-2, #inf-page .col-md-3, #inf-page .col-md-4, #inf-page .col-md-5, #inf-page .col-md-6, #inf-page .col-md-7, #inf-page .col-md-8, #inf-page .col-md-9, #inf-page .col-sm-6, #inf-page .col-sm-8{position:relative;width:100%;padding-right:15px;padding-left:15px}
#inf-page .col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
@media (min-width:992px){#inf-page .col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}}
#inf-page .btn-primary:not(:disabled):not(.disabled).active, #inf-page .btn-primary:not(:disabled):not(.disabled):active, #inf-page .show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}
#inf-page .btn-primary:not(:disabled):not(.disabled).active:focus, #inf-page .btn-primary:not(:disabled):not(.disabled):active:focus, #inf-page .show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}
#inf-page .btn-secondary:not(:disabled):not(.disabled).active, #inf-page .btn-secondary:not(:disabled):not(.disabled):active, #inf-page .show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}
#inf-page .btn-secondary:not(:disabled):not(.disabled).active:focus, #inf-page .btn-secondary:not(:disabled):not(.disabled):active:focus, #inf-page .show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}
#inf-page .btn-outline-primary:not(:disabled):not(.disabled).active, #inf-page .btn-outline-primary:not(:disabled):not(.disabled):active, #inf-page .show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}
#inf-page .btn-outline-primary:not(:disabled):not(.disabled).active:focus, #inf-page .btn-outline-primary:not(:disabled):not(.disabled):active:focus, #inf-page .show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}
#inf-page .dropdown-item.active, #inf-page .dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}
#inf-page .btn-group>.btn.active, #inf-page .btn-group>.btn:active, #inf-page .btn-group>.btn:focus{z-index:1}
#inf-page .nav-tabs .nav-item{margin-bottom:-1px}
#inf-page .nav-tabs .nav-item.show .nav-link, #inf-page .nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}
#inf-page .nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}
#inf-page .tab-content>.active{display:block}
#inf-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}
#inf-page .page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}
@-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}}
#inf-page .list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}
#inf-page .list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}
#inf-page .carousel-item-next, #inf-page .carousel-item-prev, #inf-page .carousel-item.active{display:block}
#inf-page .active.carousel-item-right, #inf-page .carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}
#inf-page .active.carousel-item-left, #inf-page .carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}
#inf-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}}
#inf-page .clearfix::after{display:block;clear:both;content:""}
#inf-page .align-items-center{-ms-flex-align:center!important;align-items:center!important}
#inf-page .m-0{margin:0!important}
#inf-page .p-0{padding:0!important}
#inf-page .pt-0{padding-top:0!important}
#inf-page .pb-0{padding-bottom:0!important}
#inf-page .text-white{color:#fff!important}
@media print{#inf-page *, #inf-page ::after, #inf-page ::before{text-shadow:none!important;box-shadow:none!important}}
@media print{#inf-page img, #inf-page tr{page-break-inside:avoid}}
@media print{#inf-page h2, #inf-page h3, #inf-page p{orphans:3;widows:3}}
@media print{#inf-page h2, #inf-page h3{page-break-after:avoid}}
@media print{#inf-page .container{min-width:992px!important}}
@media (min-width:576px){#inf-page .container{max-width:540px}}
@media (min-width:768px){#inf-page .container{max-width:750px}}
@media (min-width:992px){#inf-page .container{max-width:970px}}
@media (min-width:1200px){#inf-page .container{max-width:1170px}}
#inf-page dl, #inf-page dt, #inf-page li, #inf-page ol, #inf-page ul{margin:0;padding:0}
#inf-page .clear{clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;overflow:hidden}
#inf-page a{text-decoration:none!important;color:#1abc9c}
#inf-page a:hover{color:#222}
#inf-page a img{border:none}
#inf-page img{max-width:100%}
#inf-page h1, #inf-page h2, #inf-page h3, #inf-page h4, #inf-page h5, #inf-page h6{color:#354042;font-weight:600;line-height:1.5;margin:0 0 30px;}
#inf-page h1{font-size:36px}
#inf-page h2{font-size:30px}
#inf-page h3{font-size:24px}
#inf-page h4{font-size:18px}
#inf-page h4{font-weight:600}
#inf-page address, #inf-page blockquote, #inf-page dl, #inf-page fieldset, #inf-page form, #inf-page ol, #inf-page p, #inf-page pre, #inf-page table, #inf-page ul{margin-bottom:30px}
#inf-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)}
@-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}}
#inf-page .parallax{background-color:transparent;background-attachment:fixed;background-position:50% 0;background-repeat:no-repeat;overflow:hidden;will-change:transform}
#inf-page .section .container{z-index:2}
#inf-page .section .container+.video-wrap{z-index:1}
@media (min-width:992px){#inf-page .side-header:not(.open-header) #wrapper{margin:0 0 0 260px!important;width:auto!important}}
@media (min-width:992px){#inf-page .side-header:not(.open-header) #wrapper .container{width:auto;max-width:none;margin:0 40px}}
@media (min-width:992px){#inf-page .side-header.open-header #wrapper{left:0}}
#inf-page .slider-element .container{position:relative;height:100%}
#inf-page .slider-element .owl-dots .owl-dot.active, #inf-page .slider-element .owl-dots .owl-dot:hover{background-color:#fff!important}
#inf-page #content{position:relative;overflow:hidden;background-color:#fff}
#inf-page #content p{line-height:1.8}
#inf-page .content-wrap{position:relative;padding:80px 0}
#inf-page #content .container{position:relative}
#inf-page .masonry-thumbs .overlay{padding:0 1px 1px 0}
#inf-page .parallax .iconlist li{margin:5px 0}
#inf-page .parallax .countdown{top:0}
#inf-page .button{display:inline-block;position:relative;cursor:pointer;outline:0;white-space:nowrap;margin:5px;padding:0 22px;font-size:14px;height:40px;line-height:40px;background-color:#1abc9c;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:none;text-shadow:1px 1px 1px rgba(0,0,0,.2)}
#inf-page .button-light{background-color:#eee;color:#333;text-shadow:none!important}
#inf-page .button:hover{background-color:#444;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.2)}
#inf-page .button.button-dark:hover{background-color:#1abc9c}
#inf-page .button.button-mini{padding:0 14px;font-size:11px;height:28px;line-height:28px}
#inf-page .button.button-small{padding:0 17px;font-size:12px;height:34px;line-height:34px}
#inf-page .button.button-large{padding:0 26px;font-size:16px;height:46px;line-height:46px}
#inf-page .button.button-xlarge{padding:0 32px;font-size:18px;letter-spacing:2px;height:52px;line-height:52px}
#inf-page .button i{position:relative;top:1px;line-height:1;margin-right:5px;width:16px;text-align:center}
#inf-page .button-xlarge i{top:2px;margin-right:8px}
#inf-page .button.button-rounded{border-radius:3px}
#inf-page .button.button-border{border:2px solid #444;background-color:transparent;color:#333;line-height:36px;font-weight:700;text-shadow:none}
#inf-page .button.button-border.button-mini{line-height:24px}
#inf-page .button.button-border.button-small{line-height:30px}
#inf-page .button.button-border.button-large{line-height:42px}
#inf-page .button.button-border.button-xlarge{line-height:48px}
#inf-page .button.button-border:not(.button-fill):hover{background-color:#444;color:#fff;border-color:transparent!important;text-shadow:1px 1px 1px rgba(0,0,0,.2)}
#inf-page .button.button-border.button-light{border-color:#eee;color:#eee}
#inf-page .button.button-border.button-light:hover{background-color:#eee;color:#333;text-shadow:none}
#inf-page .button.button-reveal.button-light:hover{text-shadow:none;color:#333}
#inf-page .button.button-reveal{padding:0 28px;overflow:hidden}
#inf-page .button.button-reveal i{display:block;position:absolute;top:0;left:-32px;width:32px;height:40px;line-height:40px;margin:0;text-align:center;background-color:rgba(0,0,0,.1)}
#inf-page .button.button-reveal.button-border i{top:-2px}
#inf-page .button.button-reveal.button-rounded i{border-radius:3px 0 0 3px}
#inf-page .button.button-reveal span{display:inline-block;position:relative;left:0}
#inf-page .button.button-reveal.button-mini{padding:0 17px}
#inf-page .button.button-reveal.button-mini i{left:-22px;width:22px;height:28px;line-height:28px}
#inf-page .button.button-reveal.button-small{padding:0 22px}
#inf-page .button.button-reveal.button-small i{left:-26px;width:26px;height:34px;line-height:34px}
#inf-page .button.button-reveal.button-large{padding:0 32px}
#inf-page .button.button-reveal.button-large i{left:-38px;width:38px;height:46px;line-height:46px}
#inf-page .button.button-reveal.button-xlarge{padding:0 40px}
#inf-page .button.button-reveal.button-xlarge i{left:-44px;width:44px;height:52px;line-height:52px}
#inf-page .button.button-reveal:hover i{left:0}
#inf-page .button.button-reveal:hover span{left:16px}
#inf-page .button.button-reveal.button-mini:hover span{left:11px}
#inf-page .button.button-reveal.button-small:hover span{left:13px}
#inf-page .button.button-reveal.button-large:hover span{left:19px}
#inf-page .button.button-reveal.button-xlarge:hover span{left:22px}
#inf-page .button.button-circle{border-radius:20px}
#inf-page .button.button-mini.button-circle{border-radius:14px}
#inf-page .button.button-small.button-circle{border-radius:17px}
#inf-page .button.button-large.button-circle{border-radius:23px}
#inf-page .button.button-xlarge.button-circle{border-radius:26px}
#inf-page .button.button-border.button-fill{overflow:hidden;transform-style:preserve-3d;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);-webkit-backface-visibility:hidden}
#inf-page .button.button-border.button-fill span{position:relative}
#inf-page .button.button-border.button-fill:hover{background-color:transparent!important;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.2)}
#inf-page .button.button-border.button-fill.button-light:hover{border-color:#eee!important;color:#333!important;text-shadow:none}
#inf-page .button.button-border.button-fill:before{content:"";position:absolute;background-color:#444;top:0;left:0;width:0;height:100%;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;-webkit-backface-visibility:hidden}
#inf-page .button.button-border.button-fill.button-light:before{background-color:#eee}
#inf-page .button.button-border.button-fill:hover:before{width:100%}
#inf-page .button.button-border.button-fill.fill-from-bottom:before{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#inf-page .button.button-border.button-fill.fill-from-bottom:before{width:100%;height:0;top:auto;bottom:0}
#inf-page .button.button-border.button-fill.fill-from-bottom:hover:before{height:100%}
#inf-page .button-border.button-red.button-fill:before, #inf-page .button-border.button-red:hover, #inf-page .button-reveal.button-red:hover{background-color:#c02942!important}
#inf-page .button-border.button-red{color:#c02942;border-color:#c02942}
#inf-page .button-border.button-yellow.button-fill:before, #inf-page .button-border.button-yellow:hover, #inf-page .button-reveal.button-yellow:hover{background-color:#ecd078!important}
#inf-page .button-border.button-yellow, #inf-page .button-border.button-yellow.button-fill.button-light:hover{color:#ecd078!important;border-color:#ecd078!important}
#inf-page .button-border.button-yellow.button-fill.button-light:hover, #inf-page .button-border.button-yellow:hover{color:#333!important}
#inf-page .button-border.button-green.button-fill:before, #inf-page .button-border.button-green:hover, #inf-page .button-reveal.button-green:hover{background-color:#59ba41!important}
#inf-page .button-border.button-green{color:#59ba41;border-color:#59ba41}
#inf-page .button-border.button-blue.button-fill:before, #inf-page .button-border.button-blue:hover, #inf-page .button-reveal.button-blue:hover{background-color:#1265a8!important}
#inf-page .button-border.button-blue{color:#1265a8;border-color:#1265a8}
#inf-page .button-border.button-black.button-fill:before, #inf-page .button-border.button-black:hover, #inf-page .button-reveal.button-black:hover{background-color:#111!important}
#inf-page .button-border.button-black{color:#111;border-color:#111}
#inf-page .promo{position:relative;padding:30px 200px 30px 0}
#inf-page .promo h3{font-weight:700;margin-bottom:0}
#inf-page .promo>.container>span, #inf-page .promo>span{display:block;color:#444;font-weight:300;font-size:16px;margin-top:6px}
#inf-page .promo a.button{position:absolute;top:50%;margin:0;margin-top:-18px;left:auto;right:0}
#inf-page .promo a.button.button-mini{margin-top:-12px}
#inf-page .promo a.button.button-small{margin-top:-15px}
#inf-page .promo a.button.button-large{margin-top:-22px}
#inf-page .promo a.button.button-xlarge{margin-top:-25px}
#inf-page .promo.promo-dark{border:0!important;background-color:#333;padding:30px 200px 30px 30px;text-shadow:1px 1px 1px rgba(0,0,0,.2);border-radius:3px}
#inf-page .promo.promo-dark h3{color:#fff}
#inf-page .promo.promo-dark>.container>h3 span, #inf-page .promo.promo-dark>h3 span{padding:2px 8px;border-radius:3px;background-color:rgba(0,0,0,.15);color:#fff;font-weight:400}
#inf-page .promo.promo-dark>.container>span, #inf-page .promo.promo-dark>span{color:#ccc;margin-top:8px}
#inf-page .promo.promo-dark a.button{right:30px}
#inf-page .promo.promo-flat{background-color:#1abc9c}
#inf-page .promo.promo-flat>.container>span, #inf-page .promo.promo-flat>span{color:rgba(255,255,255,.9)}
#inf-page .promo.promo-flat a.button:not(.button-border){background-color:rgba(0,0,0,.2);color:#fff}
#inf-page .promo.promo-flat a.button:hover{background-color:#fff;border-color:#fff;color:#444;text-shadow:none}
#inf-page .promo-full{border-radius:0!important;border-left:0!important;border-right:0!important;padding:40px 0!important}
#inf-page .promo-full a.button{right:15px!important}
#inf-page .promo.parallax{padding:80px 0!important}
#inf-page blockquote p{margin-bottom:15px}
#inf-page .highlight{padding:2px 5px;background-color:#444;color:#fff;border-radius:2px}
@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
#inf-page .owl-carousel .owl-dots .owl-dot.active, #inf-page .owl-carousel .owl-dots .owl-dot:hover{opacity:1}
#inf-page .overlay{position:absolute;top:0;left:0;width:100%;height:100%}
#inf-page .nav-tree li.active>a, #inf-page .nav-tree li.current>a, #inf-page .nav-tree li:hover>a{color:#1abc9c!important}
#inf-page .page-item.active .page-link, #inf-page .page-link:focus, #inf-page .page-link:hover{color:#fff!important;background-color:#1abc9c!important;border-color:#1abc9c!important}
#inf-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}}
#inf-page .dark .button-dark:not(.button-border), #inf-page .dark .button:hover{background-color:rgba(0,0,0,.3)}
#inf-page .dark .button-light:not(.button-border):hover{background-color:#282828}
#inf-page .dark .button.button-border:not(.button-light){border-color:rgba(255,255,255,.4);color:rgba(255,255,255,.5)}
#inf-page .dark .button.button-border:not(.button-light):hover{color:#eee}
#inf-page .not-dark .button.button-border:not(.button-light){border-color:#444;color:#333}
#inf-page .not-dark .button.button-border:not(.button-light):hover{background-color:#444;color:#fff}
#inf-page .dark .promo>.container>span, #inf-page .dark .promo>span{color:rgba(255,255,255,.8)}
#inf-page .dark .promo.promo-dark:not(.promo-flat){background-color:rgba(0,0,0,.3)}
#inf-page .dark .highlight{background-color:rgba(0,0,0,.2)}
#inf-page .dark .table>tbody>tr.active>td, #inf-page .dark .table>tbody>tr.active>th, #inf-page .dark .table>tbody>tr>td.active, #inf-page .dark .table>tbody>tr>th.active, #inf-page .dark .table>tfoot>tr.active>td, #inf-page .dark .table>tfoot>tr.active>th, #inf-page .dark .table>tfoot>tr>td.active, #inf-page .dark .table>tfoot>tr>th.active, #inf-page .dark .table>thead>tr.active>td, #inf-page .dark .table>thead>tr.active>th, #inf-page .dark .table>thead>tr>td.active, #inf-page .dark .table>thead>tr>th.active{background-color:rgba(0,0,0,.1)}
#inf-page .dark .table-hover>tbody>tr.active:hover>td, #inf-page .dark .table-hover>tbody>tr.active:hover>th, #inf-page .dark .table-hover>tbody>tr>td.active:hover, #inf-page .dark .table-hover>tbody>tr>th.active:hover{background-color:rgba(255,255,255,.1)}
#inf-page .dark .nav-tabs>li.active>a, #inf-page .dark .nav-tabs>li.active>a:focus, #inf-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}
#inf-page .dark .nav-tabs.nav-justified>.active>a, #inf-page .dark .nav-tabs.nav-justified>.active>a:focus, #inf-page .dark .nav-tabs.nav-justified>.active>a:hover{border-color:rgba(255,255,255,.15)}
@media (min-width:768px){#inf-page .dark .nav-tabs.nav-justified>.active>a, #inf-page .dark .nav-tabs.nav-justified>.active>a:focus, #inf-page .dark .nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#383838}}
#inf-page .dark a.list-group-item.active, #inf-page .dark a.list-group-item.active:focus, #inf-page .dark a.list-group-item.active:hover{color:#fff;background-color:#428bca;border-color:#428bca}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(359deg)}}
@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}
@-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)}}
@media (max-width:1199.98px){#inf-page .promo h3{font-size:20px}}
@media (max-width:1199.98px){#inf-page .promo>.container>span, #inf-page .promo>span{font-size:15px}}
@media (min-width:992px) and (max-width:1199.98px){#inf-page{width:1000px}}
@media (max-width:991.98px){#inf-page{width:100%;margin:0;box-shadow:none}}
@media (max-width:991.98px){#inf-page .container.vertical-middle{width:100%!important}}
@media (max-width:991.98px){#inf-page .promo:not(.promo-full){padding:30px 20px!important}}
@media (max-width:991.98px){#inf-page .promo.promo-dark h3{line-height:1.6}}
@media (max-width:991.98px){#inf-page .promo a.button{position:relative!important;top:0!important;margin:20px 0 0!important;left:0!important;right:0}}
@media (max-width:767.98px){#inf-page{width:100%!important}}
@media (max-width:767.98px){#inf-page h1{font-size:28px}}
@media (max-width:767.98px){#inf-page h2{font-size:24px}}
@media (max-width:767.98px){#inf-page h3{font-size:20px}}
@media (max-width:767.98px){#inf-page h4{font-size:16px}}
@media (min-width:576px) and (max-width:767.98px){#inf-page .container.vertical-middle{width:100%!important}}
@media (min-width:576px) and (max-width:767.98px){#inf-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)}}
#inf-page .bgcolor, #inf-page .owl-carousel .owl-nav [class*=owl-]:hover, #inf-page .page-item.active .page-link, #inf-page .page-link:focus, #inf-page .page-link:hover{background-color:#0f66dd!important}
#inf-page .border-color, #inf-page .page-item.active .page-link, #inf-page .page-link:focus, #inf-page .page-link:hover{border-color:#0f66dd!important}
#inf-page .content-wrap{padding:40px 0}
#inf-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)}
#inf-page .page-banner .overlay{position:absolute;left:0;top:0;width:100%;height:101%;background:rgba(255,255,255,.9)}
#inf-page .page-banner .heading-block h1, #inf-page .page-banner .heading-block h3{line-height:1em;font-weight:300;font-size:23px}
#inf-page .page-banner .heading-block h1 strong, #inf-page .page-banner .heading-block h3 strong{font-weight:700}
#inf-page .page-banner h2.display-4{font-size:24px}
#inf-page .page-banner h2.display-4 .t-rotate{font-weight:700}
#inf-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}
#inf-page .page-banner .title:hover{color:#2196f3}
#inf-page .page-banner.red .title{border-color:#f40000}
#inf-page .page-banner.red .text-rotater, #inf-page .page-banner.red .title:hover{color:#f40000}
#inf-page .page-banner .desc{font-size:13px;line-height:1.6em;color:#333}
#inf-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)}}
#inf-page .bg-34{background:url(/assets/images/hostixo/pages/bg-34.webp) no-repeat center top;background-size:cover}
#inf-page .section.testimonials .container::after, #inf-page .section.testimonials .container::before{color:rgba(38,125,244,.2)}
#inf-page .section.testimonials .owl-carousel .owl-dots .owl-dot.active{width:45px}
#inf-page .section.testimonials .owl-carousel .owl-dots .owl-dot.active, #inf-page .section.testimonials .owl-carousel .owl-dots .owl-dot:hover{opacity:1}
#inf-page .section.testimonials .container::before, #inf-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)}
#inf-page .section.testimonials .container::after{content:"\e7ae";top:auto;left:auto;right:20px;bottom:-45px}
@keyframes pulse{0%{top:15px}50%{top:5px}100%{top:15px}}
#inf-page .promo.promo-dark>.container>h3 span, #inf-page .promo.promo-dark>h3 span{display:inline-block}
@media (min-width:768px){#inf-page .page-banner .overlay{width:59%}}
@media (min-width:768px){#inf-page .page-banner h2.display-4{font-size:16px}}
@media (min-width:768px){#inf-page .page-banner .overlay{width:75%;left:-54px;transform:skewX(170deg)}}
@media (min-width:992px){#inf-page .page-banner .overlay{width:68%;left:-200px;transform:skewX(170deg)}}
@media (min-width:1200px){#inf-page .page-banner .overlay{width:58%}}
#inf-page .blog-sidebar .title{font-size:20px;margin-bottom:30px;font-weight:600}
@-webkit-keyframes blinker{from{opacity:1}to{opacity:0}}
@-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%; }
}
#inf-page #modern-vds-banner.bg-34{background-image:url(/assets/images/hostixo/pages/bg-34.webp);background-position:center top;background-repeat:no-repeat;background-size:cover}

#inf-page{overflow-x: hidden !important;}
#inf-page #modern-vds-banner{overflow: hidden;}
#inf-page #modern-vds-banner .title{display: inline-block;
        margin-bottom: 15px;
        transition: transform 0.3s ease;}
#inf-page #modern-vds-banner .title:hover{transform: translateY(-2px);}
#inf-page #modern-vds-banner h1{font-size: 2rem;
        font-weight: 800;
        line-height: 1.2;
        margin-bottom: 20px;
        color: #1a1a1a;}
#inf-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 */}
#inf-page #modern-vds-banner .ae-feature-grid{display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px; /* Boşluk */
        margin-bottom: 35px;}
#inf-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;}
#inf-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;}
#inf-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 */}
#inf-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;}
#inf-page #modern-vds-banner .ae-feature-box:hover .ae-feature-icon{background: #0d6efd;
        color: #fff;
        transform: scale(1.05); /* Hafif büyüme */}
#inf-page #modern-vds-banner .ae-feature-box:hover::before{opacity: 1; /* Sol şerit */}
#inf-page #modern-vds-banner .ae-feature-icon i{font-size: 1.3rem;}
#inf-page #modern-vds-banner .ae-feature-content{flex: 1;}
#inf-page #modern-vds-banner .ae-feature-content h4{font-size: 1rem;
        font-weight: 700;
        margin: 0 0 5px 0;
        color: #333;}
#inf-page #modern-vds-banner .ae-feature-content p{font-size: 0.85rem;
        color: #666;
        line-height: 1.5;
        margin: 0;}
@media (max-width: 991px){#inf-page #modern-vds-banner .ae-feature-grid{grid-template-columns: 1fr;}}
@media (max-width: 991px){#inf-page #modern-vds-banner{text-align: center;}}
@media (max-width: 991px){#inf-page #modern-vds-banner .ae-feature-box{text-align: left;}}
#inf-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;}
#inf-page #modern-vds-banner .dere-decoration-star{display: none; /* Yıldızlar gizlendi */}
#inf-page #modern-vds-banner .dere-star-1{top: -15px; left: 5%; font-size: 20px; animation-delay: 0s;}
#inf-page #modern-vds-banner .dere-star-2{bottom: -5px; right: 10%; font-size: 16px; animation-delay: 1s;}
#inf-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; }
    }
#inf-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%;}
#inf-page #modern-vds-banner .dere-marquee-wrapper::before, #inf-page #modern-vds-banner .dere-marquee-wrapper::after{display: none;}
#inf-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); } 
    }
#inf-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;}
#inf-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;}
#inf-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;}
#inf-page #modern-vds-banner .dere-g-reviews:hover .dere-g-logo{filter: grayscale(0%);
        opacity: 1;}
#inf-page #modern-vds-banner .dere-review-text{display: flex;
        flex-direction: column;
        line-height: 1;}
#inf-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;}
#inf-page #modern-vds-banner .dere-rating-row{display: flex;
        align-items: center;
        gap: 4px;}
#inf-page #modern-vds-banner .dere-rating-row b{font-size: 0.9rem;
        color: #0b2447;
        font-weight: 700;}
#inf-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));}
#inf-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;}
#inf-page #modern-vds-banner .dere-trustpilot-stars{display: flex;
        gap: 1px;}
#inf-page #modern-vds-banner .dere-trustpilot-stars i{color: #00b67a; /* Trustpilot Green */
        font-size: 13px;
        filter: none;}
#inf-page .banner-sub-nav-wrapper{position: relative;
        z-index: 20;
        margin-top: -30px; /* Banner içine hafifçe girsin */
        margin-bottom: -30px; /* Beyaz boşluğu tamamen kaldır */}
#inf-page .banner-sub-nav-card{background: transparent; /* Beyaz arka plan kaldırıldı */
        border-radius: 16px;
        box-shadow: none; /* Gölge kaldırıldı */
        padding: 0; /* Padding kaldırıldı */
        border: none; /* Kenarlık kaldırıldı */}
#inf-page .sub-nav-list{display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
        justify-content: center; /* space-between yerine center */
        align-items: center;
        flex-wrap: wrap;
        gap: 0; /* Tab'lar arası boşluk yok */}
#inf-page .sub-nav-list .nav-item{flex: 1;
        text-align: center;
        position: relative;
        margin: 0; /* Margin kaldırıldı */}
#inf-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: 0; /* Border-radius kaldırıldı */
        position: relative;
        overflow: hidden;
        background: #ffffff; /* Her tab'a beyaz arka plan */
        box-shadow: 0 2px 8px rgba(0,0,0,0.06); /* Hafif gölge */}
#inf-page .sub-nav-list a i{font-size: 1.1rem;
        color: #b2bec3;
        transition: all 0.3s;}
#inf-page .sub-nav-list .nav-item:first-child a{border-radius: 12px 0 0 12px;}
#inf-page .sub-nav-list .nav-item:last-child a{border-radius: 0 12px 12px 0;}
#inf-page .sub-nav-list .nav-item:hover a{color: #2d3436;
        background-color: #f8f9fa;
        transform: translateY(-2px);}
#inf-page .sub-nav-list .nav-item:hover a i{color: #0d6efd;}
#inf-page .sub-nav-list .nav-item.active a{color: #0d6efd;
        background-color: #eff6ff;
        box-shadow: 0 4px 12px rgba(13, 110, 253, 0.1);}
#inf-page .sub-nav-list .nav-item.active a i{color: #0d6efd;}
@media (max-width: 991px){#inf-page .banner-sub-nav-wrapper{margin-top: 0;}}
@media (max-width: 991px){#inf-page .hide-on-mobile{display: none !important;}}
@media (max-width: 991px){#inf-page .sub-nav-list{flex-wrap: nowrap;
            justify-content: space-around; /* Kalan öğeleri ortala/yay */
            padding-bottom: 0;}}
@media (max-width: 991px){#inf-page .sub-nav-list .nav-item{flex: 1; /* Eşit genişlik */
            margin: 0 5px;}}
@media (max-width: 991px){#inf-page .sub-nav-list a{padding: 12px 10px;
            white-space: nowrap;
            font-size: 0.9rem;
            justify-content: center;}}
#inf-page *{margin: 0;
    padding: 0;
    box-sizing: border-box;}
#inf-page{--primary: #0066ff;
    --primary-dark: #0052cc;
    --accent: #00d4ff;
    --dark: #0f172a;
    --dark-light: #1e293b;
    --gray-900: #0f172a;
    --gray-700: #334155;
    --gray-500: #64748b;
    --gray-300: #cbd5e0;
    --gray-100: #f1f5f9;}
#inf-page{background: #fff;
    color: var(--gray-900);
    line-height: 1.6;}
#inf-page .infrastructure-hero{position: relative;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
    padding: 70px 0 80px;
    overflow: hidden;}
#inf-page .infrastructure-hero::before{content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 50%, rgba(0, 102, 255, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(0, 212, 255, 0.03) 0%, transparent 50%);
    pointer-events: none;}
#inf-page .infrastructure-hero::after{content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        linear-gradient(rgba(0, 102, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 102, 255, 0.03) 1px, transparent 1px);
    background-size: 50px 50px;
    pointer-events: none;}
#inf-page .container{max-width: 1200px;
    margin: 0 auto;
    padding: 0 32px;
    position: relative;
    z-index: 2;}
#inf-page .hero-content{max-width: 850px;
    margin: 0 auto;
    text-align: center;}
#inf-page .hero-label{display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(0, 102, 255, 0.1);
    border: 1px solid rgba(0, 102, 255, 0.2);
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--primary);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 20px;}
#inf-page .hero-label i{font-size: 12px;}
#inf-page .hero-title{font-size: 3rem;
    font-weight: 900;
    line-height: 1.1;
    color: var(--gray-900);
    margin-bottom: 16px;
    letter-spacing: -1.5px;}
#inf-page .hero-title .gradient-text{background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;}
#inf-page .hero-description{font-size: 1.0625rem;
    color: var(--gray-500);
    margin-bottom: 40px;
    line-height: 1.6;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;}
#inf-page .stats-grid{display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 48px;}
#inf-page .stat-item{background: #fff;
    backdrop-filter: blur(10px);
    border: 1px solid var(--gray-300);
    border-radius: 14px;
    padding: 22px 16px;
    text-align: center;
    transition: all 0.3s ease;}
#inf-page .stat-item:hover{background: #fff;
    border-color: var(--primary);
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0, 102, 255, 0.15);}
#inf-page .stat-value{font-size: 2.125rem;
    font-weight: 900;
    color: var(--gray-900);
    display: block;
    margin-bottom: 6px;
    line-height: 1;}
#inf-page .stat-label{font-size: 0.8125rem;
    font-weight: 600;
    color: var(--gray-500);
    text-transform: uppercase;
    letter-spacing: 0.5px;}
#inf-page .infrastructure-section{padding: 0 0 70px 0; /* Üst padding kaldırıldı */}
#inf-page .infrastructure-section:first-of-type{background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
    padding: 30px 0 70px 0; /* Üst padding: 70px -> 30px */}
#inf-page .infrastructure-section:first-of-type .section-title, #inf-page .infrastructure-section:first-of-type .section-description{color: #fff;}
#inf-page .infrastructure-section:first-of-type .section-tag{background: rgba(0, 212, 255, 0.2);
    color: var(--accent);}
#inf-page .infrastructure-section:nth-child(even){background: var(--gray-100);}
#inf-page .section-header{max-width: 750px;
    margin: 0 auto 48px;
    text-align: center;}
#inf-page .section-tag{display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    color: #fff;
    padding: 5px 14px;
    border-radius: 50px;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 14px;}
#inf-page .section-title{font-size: 2.375rem;
    font-weight: 900;
    color: var(--gray-900);
    margin-bottom: 14px;
    line-height: 1.2;
    letter-spacing: -1px;}
#inf-page .section-title .highlight{background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;}
#inf-page .section-description{font-size: 1.0625rem;
    color: var(--gray-500);
    line-height: 1.6;}
#inf-page .features-grid{display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 56px;}
#inf-page .feature-card{background: #fff;
    border: 2px solid var(--gray-300);
    border-radius: 14px;
    padding: 26px 22px;
    transition: all 0.3s ease;
    position: relative;}
#inf-page .feature-card::before{content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);
    border-radius: 14px 14px 0 0;
    opacity: 0;
    transition: opacity 0.3s ease;}
#inf-page .feature-card:hover{border-color: var(--primary);
    transform: translateY(-4px);
    box-shadow: 0 16px 32px rgba(0, 102, 255, 0.1);}
#inf-page .feature-card:hover::before{opacity: 1;}
#inf-page .feature-icon{width: 44px;
    height: 44px;
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;}
#inf-page .feature-icon i{font-size: 20px;
    color: #fff;}
#inf-page .feature-title{font-size: 1.0625rem;
    font-weight: 800;
    color: var(--gray-900);
    margin-bottom: 10px;}
#inf-page .feature-description{font-size: 0.9375rem;
    color: var(--gray-500);
    line-height: 1.5;}
#inf-page .content-split{display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: stretch; /* Center yerine stretch yapıldı, böylece yükseklikler eşitlenir */}
#inf-page .content-split.reverse{direction: rtl;}
#inf-page .content-split.reverse > *{direction: ltr;}
#inf-page .content-image{position: relative;
    height: 100%; /* Kapsayıcı yüksekliğini doldur */
    display: flex; /* Resim içinde boşluk kalmaması için */}
#inf-page .content-image img{width: 100%;
    height: 100%; /* Yüksekliği doldur */
    object-fit: cover; /* Resmi bozmadan alanı kapla */
    border-radius: 14px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.1);}
#inf-page .content-text h3{font-size: 2rem;
    font-weight: 900;
    color: var(--gray-900);
    margin-bottom: 18px;
    line-height: 1.2;}
#inf-page .content-text h3 .highlight{background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;}
#inf-page .content-text p{font-size: 1rem;
    color: var(--gray-500);
    line-height: 1.6;
    margin-bottom: 14px;}
#inf-page .content-text p strong{color: var(--primary);
    font-weight: 700;}
#inf-page .content-text ul{list-style: none;
    padding: 0;
    margin: 20px 0 0 0;}
#inf-page .content-text ul li{display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
    padding: 14px 18px;
    background: #ffffff;  /* Beyaz arka plan */
    border-left: 4px solid var(--primary);  /* Mavi sol çizgi */
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);  /* Hafif gölge */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #334155;  /* Koyu slate metin */}
#inf-page .content-text ul li:hover{background: #f8fafc;  /* Çok hafif gri hover */
    transform: translateX(4px);
    box-shadow: 0 4px 16px rgba(0, 102, 255, 0.15);  /* Mavi gölge */
    border-left-color: var(--accent);  /* Cyan border */}
#inf-page .content-text ul li i{color: var(--primary);  /* Mavi ikon */
    font-size: 20px;
    margin-top: 2px;
    flex-shrink: 0;
    transition: all 0.3s ease;
    display: inline-flex;  /* İkonları görünür yap */
    align-items: center;
    justify-content: center;}
#inf-page .content-text ul li:hover i{transform: scale(1.15);
    color: var(--accent);  /* Cyan hover */}
#inf-page .content-text ul li strong{color: var(--primary);  /* Mavi başlık */
    font-weight: 700;}
#inf-page .infrastructure-section:nth-child(even) .content-text ul li{background: linear-gradient(135deg, rgba(0, 212, 255, 0.18) 0%, rgba(0, 102, 255, 0.15) 100%);
    border-left-color: var(--accent);
    border-left-width: 4px;
    color: #000000;  /* Beyaz metin - okunabilir */}
#inf-page .infrastructure-section:nth-child(even) .content-text ul li:hover{background: linear-gradient(135deg, rgba(0, 212, 255, 0.28) 0%, rgba(0, 102, 255, 0.22) 100%);
    box-shadow: 0 4px 16px rgba(0, 212, 255, 0.3);}
#inf-page .infrastructure-section:nth-child(even) .content-text ul li i{color: var(--accent);
    font-size: 20px;}
#inf-page .infrastructure-section:nth-child(even) .content-text ul li strong{color: #000000;  /* Beyaz strong text */}
#inf-page .infrastructure-section:first-of-type .content-text ul li{background: linear-gradient(135deg, rgba(0, 212, 255, 0.18) 0%, rgba(0, 102, 255, 0.15) 100%);
    border-left-color: var(--accent);
    border-left-width: 4px;
    color: #ffffff;  /* Beyaz metin - okunabilir */}
#inf-page .infrastructure-section:first-of-type .content-text ul li:hover{background: linear-gradient(135deg, rgba(0, 212, 255, 0.28) 0%, rgba(0, 102, 255, 0.22) 100%);
    box-shadow: 0 4px 16px rgba(0, 212, 255, 0.3);}
#inf-page .infrastructure-section:first-of-type .content-text ul li i{color: var(--accent);
    font-size: 20px;}
#inf-page .infrastructure-section:first-of-type .content-text ul li strong{color: #ffffff;  /* Beyaz strong text */}
#inf-page .tech-stack-section{background: linear-gradient(180deg, var(--dark) 0%, var(--dark-light) 100%);
    padding: 70px 0;
    position: relative;}
#inf-page .tech-stack-section::before{content: '';
    position: absolute;
    inset: 0;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
    background-size: 40px 40px;}
#inf-page .tech-grid{display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    position: relative;
    z-index: 2;}
#inf-page .tech-card{background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    padding: 26px 20px;
    text-align: center;
    transition: all 0.3s ease;}
#inf-page .tech-card:hover{background: rgba(255, 255, 255, 0.08);
    border-color: rgba(0, 212, 255, 0.4);
    transform: translateY(-4px);}
#inf-page .tech-icon{width: 50px;
    height: 50px;
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;}
#inf-page .tech-icon i{font-size: 24px;
    color: #fff;}
#inf-page .tech-name{font-size: 1.0625rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 6px;}
#inf-page .tech-description{font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.7);}
#inf-page .certifications-section{padding: 70px 0;
    background: #fff;}
#inf-page .cert-grid{display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;}
#inf-page .cert-card{background: linear-gradient(135deg, var(--gray-100) 0%, #fff 100%);
    border: 2px solid var(--gray-300);
    border-radius: 14px;
    padding: 32px 24px;
    text-align: center;
    transition: all 0.3s ease;}
#inf-page .cert-card:hover{border-color: var(--primary);
    transform: translateY(-4px);
    box-shadow: 0 16px 32px rgba(0, 102, 255, 0.1);}
#inf-page .cert-icon{width: 64px;
    height: 64px;
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;}
#inf-page .cert-icon i{font-size: 28px;
    color: #fff;}
#inf-page .cert-name{font-size: 1.125rem;
    font-weight: 900;
    color: var(--gray-900);
    margin-bottom: 6px;}
#inf-page .cert-description{font-size: 0.875rem;
    color: var(--gray-500);}
@media (max-width: 1024px){#inf-page .stats-grid, #inf-page .features-grid, #inf-page .tech-grid, #inf-page .cert-grid{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 1024px){#inf-page .content-split{grid-template-columns: 1fr;
        gap: 48px;}}
@media (max-width: 1024px){#inf-page .content-split.reverse{direction: ltr;}}
@media (max-width: 1024px){#inf-page .hero-title{font-size: 2.75rem;}}
@media (max-width: 1024px){#inf-page .section-title{font-size: 2.25rem;}}
@media (max-width: 768px){#inf-page .stats-grid, #inf-page .features-grid, #inf-page .tech-grid, #inf-page .cert-grid{grid-template-columns: 1fr;}}
@media (max-width: 768px){#inf-page .infrastructure-hero{padding: 80px 0;}}
@media (max-width: 768px){#inf-page .hero-title{font-size: 2.25rem;}}
@media (max-width: 768px){#inf-page .section-title{font-size: 1.875rem;}}
@media (max-width: 768px){#inf-page .container{padding: 0 20px;}}
@media (max-width: 768px){#inf-page .support-cta__inner{flex-direction: column; align-items: center; text-align: center;}}
@media (max-width: 768px){#inf-page .support-cta__right{flex-direction: column; align-items: center; gap: 12px; margin-top: 18px;}}
@media (max-width: 768px){#inf-page .support-cta__right a{width: 100%; max-width: 360px; justify-content: center;}}
#inf-page #hostixo-tab-wrapper{--ht-blue: #2563eb;
    --ht-dark: #1e293b;
    --ht-gray: #64748b;
    --ht-light: #f8fafc;
    --ht-bg: #ffffff;
    
    background: var(--ht-bg);
    padding: 80px 0;
    line-height: 1.5;
    box-sizing: border-box;
    color: var(--ht-dark);}
#inf-page #hostixo-tab-wrapper *, #inf-page #hostixo-tab-wrapper *::before, #inf-page #hostixo-tab-wrapper *::after{box-sizing: border-box;}
#inf-page .ht-container{max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;}
#inf-page .ht-header{text-align: center;
    margin: 0 auto 40px;
    max-width: 850px;
    position: relative;}
#inf-page .ht-badge{display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ffffff;
    color: var(--ht-blue);
    font-weight: 700;
    font-size: 11px;
    padding: 8px 18px;
    border-radius: 100px;
    margin-bottom: 25px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);}
#inf-page .ht-title{font-size: 42px;
    font-weight: 800;
    color: var(--ht-dark);
    margin: 0 0 25px 0;
    line-height: 1.1;
    letter-spacing: -1.5px;
    background: linear-gradient(135deg, #0f172a 0%, #334155 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;}
#inf-page .ht-desc{font-size: 19px;
    color: var(--ht-gray);
    margin: 0 auto;
    line-height: 1.6;
    max-width: 650px;
    font-weight: 400;}
#inf-page .ht-layout{display: flex;
    gap: 40px;
    align-items: stretch; /* Stretch items to same height */}
#inf-page .ht-nav-col{flex: 0 0 300px; /* Sabit Genişlik */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Eşit dağılım */
    gap: 15px;}
#inf-page .ht-nav-item{display: flex;
    align-items: center;
    gap: 18px;
    padding: 22px 25px; /* Daha yüksek butonlar */
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid transparent;
    background: #fff;
    position: relative;
    /* Denge için yükseklik */
    flex: 1; /* Mevcut boşluğu doldurur */
    min-height: 90px;}
#inf-page .ht-nav-item:hover{background: #f8fafc;
    border-color: #e2e8f0;}
#inf-page .ht-nav-item:hover .ht-nav-icon{background: #e0e7ff;
    color: var(--ht-blue);}
#inf-page .ht-nav-item.active{background: #fff;
    border-color: #dbeafe;
    box-shadow: 0 10px 25px -5px rgba(37, 99, 235, 0.15); /* Belirgin gölge */
    z-index: 2;}
#inf-page .ht-nav-item.active::after{content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    border-width: 10px 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent transparent #dbeafe;
    display: none; /* Opsiyonel ok işareti */}
#inf-page .ht-nav-icon{width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 22px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
    border: 1px solid rgba(0,0,0,0.02);}
#inf-page .ht-nav-item.active .ht-nav-icon{background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: #fff;
    transform: scale(1.1);
    box-shadow: 0 10px 20px -5px rgba(37, 99, 235, 0.5);
    border-color: transparent;}
#inf-page .ht-nav-text h4{margin: 0 0 5px 0;
    font-size: 17px;
    font-weight: 700;
    color: var(--ht-dark);}
#inf-page .ht-nav-text span{font-size: 14px;
    color: var(--ht-gray);
    display: block;
    line-height: 1.4;}
#inf-page .ht-content-col{flex: 1;
    position: relative;
    /* Navigasyon ile aynı hizada başlaması için */
    display: flex;
    flex-direction: column;
    justify-content: center; /* İçerik dikeyde ortalı olsun */}
#inf-page .ht-panel{display: none;
    animation: htSlideUp 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    height: 100%;}
#inf-page .ht-panel.active{display: block;}
@keyframes htSlideUp{
    from { opacity: 0; transform: translateY(20px); scale: 0.98; }
    to { opacity: 1; transform: translateY(0); scale: 1; }
}
#inf-page .ht-img-wrap{width: 100%;
    height: 250px; /* Yükseklik kısıtlandı -> 300px'den 250px'e */
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 25px;
    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.1);}
#inf-page .ht-img-wrap img{width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;}
#inf-page .ht-panel:hover .ht-img-wrap img{transform: scale(1.03);}
#inf-page .ht-panel h3{font-size: 26px;
    font-weight: 800;
    color: var(--ht-dark);
    margin: 0 0 12px 0;}
#inf-page .ht-panel p{font-size: 16px;
    color: var(--ht-gray);
    margin: 0 0 25px 0;
    line-height: 1.7;
    max-width: 90%;}
#inf-page .ht-features{display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-bottom: 30px;}
#inf-page .ht-feature{display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--ht-dark);
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.2s ease;}
#inf-page .ht-feature:hover{background: #f1f5f9;
    color: var(--ht-blue);
    transform: translateX(5px);}
#inf-page .ht-feature i{color: var(--ht-blue);
    font-size: 14px;
    transition: transform 0.2s;}
#inf-page .ht-feature:hover i{transform: scale(1.2);}
#inf-page .ht-btn{display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 18px 40px;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: #fff;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.3), 0 4px 6px -2px rgba(37, 99, 235, 0.1);
    position: relative;
    overflow: hidden;
    z-index: 1;
    border: 1px solid rgba(255,255,255,0.1);}
#inf-page .ht-btn::before{content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
    opacity: 0;
    z-index: -1;
    transition: opacity 0.4s;}
#inf-page .ht-btn:hover{transform: translateY(-4px);
    box-shadow: 0 20px 25px -5px rgba(37, 99, 235, 0.4), 0 10px 10px -5px rgba(37, 99, 235, 0.2);}
#inf-page .ht-btn:hover::before{opacity: 1;}
#inf-page .ht-btn i{transition: transform 0.4s;}
#inf-page .ht-btn:hover i{transform: translateX(6px);}
@media (max-width: 991px){#inf-page .ht-layout{flex-direction: column;
        gap: 40px;}}
@media (max-width: 991px){#inf-page .ht-nav-col{flex: none;
        width: 100%;
        display: grid; /* Grid layout instead of scroll */
        grid-template-columns: repeat(2, 1fr); /* 2 Columns */
        gap: 15px;
        overflow: visible; /* No scrollbar */
        padding-bottom: 0;}}
@media (max-width: 991px){#inf-page .ht-nav-item{flex: 1; /* Stretch to fill grid cell */
        width: auto;
        min-height: auto;
        padding: 20px;
        border: 1px solid #e2e8f0;}}
@media (max-width: 991px){#inf-page .ht-content-col{padding: 0;}}
@media (max-width: 991px){#inf-page .ht-img-wrap{height: 260px;}}
@media (max-width: 991px){#inf-page .ht-title{font-size: 36px;}}
@media (max-width: 575px){#inf-page .ht-nav-col{grid-template-columns: 1fr; /* Stack on very small screens */}}
@media (max-width: 575px){#inf-page .ht-header{margin-bottom: 30px;}}
@media (max-width: 575px){#inf-page .ht-title{font-size: 30px;
        margin-bottom: 15px;}}
@media (max-width: 575px){#inf-page .ht-desc{font-size: 15px;}}
@media (max-width: 575px){#inf-page .ht-features{grid-template-columns: 1fr;}}
@media (max-width: 575px){#inf-page .ht-btn{width: 100%;
        justify-content: center;}}
#inf-page .inf-s001{color: #fff;}
#inf-page .inf-s002{color: rgba(255,255,255,0.8);}
#inf-page .inf-s003{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;}
#inf-page .inf-s004{max-width: 1150px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: nowrap;}
#inf-page .inf-s005{flex: 1 1 60%; min-width: 280px;}
#inf-page .inf-s006{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;}
#inf-page .inf-s007{font-size: clamp(0.95rem, 1.3vw, 1.1rem); line-height: 1.6; color: rgba(255,255,255,.9); margin: 0;}
#inf-page .inf-s008{display: flex; align-items: center; justify-content: flex-end; gap: 14px; flex: 0 0 auto; white-space: nowrap; flex-wrap: nowrap;}
#inf-page .inf-s009{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;}
#inf-page .inf-s010{font-size: 1.1rem; line-height: 1;}
#inf-page .inf-s011{font-weight: 700; letter-spacing: .2px;}
#inf-page .inf-s012{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;}
#inf-page .inf-s013{font-size: 1.05rem; line-height: 1;}
#inf-page .inf-s014{display:flex; flex-direction:column; line-height:1.2;}
#inf-page .inf-s015{font-weight:800; letter-spacing:.2px;}
/* --------------------------------------------------------------------------
   Kapanış CTA şeridi (inf-s016)
   "Size yardımcı olmak için buradayız!" (Hızlı Destek) bölümüyle aynı biçim ve
   renk: solda başlık + açıklama, sağda beyaz aksiyon kartı. İç düzen aynı
   yardımcı sınıflar (support-cta__* / inf-s004…inf-s015) yeniden kullanılarak
   sağlanır. `margin-bottom` 0 → şerit footer'a yapışır.
   -------------------------------------------------------------------------- */
#inf-page .promo.promo-full.inf-s016{margin-top:50px;margin-bottom:0;padding:60px 0!important;background-color:#1c56b0;background-image:radial-gradient(900px 600px at 85% 15%, #63a4ff 0%, transparent 60%), linear-gradient(150deg, #0a3372 0%, #1c56b0 45%, #2f80ff 100%);background-position:0 0;background-repeat:no-repeat;background-attachment:fixed;color:#fff}
#inf-page .inf-h01{transform:none;box-shadow:0 6px 18px rgba(0,0,0,0.15);border-color:rgba(10,20,40,0.08)}
#inf-page .inf-h01:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,0.22);border-color:rgba(21,88,192,.35)}
#inf-page .inf-h02{transform:none;box-shadow:0 6px 18px rgba(0,0,0,0.15);border-color:rgba(10,20,40,0.08);background:#ffffff}
#inf-page .inf-h02:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,0.22);border-color:rgba(21,88,192,.35);background:#f8fbff}
#inf-page .inf-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}
#inf-page [itemprop="acceptedAnswer"].inf-faq-open{display:block!important}
#inf-page{position:relative;float:none;width:100%;max-width:none;margin:0;background:transparent;box-shadow:none}
#inf-page #modern-vds-banner{width:100%;max-width:none;margin:0}

#inf-page .promo.promo-flat{background-color:#0f66dd}
#inf-page .banner-sub-nav-wrapper{margin-bottom:30px}
#inf-page .banner-sub-nav-card{background:#ffffff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.06);padding:5px 10px;border:1px solid rgba(0,0,0,.02)}
#inf-page .sub-nav-list a{background:transparent;box-shadow:none;border-radius:12px}
#inf-page .sub-nav-list .nav-item:first-child a,#inf-page .sub-nav-list .nav-item:last-child a{border-radius:12px}
