.header-item{position:relative;height:500px}@media screen and (max-width:767px)and (orientation:portrait){.header-item{height:calc(100vh - 60px);max-height:900px}}@media screen and (min-width:768px)and (max-width:991px)and (orientation:landscape){.header-item{height:calc(100vh - 60px)}}@media(max-width:767px){.header-item .flex-horizontal-center{display:flex;flex-direction:column-reverse}}.header-item .carousel-img-bg{height:100%;margin-top:0;top:0;background:url(/assets/images/headers/kuld-kaardid-bg.svg) center center / cover no-repeat}.header-item__image{transform:scale(1);transition:transform .3s ease;margin-top:0;perspective:1000px;perspective-origin:50% 50%;position:relative;width:400px;float:right}@media screen and (max-width:767px)and (orientation:portrait){.header-item__image{transform:scale(.8)}}@media screen and (min-width:768px)and (max-width:991px)and (orientation:landscape){.header-item__image{transform:scale(.5)}}@media(max-width:767px){.header-item__image{width:100%;float:none;margin:-90px auto 0 -20px;left:0;right:0}}.header-item__image .cube{margin:auto;position:relative;height:200px;width:318px;transform-style:preserve-3d;backface-visibility:hidden}.header-item__image .cube>div{position:absolute;box-sizing:border-box;height:100%;color:#fff;backface-visibility:hidden;outline:1px solid transparent}.header-item__image .cube .front{transform:translateZ(0);width:318px}.header-item__image .animation__debit-card{animation:card1 15s infinite;animation-timing-function:ease-in-out;transform:translateZ(100px) rotateX(0) rotateY(-40deg) translateY(-120px) translate(-30px)}.header-item__image .animation__debit-card .front{background:url(/assets/images/cards/gold-debit-front.svg);background-size:cover}.header-item__image .animation__credit-card{animation:card2 20s infinite;animation-timing-function:ease-in-out;transform:translateZ(18px) rotateX(-9deg) rotateY(-25deg) rotate(-12deg) translateY(109px) translate(16px)}.header-item__image .animation__credit-card .front{background:url(/assets/images/cards/gold-credit-new.png);background-size:cover}.panel-group .panel .panel-heading,.panel-group .panel .panel-heading.active,.panel-group .panel .panel-body{background-color:#f9f8f7}@-moz-keyframes rotate{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@-webkit-keyframes rotate{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@-o-keyframes rotate{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes rotate{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@-moz-keyframes card1{0%{transform:translateZ(120px) rotateX(0) rotateY(-40deg) translateY(-120px) translate(-30px)}25%{transform:translateZ(120px) rotateX(10deg) rotateY(-35deg) translateY(-125px) translate(-35px)}50%{transform:translateZ(130px) rotateX(-10deg) rotateY(-20deg) translateY(-130px) translate(-40px)}75%{transform:translateZ(110px) rotateX(10deg) rotateY(-30deg) translateY(-125px) translate(-35px)}to{transform:translateZ(120px) rotateX(0) rotateY(-40deg) translateY(-120px) translate(-30px)}}@-webkit-keyframes card1{0%{transform:translateZ(120px) rotateX(0) rotateY(-40deg) translateY(-120px) translate(-30px)}25%{transform:translateZ(120px) rotateX(10deg) rotateY(-35deg) translateY(-125px) translate(-35px)}50%{transform:translateZ(130px) rotateX(-10deg) rotateY(-20deg) translateY(-130px) translate(-40px)}75%{transform:translateZ(110px) rotateX(10deg) rotateY(-30deg) translateY(-125px) translate(-35px)}to{transform:translateZ(120px) rotateX(0) rotateY(-40deg) translateY(-120px) translate(-30px)}}@-o-keyframes card1{0%{transform:translateZ(120px) rotateX(0) rotateY(-40deg) translateY(-120px) translate(-30px)}25%{transform:translateZ(120px) rotateX(10deg) rotateY(-35deg) translateY(-125px) translate(-35px)}50%{transform:translateZ(130px) rotateX(-10deg) rotateY(-20deg) translateY(-130px) translate(-40px)}75%{transform:translateZ(110px) rotateX(10deg) rotateY(-30deg) translateY(-125px) translate(-35px)}to{transform:translateZ(120px) rotateX(0) rotateY(-40deg) translateY(-120px) translate(-30px)}}@keyframes card1{0%{transform:translateZ(120px) rotateX(0) rotateY(-40deg) translateY(-120px) translate(-30px)}25%{transform:translateZ(120px) rotateX(10deg) rotateY(-35deg) translateY(-125px) translate(-35px)}50%{transform:translateZ(130px) rotateX(-10deg) rotateY(-20deg) translateY(-130px) translate(-40px)}75%{transform:translateZ(110px) rotateX(10deg) rotateY(-30deg) translateY(-125px) translate(-35px)}to{transform:translateZ(120px) rotateX(0) rotateY(-40deg) translateY(-120px) translate(-30px)}}@-moz-keyframes card2{0%{transform:translateZ(18px) rotateX(-9deg) rotateY(-25deg) rotate(-12deg) translateY(129px) translate(16px)}25%{transform:translateZ(10px) rotateX(-14deg) rotateY(-15deg) rotate(-12deg) translateY(120px) translate(20px)}50%{transform:translateZ(0) rotateX(-4deg) rotateY(-30deg) rotate(-12deg) translateY(110px) translate(10px)}75%{transform:translateZ(6px) rotateX(5deg) rotateY(-25deg) rotate(-12deg) translateY(130px) translate(-15px)}to{transform:translateZ(18px) rotateX(-9deg) rotateY(-25deg) rotate(-12deg) translateY(129px) translate(16px)}}@-webkit-keyframes card2{0%{transform:translateZ(18px) rotateX(-9deg) rotateY(-25deg) rotate(-12deg) translateY(129px) translate(16px)}25%{transform:translateZ(10px) rotateX(-14deg) rotateY(-15deg) rotate(-12deg) translateY(120px) translate(20px)}50%{transform:translateZ(0) rotateX(-4deg) rotateY(-30deg) rotate(-12deg) translateY(110px) translate(10px)}75%{transform:translateZ(6px) rotateX(5deg) rotateY(-25deg) rotate(-12deg) translateY(130px) translate(-15px)}to{transform:translateZ(18px) rotateX(-9deg) rotateY(-25deg) rotate(-12deg) translateY(129px) translate(16px)}}@-o-keyframes card2{0%{transform:translateZ(18px) rotateX(-9deg) rotateY(-25deg) rotate(-12deg) translateY(129px) translate(16px)}25%{transform:translateZ(10px) rotateX(-14deg) rotateY(-15deg) rotate(-12deg) translateY(120px) translate(20px)}50%{transform:translateZ(0) rotateX(-4deg) rotateY(-30deg) rotate(-12deg) translateY(110px) translate(10px)}75%{transform:translateZ(6px) rotateX(5deg) rotateY(-25deg) rotate(-12deg) translateY(130px) translate(-15px)}to{transform:translateZ(18px) rotateX(-9deg) rotateY(-25deg) rotate(-12deg) translateY(129px) translate(16px)}}@keyframes card2{0%{transform:translateZ(18px) rotateX(-9deg) rotateY(-25deg) rotate(-12deg) translateY(129px) translate(16px)}25%{transform:translateZ(10px) rotateX(-14deg) rotateY(-15deg) rotate(-12deg) translateY(120px) translate(20px)}50%{transform:translateZ(0) rotateX(-4deg) rotateY(-30deg) rotate(-12deg) translateY(110px) translate(10px)}75%{transform:translateZ(6px) rotateX(5deg) rotateY(-25deg) rotate(-12deg) translateY(130px) translate(-15px)}to{transform:translateZ(18px) rotateX(-9deg) rotateY(-25deg) rotate(-12deg) translateY(129px) translate(16px)}}@-moz-keyframes card3{0%{transform:translateZ(-40px) rotateX(0) rotateY(0) translateY(150px) translate(50px)}25%{transform:translateZ(-50px) rotateX(4deg) rotateY(-10deg) translateY(140px) translate(30px)}50%{transform:translateZ(-60px) rotateX(0) rotateY(-20deg) translateY(130px) translate(20px)}75%{transform:translateZ(-40px) rotateX(8deg) rotateY(-10deg) translateY(135px) translate(40px)}to{transform:translateZ(-40px) rotateX(0) rotateY(0) translateY(150px) translate(50px)}}@-webkit-keyframes card3{0%{transform:translateZ(-40px) rotateX(0) rotateY(0) translateY(150px) translate(50px)}25%{transform:translateZ(-50px) rotateX(4deg) rotateY(-10deg) translateY(140px) translate(30px)}50%{transform:translateZ(-60px) rotateX(0) rotateY(-20deg) translateY(130px) translate(20px)}75%{transform:translateZ(-40px) rotateX(8deg) rotateY(-10deg) translateY(135px) translate(40px)}to{transform:translateZ(-40px) rotateX(0) rotateY(0) translateY(150px) translate(50px)}}@-o-keyframes card3{0%{transform:translateZ(-40px) rotateX(0) rotateY(0) translateY(150px) translate(50px)}25%{transform:translateZ(-50px) rotateX(4deg) rotateY(-10deg) translateY(140px) translate(30px)}50%{transform:translateZ(-60px) rotateX(0) rotateY(-20deg) translateY(130px) translate(20px)}75%{transform:translateZ(-40px) rotateX(8deg) rotateY(-10deg) translateY(135px) translate(40px)}to{transform:translateZ(-40px) rotateX(0) rotateY(0) translateY(150px) translate(50px)}}@keyframes card3{0%{transform:translateZ(-40px) rotateX(0) rotateY(0) translateY(150px) translate(50px)}25%{transform:translateZ(-50px) rotateX(4deg) rotateY(-10deg) translateY(140px) translate(30px)}50%{transform:translateZ(-60px) rotateX(0) rotateY(-20deg) translateY(130px) translate(20px)}75%{transform:translateZ(-40px) rotateX(8deg) rotateY(-10deg) translateY(135px) translate(40px)}to{transform:translateZ(-40px) rotateX(0) rotateY(0) translateY(150px) translate(50px)}}