#bth-header2 {
    font-family: "Roboto";
    font-size: 26px;
    color: #444;
    line-height: 32px;
    word-break: break-word;
    letter-spacing: normal;
    text-align: center;

}

#bth-header {
    margin: auto;
    margin-top: 5px;
    margin-bottom: 60px;
    max-width: 500px;
}

#bth-header1 {
    font-family: "Roboto Light";
    font-size: 51px;
    font-weight: 300;
    line-height: 0.96;
    letter-spacing: normal;
    text-align: center;
    color: #3495c0;
    margin-bottom: 10px;
}

#baloons-line {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: 120px;
    margin-right: 40px;
    margin-left: 40px;
}

.bth-container:nth-child(2n) .bth-image {
    float: right;
}

.bth-image, .bth-content {
    width: 49%;
    height: 400px;
    vertical-align: top;
}
.bth-image svg{
    height: 350px;
}

.bth-container.d8 .bth-image {
    position: relative;
}

.bth-image svg.animation{
    position: absolute;
    height: 22px;
    width: 22px;
    left: 30%;
    bottom: 40%;
    display: none;
}

.bth-container {
    box-sizing: border-box;
}

.bth-container div {
    display: inline-block;
}

.none {
    width: 100%;
    height: 300px;
    float: left;
}

.bth-content {
    position: relative;
    width: 48%;
}
.kontener {
    position: absolute;
    top: 50%;
    height: 200px;
    margin-top: -100px;
}

.bth-left .bth-content {
    margin-left:10px;
    margin-right: 10px;
}

.bth-right .bth-content {
    margin-right:10px;
}

.bth-content .kontener h3 {
    font-family: Roboto;
    line-height: 18px;
    font-size: 14px;
    color: #6d6d6d;
    font-weight: normal;
}

.bth-content .kontener h1 {
    font-family: Roboto;
    font-size: 28px;
    line-height: 42px;
    color: #444;
    text-align: left;
}

.bth-content > .kontener .bth-text {
    font-family: Roboto;
    font-size: 16px;
    text-align: left;
    line-height: 27px;
    color: #666;
}

.nie_btn, .tak_btn {
    display: none;
}

@media only screen and (max-width: 840px) {
    .bth-content {
        width: 100%;
    }
    .bth-image {
        width: 70%;
        margin: 0 auto;
        position: relative;
        padding-left: 20px;
        padding-right: 20px;
        float: unset !important;
    }+

    #birth-containers {
        margin-left: 40px;
        margin-right: 40px;
    }

    #bth-header2 {
        width: 80%;
        margin: 0 auto;
    }

    .bth-image, .bth-content {
        height: auto;
        width: 100%;
    }
    .bth-container div {
        display: block;
    }

    bth-container .bth-content {
        height: auto;
    }

    .bth-container.d5 .bth-content {
        margin-top:10px;
        height: 250px;
    }

    .bth-image svg {
        height: auto;
    }

    .bth-content .kontener {
        padding-left: 10px;
        padding-right: 10px;
        position: unset;
        height: auto;
        margin-top: auto;
        margin-bottom: 40px;
    }

    .urodziny-button {
        text-align: center;
        width: 100%;
    }

    .none {
        display: none;
    }

    #btn-go-to-up {
        margin: auto;
        width: 100%;
    }

	#baloons-line {
		height: auto;
		margin-left: unset;
		margin-right: unset;
		margin-bottom: 10px;
	}

    .bth-container.d8 .bth-image{
        margin-left: 14px;
    }

  .bth-content .kontener h1  {
    line-height: 34px;
  }

  #bth-header1 {
    font-size: 42px;
  }

  #bth-header2 {
    font-size: 22px;
  }
}

.bth-container.d6 .bth-image {
    margin-left: 5px;

}



/* animacje */

.d1 #monitor-content, #monitor_x5F_top,#monitor_x5F_bottom, #bth-shadow1 {
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
}
.d1 #monitor_x5F_bottom {
    transform: translateY(-20px);
}

.d1 .bth-image svg {
    width: 100%;
    height: 100%;
    position: relative;
    left: -60px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}

.d1 .bth-image svg.animate {
    visibility: visible;
    left: 0px;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 0.4s 0s linear;
}

.d1 .bth-image svg.animate #monitor-content {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 0.5s 0.5s linear;
}

.d1 .bth-image svg.animate #monitor_x5F_top {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 0.5s 1.4s linear;
}

.d1 .bth-image svg.animate #monitor_x5F_bottom {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateX(0);
    transition: all 0.3s 1s linear;
}

.d1 .bth-image svg.animate #bth-shadow1, .d3 .bth-image svg.animate #shadow-blue_1_, .d6 .bth-image svg.animate #shadow-blue_3_ {
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
    transition: all 1.5s 0.7s linear;
}

.d1 .bth-image svg #heart_complex {
    transform-origin: 50% 50%;
    transform-box: fill-box;
    transform: translateY(-100px);
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
}

.bth-container.d1 .kontener {
    top: 46%;
}

.bth-container.d5 .bth-content .kontener {
    top: 42%;
}

.bth-container.d6 .bth-image svg {
    height: 100%;
}

.d1 .bth-image svg.animate #heart_complex {
    -moz-animation: heart-bounce 1.3s ease-in 2s forwards;
    -webkit-animation: heart-bounce 1.3s ease-in 2s forwards;
    animation: heart-bounce 1.3s ease-in 2s forwards;
}
.d3 .bth-image, .d9 .bth-image {
    margin-right: 10px;
}

.d3 #photo3, .d3 #photo2, .d3 #photo1, .d3 #shadow-blue_1_,
.d9 #photo3, .d9 #photo2, .d9 #photo1, .d9 #shadow-blue_1_,
.d6 #shadow-blue_3_, .d8 #shadow-blue_5_, .d8 #man, .d8 #woman, .d8 #phone_1_
{
    opacity: 0;
    filter: alpha(opacity=0);
}

.d3 #photo3, .d9 #photo3, .d6 #all_phone, .d8 #man, .d8 #phone_1_ {
    transform: translateX(-15px);
}

.d3 #photo1, .d9 #photo1 {
    transform: translateX(-50px);
}

.d3 #photo2, .d9 #photo2, .d6 #all_people, .d8 #woman {
    transform: translateX(10px);
}

.d3 #ludzik, .d9 #ludzik {
    visibility: hidden;
    transform: scale(0);
    transform-origin: 50% 70%;
}

.d3 .bth-image svg.animate #photo3, .d3 .bth-image svg.animate #photo2, .d3 .bth-image svg.animate #photo1,
.d9 .bth-image svg.animate #photo3, .d9 .bth-image svg.animate #photo2, .d9 .bth-image svg.animate #photo1,
.d6 .bth-image svg.animate #all_phone, .d6 .bth-image svg.animate #all_people, .d8 .bth-image svg.animate #woman, .d8 .bth-image svg.animate #man {
    visibility: visible;
    transform: translateX(0);
    opacity: 1;
    filter: alpha(opacity=100);
}
.d3 .bth-image svg.animate #ludzik, .d9 .bth-image svg.animate #ludzik, .d8 .bth-image svg.animate #shadow-blue_5_  {
    visibility: visible;
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
}

.d3 .bth-image svg #arm-left, .d3 .bth-image svg #hand-left, .d3 .bth-image svg #arm-right_1_ , .d3 .bth-image svg #hand-right_1_, .d3 .bth-image svg.animate #milion,
.d9 .bth-image svg #arm-left, .d9 .bth-image svg #hand-left, .d9 .bth-image svg #arm-right_1_ , .d9 .bth-image svg #hand-right_1_, .d9 .bth-image svg.animate #milion{
    visibility: visible;
}

.d3 .bth-image svg #arm-left, .d9 .bth-image svg #arm-left {
    transform-origin: 70% 70%;
}

.d3 .bth-image svg #hand-left, .d9 .bth-image svg #hand-left {
    transform-origin: 30% 60%;
}

.d3 .bth-image svg #arm-right_1_, .d9 .bth-image svg #arm-right_1_ {
    transform-origin: 70% 30%;
}

.d3 .bth-image svg #hand-right_1_, .d9 .bth-image svg #hand-right_1_ {
    transform-origin: 65% 40%;
}

.d3 .bth-image svg.animate #arm-left, .d3 .bth-image svg.animate #hand-left, .d3 .bth-image svg.animate #arm-right_1_, .d3 .bth-image svg.animate #hand-right_1_, .d3 .bth-image svg.animate #milion,
.d9 .bth-image svg.animate #arm-left, .d9 .bth-image svg.animate #hand-left, .d9 .bth-image svg.animate #arm-right_1_, .d9 .bth-image svg.animate #hand-right_1_, .d9 .bth-image svg.animate #milion,
.d6 .bth-image svg.animate #hand-photo
{
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.d3 .bth-image svg.animate #milion, .d9 .bth-image svg.animate #milion {
    animation-name: milion;
}

.d3 .bth-image svg.animate #arm-left, .d9 .bth-image svg.animate #arm-left
{
    animation-name: arm-left;
}

.d3 .bth-image svg.animate #hand-left, .d9 .bth-image svg.animate #hand-left
{
    animation-name: hand-left;
}

.d3 .bth-image svg.animate #arm-right_1_, .d9 .bth-image svg.animate #arm-right_1_
{
    animation-name: arm-right;
}

.d3 .bth-image svg.animate #hand-right_1_, .d9 .bth-image svg.animate #hand-right_1_
{
    animation-name: hand-right;
}

.d6 .bth-image svg.animate #hand-photo
{
    animation-name: move_your_body;
}

.d3 .bth-image svg.animate #photo3, .d9 .bth-image svg.animate #photo3, .d6 .bth-image svg.animate #all_phone {
    transition: all 0.4s 0s linear;
}
.d3 .bth-image svg.animate #photo2, .d9 .bth-image svg.animate #photo2 {
    transition: all 0.6s 0.6s linear;
}
.d6 .bth-image svg.animate #all_people {
    transition: all 0.4s 0.7s linear;
}
.d3 .bth-image svg.animate #photo1, .d9 .bth-image svg.animate #photo1 {
    transition: all 0.6s 1s linear;
}
.d3 .bth-image svg.animate #ludzik, .d9 .bth-image svg.animate #ludzik  {
    transition: all 0.6s 1.3s linear;
}

.d8 .bth-image svg.animate #woman, .d8 .bth-image svg.animate #man  {
    transition: all 0.6s 0.5s linear;
}

.d8 .bth-image svg.animate #phone_1_ {
    animation-duration: 1s;
    animation-direction: alternate;
    animation-name: phone_d8;
}

.d8 .bth-image svg.animate #shadow-blue_5_ {
    transition: all 0.3s 1s linear;
}

.d6 #all_phone, .d6 #all_people, .d6 #shadow-blue_3_ {
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
}
.d6 #hand-photo {
    transform-origin: 50% 100%;
}

.d8 #phone_1_ {
    transform-origin: 50% 50%;
    transform: scale(0.8);
}

@keyframes phone_d8 {
    0% {
        transform: translateX(-15);
        visibility: visible;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    50% {
        transform: translateX(0);
    }
    100% {
        transform: scale(1);
        visibility: visible;
        opacity: 1;
        filter: alpha(opacity=100);
    }
}


@keyframes milion {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(3px);
    }
}

@keyframes arm-left {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-1deg);
    }
}

@keyframes hand-left {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(2deg);
    }
}

@keyframes hand-right {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-3deg);
    }
}
@keyframes arm-right {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-1deg);
    }
}



/*d2*/

.d2 .bth-image svg,
.d2 .bth-image svg #menu1,
.d2 .bth-image svg #menu2,
.d2 .bth-image svg #menu3,
.d2 .bth-image svg #menu4,
.d2 .bth-image svg #menu5,
.d2 .bth-image svg #right-box,
.d2 .bth-image svg #info,
.d2 .bth-image svg #photo_1_,
.d2 .bth-image svg #photo-shadow,
.d2 .bth-image svg #people-top,
.d2 .bth-image svg #hand-front,
.d2 .bth-image svg #people-bottom,
.d2 .bth-image svg #hand-back
{
    width: 100%;
    height: 100%;
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}

.d2 .bth-image svg #shadow-blue {
    opacity: 0;
}

.d2 .bth-image svg.ready1 #shadow-blue {
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
    transform: scale(1);
    transition: all 1000ms 1400ms linear;
}

.d2 .bth-image svg {
    left: 35px;
}

.d2 .bth-image svg.animate {
    visibility: visible;
    left: 0px;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 0.4s 0s linear;
}

.d2 .show {
    visibility: visible !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    transform: translateX(0);
    transition: all 0.5s 1s linear;
}

.d2 .bth-image svg #hand-front,
.d2 .bth-image svg #people-bottom,
.d2 .bth-image svg #people-top,
.d2 .bth-image svg #hand-back,
.d2 .bth-image svg #photo_1_,
.d2 .bth-image svg #photo-shadow
{
    transform: translate(-15px, 0px);
}

.d2 .bth-image svg.ready1 #hand-front,
.d2 .bth-image svg.ready1 #people-bottom,
.d2 .bth-image svg.ready1 #people-top,
.d2 .bth-image svg.ready1 #hand-back,
.d2 .bth-image svg.ready1 #photo_1_,
.d2 .bth-image svg.ready1 #photo-shadow
{
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
    transform: scale(1);
    transition: all 500ms 1100ms linear;
}

.d2 .bth-image svg.ready2 #hand-front,
.d2 .bth-image svg.ready2 #photo_1_,
.d2 .bth-image svg.ready2 #people-top,
.d2 .bth-image svg.ready2 #photo-shadow
{
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform-origin: bottom left;
}

.d4 .bth-image svg #star1,
.d4 .bth-image svg #star2,
.d4 .bth-image svg #star3,
.d4 .bth-image svg #star4,
.d4 .bth-image svg #star5,
.d4 .bth-image svg #sahdow-blue
{
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}

.d4 .bth-image svg #star-big {
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    transform: translate(-15px, 0px);
}

.d4 .bth-image svg #people {
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    transform: translate(15px, 0px);
}

.d4 .bth-image svg.animate #sahdow-blue {
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
    transform: scale(1);
    transition: all 700ms 200ms linear;
}

.d4 .bth-image svg.animate #star-big {
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
    transform: scale(1);
    transition: all 300ms 900ms linear;
}

.d4 .bth-image svg.animate #people {
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
    transform: scale(1);
    transition: all 300ms 1200ms linear;
}

.d4 .bth-image svg.animate #star2,
.d4 .bth-image svg.animate #star4,
.d4 .bth-image svg.animate #star5 {
    position: relative;
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
    transform: scale(1);
    transition: all 400ms 1500ms linear;
    animation-name: flash;
    animation-duration: 2500ms;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.d4 .bth-image svg.animate #star1,
.d4 .bth-image svg.animate #star3 {
    position: relative;
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
    transform: scale(1);
    transition: all 400ms 2000ms linear;
    animation-name: flash;
    animation-duration: 2200ms;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.d4 .bth-image svg.animate #star1 {
    transform-origin: 33px 35px;
}

.d4 .bth-image svg.animate #star2 {
    transform-origin: 50% 30%;
}

.d4 .bth-image svg.animate #star3 {
    transform-origin: 79% 60%;
}

.d4 .bth-image svg.animate #star4 {
    transform-origin: 30% 60%
}

.d4 .bth-image svg.animate #star5 {
    transform-origin: 84px 39%;
}

@media screen and (min-width: 840px) {
	.d7 .kontener {
		margin-top: -130px;
	}
}

.d7 .bth-image svg {
    position: relative;
    left: -35px;
    filter: alpha(opacity=0);
    visibility: hidden;
}

.d7 .bth-image svg.animate {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 400ms 200ms linear;
}

.d7 .bth-image svg #cam1,
.d7 .bth-image svg #cam2,
.d7 .bth-image svg #cam3,
.d7 .bth-image svg #cam4,
.d7 .bth-image svg #cam5,
.d7 .bth-image svg #chat,
.d7 .bth-image svg #wideo,
.d7 .bth-image svg #play,
.d7 .bth-image svg #live,
.d7 .bth-image svg #live-hand,
.d7 .bth-image svg #people_2_,
.d7 .bth-image svg #shadow-blue_4_
{
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}

.d7 .bth-image svg #live,
.d7 .bth-image svg #live-hand,
.d7 .bth-image svg #people_2_
{
	transform: translate(-15px, 0px);
}

.d7 .bth-image svg.animate #shadow-blue_4_ {
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
    transition: all 800ms 400ms linear;
}

.d7 .bth-image svg.animate #cam1 {
	opacity: 1;
	visibility: visible;
	filter: alpha(opacity=100);
	transform: scale(1);
	transition: all 150ms 800ms linear;
}

.d7 .bth-image svg.animate #cam2 {
	opacity: 1;
	visibility: visible;
	filter: alpha(opacity=100);
	transform: scale(1);
	transition: all 150ms 950ms linear;
}

.d7 .bth-image svg.animate #cam3 {
	opacity: 1;
	visibility: visible;
	filter: alpha(opacity=100);
	transform: scale(1);
	transition: all 150ms 1100ms linear;
}

.d7 .bth-image svg.animate #cam4 {
	opacity: 1;
	visibility: visible;
	filter: alpha(opacity=100);
	transform: scale(1);
	transition: all 150ms 1250ms linear;
}

.d7 .bth-image svg.animate #cam5 {
	opacity: 1;
	visibility: visible;
	filter: alpha(opacity=100);
	transform: scale(1);
	transition: all 150ms 1400ms linear;
}

.d7 .bth-image svg.animate #chat {
	opacity: 1;
	visibility: visible;
	filter: alpha(opacity=100);
	transform: scale(1);
	transition: all 500ms 1550ms linear;
}

.d7 .bth-image svg.animate #wideo,
.d7 .bth-image svg.animate #play {
	opacity: 1;
	visibility: visible;
	filter: alpha(opacity=100);
	transform: scale(1);
	transition: all 500ms 2050ms linear;
}

.d7 .bth-image svg #live,
.d7 .bth-image svg #live-hand,
.d7 .bth-image svg #people_2_
{
	transform: translate(20px, 0px);
	opacity: 1;
}

.d7 .bth-image svg.animate #live,
.d7 .bth-image svg.animate #live-hand,
.d7 .bth-image svg.animate #people_2_
{
	opacity: 1;
	visibility: visible;
	filter: alpha(opacity=100);
	transform: scale(1);
	transition: all 500ms 2950ms linear;
}

.d7 .bth-image svg.ready #live-hand,
.d7 .bth-image svg.ready #live
{
	transition: all 400ms 0ms linear;
	animation-name: flash2;
	animation-duration: 2200ms;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

.d7 .bth-image svg.ready #play
{
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 2000ms 0ms linear;
}

.d7 .bth-image svg {
    position: relative;
    left: -35px;
    filter: alpha(opacity=0);
    visibility: hidden;
}

.d7 .bth-image svg.animate {
    visibility: visible;
    left: 0px;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 400ms 200ms linear;
}

.d10 .bth-image svg {
    width: 100%;
    height: 100%;
    position: relative;
    left: -35px;
    filter: alpha(opacity=0);
    visibility: hidden;
}

.d10 .bth-image svg.animate {
    visibility: visible;
    left: 0px;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 400ms 200ms linear;
}

@media screen and (min-width: 840px) {
	.d10 .bth-image {
		padding-right: 15px;
	}
}

.d10 .bth-image svg #shadow-blue_7_,
.d10 .bth-image svg #do-zmiany,
.d10 .bth-image svg #stare-logo,
.d10 .bth-image svg #zakreslenie,
.d10 .bth-image svg #lista,
.d10 .bth-image svg #zdjecia,
.d10 .bth-image svg #osoby,
.d10 .bth-image svg #spolecznosc,
.d10 .bth-image svg #polubienia {
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}

.d10 .bth-image svg.animate #shadow-blue_7_ {
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
    transform: scale(1);
    transition: all 800ms 400ms linear;
}

.d10 .bth-image svg.animate #stare-logo {
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
    transform: scale(1);
    transition: all 400ms 1200ms linear;
}

.d10 .bth-image svg.animate #zakreslenie {
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
    transform: scale(1);
    transition: all 500ms 1600ms linear;
}

.d10 .bth-image svg #do-zmiany {
    transform: translate(-20px, 0px);
}

.d10 .bth-image svg.animate #do-zmiany {
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
    transform: scale(1);
    transition: all 400ms 2100ms linear;
}

.d10 .bth-image svg.animate #zdjecia{
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
    transform: scale(1);
    transition: all 300ms 2600ms linear;
}

.d10 .bth-image svg.animate #lista {
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
    transform: scale(1);
    transition: all 300ms 2750ms linear;
}

.d10 .bth-image svg.animate #polubienia {
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
    transform: scale(1);
    transition: all 300ms 2900ms linear;
}

.d10 .bth-image svg.animate #osoby {
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
    transform: scale(1);
    transition: all 300ms 3150ms linear;
}

.d10 .bth-image svg.animate #spolecznosc {
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
    transform: scale(1);
    transition: all 300ms 3300ms linear;
}

.d10 .bth-image #rebranding {
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}

.d10 .bth-image #rebranding.show {
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
    transform: scale(1);
    transition: all 600ms 0ms linear;
}

.d11 .bth-image svg {
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}

.d11 .bth-image svg.animate {
    transition-duration: 1200ms;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

.d11 .bth-image svg.animate #jeden {
    animation-name: jeden;
    animation-duration: 4900ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform-origin: center center;
}

.d11 .bth-image svg.animate #osiem {
    animation-name: osiem;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform-origin: center center;
}

.d11 .bth-image svg.animate #shadow-blue_8_ {
    animation-name: cien;
    animation-duration: 5250ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform-origin: center center;
}

@keyframes cien {
    0% {
        transform: translate(4px, 0px) scale(1.03);
    }
    25% {
        transform: translate(8px, 0px) scale(1.05);
    }
    50% {
        transform: translate(0px, 0px) scale(1.06);
    }
    75% {
        transform: translate(-2px, 0px) scale(1.02);
    }
    100% {
        transform: translate(3px, 0px) scale(1.03);
    }
}

@keyframes jeden {
    0% {
        transform: translate(0px, 4px);
    }
    25% {
        transform: translate(0px, 12px);
    }
    50% {
        transform: translate(0px, 6px);
    }
    75% {
        transform: translate(0px, 11px);
    }
    100% {
        transform: translate(0px, 3px);
    }
}

@keyframes osiem {
    0% {
        transform: translate(0px, 3px);
    }
    25% {
        transform: translate(0px, 8px);
    }
    50% {
        transform: translate(0px, 12px);
    }
    75% {
        transform: translate(0px, 5px);
    }
    100% {
        transform: translate(0px, 2px);
    }
}

@keyframes spin {
    0% {
        transform:rotate(0deg);
    }
    50% {
        transform:rotate(0.7deg);
    }
    100% {
        transform:rotate(0deg);
    }
}

@keyframes flash {
    0% {
        transform:scale(1, 1);
    }
    50% {
        transform:scale(0.95, 0.95);
    }
    100% {
        transform:scale(1, 1);
    }
}

@keyframes flash2 {
	0% {
		transform:scale(1, 1);
	}
	50% {
		transform:scale(1.01, 1.01);
	}
	100% {
		transform:scale(1, 1);
	}
}

@keyframes heart-bounce {
    0% {
        visibility: visible;
        transform: translateY(-100px);
    }
    40% {
        transform: translateY(0px);
        opacity: 1;
        filter: alpha(opacity=100);
    }
    50% {
        transform: translateY(-30px);
    }
    100% {
        transform: translateY(0px);
        visibility: visible;
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@keyframes move_your_body {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(0.3deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.d5 #monitor, #photo1_1_, #photo3_1_, #photo4, #photo2_1_, #photo6, #photo5, #people-red, #people-red-hand, #people-green-head, #people-green-body, #people-green-hand-left, #people-green-hand-right, #people-green-arm-left, #people-green-arm-right, #shadow-blue_2_ {
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
}

.d5 .bth-image svg {
    width: 100%;
    height: 115%;
    top: -15%;
    position: relative;
    left: -60px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}


.d5 .bth-image svg.animate {
    visibility: visible;
    left: 0px;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 0.5s 0s linear;
}

.d5 .bth-image svg.animate #monitor {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 2.5s 0s linear;
}

.d5 .bth-image #photo1_1, #photo3_1_, #photo4, #photo2_1_, #photo6, #people-red, #people-red-hand {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    filter: alpha(opacity=0);
}


.d5 .bth-image svg.animate #photo1_1_ {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);

    transition: all 0.6s 0s linear;
}

.d5 .bth-image svg.animate #photo3_1_ {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);

    transition: all 0.6s 0.6s linear;
}

.d5 .bth-image svg.animate #photo4 {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);

    transition: all 0.6s 1s linear;
}

.d5 .bth-image svg.animate #photo2_1_ {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);

    transition: all 0.6s 1.3s linear;
}

.d5 .bth-image svg.animate #photo6 {
    visibility: visible;
    transform: translateX(-70px);
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 0s 1.5s linear;

}

.d5 .bth-image svg.animate #people-red-hand {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateX(-70px);
    transition: all 0s 1.5s linear;

}

.d5 .bth-image svg.animate #people-red {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateX(-70px);
    transition: all 0s 1.5s linear;
}

.d5 .bth-image svg.animate #photo6  {
    animation: ppl-red 2.0s linear forwards;
}

.d5 .bth-image svg.animate #people-red-hand {
    animation: ppl-red 2.0s linear forwards;
}

.d5 .bth-image svg.animate #people-red {
    animation: ppl-red 2.0s linear forwards;
}

.d5 .bth-image svg.animate #people-green-head {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateX(+70px);
    transition: all 0s 1.5s linear;
    animation: ppl-green 2.0s linear forwards;

}

.d5 .bth-image svg.animate #photo5 {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);

    transform: translateX(+70px);
    transition: all 0s 1.5s linear;
    animation: ppl-green 2.0s linear forwards;

}

.d5 .bth-image svg.animate #people-green-body {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);

    transform: translateX(+70px);
    transition: all 0s 1.5s linear;
    animation: ppl-green 2.0s linear forwards;

}

.d5 .bth-image svg.animate #people-green-hand-left {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);

    transform: translateX(+70px);
    transition: all 0s 1.5s linear;
    animation: ppl-green 2.0s linear forwards;

}

.d5 .bth-image svg.animate #people-green-hand-right {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);

    transform: translateX(+70px);
    transition: all 0s 1.5s linear;
    animation: ppl-green 2.0s linear forwards;

}

.d5 .bth-image svg.animate #people-green-arm-left {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);

    transform: translateX(+70px);
    transition: all 0s 1.5s linear;
    animation: ppl-green 2.0s linear forwards;

}

.d5 .bth-image svg.animate #people-green-arm-right {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateX(+70px);
    transition: all 0s 1.5s linear;
    animation: ppl-green 2.0s linear forwards;

}

.d5 .bth-image svg.animate #shadow-blue_2_ {
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
    transform: scale(1);
    transition: all 1000ms 1400ms linear;
}

@keyframes ppl-red {
    from {

        transform: translateX(-70px);
    }
    to {
        transform: translateX(0px);
    }
}
@keyframes ppl-green {
    from {

        transform: translateX(+70px);
    }
    to {
        transform: translateX(0px);
    }
}

.urodziny-button {
    font-family: 'Roboto Medium';
    font-size: 16px;
    font-style: initial;
    line-height: 1px;
    padding: 21px 37px;
    color: #FFFFFF;
    outline: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 5px;
    background-color: #3FA4CF;
    background-image: none;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
    text-shadow: none;
    cursor: pointer;
    float: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-decoration: none;
}

.urodziny-button:hover {
    background: #3395C5 !important;
    background: -webkit-linear-gradient(#41A1CD, #3395C5) !important;
    background: -o-linear-gradient(#41A1CD, #3395C5) !important;
    background: -moz-linear-gradient(#41A1CD, #3395C5) !important;
    background: linear-gradient(#41A1CD, #3395C5) !important;
}