/***** keyframes begin ******/
@keyframes _fadeIn {
    from { opacity:0; }
    to { opacity:1; }
}

@-moz-keyframes _fadeIn { /* Für Firefox */
    from { opacity:0; }
    to { opacity:1; }
}

@-webkit-keyframes _fadeIn { /* Für Safari und Chrome */
    from { opacity:0; }
    to { opacity:1; }
}

@-o-keyframes _fadeIn { /* Für Opera */
    from { opacity:0; }
    to { opacity:1; }
}

@keyframes _fadeOut {
    from { opacity:1; }
    to { opacity:0; }
}

@-moz-keyframes _fadeOut { /* Für Firefox */
    from { opacity:1; }
    to { opacity:0; }
}

@-webkit-keyframes _fadeOut { /* Für Safari und Chrome */
    from { opacity:1; }
    to { opacity:0; }
}

@-o-keyframes _fadeOut { /* Für Opera */
    from { opacity:1; }
    to { opacity:0; }
}

@keyframes _background {
    from {background: linear-gradient(to bottom,#ebebeb 0,#dfdfe0 100%);}
    to {background: #fff;}
}
@-moz-keyframes _background {
    from {background: linear-gradient(to bottom,#ebebeb 0,#dfdfe0 100%);}
    to {background: #fff;}
}
@-webkit-keyframes _background {
    from {background: linear-gradient(to bottom,#ebebeb 0,#dfdfe0 100%);}
    to {background: #fff;}
}
@-o-keyframes _background {
    from {background: linear-gradient(to bottom,#ebebeb 0,#dfdfe0 100%);}
    to {background: #fff;}
}
/***** keyframes end ******/

#txp123maxipi1 {
    position: absolute;
    box-sizing: border-box;
    font-size: 1.2em;
    line-height: 1em;
    z-index: 9999999999;
    left: 0;
    bottom: .5em;
}

#txp123maxipi1.open {
    top: 0;
}

.header-fixed #txp123maxipi1 {
    position: fixed;
}

#txp123maxipi1.hide {
    visibility: hidden;
}

#txp123maxipi1.fadeIn {
    animation: _fadeIn 1.5s;
    -moz-animation: _fadeIn 1.5s;
    -webkit-animation: _fadeIn 1.5s;
    -o-animation: _fadeIn 1.5s;
}

/***** container begin ******/
#txp123maxipi1 .txp123maxipi1-container {
    position: relative;
}

#txp123maxipi1.open .txp123maxipi1-container {
    margin-top: 1em;
}

#txp123maxipi1 .txp123maxipi1-message-container {
    position: relative;
    box-sizing: border-box;
    float: left;
    padding: 5px;
    min-height: 112px;
    /*background: linear-gradient(to bottom, #ebebeb 0%, #dfdfe0 100%);*/
    line-height: 1.1em;
    box-shadow: rgba(0, 0, 0, 0.25) 0 2px 9px 4px !important;
    background-color: #fff;
    border-width: 5px;
    border-style:  solid;
    border-color: #dfdfe0;
    max-width: 598px;
}
#txp123maxipi1.close .txp123maxipi1-message-container {
    display: none;
}
/***** container end ******/
/*#txp123maxipi1 .txp123maxipi1-speechbubble-message::before {*/
/*    left: -52px;*/
/*    transform: rotate(57deg);*/
/*}*/

#txp123maxipi1 .txp123maxipi1-speechbubble-wrapper {
    position: absolute;
    z-index: 9;
    transform: rotate(-14deg);
    padding: 10px;
    /*background-color: rgb(248, 179, 0);*/
    background-color: #fac401;
    border-radius: 50%;
    color: black;
    font-size: .9em;
    line-height: 1.2em;
}
#txp123maxipi1 .txp123maxipi1-speechbubble-wrapper {
    left: 73px;
    top: -185px;
    width: 208px;
    height: 216px;
    box-shadow: 9px 8px rgba(112, 112, 112,.5),rgba(0,0,0,.85) 2px 4px 13px 2px;
}
#txp123maxipi1 .txp123maxipi1-speechbubble-wrapper:before {
    content: '';
    position: absolute;
    display: block;
    border-radius: 50%;
    /*box-shadow: .5vmin 0 transparent,2vmin -.5vmin rgb(248, 179, 0),2vmin -.5vmin 0 .5vmin rgb(248, 179, 0);*/
    box-shadow: .5vmin 0 transparent,2vmin -.5vmin #fac401,2vmin -.5vmin 0 .5vmin #fac401;
    clip-path: polygon(128.03% 104.22%, 116px 107.61%, 50px 102.16%, 61.24% 15.37%);
}
#txp123maxipi1 .txp123maxipi1-speechbubble-wrapper:before {
    width: 118px;
    height: 180px;
    bottom: 22px;
    transform: rotate(36deg);
    right: 75%;
}

#txp123maxipi1 .txp123maxipi1-speechbubble-wrapper.hide {
    display: none;
}

#txp123maxipi1 .txp123maxipi1-speechbubble-wrapper.fadeId {
    animation: _fadeIn 1.5s;
    -moz-animation: _fadeIn 1.5s;
    -webkit-animation: _fadeIn 1.5s;
    -o-animation: _fadeIn 1.5s;
}

#txp123maxipi1 .txp123maxipi1-speechbubble-close-wrapper {
    position: absolute;
    right: -5px;
}
#txp123maxipi1 .txp123maxipi1-speechbubble-close-wrapper .close-x {
    display: block;
    /*background-color: rgb(248, 179, 0);*/
    background-color: #fac401;
}

#txp123maxipi1 .txp123maxipi1-speechbubble-message {
    position: relative;
    background-color: transparent;
    text-align: center;
    padding: 5px;
    top: 48%;
    transform: translateY(-50%);
}

#txp123maxipi1 .txp123maxipi1-speechbubble-message .start {
    display: none;
}
#txp123maxipi1.contentPId-2 .txp123maxipi1-speechbubble-message .start {
    display: block;
}
#txp123maxipi1.contentPId-2 .txp123maxipi1-speechbubble-message .question {
    display: none;
}

/***** txp123maxipi1-picture-wrapper begin ******/
#txp123maxipi1 .txp123maxipi1-picture-wrapper {
    position: relative;
    float: right;
    left: -11px;
    z-index: 1;
    cursor: pointer;
}
#txp123maxipi1 .txp123maxipi1-picture-wrapper .picture img {
    width: 60px;
    height: 122px;
}
#txp123maxipi1 .txp123maxipi1-picture-wrapper .picture.picture-r {
    display: none;
}
#txp123maxipi1 .txp123maxipi1-picture-wrapper .picture.picture-l {
    display: block;
}

/***** txp123maxipi1-picture-wrapper end ******/

/***** txp123maxipi1-title-wrapper begin ******/
#txp123maxipi1 .txp123maxipi1-title-wrapper {
    display: block;
    position: relative;
    float: right;
    min-height: 122px;
    line-height: 1.2em;
    background: #fff;
    border: 1px solid #d4d4d4;
    color: #002d67;
    cursor: pointer;
    width: 8px;
}
.header-fixed #txp123maxipi1 .txp123maxipi1-title-wrapper {
    background: #fff;
    border: 1px solid #d4d4d4;
    box-shadow: none;
}
#txp123maxipi1.open .txp123maxipi1-title-wrapper {
    display: none;
}
#txp123maxipi1 .txp123maxipi1-title-wrapper .title {
    display: none;
    text-align: center;
    cursor: pointer;
    padding: 0 10px;
    margin-top: 11px;
}
#txp123maxipi1 .txp123maxipi1-title-wrapper .title i {
    margin-bottom: 5px;
}
/***** txp123maxipi1-title-wrapper end ******/

/***** txp123maxipi1-message-wrapper begin ******/
#txp123maxipi1 .txp123maxipi1-message-wrapper {
    position: relative;
    float: left;
    box-sizing: border-box;
}

#txp123maxipi1 .txp123maxipi1-message-wrapper .box-toggle {
    background: -moz-linear-gradient(45deg,rgba(235,235,235,.65) 0,transparent 100%);
    background: -webkit-linear-gradient(45deg,rgba(235,235,235,.65) 0,transparent 100%);
    background: linear-gradient(45deg,rgba(235,235,235,.65) 0,transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ebebeb', endColorstr='#00000000',GradientType=1 );
    height: auto;
    background-color: rgba(255,255,255,.8);
    border: 1px solid #b8b5ab3b;
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    cursor: pointer;
    margin-bottom: 8px;
}
#txp123maxipi1 .txp123maxipi1-message-wrapper .box-toggle.open {
    background: #fff !important;
}
#txp123maxipi1 .txp123maxipi1-message-wrapper .box-toggle .box-toggle-title {
    width: 100%;
    color: #00295f;
}
#txp123maxipi1 .txp123maxipi1-message-wrapper .box-toggle.open .box-toggle-title {
    color: #555659;
}
#txp123maxipi1 .txp123maxipi1-message-wrapper .box-toggle .box-toggle-title .icon {
    float: left;
    margin-right: 5px;
    display: none;
}
#txp123maxipi1.open .txp123maxipi1-message-wrapper .box-toggle .box-toggle-title .icon {
    display: block;
}
#txp123maxipi1 .txp123maxipi1-message-wrapper .box-toggle .box-toggle-title .icon::after {
    content: "\f055";
    display: inline-block;
    /*noinspection CssNoGenericFontName*/
    font-family: FontAwesome;
    font-size: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
    color: gray;
}
#txp123maxipi1 .txp123maxipi1-message-wrapper .box-toggle.open .box-toggle-title .icon::after {
    content: "\f056";
}
#txp123maxipi1 .txp123maxipi1-message-wrapper .box-toggle .box-toggle-body {
    width: 100%;
    margin-top: 8px;
}
#txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message,
#txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message-js {
    overflow: hidden;
}

#txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message.hide {
    display: none;
}
#txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message-js .hide {
    display: none;
}
#txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message-js .show {
    display: block;
}

#txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message,
#txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message-js {
    width: calc(100vw - 85px);
    max-width: 575px;
}
/***** txp123maxipi1-message-wrapper end ******/

/***** txp123maxipi1-close-wrapper begin ******/
#txp123maxipi1 .txp123maxipi1-close-wrapper {
    position: absolute;
    right: -24px;
    top: -20px;
    z-index: 1;
}
#txp123maxipi1 .txp123maxipi1-close-wrapper > div {
    cursor: pointer;
}
#txp123maxipi1.open.fadeIn .txp123maxipi1-close-wrapper {
    animation: _fadeIn 2s;
    -moz-animation: _fadeIn 2s;
    -webkit-animation: _fadeIn 2s;
    -o-animation: _fadeIn 2s;
}
#txp123maxipi1.close .txp123maxipi1-close-wrapper {
    display: none;
}
/***** txp123maxipi1-close-wrapper end ******/

#txp123maxipi1 .message_footer {
    border-color: rgb(173, 202, 61);
    border-style: solid;
    border-width: 1px 0 0 0;
    line-height: 1.2em;
    padding-top: 3px;
}
#txp123maxipi1 .message_footer i {
    text-transform: none;
}
#txp123maxipi1 .message_footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#txp123maxipi1 .message_footer li {
    display: inline;
    float: left;
    margin: 0 8px 0 0;
}
#txp123maxipi1 .message_footer li a {
    display: inline-block;
    padding: 0.75em;
    text-decoration: none;
}

#txp123maxipi1 .message_footer .whatsapp i {
    color: #25d366;
}

#txp123maxipi1 .message_header {
    margin-bottom: 10px;
}
#txp123maxipi1 .close-x {
    display: none;
    border-radius: 50%;
    padding: 5px;
    margin-top: 0;
    margin-right: 0;
    box-shadow: 0 1px 3px rgba(51, 51, 51, 0.6);
    background-color: #fff;
    cursor: pointer;
}
#txp123maxipi1.complete .close-x {
    display: block;
}
#txp123maxipi1 .close-x:before,
#txp123maxipi1 .close-x:after {
    background-color: rgba(51, 51, 51, 0.6) !important;
    height: .1em !important;
    left: 5px !important;
    top: 50% !important;
}

#txp123maxipi1 .map-ico {
    /*noinspection CssUnknownTarget*/
    background: url(../typo3conf/ext/p123search/res/map-icon.png) no-repeat;
    display: inline-block;
    height: 20px;
    vertical-align: -35%;
    width: 20px;
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    background-size: 20px 20px;
}

#txp123maxipi1 .cover {
    display: none;
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: rgba(51,51,51,0.6);
    transition: background 1.5s;
}
#txp123maxipi1.open .cover {
    display: block;
}

#txp123maxipi1 .txp123maxipi1-title-wrapper {
    background: #fff;
    border: 1px solid #d4d4d4;
    box-shadow: none;
}

#txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message,
#txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message-js {
    overflow-y: scroll;
}

#txp123maxipi1 .message_footer ul {
    display: none;
}

/* 360px */
/* Galaxy Note 3 */
/* Galaxy S9/S9Plus */
/* Galaxy S10/S10Plus */
/* Galaxy S20 */
@media only screen and (min-width: 22.5em) {
}

/* 375px (374px)*/
/* iPhone 6/7/8 */
/* iPhone SE 2nd */
/* iPhone X/XS */
/* iPhone 11 Pro */
/* iPhone 12/13 mini */
@media only screen and (min-width: 23.375em) {
    #txp123maxipi1 .txp123maxipi1-speechbubble-wrapper {
        width: 255px;
    }
}

/* 384px */
/* Galaxy S20+ */

/* 390px */
/* iPhone 12/13 + Pro */
@media only screen and (min-width: 24.375em) {
}

/* 400px */
@media only screen and (min-width: 25em) {
}

/* 412px */
/* Galaxy S20 Ultra */
/* Galaxy Note 20 Ultra */

/* 414px */
/* iPhone 6/7/8 Plus*/
/* iPhone XR/11 */
/* iPhone XS Max */
/* iPhone 11 Pro Max */
/* Galaxy Note 9 */
@media only screen and (min-width: 25.875em) {
}

/* 428px */
/* iPhone 12/13 ProMaxi */
@media only screen and (min-width: 26.625em) {
}

/* 600px */
/* Nexus 7 */
@media only screen and (min-width: 37.5em) {
}

/* 648px */
@media only screen and (min-width: 40.5em) {
}

/* 700px */
@media only screen and (min-width: 43.75em) {
    #txp123maxipi1 .txp123maxipi1-speechbubble-wrapper:before {
        width: 110px;
    }
}


/* 768px */
@media only screen and (min-width: 48em) {
    #txp123maxipi1 .message_footer ul {
        display: block;
    }
    #txp123maxipi1 .txp123maxipi1-speechbubble-wrapper:before {
        width: 95px;
    }
}

/* 960px */
@media only screen and (min-width: 60em) {
    #txp123maxipi1 {
        left: auto;
        right: 0;
        bottom: auto;
        top: 0;
        margin-top: 12em;
    }

    .header-fixed #txp123maxipi1 {
        margin-top: 0;
        top: auto;
        bottom: 0;
        margin-bottom: 2.5em;
    }

    .header-fixed #txp123maxipi1.open {
        top: 0;
        margin-top: 6.5em;
        bottom: auto;
        margin-bottom: 0;
    }

    #txp123maxipi1.open .cover {
        display: none;
    }

    #txp123maxipi1 .txp123maxipi1-picture-wrapper {
        float: left;
        right: -11px;
        left: auto;
    }

    #txp123maxipi1 .txp123maxipi1-picture-wrapper .picture.picture-r {
        display: block;
    }

    #txp123maxipi1 .txp123maxipi1-picture-wrapper .picture.picture-l {
        display: none;
    }

    #txp123maxipi1 .txp123maxipi1-title-wrapper {
        float: left;
        width: auto;
        background: linear-gradient(to bottom, #ebebeb 0%, #dfdfe0 100%);
        -webkit-box-shadow: 2px 2px 2px 0 #707070;
        -moz-box-shadow: 2px 2px 2px 0 #707070;
        box-shadow: 2px 2px 2px 0 #707070;
    }

    #txp123maxipi1 .txp123maxipi1-title-wrapper .title {
        display: block;
    }

    #txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message,
    #txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message-js {
        max-width: 545px;
    }

    #txp123maxipi1 .txp123maxipi1-close-wrapper {
        right: 3px;
        top: 3px;
    }

    #txp123maxipi1 .txp123maxipi1-speechbubble-wrapper {
        top: 40px;
        right: 105px;
        left: auto;
        width: 320px;
        height: 219px;
        box-shadow: -9px 8px rgba(112, 112, 112,.5),rgba(0,0,0,.85) 2px 4px 13px 2px;
    }

    .header-fixed #txp123maxipi1 .txp123maxipi1-speechbubble-wrapper {
        transform: rotate(10deg);
        top: -70px;
        right: 135px;
    }

    #txp123maxipi1 .txp123maxipi1-speechbubble-wrapper:before {
        right: -14%;
        width: 117px;
        height: 165px;
        bottom: 132px;
        transform: scaleX(-1) rotate(54deg);
    }

}

/* 1024px */
@media only screen and (min-width: 64em) {
}

/* 1184px */
@media only screen and (min-width: 74em) {
}

/* 1424px */
@media only screen and (min-width: 89em) {
    .header-fixed #txp123maxipi1 {
        top: 0;
        margin-top: 9.5em;
        bottom: auto;
        margin-bottom: 0;
    }
    .header-fixed #txp123maxipi1.open {
        margin-top: 9.5em;
    }

    .header-fixed #txp123maxipi1 .txp123maxipi1-speechbubble-wrapper {
        transform: rotate(-14deg);
        top: 40px;
        right: 105px;
    }

}