:root {
    --myp-main-color: #474747;
}
body {
    font-size: 16px;
    background: #ffffff;
    font-family: 'Roboto', sans-serif;
    --translate-x: 30px;
    --translate-y: -20px;
    color: var(--myp-main-color);
}
h1,h2,h3,h4,h5,h6 {font-family: 'Roboto', sans-serif;}
.checkboxBlue label {
    cursor: pointer;
    background: #ffffff;
}
.blurBackground {
    filter: blur(3px)
}
.checkboxBlue label:after {
    opacity: 1;
    content: '';
    position: absolute;
    width: 13px;
    height: 7px;
    background: transparent;
    top: 4px;
    left: 3px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    transform: rotate(-55deg);
}
.checkboxBlue label:hover::after {
    opacity: 0.5;
}
/*Checkbox state for the tick*/
.checkboxBlue input[type=checkbox]:checked + label {
    background: #019aff;
    border: #019aff 1px solid;
}
.checkboxBlue input[type=checkbox]:checked + label:after {
    opacity: 1;
}
.modal-buttons {margin-right: 5px;}
.modal-buttons .two_buttons a   {
    font-size: 14px;
    padding: 8px 12px 11px;
    width: 47%;
    margin: 20px 5px 0px;
    min-height: 30px;
    height: 30px;
    margin-top: unset;
}

.closeUpPanel {
    position: absolute;
    top: 13px;
    right: 13px;
    font-size: 25px!important;
    cursor: pointer;
    color:rgb(202, 202, 202);
}
.closeUpPanel:hover {color:#ff4895;}
.jsClose {
    cursor: pointer;
}
.col-register .jsClose {
    display:none;
}
.responsive-img {max-width: 100%;}
.spec_popup .two_buttons .btngrey {
    background: #ccc;
    padding: 9px 24px 11px;
    border-color: transparent;
}
.allcaps {text-transform: uppercase !important;}
address,
address * {margin-bottom: 0;}
.full-width {width: 100%;}
.pright5 {padding-right: 5px !important;}
.pright10 {padding-right: 10px !important;}
.pright20 {padding-right: 20px !important;}
.pleft5 {padding-left: 5px !important;}
.pleft10 {padding-left: 10px !important;}
.pleft20 {padding-left: 20px !important;}
a {cursor: pointer !important;}
a.has-sub-menu {cursor: default !important;}
p.pprice {
    color: #474747;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    line-height: 28px;
    margin-top: 15px;
}
p.pprice span {
    color: #888;
    font-size: 18px;
    font-style: italic;
    font-weight: normal;
}
p.pdelivery {
    color: rgb(154, 154, 154);
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    line-height: 24px;
    margin-top: -18px;
    margin-bottom: 20px;
}
.form-control {
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
}
.form-control:focus {border-color: #808080 !important;}
.index-info {margin-bottom: 30px;}
.index-info-txt {
    font-size: 14px;
    line-height: 18px;
    color: #595959;
}

.index-info-txt p, .index-info-txt p a{
    font-family: Roboto;
    color: rgb(154,154,154) !important;
}
.index-info-txt h2 {
    font-size: 15px;
    color: #333;
    line-height: 23px;
    font-weight: normal;
    text-transform: none;
    font-family: 'Roboto', sans-serif;
}
.index-info-txt a {color: #474747 !important;}
.index-grey {
    background-color: #f2f2f2;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.index-grey.lightgrey {background-color: #f9f9f9;}
.index-grey.white {background-color: #fff;}
.section-fw .image-background.index-grey {min-height: 0px;}
.index-grey img {max-width: 95%;}
.index-grey .index-icons i {
    opacity: .6;
    margin: 5px auto;
}
.index-grey .index-icons {
    width: 100%;
    text-align: center;
    font-size: 13px;
    /*background-image: url('https://img-6aa0.kxcdn.com/index-icon-strip.png');*/
    background-position: 50% 57px;
    background-repeat: no-repeat;
    max-width: 1000px;
    margin: 0 auto;
}
.index-grey .index-icons h2 {
    font-size: 13px;
    color: #595959;
    margin-top: 10px;
}
.clear.index-space {height: 55px;}
.index-row-txt a.side-b1:link {
    color: #ffffff!important;
    text-align: center;
    font-family: Roboto;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    border: none;
}
.index-row-txt a.side-b1:link:hover {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0px 1px 5px rgb(154,154,154);
}
.btnPink {
    text-transform: uppercase !important;
    font-size: 15px !important;
    padding: 13px 24px 10px;
    transition: none;
    background: linear-gradient(to right, #fecd1e, rgb(255, 72, 149));
    /*background: #ff4895 !important;*/
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    cursor: pointer;
}
.btnPink:hover,.btnPink:focus,.btnPink:active {
    background: -moz-linear-gradient(left, rgba( 254, 205, 29,1) 0%, rgba( 255, 72, 149,1) 50%, rgba( 21, 138, 255, 1) 100%);
    background: -webkit-linear-gradient(left, rgba( 254, 205, 29,1) 0%, rgba( 255, 72, 149,1) 50%, rgba( 21, 138, 255, 1) 100%);
    background: linear-gradient(to right, rgba( 254, 205, 29,1) 0%, rgba( 255, 72, 149,1) 50%, rgba( 21, 138, 255, 1) 100%);
    /* background-color: white; */
    animation: gradientBG 4s ease infinite;
    background-size: 400% 400%;
}
.btnGrey, .btnGray {
    background: #cacaca !important;
    text-transform: uppercase !important;
    font-size: 15px;
    padding: 13px 24px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    cursor: pointer;
    color: #9a9a9a;
}
.btnGrey:hover, .btnGray:hover {
    background: #9a9a9a !important;
    color: #474747 !important;
}
.btnBlue, .btnBlue {
    background: #5bc0de!important;
    text-transform: uppercase !important;
    font-size: 15px;
    padding: 13px 24px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    cursor: pointer;
}
.btnBlue:hover, .btnBlue:hover {background: #49b9de !important}
.saveDraft {
    line-height: 45px;
    height: 45px;
    padding: 0 24px;
}
.btn	{
    text-transform: uppercase !important;
    display: inline-block;
    font-weight: bold;
    padding: 11px 24px 10px;
    transition: none;
    color: #fff !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: linear-gradient(149deg, #fecd1e, rgb(255, 72, 149));
    -moz-background: linear-gradient(149deg, #fecd1e, rgb(255, 72, 149));
    -webkit-background: linear-gradient(149deg, #fecd1e, rgb(255, 72, 149));
    text-align: center;
    margin-top: 20px;
    line-height: 1;
    min-height: 40px;
    letter-spacing: none;
    font-size:15px;
    border: none;
}
.btn:hover {
    transition: none;
    background: #e54085;
}
.pay_button {
    background: #40d473 !important;
}
.pay_button:hover {
    background: #30b56d !important;
}

i.icon-right-open {
    margin-left: 10px;
    line-height: 1;
    position: relative;
    top: -2px;
}
i.icon-left-open {
    margin-right: 20px;
    line-height: 1;
    position: relative;
}
@media screen {
    .icon-right-open::before {
        font-size: 150% !important;
        vertical-align: middle;
        width: 0;
    }
    .icon-left-open::before {
        font-size: 150% !important;
        vertical-align: middle;
        width: 0;
    }
}
.btn:not(.border) i::before {margin-right: 0;}
.index-row-txt a.side-b1:visited {
    color: #ffffff!important;
    background-color: #1694ff;
}
.index-row-txt a.side-b1:hover {
    color: #ffffff!important;
    text-decoration: none;
    background-color: #03adda;
}
.index-row-txt a.side-b1:target, .index-row-txt a.side-b1:focus {
 /*   text-decoration: underline!important;*/
}
.index-row-txt  {
    font-size: 16px;
    line-height: 24px;
    color: rgb(154, 154, 154);
    margin-bottom: 15px;
}
.index-row-txt h1 {
    font-size: 28px;
    line-height: 35px;
    color: #474747;
    margin-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    letter-spacing: 0 !important;
}
.container {
    max-width: 1200px;
    width: 100%;
}
.sub-container {padding-right: 30px;}
li.sub-container a.has-sub-menu {
    cursor: pointer !important;
}
body.header-7 .menu-header {
    border-bottom: none;
    box-shadow: none;
}
.login-menu-link {margin-left: 60px;}
body.lang-en .login-menu-link    {margin-left: 60px;}
body.user_formerloggedin .login-menu-link    {margin-left: 30px;}
main#content {
    background-color: #ffffff;
    position: relative;
}
.header-g-contain {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    background: linear-gradient(to right, #E4F1F9, #99B3DB);
}
.menu-header .nav > li .sub-menu {
    right: 25px;
    margin-left: 0;
}
span.badge {
    position: relative;
    top: -1px;
}
span.badge#new {
    margin: 0 5px;
    padding: 3px 7px;
    background: #ff4895;
}

h3{
    font-size: 24px;
    font-weight: bold;
}
.btn-pink {
    background-color: #ff598e;
    border-color: #ff598e;
    color: #ffffff;
}
.btn-pink:not(.border) i:before {margin-right: 0px;}
.btn-pink i	{margin-right: 0px;}
.btn-pink:hover	{
    background-color: #fd125d;
    border-color: #fd125d;
    color: #ffffff;
}
.btn-pink a:link {color: #ffffff;}
.btn-pink a:visited	{color: #ffffff;}
.btn-pink a:hover {color: #ffffff;}
.intl-tel-input .country-list {
    min-width:226px;
    text-align: left;
    margin: 2px 0 0 -1px !important;
}
.groupon-logo {
    width: 124px;
    margin-top: -16px;
}
.appgraphic {width: 115px!important;}
.owl-wrapper-outer {margin-bottom: 2px;}
#neko-to-top {
    border-color: #148aff;
    background: #fff;
    opacity: .8;
    visibility: hidden !important; /* hidden for now */
}
#neko-to-top:hover {opacity: 1;}
#neko-to-top i {
    margin: 0;
    padding: 0;
    position: relative;
    left: -10px;
}
#neko-to-top i::before {
    color: #148aff;
    line-height: 50px;
}
.main-logo	{
    max-width: 300px;
    margin-top: 8px;
    margin-bottom: 8px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.main-logo:hover	{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
#down-scroll {
    background: #f9f9f9;
    border: 3px solid #3dbff0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 5px;
    padding-left: 9px;
    text-align: center;
    position: absolute;
    right: 10px;
    margin-top: 20px;
    z-index: 100;
}
#down-scroll i {color: #3dbff0;}
.height1 {height: 40px!important;}
.text-2x {font-size: 120%;}
.login-menu-link .sub-menu {right: 0px!important;}
.menu-header .sub-menu a {text-transform: uppercase !important;}
.menu-header .nav > li .sub-menu a:not(.btn) {transition: none;}
.menu-header .nav > li .sub-menu a:not(.btn):hover {
    color: #ff4895;
    transition: none;
}
.b-mobile {
    width: 240px!important;
    height: 57px!important;
    margin-bottom: 10px;
}
.grey-dark {
    background-color: #fff;
    color: #ffffff;
}
.acc-header  img {
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    width: 100px;
}
.greeting img {
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    width: 100px;
    float: right;
    margin: -20px 0 10px 15px;
    background: #f7f7f7;
}
.feature-box	{width: 600px;}
.clear	{
    width: 100%;
    height: 5px;
    clear: both;
}
.intl-tel-input .country-list {
    list-style: none;
    position: absolute;
    z-index: 2;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    background-color: #ffffff!important;
    border: 1px solid #CCC;
    height: 200px;
    overflow-y: scroll;
}
.intl-tel-input .country-list .flag, .intl-tel-input .country-list .country-name {color: #636363;    font-size: 11px;}
.intl-tel-input .country-list .country .dial-code {
    font-size: 12px;
}
#ajax-loading-overlay	{
    background-color: #000;
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0.25;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2000;
}
.bs-ajax_download_popup-modal {z-index: 2001;}
.bs-ajax_login_register_popup-modal div.register_form { display: none; }
.bs-ajax_login_register_popup-modal .blue-l a:link {text-decoration: none;}
.bs-ajax_login_register_popup-modal .blue-l a:hover {text-decoration: underline;}
.modal.from-top .modal-dialog{
    -webkit-transform: translateY(-300%);
    -moz-transform: translateY(-300%);
    -ms-transform: translateY(-300%);
    -o-transform: translateY(-300%);
    transform: translateY(-300%);
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
}

.modal.in .modal-dialog {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
}

.modal.in .modal-dialog.top-bottom-shake {
    animation: top-bottom-shake 1s cubic-bezier(.36,.07,.19,.97) both;
    backface-visibility: hidden;
    perspective: 1000px;
}

#ajax-loading-overlay > div {
    margin: 10% auto auto;
    position: relative;
    width: 6%;
    display: none;
}
#ajax-loading-overlay > div img {
    display: none;
}
.positionRelative{position:relative;}
.ajax_loading_small	{
    display: none;
    position:relative;height:20px;top:33%;right:10%;
}
.ajax_loading_small2 {
    font-size:18px!important;
    margin-right:-15px;
    color:#fff;
}
.ajax_loading_small_left {
    font-size:18px!important;
    margin-left:-15px;
    color:#fff;
}
.modal-backdrop.in {
    filter: alpha(opacity=45);
    opacity: .75;
}

.icecream-animation-container {
    height: 125px;
    overflow: hidden;
}
.icecream-animation-container lottie-player {
    margin-top: -130px;
    height: 120px;
}

.success-animation-container {
    height: 72px;
}

/* CSS to hide Honeypot Fields */
form .h-form-fields {display: none;}
.m-height	{height: 200px;}
.nav.nav-tabs > li > a:hover{
    background-color: #dddddd!important;
    border-bottom: 1px solid white;
}
.nav-tabs>li>a {border: none;}
.owl-theme.neko-owl-theme-1 .owl-controls .owl-pagination {opacity: 0;}
#main-footer .footer-widget p, #main-footer  .footer-widget ul li, #main-footer .form-group input  {
    font-size: 14.4px;
    font-family: Roboto;
    color: #9a9a9a;
}

.cta-box-text h1 {font-size: 24px;}
.form-control {font-size: 15px;}
a:link {color: #ff4895;}
a:visited {color: #ff4895;}
a:hover, a:focus, a:active {
    color: #e54085;
    text-decoration: none;
}
a.text-link:link {
    color: #474747;
    text-decoration: underline;
}
a.text-link:visited {
    color: #474747;
    text-decoration: underline;
}
a.text-link:hover, a.text-link:focus, a.text-link:active {
    color: #474747;
    text-decoration: none;
}
.box-icon a:hover h1, .box-icon a:hover h2, .box-icon a:hover h3, .box-icon a:hover h4, .box-icon a:hover h5, .box-icon a:hover p {color: #808080;}
.ac-form input {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    height: 56px;
}
.ac-form select	{margin-bottom: 5px;}
.ac-form .countrywahl {margin-bottom: 5px;}
.rounded {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
#currencySelect {
    width: 237px;
    color: #333 !important;
}
.form-group label {float:left;}
.acc-nav ul	{
    margin: 0;
    padding: 0;
}
.acc-nav li	{
    float: left;
    list-style: none;
}
.acc-nav a	{font-size: 14px;}
.acc-nav a:visited	{color: #808080;}
.acc-nav a:hover	{
    color: #ff4895;
    text-decoration: none;
}
.my_account .strip	{padding-top: 0px;}
#my_account_tabs {
    display: table;
    padding: 0;
    margin: 0;
    list-style: none;
}
#my_account_tabs li {
    display: table-cell;
    line-height: 30px;
    padding: 12px 20px 10px;
}
#my_account_tabs a:link {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;
    display: block;
    color: #808080;
}
.acc-nav .active a:link,
.acc-nav .active a:visited {
    font-weight: bold !important;
    color: #ff4895;
}
.acc-nav .active  {border-bottom: 3px solid #ff4895;}
.acc-bal {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    line-height: 1;
    font-size: 40px;
    background: #eee;
    padding: 20px 0;
}
.mg-left {margin-left: 70px;}
#my_account_content_container .mg-left	{margin-left: 0;}
.acc-header	{
    width: 100%;
    text-align: left;
    color: white;
    font-size: 24px;
}
.grey-txt {color: #9a9a9a;}
.form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url("https://img-6aa0.kxcdn.com/form-roll.png") no-repeat right center;
    height: 26px;
    padding-top: 0px;
}
.form-control {color: #474747!important}
.form-group-50 {width: 50%;}
.bs-ajax_contact_popup-modal {color: #9a9a9a!important;}
.bs-ajax_press_popup-modal {
    font-size: 14px;
    color: #9a9a9a!important;
}
.bs-ajax_press_popup-modal p {padding-right: 10px;}
.txtl {
    font-size: 18px;
    font-weight: normal;
    margin-left: 0px!important;
}
.padded	{
    margin-left: 16px;
    margin-right: 10px;
}
.pdright {margin-left: 10px!important;}
.blue-l a:link	{
    color: #474747!important;
    text-decoration: underline;
}
.blue-l a:visited {color: #474747!important;}
.blue-l a:hover	{
    color: #ff4895!important;
    text-decoration: none;
}
.blue-l2 a:link	{
    color: #474747!important;
    text-decoration: none;
}
.blue-l2 a:visited	{
    color: #474747!important;
}
.navbar-default .navbar-nav>li.blue-l2>a:hover {
    color: #ff4895!important;
    text-decoration: none;
}
.os-l a:link {
    border: 1px solid #9a9a9a;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
    padding-left: 5px!important;
    padding-right: 5px!important;
    text-decoration: none;
    margin-top: 22px;
}
.os-l a:visited	{
    border: 1px solid #9a9a9a;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-left: 5px!important;
    padding-right: 5px!important;
    text-decoration: none;
}
.os-l a:hover {
    border: 1px solid #9a9a9a;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-left: 5px!important;
    padding-right: 5px!important;
    text-decoration: none;
    color: #3dbff0!important;
}
.grey a:link {color: #9a9a9a!important;}
.grey a:visited	{color: #9a9a9a!important;}
.grey a:hover {
    color: #9a9a9a!important;
    text-decoration: underline;
}
.grey2 a:link {
    color: #9a9a9a!important;
    text-decoration: underline;
}
.grey2 a:visited {color: #9a9a9a!important;}
.grey2 a:hover {
    color: #9a9a9a!important;
    text-decoration: none;
}
.checkbox a:link {
    color: #666666!important;
    text-decoration: underline;
}
.checkbox a:visited	{color: #666666!important;}
.checkbox a:hover {
    color: #666666!important;
    text-decoration: none;
}
.half {width: 50%;}
.fbg1 {
    background-image: url('https://img-6aa0.kxcdn.com/form-bg1.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: 25px;
}
.fbg2 {
    background-image: url('https://img-6aa0.kxcdn.com/form-bg2.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: 25px;
}
.pass-link {
    text-align: right;
    display: block;
    margin-bottom: 36px;
}
.image-23 {background-image: url('https://img-6aa0.kxcdn.com/team.jpg');}
.form-group {margin-bottom: 6px;}
.nav.nav-tabs > li > a {
    color: #262626!important;
    height: 60px;
    line-height: 35px;
}
input[type='checkbox'] {
    height: 20px;
    width: 20px;
    margin-left: -30px!important;
}
.checkbox label	{padding-left: 30px;}
.popup-btn {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 15px;
}
.close {
    opacity: 1;
    margin-top: -20px;
    padding-bottom: 14px!important;
}
.blue {
    background-image: url('https://img-6aa0.kxcdn.com/blue-gradient.jpg');
    background-repeat: repeat-y;
}
.pink {
    background-image: url('https://img-6aa0.kxcdn.com/pink-gradient.jpg');
    background-repeat: repeat-y;
    background-color: #ec549d;
    width: 100%;
}
.pink-text {color: #ec549d !important;}
a.pink-text:visited {color: #ec549d !important;}
.yellow	{
    background-image: url('https://img-6aa0.kxcdn.com/yellow-gradient.jpg');
    background-repeat: repeat-y;
}
.centered {text-align: center;}
#main-footer .btn.small	{
    font-size: 20px;
    padding: 4px 10px;
    width: 13%;
    border-bottom: 1px solid #a3a3a3;
}
#main-footer input {
    float: left;
    width: 87%;
}
li.lang-link {
    margin-left: 30px !important;
    padding-right: 10px;
    list-style: none;
}
li.curr-link {
    margin-left: 0px !important;
    padding-right: 2px;
}
li.curr-link a.has-sub-menu {margin-left: 5px !important;}

@media screen {
    #globe .fa.fa-globe {
        font-size: 24px;
        color: #474747;
        position: relative;
        top: 27px;
        left: 2px;
        vertical-align: bottom;
        margin-left: 15px;
        text-align: right;
    }
}
.app-download {
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
}
.d-panels {
    float: left;
    width: 31.3%;
    margin-left: 1%;
    margin-right: 1%;
    text-align: center;
}
.d-panels-w	{
    float: left;
    width: 62.6%;
    margin-left: 1%;
    margin-right: 1%;
    text-align: center;
}
.d-panels-w form {padding-right: 16px;}
.left {text-align: left!important;}
.right {text-align: right !important;}
.d-panels .intl-tel-input {
    margin-left: 5%;
    display: block;
    margin-top: -39px;
}
.d-panels .input-panel {width: 95%;}
.d-panels img {width: 100%;}
.b-right {border-right: 1px solid #dddddd;}
.b-left {border-left: 1px solid #dddddd;}
.input-panel {
    margin-top: 20px;
    width: 90%;
    margin-left: 5%;
}
.d-panels .btn {
    width: 90%!important;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 10px;
}
.confirm-panel {
    background-color: #dddddd;
    padding: 15px!important;
    text-align: right;
    -moz-border-radius: 0 0 10px 10px!important;
    -webkit-border-radius: 0 0 10px 10px!important;
    border-radius: 0 0 10px 10px!important;
}
.c-panel-header	{text-align: center;}
.c-panel-header p {margin-top: 10px;}
.grey-title	{
    width: 100%;
    text-align: center;
    font-size: 13px;
    background-image: url('https://img-6aa0.kxcdn.com/score-bg.jpg');
    background-position: 50% 50%;
    background-repeat: repeat-x;
    max-width: 1160px;
    margin: 0 auto;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.grey-title h2 {
    background-color: #d4d4d4;
    width: 120px;
    margin: 0 auto;
    color: #808080 !important;
    font-size: 12px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}
.modal-body .centered {text-align: center;}
.modal-body .grey-title	{
    margin: 20px 0;
    width: 80%;
}
.modal-body .grey-title h2 {
    background-color: #ffffff;
    text-transform: none;
    font-weight: normal;
    font-size: 16px;
}
.icon-heading {
    width: 100%;
    text-align: center;
    margin-top: -20px;
}
.btn-success, .btn.success {
    color: #fff!important;
    background-color: #33b517;
    border-color: #4cae4c;
}
.btn-grey {
    color: #fff!important;
    background-color: #e5e5e5;
    border-color: #e5e5e5;
    margin-top: 10px;
}
.icon-left {
    float: left;
    padding-top: 6px;
    margin-right: 10px;
}
.icon-left2	{
    float: left;
    margin-right: 10px;
}
.icon-custom-phone {
    background-image: url('https://img-6aa0.kxcdn.com/phone-icon.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    display: inline-block;
    margin: 0;
    font-stretch: normal;
    height: 31px;
    width: 31px;
    margin-bottom: 0px!important;
}
.icon-custom-email	{
    background-image: url('https://img-6aa0.kxcdn.com/email-icon.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    display: inline-block;
    margin: 0;
    font-stretch: normal;
    height: 31px;
    width: 31px;
    margin-bottom: 0px!important;
}
.owl-theme .owl-controls .owl-buttons .owl-next, .owl-theme .owl-controls .owl-buttons .owl-prev {background: none;}
.owl-theme .owl-controls .owl-buttons .owl-next:hover, .owl-theme .owl-controls .owl-buttons .owl-prev:hover {background: none;}
.owl-theme .owl-controls .owl-buttons div {font-size: 36px;}
.form-strip-l .form-control  {height: 42px;}
img.img-fw-lg {width: 100%!important;}
.image-sf {background-position: top center!important;}
.image-pr {background-position: top center!important;}
.space-img	{
    width: 100%;
    max-height: 500px;
}
footer#main-footer {
    background-color: #ffffff;
    border-top: none;
    color: #9a9a9a !important;
    padding-top: 50px;
    padding-bottom: 60px;
}
#main-footer h3	{
    padding-bottom: 5px;
    border-bottom: 2px solid #f2f2f2;
    color: #9a9a9a !important;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}
#main-footer ul, #main-footer li	{
    padding: 0;
    margin: 0;
    list-style: none;
}
#main-footer .row2{margin-top: 30px;}
#main-footer a:link, #main-footer a:visited	{color: #808080!important;}
#main-footer a:hover {color: #e54085!important;}
.container2	{
    width: 87%;
    margin-left: 5%;
    margin-right: 5%;
}
.nav-tabs {
    background-color: #ddd;
    border-bottom: 0px;
}
.nav-tabs>li {
    float: left;
    margin-bottom: 0px;
    width: 50%;
    border: 0px;
    text-align: center;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: 1px solid white;
    background-color: white!important;
}
.tab-content {
    padding: 24px;
    background-color: white;
    border: 0px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}
.tab-content>.active {overflow: hidden;}
.app-download .tab-content>.active {overflow: visible;}
.navbar-brand{
    padding-top: 14px;
    padding-bottom: 10px;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text {
    color: #474747;
    font-family: Roboto;
}
.navbar-default .navbar-nav>li>a i.fa {
    font-size: 1.5rem;
    margin-left: 10px;
}
.navbar-default .navbar-nav>li>a:hover {
    color: rgb(255, 72, 149) !important;
    text-decoration: underline;
}
.menu-header .navbar-default .navbar-nav > li:hover > a:not(.btn):after {border-color: #ffffff!important;}
.menu-header .nav a {font-size: 14px;}
.menu-header .nav > li .sub-menu {background-color: #e1e1e1;}
.lines{
    background-image:url('https://img-6aa0.kxcdn.com/lines.png');
    background-position: right;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    margin-top: -20px;
    margin-right: -30px;
    width: 23px;
    display: block;
}
.arrow{
    background-image:url('https://img-6aa0.kxcdn.com/arrow.png');
    background-position: right;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    margin-top: -20px;
    margin-right: -15px;
    width: 30px;
    display: block;
}
.menu-header .nav > li .sub-menu {text-align: right;}
.login-menu-link{
    position: relative;
    left: 0px;
    margin-left: 0;
}
body.user_formerloggedin .login-menu-link {margin-left: 0;}
.lang-text{
    visibility: visible;
    font-family: Roboto;

}
li.lang-link{
    padding-left: 0!important;
    margin-left: 0!important;
}
.modal-content {
    padding: 0;
    border-radius: 5px;
}
.modal-body {padding: 0;}
.fullcoveredvideo {
    top:auto!important;
    bottom:0!important;
}

/*
|--------------------------------------------------------------------------
                         CUSTOM ADDITIONS, Sebastian
|--------------------------------------------------------------------------
*/
/**
*** GENERAL
**/

.nekoPaddingTopFix {margin-top: -81px !important;}
.responsive100 {max-width: 100% !important;}
.bg-grey {background: #f7f7f7;}
.bg-dark {background: #474747;}
.bg-pink {background: #ff4895;}
.bg-blue {background: #148aff;}
body:not(#de) .visible-de {display: none;}
body:not(#gb) .visible-en {display: none;}
body:not(#us) .visible-us {display: none;}
body:not(#es) .visible-es {display: none;}
body:not(#nl) .visible-nl {display: none;}
body#de .hidden-de {display: none;}
body#gb .hidden-en {display: none;}
body#us .hidden-us {display: none;}
body#es .hidden-es {display: none;}
body#nl .hidden-nl {display: none;}
body#pt .hidden-pt {display: none;}
body#fr .hidden-fr {display: none;}
body#sv .hidden-sv {display: none;}
body#it .hidden-it {display: none;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: #e54085;}
.hamburger-btn {
    color: rgb(154,154,154);
    height: 40px;
    width: 40px;
    border-radius: 50% !important;
    text-align: center;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
.hamburger-btn:hover {
    background-color: transparent !important;
    color: #474747;
}
.menu-header .nav > li .sub-menu a:not(.btn) {
    color: #9a9a9a;
    font-family: Roboto;
    text-transform: initial !important;
    font-weight: bold;
}
ul.nav ul.sub-menu {
    top: 65px !important;
}
#acc_greeting {
    padding-right: 60px;
    padding-left: 6px;
    text-transform: uppercase;
}
#acc_offer {
    padding-right: 60px;
    padding-left: 6px;
}
#acc_offer .fa {
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
#formerloggedin {padding-right: 10px;}
#notformerloggedin {
    background: white;
    padding-right: 10px;
}
#appBadge {
    margin: 0 5px;
    padding: 3px 7px;
    background: #ff4895;
}
a.logout-link {float: right;}
a.logout-link::after {clear: both;}
#scrollDownArrow {display: none;}
@-moz-keyframes scrollDownAnimation {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}
@-moz-keyframes scrollDownAFadeIn {
    0%,50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes scrollDownAnimation {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}
@-webkit-keyframes scrollDownAFadeIn {
    0%,50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes scrollDownAnimation {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}
@keyframes scrollDownAFadeIn {
    0%,50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/**
*** MENU
**/
nav.navbar {list-style: outside none none;}
.navbar {
    min-height: auto;
    border: none;
}
#notformerloggedin .navbar {list-style: none;}
#navAppDownload a {
    background: #ff4895;
    border-radius: 25px;
    color: #fff !important;
    margin: 18px 0 15px 15px;
    padding: 10px 15px;
    text-align: center;
}
#navAppDownload a:hover {background: #e54085;}
#navAppDownload.ab a {
    background: #fff;
    border-radius: 25px;
    color: #ff4895 !important;
    margin: 16px 0 13px 14px;
    padding: 10px 15px;
    text-align: center;
    border: 2px solid #ff4895;
}
#navAppDownload.ab a:hover {
    background: #e54085;
    color: #fff !important;
    border: 2px solid #e54085;
}
#navAppDownload i {
    -moz-transform: scale(1.8);
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    padding: 0 0 0 5px;
}
#mainNavSearch {
    margin-top: 20px;
    margin-right: -30px;
    position: relative;
}
#mainNavSearchForm {margin-top: 0;}
#mainNavSearchField {
    width: 240px;
    padding-right: 30px;
    font-family: Roboto;
    font-weight: bold;
    color: rgb(154, 154, 154) !important;
    border: none;
    background-color: rgb(239,239,239);
}
#mainNavSearchField:hover {
    border: 1px solid #ff4895 ;
}

#searchingCourtain {
    position: fixed;
    top: 113px;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    background-color: #474747;
    opacity: 0.4;
}

#mainNavSearchField:active, #mainNavSearchField:focus {
    border: 3px solid rgba(255, 72, 149, 0.6) !important;
}
#mainNavSearchBtn {
    margin-top: 0;
    letter-spacing: 0;
    background: transparent;
    border: none;
    position: relative;
    left: -40px;
}
#mainNavSearchBtn:focus {outline-style: none !important;}
.mainNavSearchSuggestions {list-style: none !important;}
#mainNavSearchSuggestionContainer h3 {margin-top: 0;}
#search_suggest_list {
    list-style: none !important;
    margin-bottom: 20px;
    margin-right: -30px;
}
#search_suggest_list a.pick_suggest {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
#search_suggest_container li a {color: #888;}
#search_suggest_container .suggest_highlight {
    color: #ff4895;
    font-weight: bold;
}
/* Mega Menu */
.menu-header .nav > li .sub-menu {
    background-color: #ffff;
    border-radius: 10px;
    border: 1px solid rgb(236, 236, 236);
    -webkit-box-shadow: rgba(0,0,0,0.109804) 0px 10px 10px 2px;
    -moz-box-shadow: rgba(0,0,0,0.109804) 0px 10px 10px 2px;
    box-shadow: rgba(0,0,0,0.109804) 0px 10px 10px 2px;
}
#megaMenu > div {
    padding-top: 20px;
    padding-bottom: 20px;
}
#megaMenu .megaMenuImg {
    /*border: 6px solid #fff;*/
    margin-left: 20px;
    max-height: 236px;
    width: 100%;
    margin-top: 5px;
    border-radius: 8px;
}
.dropdown-menu{
    padding:0 0;
}

.ftr_currency{
    display: inline-block;
}
.languageVersionBar1 Button,
.ftr_currency button{
    margin:3px;
    background: #333 !important;
    border: 1px solid #222 !important;
    padding: 10px;
    min-width: 90px;
    text-align: left;
    font-size: 13px;
    letter-spacing: 0px !important;
    position:relative;
    float:left
}

.languageVersionBar1 button:hover,
.ftr_currency button:hover{
    background: #333 !important;
    border: 1px solid #222 !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color:#f31472;

}
.languageVersionBar1 ul.dropdown-menu{
    top: auto;
    bottom: 100%;
    background-color: #333;
    min-width: 94px;
    margin-left: -94px;
    font-weight: normal;
    line-height: 35px;

}
.dropdown-menu>li>a {
    display: block;
    clear: both;
    font-weight: bold;
    line-height: 3;
    color: rgb(154, 154, 154);
    white-space: nowrap;
    font-family: 'Roboto', sans-serif;
    font-size: smaller;
    letter-spacing: 1px;

}


.languageVersionBar1 li img {
    width: 18px;
    height: 2%;
    margin-right: 5px;
    margin-left :5px;

}
.ftr_currency ul.dropdown-menu {
    top: auto;
    bottom: 100%;
    background-color: #333;
    min-width: 90px;
    margin-left: 2px;
}

.languageVersionBar1 button span.caret,
.ftr_currency button span.caret{
    position:absolute;
    right:5px;
    top:15px;
    transform: rotate(180deg);
}
i#languageVersionBarIcon {
    float: left;
    color: #fff;
    padding-top: 10px;
}

label.dropdown_lang {
    color: #bf2b2b;
    padding: 8px;
    float:left;
    font-family: 'lato', sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 0;
    padding: 10px 0;
    text-transform: uppercase;
    color: #ddd;
    margin-left: 9px;
    margin-top: 2px;
}


#megaMenu .megaMenuImg:not(.current) {display: none;}
#megaMenu .megaMenuImg.current {display: block;}
#megaMenu li {text-align: left;}
.menu-header .nav > li .sub-menu #megaMenu a:not(.btn) {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
#main_search_samples {
    position: absolute;
    top: 50px;
    right: 50px;
    width: 440px;
    max-width: 100%;
    z-index: 1;
    background: #efefef;
    box-shadow: rgba(0,0,0,0.109804) 0px 10px 10px 2px;
    padding: 30px;
}
#main_search_samples.sub-menu {
    min-width: 660px;
    width: 660px;
    border-radius: 10px;
    background-color: white;
    border: 1px solid rgb(236, 236, 236);
}
#mainNavSearchSuggestionContainer h3 {
    font-size: 16px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}
.mainNavOtherSuggestions {list-style: none;}
#mainNavSearchSuggestionContainer .suggestionsLeft {
    margin-left: -30px;
    padding: 0;
}
#mainNavSearchSuggestionContainer .suggestionsLeft a:hover{
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
#mainNavSearchSuggestionContainer .suggestionsRight {
    margin-right: -30px;
    padding: 0;
}
#mainNavSearchSuggestionContainer .suggestionsRight a:hover{
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
#mainNavSearchSuggestionContainer .suggestionsRight a{
    padding-right: 30px;
}

.bottomSuggestionContainer a {
    padding-right: 0 !important;
    width: max-content !important;
    margin-left: auto;

}
.bottomSuggestionContainer a span{
    margin-right: 10px !important;
    display: block;
}
.bottomSuggestionContainer a:hover {
    border-radius: 8px;
    width: max-content !important;
    margin-left: auto;
}

.bottomSuggestionContainer a:hover span{
    margin-right: 10px !important;
}

#mainNavSearchSuggestionContainer a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
/* Mobile Lang Link*/
.navbar-fixed-top .navbar-collapse {max-height: 550px;}
.mobileNavLangLink {margin-left: 6px;}
.mobileNavLangLink li {line-height: 20px!important;}
.mobileNavLangLink > li > a {
    padding: 10px 15px;
    color: #474747;
}
.mobileNavLangLink li .fa-globe {padding-right: 10px;}
.mobileNavLangLink li .fa-chevron-down {
    padding-left: 5px;
    position: relative;
    top: -2px;
}
.mobileNavLangLink .lang-sub {list-style: none;}
.mobileNavLangLink .lang-sub li {padding: 5px;}
.mobileNavLangLink .lang-sub li a {color: #9a9a9a;}

.lang-sub {
    -webkit-box-shadow: rgba(71,71,71,0.7) 0px 0px 3px 0px;
    -moz-box-shadow: rgba(71,71,71,0.7) 0px 0px 3px 0px;
    box-shadow:rgba(71,71,71,0.7) 0px 0px 3px 0px;
}
/* Mobile Shop All */
#shopAllMobile .shopAllMobileSub {list-style: none;}
#shopAllMobile .shopAllMobileSub li {padding: 5px;}
#shopAllMobile .shopAllMobileSub li a {
    color: #9a9a9a;
    font-size: 12px;
    letter-spacing: 0;
    white-space: nowrap;
    padding: 4px 0;
    font-family: Roboto;
}
#shopAllMobile .shopAllMobileSub li a:hover, #shopAllMobile .shopAllMobileSub li a:active {
    color: #FF4895;
}
    /**
    *** BUTTONS
    **/
.btn.fully-rounded {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 18px 36px;
    font-size: 16px;
    margin: 10px 0;
}
.btn.fully-rounded-extended {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 18px 66px 18px 36px;
    font-size: 16px;
    margin: 10px 0;
}
.btn.fully-rounded-small {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 12px 20px;
    font-size: 14px;
    margin: 10px 0;
}
.btn.fully-rounded.outline {
    background: transparent !important;
    color: #ff4895 !important;
    border: 2px solid #ff4895;
    transition: all ease-in-out .25s;
}
.btn.fully-rounded.outline:hover {
    color: #fff !important;
    background: #e54085 !important;
    border: 2px solid #e54085 !important;
}
.btn.fully-rounded.white {
    background: #fff !important;
    color: #ff4895 !important;
    border: 2px solid #ff4895;
    transition: all ease-in-out .25s;
}
.btn.fully-rounded.white:hover {
    color: #fff !important;
    background: #e54085 !important;
    border: 2px solid #e54085 !important;
}
.sprite {
    background-image: url('https://img-6aa0.kxcdn.com/spritesheet.png');
    background-repeat: no-repeat;
    display: block;
}
.sprite_row {
    display: block;
    margin: 0 auto;
}
.sprite_row i {
    display: inline-block;
    margin: 0;
}
.sprite-american-express {
    width: 50px;
    height: 50px;
    background-position: -5px -5px;
}
.sprite-app-sms {
    width: 200px;
    height: 73px;
    background-position: -5px -65px;
}
.sprite-app-store {
    width: 200px;
    height: 73px;
    background-position: -5px -148px;
}
body:not(#de) .grey-panel .sprite_row{display: none;}
body:not(#de) .sprite-app-store {
    width: 200px;
    height: 73px;
    background-position: -5px -231px;
}
.sprite-facebook {
    width: 50px;
    height: 50px;
    background-position: -5px -314px;
}
.sprite-google-play {
    width: 200px;
    height: 73px;
    background-position: -5px -374px;
}
body:not(#de) .sprite-google-play {
    width: 200px;
    height: 73px;
    background-position: -5px -457px;
}
.sprite-instagram {
    width: 50px;
    height: 50px;
    background-position: -5px -540px;
}
.sprite-mastercard {
    width: 83px;
    height: 50px;
    background-position: -5px -600px;
}
.sprite-app-store-ratings {
    width: 160px;
    height: 42px;
    background-position: -5px -660px;
}
.sprite-mypostcard-choose-product-produkt-auswaehlen {
    width: 100px;
    height: 100px;
    background-position: -5px -712px;
}
.sprite-mypostcard-gestalten-personalisieren-personalize-style {
    width: 100px;
    height: 100px;
    background-position: -5px -822px;
}
body:not(#de) .sprite-app-of-the-year {
    width: 100px;
    height: 37px;
    background-position: -5px -932px;
}
.sprite-app-of-the-year {
    width: 100px;
    height: 39px;
    background-position: -5px -979px;
}
.sprite-mypostcard-send-versenden {
    width: 100px;
    height: 100px;
    background-position: -5px -1028px;
}
.mp-register {
    width: 100px;
    height: 100px;
    background-image: url('https://img-6aa0.kxcdn.com/Register.png');
    background-repeat: no-repeat;
    display: block;
}
.mp-euro {
    width: 100px;
    height: 100px;
    background-image: url('https://img-6aa0.kxcdn.com/Euro-100.png');
    background-repeat: no-repeat;
    display: block;
}
.mp-design {
    width: 100px;
    height: 100px;
    background-image: url('https://img-6aa0.kxcdn.com/Design.png');
    background-repeat: no-repeat;
    display: block;
}
.sprite-partner1 {
    width: 47px;
    height: 50px;
    background-position: -5px -1138px;
}
.sprite-partner2 {
    width: 145px;
    height: 50px;
    background-position: -5px -1198px;
}
.sprite-partner3 {
    width: 225px;
    height: 50px;
    background-position: -5px -1258px;
}
.sprite-partner4 {
    width: 118px;
    height: 50px;
    background-position: -5px -1318px;
}
.sprite-partner5 {
    width: 112px;
    height: 50px;
    background-position: -5px -1378px;
}
.sprite-partner6 {
    width: 138px;
    height: 50px;
    background-position: -5px -1438px;
}
.sprite-paypal {
    width: 225px;
    height: 50px;
    background-position: -5px -1498px;
}
.sprite-sofort-ueberweisung {
    width: 158px;
    height: 50px;
    background-position: -5px -1558px;
}
body:not(#de) .sprite-sofort-ueberweisung {display: none;}
.sprite-twitter {
    width: 50px;
    height: 50px;
    background-position: -5px -1618px;
}
.sprite-visa {
    width: 163px;
    height: 50px;
    background-position: -5px -1678px;
}

/**
*** HOME
**/

/**
*** HERO AREA
**/
#hero {padding: 10px 0 80px;}
#hero img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
#hero h1 .upper {
    color: #111;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 15px;
    display: block;
    letter-spacing: 1px;
}
#hero h1 .lower {
    font-size: 40px;
    line-height: 40px;
    color: #333;
    text-transform: none;
    margin-bottom: 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    display: block;
    opacity: 1;
}
#hero .btn {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 18px 36px;
    font-size: 16px;
    margin: 10px 0;
    -ms-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    font-family: Roboto;
    border: none;
}

#hero .btn.rainbow-hover:before {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

#hero .browse-now {
    min-width: 220px;
    height: 65px;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    padding: 20px;
    margin-bottom: -30px;
}

#hero .browse-now svg {
    position: absolute;
    top: 0;
    left: -4px;
    display: inline-block;
    overflow: visible;
    fill: none;
    visibility: visible;
}

#hero .browse-now svg rect {
    width: 99% !important;
    stroke-width: 2;
    stroke-dasharray: 353, 0;
    stroke-dashoffset: 0;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
    display: block;
    fill: none;
}
#hero .browse-now:hover, #hero .browse-now:hover span{
    text-decoration: none !important;
}
#hero .browse-now:hover svg rect {
    stroke-width: 3;
    stroke-dasharray: 110%, 222%;
    stroke-dashoffset: 183%;
}
#hero .browse-now span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    font-size: 18px;
    font-weight: bold;
    font-family: Roboto;
}
#hero .browse-now:active, #hero .browse-now:focus, #hero .browse-now:visited {
    background-color: transparent !important;
    background: transparent;
    border: none;
}
#hero .browse-now:active .spinner-icon, #hero .browse-now:focus .spinner-icon{
    position: absolute;
    top: 27px;
    left: 25%;
}
/* Click Animation
+ add transition to #hero .btn
*/
#hero .btn:active {
    -webkit-transform: scale(0.975);
    -ms-transform: scale(0.975);
    transform: scale(0.975);
}
#hero .btn.outline {
    background: transparent !important;
    color: #ff4895 !important;
    border: 2px solid #ff4895;
    -moz-transition: all ease-in-out .25s;
    -ms-transition: all ease-in-out .25s;
    -webkit-transition: all ease-in-out .25s;
    transition: all ease-in-out .25s;
}
#hero .btn.outline:hover {
    color: #fff !important;
    background: #e54085 !important;
    border: 2px solid #e54085 !important;
}
#hero .app_icons {display: none;}
/*svg#scrollDown {
    enable-background: new 0 0 512 512;
    width: 50px;
    fill: #d4d4d4;
    display: block;
    margin: 100px auto 0;
    animation: upDown 4s infinite;
}*/
i#scrollDown {
    color: #d4d4d4;
    font-size: 30px;
    display: block;
    margin: 100px auto 0;
    -webkit-animation: upDown 4s infinite;
    animation: upDown 4s infinite;
    opacity: 0.8;
}
@-webkit-keyframes upDown {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-20px);
    }
    60% {
        transform: translateY(-10px);
    }
}

@keyframes upDown {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-20px);
    }
    60% {
        transform: translateY(-10px);
    }
}
/**
*** Home (Mobile) HOW IT WORKS
**/
#home-mobileHowItWorks {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #f1f1f1;
}
#home-mobileHowItWorks h5.hiw-subtitle {
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    font-weight: normal;
    font-family: 'Lato', sans-serif;
    margin: 5px 0;
}
#home-mobileHowItWorks .col-md-4 {text-align: center;}
#home-mobileHowItWorks img {width: 60px;}
/**
*** PRODUCT SECTION
**/
#allProductsHeader {
    text-transform: uppercase;
    text-align: center;
    margin: 10px auto 70px;
    font-size: 3rem;
}
/*HOME*/
.home-productContainer {margin: 80px 0;}
.home-productImageContainer {margin: 0;}
.home-productImageContainer img {width: 100%;}
.home-productImageContainer h2 {text-transform: uppercase !important;}
.home-productDescription {padding: 40px 20px 10px;}
.home-productDescription.hover h1{
    color: #ff4895;
}

.home-productDescription.rainbow-color h1{
     background: linear-gradient(to right, rgb(254, 205, 29), rgb(255, 72, 149), rgb(21, 138, 255));
     background-size: 200% 200%;
     -webkit-animation: rainbow-text 2s ease-in-out infinite;
     -o-animation: rainbow-text 2s ease-in-out infinite;
     animation: rainbow-text 2s ease-in-out infinite;
     background-clip: text;
     -webkit-background-clip:text;
     color: transparent;
     -webkit-transition: color 0.2s ease-in-out;
     -moz-transition: color 0.2s ease-in-out;
     -ms-transition: color 0.2s ease-in-out;
     -o-transition: color 0.2s ease-in-out;
     transition: color 0.2s ease-in-out;
   }
.home-productDescription.rainbow-color h1.photobook-header {
    color: #474747;
    transition: none;
    background: none;
}

.home-productDescription p {
    font-family: Roboto;
}
/*AB-HOME*/
.ab-productImageContainer {
    margin: 40px auto 0px;
    text-align: center;
}
.ab-productImageContainer img {width: 100%;}
.ab-productImageContainer h2 {text-transform: uppercase !important;}
.productDescription {padding: 20px 10px 30px;}
/**
*** SUBHEADER
***/
.subheader h2 {
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-align: center;
    line-height: 36px;
    margin-top: 60px;
    margin-bottom: 50px;
    color: #474747;
    text-transform: initial;
}
/**
*** HOW IT WORKS
***/
.index-grey h2 {
    margin-top: 30px !important;
    margin-bottom: 40px !important;
}
.index-grey h3 {
    color: #333;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase !important;
}
.index-grey p {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 24px;
    color: #474747;
}
/**
*** SEO PRODUCT INFO
***/
.home-productInfo {
    background: #f2f2f2;
    padding-bottom: 60px;
}
.home-productInfo p a{
    text-decoration: underline;
}
.home-productInfo p a:hover{
    color:#ff4895 !important;
}

.banner-france {
    padding: 40px 0;
    background-color: #F7F7F7;
}
.banner-france__container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px;
    justify-items: center;
    align-items: start;
}
.banner-france__badge {
    display: flex;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.banner-france__text {
    margin-top: 12px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
}
.banner-france__image {
    height: 80px;
}

section.zentriert-text .header_postcard {
    text-align: center;
    padding-bottom: 28px;
}

/**
*** SUBPAGES
**/
/**
*** General
**/
#subpage_hero {
    margin-top: 40px;
    padding: 20px 0;
    background-size: cover !important;
}

#subpage_hero h1 {
    font-size: 30px;
    line-height: 32px;
    color: #333;
    text-transform: none;
    margin-bottom: 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
}
.hero_subheading {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: var(--myp-main-color);
}
.sub_content {padding: 60px 0 80px;}
/**
*** Gift Card
**/
#card_container {
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    height: 200px;
    margin: 25px auto;
}
.card_15 {background: url('https://img-6aa0.kxcdn.com/mypostcard-pattern-white20.png') 50% 50% #fecd1e;}
.card_25 {background: url('https://img-6aa0.kxcdn.com/mypostcard-pattern-white20.png') 50% 50% #148aff;}
.card_50 {background: url('https://img-6aa0.kxcdn.com/mypostcard-pattern-white20.png') 50% 50% #ff4895;}
.card_100 {background: url('https://img-6aa0.kxcdn.com/mypostcard-pattern-white20.png') 50% 50% #111;}
.card_value {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 52px;
    line-height: 52px;
    color: #fff;
    position: absolute;
    top: 25px;
    left: 25px;
}
.card_credit {
    font-family: 'Lato', sans-serif;
    font-weigt: normal;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    position: absolute;
    left: 25px;
    top: 75px;
}
#card_btn {
    position: absolute;
    right: 25px;
    bottom: 25px;
    background: #fff !important;
    box-shadow: none;
    transition: all ease-in-out .2s;
}
#card_btn:hover {
    -moz-box-shadow: 0 5px 20px rgba(0,0,0,0.3), 0 6px 6px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.3), 0 6px 6px rgba(0,0,0,0.2);
    box-shadow: 0 5px 20px rgba(0,0,0,0.3), 0 6px 6px rgba(0,0,0,0.2);
}
.card_15 #card_btn {color: #fecd1e !important;}
.card_15 #card_btn:hover {
    color: #fff !important;
    background: #e5ba1c !important;
}
.card_25 #card_btn {color: #148aff !important;}
.card_25 #card_btn:hover {
    color: #fff !important;
    background: #127ce5 !important;
}
.card_50 #card_btn {color: #ff4895 !important;}
.card_50 #card_btn:hover {
    color: #fff !important;
    background: #e54085 !important;
}
.card_100 #card_btn {color: #333 !important;}
.card_100 #card_btn:hover {
    color: #fff !important;
    background: #000 !important;
}
/**
*** CONTACT
**/
#subpage_hero.contactPage {
    margin-top: 60px;
    background: #f7f7f7;
}
#contactPageForm {
    padding: 0 0 40px;
    margin-top: 10px;
}
#contactPageForm .form-group {margin-top: 20px;}
.contactPageIllustration {
    width: 100px;
    height: 100px;
    opacity: 0.4;
}
.contactPageIllustration#newYorkIllustration {
    height: 109px;
    margin-bottom: -9px;
}
.contactPageCity {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.2;
    font-family: 'Roboto', sans-serif;
}
#contactPageSection address strong {font-size: 14px;}
#contactPageSection address {font-size: 13px;}
/**
*** JOBS
**/
#subpage_hero.jobsPage {
    margin-top: 60px;
    background: #f7f7f7;
}
#jobPerks {padding: 60px 0;}
#jobsPageSection .jobContainer {
    background: #f1f1f1;
    margin: 10px auto;
    box-shadow: none;
    border-radius: 5px;
    padding: 20px 30px;
    transition: all ease-in 200ms;
    position: relative;
    min-height: 100px;
    transform: translateX(0);
}
#jobsPageSection .jobContainer:hover {transform: translateX(10px);}
#jobsPageSection #openPositions .jobContainer:hover .btn {opacity: 1;}
#jobsPageSection .openPositionheading {
    font-family: 'Robot', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 0;
}
#jobsPageSection .openPositionheading .badge {
    font-weight: 700;
    font-size: 10px;
    vertical-align: text-top;
    background-color: #ff4895;
    border-radius: 10px;
}
#jobsPageSection address {
    font-size: 14px;
    color: #777;
}
#jobsPageSection #openPositions .jobContainer .btn {
    position: absolute;
    top: 50%;
    right: 7%;
    transform: translate(0,-70%);
    opacity: 0;
    transition: all ease-in 250ms;
}
#jobsPageSection .jobContainer:hover .btn {opacity: 1;}
#generalJob {margin: 60px auto}
#generalJob .fa-question-circle.fa-5x {
    opacity: 0.2;
    margin-bottom: 10px;
}
#generalJob .generalJobHeading {
    font-family: 'Robot', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0;
}
#generalJob .generalJobSubtitle {font-size: 14px;}
#generalJob .fully-rounded-small {
    background: #ccc !important;
    -webkit-transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    -ms-transition: all ease-in 200ms;
    -o-transition: all ease-in 200ms;
    transition: all ease-in 200ms;
}
#generalJob .fully-rounded-small:hover {background: #aaa !important;}

section#funcard .intl-tel-input {
    max-width: 230px;
}
/**
*** COUPON CODE
**/
#subpage_hero.coupon_code {margin-top: 60px;}
#coupon_code {padding: 0 0 80px;}
#coupon_container {
    background: #f7f7f7;
    padding: 20px 40px;
    border-radius: 15px;
    width: 400px;
    display: block;
    margin: 20px auto;
    text-align: center;
}
#coupon-focus {
    background: #40d47e;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 8px solid #fff;
    padding: 15px;
    text-align: center;
    color: #fff;
    margin: 40px auto;
    width: 100%;
    max-width: 480px;
}
#coupon-section h2 {
    font-size: 38px;
    letter-spacing: 0;
    text-transform: uppercase;
    border-bottom: 4px solid rgba(255,255,255,.8);
    padding: 10px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 15px;
}
#coupon-instr {
    margin: 5px auto;
    font-weight: bold;
    font-size: 16px;
}
#coupon-disc {
    font-size: 12px;
    line-height: 13px;
    padding: 0 10px;
}
#coupon-code {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 28px;
    color: #474747;
    background: #fff;
    padding: 5px;
    margin: 0 auto 15px;
}
.textlink {
    display: block;
    color: #777 !important;
    text-decoration: underline;
    margin: 15px auto 10px;
}
/**
*** GEWINNSPIEL AGB
**/
#gewinnspiel {padding: 60px 0 80px;}
/**
*** 404 PAGE
**/
.fourohfour {background: #35c5e9;}
#fourohfourtitle {
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
#fourohfourimg {
    max-width: 90%;
    width: 350px;
}
.fourohfour h2 {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}
.fourohfour p {color: #fff;}
/**
*** FAQ
**/
#faqheader {
    width: 100%;
    background: url('https://img-6aa0.kxcdn.com/faq1.jpg');
    background-repeat: repeat;
    height: 250px;
}
/**
*** SOCIAL COMMITMENT
**/
#social-comm-page h2 {text-transform: uppercase;}
#social-comm-page h2.supported_header {
    text-align: center;
    margin: 20px auto 50px;
}
#social-comm-page h3 {
    font-size: 20px;
    margin: 40px auto 15px;
}
#social-comm-page .img_back {
    padding: 10px 0;
    background: #f2f2f2;
    background-size: cover !important;
}
#social-comm-page .img_back.allout {background: url(https://img-6aa0.kxcdn.com/allout-background.jpg) 0% 50% no-repeat #f2f2f2;}
#social-comm-page .img_back.bff {background: url(https://img-6aa0.kxcdn.com/bff-background.jpg) 0% 50% no-repeat #f2f2f2;}
#social-comm-page .img_back.hono {background: url(https://img-6aa0.kxcdn.com/hono-background.jpg) 0% 50% no-repeat #f2f2f2;}
#social-comm-page .img_back.als {background: url(https://img-6aa0.kxcdn.com/als-background.jpg) 0% 50% no-repeat #f2f2f2;}
#social-comm-page .soco-logo {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    width: 150px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 2px 2px 8px rgba(0,0,0,.4);
}
svg.draw-icon path {
    stroke: #ff4895;
    stroke-width: .4;
    stroke-dasharray: 100px;
    stroke-dashoffset: 100px;
    animation: draw 2s .5s forwards 1 ease-in-out, fill 1.5s 2s forwards 1 ease-in;
}
svg#logo {
    width: 200px;
    height: 200px;
    display: block;
    margin: 30px auto;
}
svg#logo path {
    stroke: #ff4895;
    stroke-width: .25;
    stroke-dasharray: 200px;
    stroke-dashoffset: 200px;
    animation: draw 1.5s .5s forwards 1 ease-in-out, fill 1.5s 1s forwards 1 ease-in;
}
@keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes fill {
    0% {
        fill: transparent;
    }
    100% {
        fill: #ff4895;
    }
}

.icon.is-outlined{
    stroke:  #ff4895;
    stroke-width: 1px;
    fill: transparent;
    margin: 30px 0;
}
/**
*** MOVEMENTCARDS
**/
body.movementcards {
    padding-top: 0;
    width: 100%;
    max-width: 100%;
}
#subpage_hero.movecards {position: relative;}
#subpage_hero.movecards strong {color: #d90e15;}
#movecardsLogo {
    margin: 10px auto 40px;
    width: 90%;
    max-width: 600px;
}
.movecards h1,
.movecards h2,
.movecards h3,
.movecards .card,
.movecardImpact {
    font-family: Futura-CondensedExtraBold, sans-serif !important;
    color: #333;
    letter-spacing: -1px;
}
.movementPowered {
    font-size: 14px;
    text-transform: uppercase;
    font-family: Futura-CondensedExtraBold, sans-serif !important;
}
#cardsRow {margin: 0 auto 20px;}
#cardsRow .card {
    margin: 22px 0;
    color: #fff;
    font-size: 55px;
    line-height: 60px;
    font-weight: bold;
    text-transform: uppercase;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#cardsRow .card p {
    position: relative;
    top: 8px;
}
#cardOne {background: rgba(255, 202, 0, 0.8);}
#cardTwo {background: rgba(255, 61, 160, 0.80);}
#cardThree {background: rgba(0, 150, 255, 0.80);}
#cardFour {background: rgba(126, 211, 32, 0.80);}
#cardFive {background: rgba(17, 17, 17, 0.8);}
#cardSix {background: rgba(254, 138, 30, 0.8);}
#cardSeven {background: rgba(176, 58, 181, 0.8);}
#cardEight {background: rgba(33, 181, 191, 0.8);}
#cardNine {background: rgba(85, 85, 85, 0.8);}
.mailborderTop {
    background: url('https://img-6aa0.kxcdn.com/mailborder-mypo.jpg') top center #fff;
    background-size: 80px;
    background-repeat: repeat-x;
    padding-top: 80px;
}
#movecardIframeSection.mailborderTop {
    background: url(https://img-6aa0.kxcdn.com/mailborder-mypo.jpg) top center #FFF;
    background-size: 80px;
    background-repeat: repeat-x;
    padding-top: 24px;
    margin-top: 0;
}
#movecards.mailborderTop {
    background: url(https://img-6aa0.kxcdn.com/mailborder-mypo.jpg) top center #FFF;
    background-size: 80px;
    background-repeat: repeat-x;
    padding-top: 22px;
    margin-top: 44px;
}
.mailborderTopGrey {
    background: url('https://img-6aa0.kxcdn.com/mailborder-mypo.jpg') top center #f7f7f7;
    background-size: 80px;
    background-repeat: repeat-x;
    padding-top: 80px;
}
#movecards h2 {
    text-transform: uppercase;
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 36px;
}
#movecards h2.supported_header {
    text-align: center;
    margin: 20px auto 50px;
}
#movecards h3 {
    font-size: 20px;
    margin: 40px auto 15px;
}
#movecards .fa:before {
    color: #d4d4d4 !important;
    padding: 3px;
    font-size: 1.5em;
}
#movementHiw img {
    width: 90%;
    max-width: 100px;
}
#moveHiwIcon5 {max-width: 140px !important;}
p.movementHiw {
    padding-top: 16px;
    font-weight: normal;
    font-family: Futura-CondensedExtraBold, sans-serif;
    color: #474747;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: -1px;
}
.hiwStep5 img {max-width: 120px !important;}
.hiwStep5 .movementHiw {padding-top: 33px;}
#movecardsBtnContainer {text-align: center;}
#movecardsBtnContainer a {
    margin: 20px 20px 30px;
    padding: 18px 36px;
    font-size: 13px;
}
#movementSupport {margin: 5px auto 60px;}
#movementLogoFooter {
    margin: 20px auto;
    width: 240px;
}
.movementHashtag {
    font-weight: bold;
    font-family: Impact, sans-serif;
    font-size: 34px;
    margin: 30px auto;
    letter-spacing: 0;
}
#madeInUsa {
    font-size: 14px;
    color: #646464;
    text-transform: uppercase;
}
#usaFlag {
    width: 35px;
    margin-left: 5px;
    margin-right: 2px;
    position: relative;
    top: 3px;
    fill: #333;
}
#movecardProcess {
    width: 100%;
    max-width: 100%;
    border: none;
    overflow: hidden;
}
#movecardMypoLogo {
    display: block;
    margin: 0 auto 60px;
}
#movecardMypoLogo span {
    font-family: Impact, Futura-CondensedExtraBold, sans-serif;
    color: #6d6d6d;
    font-size: 12px;
    margin-right: 10px;
    text-transform: uppercase;
    vertical-align: middle;
    position: relative;
    top: 2px;
}
#movecardMypoLogo img {width: 140px;}
#movecardsIframe {background-color: #25346f;}
#movementMobileHeader {background:  #121212;}
#movementMobileHeader #movecardsLogo {
    margin: 20px auto 0;
    width: 90%;
    max-width: 300px;
    display: block;
}
/* DESIGN SHOP CATEGORY */

.design-title.banner-make_your_voice_heard p {color: #fff;}
.design-title.banner-make_your_voice_heard {
    background: url('https://img-6aa0.kxcdn.com/democracy-delivered-hero.jpg') no-repeat 50% 50% !important;
    background-size: cover;
}
/**
*** ACCOUNT
**/
/**
*** My Account
**/
li#security_code {margin-bottom: 5px;}
img.fnone /*flags country select dropdown*/ {
    width: 23px;
    position: relative;
    top: -2px;
}
/**
*** Credit
**/
#code_link {
    color: #474747;
    font-size: 14px;
    float: right;
    padding: 0;
    margin-top: 40px;
    border-bottom: 1px solid transparent;
    -moz-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    transition: all .25s ease-in-out;
}
#code_link:hover {
    color: #333;
    border-bottom: 1px solid #333;
}
#account-pricing {
    padding: 20px 0 60px;
    background: url('https://img-6aa0.kxcdn.com/mypostcard-pattern-dark10.png') repeat center center #fff;
}
#account-pricing h1 {
    font-family: 'Roboto', sans-serif;
    padding: 10px 0px;
}
#account-pricing .col-md-4 a {color: #fff;}
#account-pricing a.paket_link {
    width: 100%;
    height: 100%;
}
h4.specialoffer {
    background: #40d473;
    margin: 20px auto 30px;
    padding: 20px 40px;
    font-family: 'Roboto',sans-serif;
    font-weight: bold;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color:  #fff;
}
h4.specialoffer span {
    font-family: 'Lato', sans-serif;
    text-transform: none;
    font-weight: normal;
}
.pricing-container {
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    padding: 30px 20px;
    margin: 10px auto 60px;
    position: relative;
    top: 0;
    box-shadow: none;
    transition: all ease-in-out .5s;
}
/*.pricing-container:hover {
    position: relative;
    top: -5px;
    box-shadow: 0 5px 5px #ccc;
}*/
h2.paket-title {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase !important;
    font-size: 24px;
}
.pricing-container p {font-family: 'Lato', sans-serif;}
h4.paket-price {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
    margin: 5px 0 20px;
}
h4.paket-price span {
    padding: 0;
    font-size: 12px;
    line-height: 14px;
    font-family: 'Lato',sans-serif;
    font-weight: normal;
    text-transform: none;
}
.pricing-container a.btn {
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    background: #fff !important;
    padding: 10px 20px;
    box-shadow: none;
    transition: all ease-in-out .5s;
}
.pricing-container:hover a.btn {
    padding: 10px 35px;
    box-shadow: 5px 5px 10px rgba(0,0,0,.2);
}
.pricing-payment {
    padding: 30px 0;
    background: #fff;
}
.pricing-payment h4 {
    text-align: center;
    color: #777;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    margin-bottom: 20px;
}
.pricing-payment img {
    max-width: 100%;
    height: 25px;
    display: block;
    margin: 5px auto;
}
body:not(#de) #paymentOptionsDE {display: none;}
body#de #paymentOptionsINT {display: none;}
/**
*** Pricing Modal
**/
.modal-ajax_credit_payment p {margin-bottom: 10px !important;}
.modal-ajax_credit_payment .btn {
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 0;
    margin: 5px auto;
}
.payment-form {
    display: block;
    margin: 20px auto;
    padding: 30px;
    text-align: left;
    vertical-align: top;
}
.control {
    font-size: 20px;
    line-height: 20px;
    font-family: 'Roboto', sans-serif;
    position: relative;
    display: block;
    margin-bottom: 30px;
    padding-left: 35px;
    cursor: pointer;
}
.control img {
    height: 20px;
    margin-left: 15px;
    float: right;
}
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.control__indicator {
    position: absolute;
    top: -2px;
    left: 0;
    width: 24px;
    height: 24px;
    background: #e4e4e4;
}
.control--radio .control__indicator {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.paypal-button-wrapper-credit-recharge {
    width: 200px;
    margin: 0 auto
}
.paypal-button-wrapper-giftcard {
    width: 200px;
    margin: 0 auto
}
/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {background: #ccc;}
/* Checked state */
.control input:checked ~ .control__indicator {
    background: #148aff;
    border-color: #148aff;
}
/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {background: #127ce5;}
.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control__indicator:after {display: block;}
/* Radio button inner circle */
.control--radio .control__indicator:after {
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border:2px solid #fff;
    background: #148aff;
}
.modal-ajax_credit_payment .register_form .register_form {margin: 20px 0 20px 35px;}
.modal-ajax_credit_payment .select-table td {
    width: 33%;
    padding-left: 5px;
}
p.ccard-error-msg {
    text-align: left !important;
    margin: 10px auto 25px !important;
    color: #ea6153 !important;
}
p.poption-desc {
    text-align: left !important;
    margin: 10px 0 25px 35px !important;
}
/**
*** FRIENDS CODE
**/
#friends-code-page {
    padding: 30px 0;
    background: url('https://img-6aa0.kxcdn.com/mypostcard-pattern-dark10.png') repeat center center #fff;
}
.redeem_friends_code {
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 40px;
}
.redeem_friends_code i {color: #474747;}
.redeem_friends_code h3 {color: #474747;}
.redeem_friends_code p {color: #474747;}
.redeem_friends_code input {
    width: 80%;
    max-width: 420px;
    display: block;
    margin: 0 auto;
}
.redeem_friends_code .btn.fully-rounded {margin: 30px auto 10px;}
#personal_friends_code {
    background: #f2f2f2;
}
#personal_friends_code.redeemed {
    padding: 60px 0;
    background: url('https://img-6aa0.kxcdn.com/mypostcard-pattern-dark10.png') repeat center center #fff;
}
#individual_friends_code_section,
#credit_earned_section {
    background: #fff;
    padding: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    min-height: 150px;
}
#individual_friends_code_section h3 {
    margin-bottom: 20px;
}
p.share_code {
    font-style: italic;
    margin: 20px auto;
    font-size: 18px;
}
#individual_friends_code_section .btn.copycode {
    background: #b4b4b4;
    margin: 10px 2px;
}
#individual_friends_code_section .copycodeContainer {
    position: relative;
    margin-top: 30px;
}
#individual_friends_code_section .copycodeContainer #copiedNoteContainer {display: none;}
#individual_friends_code_section .copycodeContainer #copiedNote {
    position: absolute;
    top: -19px;
    left: 50%;
    transform: translateX(-50%);
    background: #474747;
    padding: 3px 7px;
    font-size: 11px;
    color: #fff;
    border-radius: 5px;
}
#individual_friends_code_section .copycodeContainer #copiedNoteArrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #474747;
    position: absolute;
    margin-left: -61px;
    top: 3px;
    transform: translateX(-50%);
}
#individual_friends_code_section .btn.copycode:hover {background: #999 !important;}
#individual_friends_code_section .btn.sharemail {
    background: #888 !important;
    margin: 10px 2px;
}
#individual_friends_code_section .btn.sharemail:hover {background: #474747 !important;}
#individual_friends_code_section .btn.sharefb {
    background: #3B5998 !important;
    margin: 10px 2px;
}
#individual_friends_code_section .btn.sharefb:hover {background: #384869 !important;}
#individual_friends_code_section .btn.sharetwitter {
    background: #4099FF !important;
    margin: 10px 2px;
}
#individual_friends_code_section .btn.sharetwitter:hover {background: #384869 !important;}
#individual_friends_code_section .btn.sharelin {
    background: #0077B5 !important;
    margin: 10px 2px;
}
#individual_friends_code_section .btn.sharelin:hover {background: #384869 !important;}
#individual_friends_code {
    padding: 1em 2em;
    background: #f2f2f2;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    margin: 0 8em;
    border:  3px dashed #ccc;
}
#individual_friends_code .fa {
    padding: 0 5px;
    font-size: 20px;
    color: #40d473;
    display: none;
}
.red_no_credit {
    font-family: 'Roboto', sans-serif;
    font-size: 42px;
    line-height: 42px;
    color: #ea6153;
    font-weight: bold;
}
.green_credit {
    font-family: 'Roboto', sans-serif;
    font-size: 42px;
    line-height: 42px;
    color: #40d47e;
    font-weight: bold;
}
/**
*** FOOTER
**/
/**
*** APP DOWNLOAD BANNER (MOBILE)
**/
.download_banner {
    background: #333;
    color: #fff;
    padding: 15px 10px;
}
.download_banner .container {position: relative;}
.download_banner img {
    width: 30px;
    float: left;
    margin-right: 10px;
}
.download_banner h2 {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase !important;
    font-size: 14px;
    color: #fff;
}
.download_banner p {
    font-size: 11px;
    margin-bottom: 0;
    color: #fff !important;
}
.download_banner a.get_btn {
    color: #fff;
    padding: 2px 15px;
    border: 1px solid #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    right: 10px;
    top: 15px;
}
/**
*** APP DOWNLOAD
**/
#home_appd {background: #4d4d4d;}
#home_appd .row {padding: 20px 0;}
#home_appd p {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0;
    padding: 10px 0;
    text-transform: uppercase;
    color: #d4d4d4 !important;
}
#home_appd form {margin: 0 !important;}
#home_appd .form-group {
    position: relative;
    width: 100%;
    max-width: 100%;
    top: -12px;
}
#home_appd .btn {
    margin-top: 0;
    padding: 10px 20px 10px;
    position: absolute;
    line-height: 20px;
    top: 0;
    right: 0;
    -moz-border-radius:  25px !important;
    -webkit-border-radius: 25px !important;
    border-radius:  25px !important;
    width: 39%;
}
#home_appd input[type=email] {
    width: 70%;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 15px;
    -moz-border-radius:  25px !important;
    -webkit-border-radius: 25px !important;
    border-radius:  25px !important;
    background: rgba(255,255,255,0.9);
}
#home_appd .result {margin: 0;}
#home_appd img {
    width: 170px;
    margin: 5px;
}
#home_appd .fa {margin-left: 10px;}
/**
*** GENERAL FOOTER
**/
.footer-widget {margin-bottom: 0;}
.footer-widget .row.pt-small {margin-top: 30px;}
.paymentoptions i {
    margin: 5px -5px;
    -moz-transform: scale(.8);
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}
.paymentoptions i:nth-of-type(1) {margin: 5px -20px;}
.paymentoptions i:nth-of-type(4) {margin: 5px 0;}
.paymentoptions #footerPaymentIcons svg {
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
#footerPaymentIcons svg {
    height: 38px;
    margin: 10px 24px 10px 2px;
}
#footerPaymentIcons svg .st0 {stroke: unset !important;}
#footerPaymentIcons .piSofo svg {display: none;}
body#de #footerPaymentIcons .piSofo svg {display: inherit;}
#followus i {
    opacity: .5;
    margin: 5px 15px;
}
#followus svg {
    width:32px;
    margin: 12px;
    vertical-align: middle;
}
#followus svg path {
    fill: #646464;
}
img.footer-logo {
    margin: 5px;
    width: 300px;
    max-width: 75%;
}
#footer_bottom {background: #333;}
#footer_bottom .row {
    padding-top: 15px;
    padding-bottom: 15px;
}
#footer_bottom a,
#footer_bottom p {color: #fff;}
#footer_bottom #languageVersionBar a {
    color: #ccc;
    font-weight: normal;
    text-transform: none;
    font-size: 13px;
}
#footer_bottom #languageVersionBar a:hover {text-decoration: underline;}
#footer_bottom #languageVersionBar a.active {
    color: #eee;
    font-weight: bold;
    text-transform: uppercase;
}
#languageVersionBarIcon {
    opacity: 0.5;
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    padding-left: 4px;
}
#footerSupport span {font-size: 13px;}
.footerSupportIcon {
    padding-left: 15px;
    opacity: 0.5;
}
#footerSupportIconEnvelope {
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}
#footerSupport span {
    font-size: 13px;
    display: none;
}
.footerSupportIcon {
    padding-left: 15px;
    opacity: 0.5;
    margin-top:15px;
}
#footerSupportIconEnvelope {
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}
img#footer_logo {
    width: 140px;
    opacity: .8;
}
/* NAV CURRENT LINK */
.blue-l2.current, .blue-l2.current a {color: #ff4895 !important;}
.current,
.current > a,
.current li.current a {color: #ff4895 !important;}
/* SUBPAGE NEWSLETTER OPTIN*/
.newsletter-section {
    background: url(https://img-6aa0.kxcdn.com/background_pattern.png);
    background-color: #f2f2f2;
}
/* MODAL */
.modal-backdrop {
    background-color: #333;
    width: 100% !important;
    height: 300% !important;
}
.modal-dialog {
    max-width: 90%;
    margin:90px auto;
}
.modal-dialog-small {max-width: 450px;}
.modal-content {border: none;}
.modal-header {
    /*background: #fecd1e;*/
    text-align: center;
    position: relative;
    border: none;
}
.modal-header .close {
    font-size: 40px;
    color: #333;
    text-shadow: none !important;
    opacity: .3;
    position: absolute;
    top: 0;
    right: 10px;
    margin: 0 !important;
}
.modal_cashback_success .modal-header {
    padding: 32px;
}
.modal_cashback_success .modal-subtitle {
    margin: 0;
    padding: 0;
    color: #9A9A9A;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.07px;
    text-transform: unset;
}
.modal_cashback_success .modal-title {
    margin: 0 !important;
    padding: 0;
    height: unset;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 30px;
    text-transform: unset;
}
.modal_cashback_success .modal-body {
    padding: 0 32px 32px 32px !important;
    margin: 0 !important;
}
.modal_cashback_success .modal-text-content {
    margin: 0 !important;
    padding: 0;
    border: unset;
    box-shadow: unset;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.07px;
}
#confirm-modal.modal_cashback_success .modal-buttons {
    margin: 32px 0 0;
    padding: 0;
}
.modal_cashback_success .single_button {
    text-align: center;
}
.modal_cashback_success .btn-cashback-success {
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: linear-gradient(45deg, #FF4895 0%, #FF776D 100%);
    box-shadow: 0px 6px 4px -3px rgba(71, 71, 71, 0.15), 0px 0px 10px 0px rgba(71, 71, 71, 0.08);
    color: #FFF;
    font-size: 17px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.085px;
}
.modal_cashback_success .btn-cashback-success:hover, .modal_cashback_success .btn-cashback-success:active {
    background: linear-gradient(45deg, #E5005E 0%, #C24C47 100%);
    box-shadow: 0px 1px 2px 0px rgba(71, 71, 71, 0.09), 0px 3px 3px 0px rgba(71, 71, 71, 0.08), 0px 7px 4px 0px rgba(71, 71, 71, 0.05), 0px -2px 7px 0px rgba(71, 71, 71, 0.05);
}
.modal_cashback_success .btn-cashback-success:focus {
    border: none;
    outline: 4px solid #FFDFED;
}
.modal_cashback_redeemed .modal-header {
    padding: 32px 16px 20px 16px;
}
.modal_cashback_redeemed .modal-title {
    margin: 20px 0 0 0 !important;
    padding: 0;
    height: unset;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 22px;
    text-transform: unset;
}
.modal_cashback_redeemed .modal-body {
    padding: 0 16px 64px !important;
    margin: 0 !important;
}
.modal_cashback_redeemed .modal-text-content {
    margin: 0 !important;
    padding: 0;
    border: unset;
    box-shadow: unset;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.07px;
}
.modal_cashback_redeemed_amount {
    font-weight: bold;
}
.modal_cashback_redeemed_balance {
    color: #9A9A9A;
}
h3.modal-title {
    color: #474747 !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: bold !important;
    text-transform: capitalize;
    font-size: 24px;
    margin-bottom: 18px !important;
    height: 38px;
}

h3.modal-title i {padding-right: 15px;}
.modal-body {
    position: relative;
    padding: 40px 40px 60px;
}
.up-panel.marginTop-sm-pull-100.popup_all .modal-header {
    padding: 0px !important;
}
.modal-body h4{
    font-size: 20px;
    line-height: 26px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    margin: 10px 0 0;
    padding: 5px 0;
    color: #474747;
}
.modal-body p.subhead {margin-bottom: 45px;}
.modal-body p {
    color: #474747;
    font-family: Roboto, sans-serif;
    font-size: 16px
}
.modal-body .download-app-icons-main .btn {
    background: rgb(88, 212, 145) !important;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.modal-body .download-app-icons-main .btn .comment-icon{
    margin-left: 10px;
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
    -ms-transform: translateY(1px);
    -o-transform: translateY(1px);
    transform: translateY(1px);
    font-size: 18px;
}
.modal-body .download-app-icons-main .btn .spinner-icon{
    margin: auto;
}
.modal-body .download-app-icons-main .btn:hover {
    background: rgb(109, 191, 146) !important;
}
#confirm-modal h3.modal-title::after {margin: 5px auto 0;}
#confirm-modal p {margin-bottom: 30px;}
#confirm-modal .modal-body {
    padding:0px 16px;
    padding-bottom: 20px;
}
#confirm-modal .modal-buttons {
    margin-right: 0px;
    margin-top: 30px;
    bottom: 0;
    padding-top: 35px;
}

#confirm-modal .modal-buttons .two_buttons a {
    font-size: 14px;
    margin: 20px 5px 0px;
    min-height: 34px;
    width: unset;
    height: 40px;
    margin-top: unset;
    border-radius: 25px;
    line-height: 26px;
    padding: 7px 19px;
}
#confirm-modal .modal-buttons .two_buttons a.btn-discard {
    background-color: transparent !important;
    background: transparent;
    color: #ff4895 !important;
}
#confirm-modal .modal-buttons .two_buttons a.btn-discard:hover {
    text-decoration: underline;
}
#confirm-modal .modal-body p {text-align: center;}
.single_button .btn {
    margin: 0 auto;
    display: block;
}
.two_buttons {text-align: center;}
.add-form-button2 .btngrey {
    background: #ccc !important;
    color: #fff !important;
}
.add-form-button2 .btngrey:hover {
    background: #9f9e9e !important;
    color: #fff !important;
}
.two_buttons .btngrey {
    background: #ccc;
    text-transform: uppercase !important;
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    padding: 12px 24px 11px;
    color: #fff !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    margin: 11px 5px 10px;
    line-height: 1;
    height: 38px;
}
.two_buttons .btngrey:hover {background: #9f9e9e;}
.bs-ajax_confirmation_popup-modal {z-index: 9999;}
.bs-ajax_confirmation_popup-modal .modal_ajax_conf_newsletter_success img {width: 40%;}
.bs-ajax_confirmation_popup-modal .modal_ajax_conf_newsletter_success h2 {
    text-align: center;
    text-transform: uppercase;
}
img.download-app-icons {
    height: 100px;
    width: 100px;
    display: block;
    margin: 20px auto;
}
.input-panel {
    width: 100%;
    max-width: 230px;
    margin: 0 auto;
    display: inline-block;
    position: relative;
}
.sms-button {
    margin-top: 10px !important;
    width: 210px;
}
p.dl-photobox {
    text-align: center;
    margin: 20px auto;
    display: block;
    color: #fff;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 18px;
    background: #474747;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    position: relative;
    top: -20px;
}
.modal-body button.close {
    position: absolute;
    top: 10px;
    right: 10px;
}
.embed-container {margin-bottom: 0;}
div.bs-ajax_login_register_popup-modal div.modal-ajax_login_register_popup {
    width: 900px;
    max-width: 100%;
}
div.modal-ajax_login_register_popup p.create_postcard_msg {
    font-size: 15px;
    margin-bottom: 30px;
}
.modal-ajax_login_register_popup .grey-title {
    display: block;
    margin: 10px auto;
}
.modal-ajax_login_register_popup .btn {
    width: 100%;
    margin: 10px auto;
}
.modal-ajax_login_register_popup .form-group:first-of-type {margin-top: 10px;}
.modal-ajax_login_register_popup #lostPW-container {display: none;}
.btn.btnfb {background: #3b5998 !important;}
.btn.btnfb:hover {background: #324a80 !important;}
.mtop {margin-top: 20px;}
.register_intro {margin-top: 20px;}
.modal-ajax_login_register_popup h5 {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    color: #333;
}
.modal-ajax_login_register_popup li {color: #474747;}
i.fa-li.fa.fa-check {color: #474747;}
.modal-ajax_press_popup img {width: 85px;}
.modal-ajax_press_popup a {
    color: #474747;
    border-bottom: 1px solid #cacaca;
}
.modal-ajax_press_popup a:hover {
    color: #ff4895;
    border-bottom: 1px solid #ff4895;
}
.sms_popup {width: 540px !important;}
/* MODAL ERROR MESSAGE */
p.errmsg {color: red;}
p.ajax_return_msg {
    visibility: hidden;
    font-size: 15px;
}


/* MODAL LANGUAGE SELECT */
.modal_language_select .form-control {
    background: #f7f7f7;
    margin-top: 10px;
    margin-bottom: 10px;
}
.modal_logo {
    width: 100%;
    max-width: 203px;
}
.modal_globe {
    max-width: 100%;
    width: 250px;
    display: block;
    margin: 20px auto 5px;
}
/* MODAL REGISTERED ONLY */
.modalRegOnly p strong,
.modalRegOnly p i.fa-times:before {color: #FF0000;}
.modalRegOnly ul.fa-ul i:before {color: #40d47e;}
/* MODAL  LOGIN REGISTER NEW*/
.modal-ajax_login_register_popup #login_after_register {display: none;}
.modal-ajax_login_register_popup.reg_only .register_intro {display: none;}
#login_after_register .info-text {
    margin-bottom: 25px;
    padding: 0 0 15px;
    border-bottom: 1px solid #ddd;
}
#col_recipients {
    height: 465px;
}
.up-panel.show_further_recipients .rec-list {
    padding: 5px;
}
input:-ms-input-placeholder {
    color: #a9a9a9;
}

.dd .ddChild li {
    line-height: normal;
}

.up-panel .dd   {
    margin-top: -7px;
}

.up-panel .add-book-top {
    background-color: #808080;
    border-radius: 0 0 0 0;
    color: #ffffff;
    padding: 5px;
    height: auto;
    overflow: hidden;
}
.up-panel .add-book-main {
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    height: 320px;
}
.pop-submit	{
    width: 100%;
    background-color: #ffffff;
    color: #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-left: none;
    border-right: none;
    border-bottom: none;
    font-size: 20px;
    padding-top: 8px;
    height: 60px;
    padding-bottom: 8px;
    margin-top: 13px;
}
.up-panel.show_further_recipients .add-book-main {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    height: 310px;
    margin-bottom: 16px;
    padding-top: 0px;
    overflow: auto;
    border: none;
}
.pop-submit .icon-glyph-26.circle	{
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #e5e5e5;
    line-height: 19px;
    font-size: 18px;
    padding: 10px 0;
}

.pop-submit:hover	{
    background-color: #e5e5e5;
    color: #8b8b8b;
}

.pop-submit.blueish	{
    color: #3dbff0;
}

.pop-submit.blueish .icon-glyph-26.circle	{
    background-color: #3dbff0;
    border: 1px solid #ffffff;
    color: #ffffff;
}
.recip-popup.pop-center input	{
    margin-bottom: 10px;
    height: 36px !important;
}

.pop-foot	{
    width: 100%;
    position: absolute;
    bottom: 0px;
}
.pop-foot .btn-grey	{
    width: 96%;
}
.address-header-title	{
    color: #4E4E4E;
}


/* MODAL OPEN POSITION FIX */
/* MAC */
html.mac-computer body.modal-open .menu-header {margin-right: 0 !important;}
/* IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    body.modal-open .menu-header {margin-right: 0 !important;}
    body.modal-open .nav-stick {padding-right: 0 !important;}
}
/* EDGE */
@supports (-ms-accelerator:true) {
    body.modal-open .menu-header {margin-right: 0 !important;}
    body.modal-open .nav-stick {padding-right: 0 !important;}
}
/* MOBILE ALIGN & SPACING */
/* GET APP BANNER */
#get_app_banner h2 {
    text-transform: uppercase;
    color: #454545;
    font-family: 'Roboto', sans-serif;
}
#get_app_banner h4 {
    text-transform: none;
    font-family: 'Lato', sans-serif;
    color: #fff;
}
#get_app_banner .getAppIcon {
    margin: 20px auto;
    vertical-align: top;
    position: relative;
    max-width: 100%;
}
#get_app_banner a i {
    -moz-transform: scale(.8);
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    display: block;
    margin: 10px auto;
    padding-left: 8px;
    padding-right: 8px;
}
#app-rating {
    display: block;
    margin: 20px auto 40px;
}
#app-rating .fa {
    color: #fecd1e;
    margin: 2px;
}
#app-rating p {
    color: #fff;
    margin: 2px auto;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}
#appRatingSmall {
    padding-top: 20px;
    padding-bottom: 10px;
}
#appRatingSmall .fa {
    color: #fecd1e;
    margin: 1px;
}
/* LANDING PAGES */
/* GOVISTA */
#govi-section {
    margin-top: 30px;
    padding: 60px 0;
    background: #fff;
}
#govi-focus {
    background: #40d47e;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 8px solid #fff;
    padding: 15px;
    text-align: center;
    color: #fff;
    margin-top: 50px;
}
#govi-section h1 {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0;
    font-size: 34px;
    margin-top: 10px;
}
#govi-section h2 {
    font-size: 38px;
    letter-spacing: 0;
    text-transform: uppercase;
    border-bottom: 4px solid rgba(255,255,255,.8);
    padding: 10px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 15px;
}
#govi-section h2 span {
    font-size: 22px;
    opacity: 1;
}
#govi-instr {
    margin: 5px auto;
    font-weight: bold;
    font-size: 16px;
}
#govi-disc {
    font-size: 12px;
    line-height: 13px;
    padding: 0 10px;
}
#govi-code {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 28px;
    color: #474747;
    background: #fff;
    padding: 5px;
    margin: 0 auto 15px;
}
#govi-logo {
    max-width: 100%;
    display: block;
    margin: 20px auto 10px;
    width: 200px;
}
#govi-section .btn {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 20px 40px;
    margin: 15px auto 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    max-width: 100%;
}
#govi-section li {
    font-size: 16px;
    line-height: 24px;
    padding-left: 10px;
    margin-bottom: 10px;
}
/* SCHAU INS LAND */
#sil-section {
    margin-top: 30px;
    padding: 60px 0;
    background: #fff;
}
#sil-focus {
    background: #d4aa40;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
//border: 8px solid #fff;
    padding: 20px;
    text-align: center;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
}
#sil-section h1 {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0;
    font-size: 38px;
    line-height: 48px;
    margin-top: 10px;
}
#sil-section h2 {
    font-size: 28px;
    letter-spacing: 0;
    text-transform: uppercase;
    padding: 10px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 5px;
}
#sil-disc {
    font-size: 12px;
    line-height: 13px;
    padding: 0 10px;
}
#sil-code {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 28px;
    color: #474747;
    background: #fff;
    padding: 5px;
    margin: 5px auto 15px;
}
.sil-hiw {
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px auto 0;
    text-align: center;
}
#sil-logo {
    max-width: 100%;
    display: block;
    margin: 20px auto 40px;
    width: 220px;
}
.sil-image {max-width: 100%;}
#sil-section .btn {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 20px 40px;
    margin: 15px auto 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    max-width: 100%;
}
.sil-icons i {
    opacity: 0.7;
    display: block;
    margin: 5px auto;
    transform: scale(0.7);
}
.sil-subtitle {
    text-align: center;
    margin: -10px auto 30px;
    font-size: 12px;
    line-height: 1.2;
}
.sil-button {
    display: block;
    margin: 10px auto;
    max-width: 380px;
    width: 100%;
}
/* TUI FERIENHAUS */
#tui-section {
    margin-top: 30px;
    padding: 60px 0;
    background: #fff;
}
#tui-focus {
    background: #d4aa40;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
//border: 8px solid #fff;
    padding: 20px;
    text-align: center;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
}
#tui-section h1 {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0;
    font-size: 38px;
    line-height: 48px;
    margin-top: 10px;
}
#tui-section h2 {
    font-size: 28px;
    letter-spacing: 0;
    text-transform: uppercase;
    padding: 10px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 5px;
}
#tui-disc {
    font-size: 12px;
    line-height: 13px;
    padding: 0 10px;
}
#tui-code {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 28px;
    color: #474747;
    background: #fff;
    padding: 5px;
    margin: 5px auto 15px;
}
.tui-hiw {
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px auto 0;
    text-align: center;
}
#tui-logo {
    max-width: 100%;
    display: block;
    margin: 20px auto 40px;
    width: 360px;
}
.tui-image {max-width: 100%;}
#tui-section .btn {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 20px 40px;
    margin: 15px auto 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    max-width: 100%;
}
.tui-icons i {
    opacity: 0.7;
    display: block;
    margin: 5px auto;
    transform: scale(0.7);
}
.tui-subtitle {
    text-align: center;
    margin: -10px auto 30px;
    font-size: 12px;
    line-height: 1.2;
}
.tui-button {
    display: block;
    margin: 10px auto;
    max-width: 380px;
    width: 100%;
}
/* LP TEMPLATE 1 */
.lp1-section {
    margin-top: 30px;
    padding: 60px 0;
    background: #fff;
}
#lp1-focus {
    background: #d4aa40;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
//border: 8px solid #fff;
    padding: 20px;
    text-align: center;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
}
.lp1-section h1 {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0;
    font-size: 38px;
    line-height: 48px;
    margin-top: 10px;
}
.lp1-section h2 {
    font-size: 28px;
    letter-spacing: 0;
    text-transform: uppercase;
    padding: 10px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 5px;
}
#lp1-disc {
    font-size: 12px;
    line-height: 13px;
    padding: 0 10px;
}
#lp1-code {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 28px;
    color: #474747;
    background: #fff;
    padding: 5px;
    margin: 5px auto 15px;
}
.lp1-hiw {
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px auto 0;
    text-align: center;
}
#lp1-logo {
    max-width: 100%;
    display: block;
    margin: 20px auto 40px;
    width: 360px;
}
.lp1-image {max-width: 100%;}
.lp1-section .btn {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 20px 40px;
    margin: 15px auto 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    max-width: 100%;
}
.lp1-icons i {
    opacity: 0.7;
    display: block;
    margin: 5px auto;
    transform: scale(0.7);
}
.lp1-subtitle {
    text-align: center;
    margin: -10px auto 30px;
    font-size: 12px;
    line-height: 1.2;
}
.lp1-button {
    display: block;
    margin: 10px auto;
    max-width: 380px;
    width: 100%;
}
/* HOSTELLING INTERNATIONAL */
#hostellingInternational #lp1-logo {
    max-width: 200px;
}
/* LP: AD */
.adDownloadBanner {
    position: absolute;
    top: 0;
    width: 100%;
    max-height: 60px !important;
}
.adDownloadBanner h2 {
    font-size: 13px;
}
.adventcalender__container {
    margin-top: 40px;
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    #ad {
        margin-top: -21px !important;
    }
    h3.promolanding_headcode {
        padding: 0px !important;
    }
    #footer_bottom a, #footer_bottom p {
        color: #fff!important;
        font-size: 13px;
    }

    .languageVersionBar1 Button, .ftr_currency button {
        float: none;
    }
    i#languageVersionBarIcon {
        float: none;
    }
    section#footer_bottom label {
        float: none;
    }
    .languageVersionBar1 ul.dropdown-menu {
        margin: 11px 0px !important;
    }
    .ftr_currency ul.dropdown-menu {
        margin-left: 2px;
        min-width: 79px;
    }
    #Adventskalender-App {
        margin-top: 60px;
    }
    .adventcalender__container {
        margin-top: 0;
    }
    .adventcalender__iframe {
        margin: 0 16px;
    }
    .section-featured .line-two {
        padding: 0;
    }
    .footerSupportIcon {
        padding-left: 10px;
    }
    .award_section_main{
        padding: 0px;
    }
    .section-featured .award img {
        margin: 0 23px !important;
    }
}
#ad .hero {
    background: rgb(255,72,149);
    background: linear-gradient(175deg, rgba(255,72,149,1) 0%, rgba(247,247,247,0) 70%, rgba(247,247,247,0) 100%);
}
h1 {
    letter-spacing: 0;
    text-transform: none;
}


/* MAINTENANCE */
#maintenance_page {
    background: url('https://img-6aa0.kxcdn.com/mypostcard-postkarten-app-hero.jpg') #ff4895;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 100%;
}
#maintenance_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 60px 120px;
    width: 100%;
    max-width: 800px;
    background: rgba(255,255,255,0.8);
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    text-align: center;
}
#maintenance_logo {
    margin-bottom: 30px;
    width: 300px;
    height: auto;
}
#maintenance_content h1 {
    text-transform: uppercase;
    font-size: 2.5rem;
    color: #111;
}
#maintenance_content .btn {margin: 40px 20px; min-height: unset;}
#maintenance_content .btn a {
    color: #fff;
    border-bottom: none;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
}
/* HOVER EFFECTS */
.hoverScale {
    transform: scale(1);
    transition: all .25s ease-in-out;
}
.hoverScale:hover {transform: scale(0.925);}
/* New Country Select DropDown */
main#content {overflow: visible;}
.countrywahl {margin-bottom: 10px;}
.countrywahl .bootstrap-select {width: 237px!important;}
.countrywahl .bootstrap-select .btn {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    margin-top: 5px;
    padding: 4px;
    text-transform: none !important;
    font-family: 'Lato', sans-serif !important;
    color: #474747 !important;
    background: transparent;
}
.countrywahl .bootstrap-select .btn:hover {background-color: #eee !important;}
.bootstrap-select.btn-group .dropdown-menu.open {
    min-height: 200px !important;
    max-height: 400px !important;
}
.bootstrap-select.btn-group .dropdown-menu.open .inner {max-height: 300px !important;}
.countrywahl .bootstrap-select .btn .filter-option {
    color: #474747;
    font-family: Roboto;
    letter-spacing: normal;
    font-weight: bold;
    font-size: 14px;
}
.countrywahl .bootstrap-select .btn .bs-caret {color: #333;}
.countrywahl .bootstrap-select img.dropdown_flag {
    margin-right: 4px;
    width: 23px;
}
/* LP: FRIDA */
#frida {margin-top: -81px;}
#frida p {
    font-size: 16px;
    line-height: 24px;
    color: #474747;
}
#fridaHero {
    background-image: url('https://img-6aa0.kxcdn.com/frida-hero-banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 30px 10px;
    position: relative;
    -moz-animation: fridaBackground 30s ease-in-out infinite;
    -webkit-animation: fridaBackground 30s ease-in-out infinite;
    animation: fridaBackground 30s ease-in-out infinite;
}
@-moz-keyframes fridaBackground {
    50% {background-position: bottom center;}
}
@-webkit-keyframes fridaBackground {
    50% {background-position: bottom center;}
}
@keyframes fridaBackground {
    50% {background-position: bottom center;}
}

#fridaSmile {
    fill: #fff;
    width: 100%;
    position: absolute;
    bottom: -15px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
p#fridaHeroTop {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
}
#fridaTopLogo {
    width: 125px;
    margin-right: 10px;
}
#frida h1 {
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 5em;
    margin: 50px auto 120px;
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -moz-text-shadow: 5px 5px 20px rgba(0, 0, 0, 0.8);
    -webkit-text-shadow: 5px 5px 20px rgba(0, 0, 0, 0.8);
    text-shadow: 5px 5px 20px rgba(0, 0, 0, 0.8);
}
#frida h1 #fridaName {font-size: 1.4em;}
#fridaContent {
    padding-top: 20px;
    padding-bottom: 0;
}
#fridaContent h2 {
    line-height: 1.3;
    margin-bottom: 30px;
    font-size: 1.5em;
    font-family: 'Lato', sans-serif;
}
#fridaImg {
    width: 300px;
    max-width: 80%;
    -moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    float: right;
    margin: -130px 0 40px 60px;
}
#fridaAddress {
    display: block;
    margin: 50px auto;
    width: 90%;
    min-width: 280px;
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    position: relative;
}
#fridaAddress #addressHeader {
    position: absolute;
    width: 100%;
    padding: 10px 40px;
    background: #e4268a;
    color: #fff;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    -moz-border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
}
#addressHeader .fa {padding-right: 35px;}
#fridaAddress p {
    padding: 70px 40px 30px;
    color: #111;
    font-size: 18px;
    font-family: monospace;
}
#fridaCode {
    display: block;
    margin: 50px auto;
    width: 90%;
    min-width: 280px;
    padding: 20px 30px 10px;
    background: #e4268a;
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
#fridaCode #codeHeader {
    color: #fff;
    background: transparent;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    padding: 0;
}
#codeHeader .fa {padding-right: 35px;}
#fridaCode p {
    color: #111;
    background: #fff;
    font-size: 28px;
    text-align: center;
    padding: 20px 10px;
    font-family: monospace;
}
#fridaCode #fridaCodeExpiry {font-size: 0.5em;}
#frida h3 {
    font-family: 'Lato', sans-serif;
    margin: 60px auto 10px;
    text-transform: none;
}
#frida h3 span {
    font-size: .75em;
    color: #888;
}
#fridaBtn {
    text-align: center;
    padding: 80px 10px 60px;
}
#fridaBtn a,
#fridaBtn a:visited,
#fridaBtn a:active {
    background-color: #00d95c;
    color: #fff;
    padding: 25px 60px;
    margin: 20px 10px;
    border-radius: 50px;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: bold;
    -moz-transition: background-color ease-in .25s;
    -webkit-transition: background-color ease-in .25s;
    transition: background-color ease-in .25s;
}
#fridaBtn a:hover {background-color: #02b14c;}
#fridaKartenContainer {overflow: hidden;}
#fridaKartenContainer p {
    margin: 100px 10px 60px;
    font-size: 14px;
    color: #888;
}
#fridaKarten {
    margin: 170px auto 0;
    position: relative;
}
#fridaKarten .fridaKarte {
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    position: absolute;
    max-width: 400px;
    width: 40%;
}
#fridaPostkarte {
    bottom: 0;
    left: 30px;
    z-index: 1;
    -moz-transform: rotate(5deg) translateY(33%);
    -webkit-transform: rotate(5deg) translateY(33%);
    transform: rotate(5deg) translateY(33%);
}
#fridaMotivkarte {
    bottom: -20%;
    right: 30px;
    z-index: 3;
    -moz-transform: rotate(-5deg) translateY(33%);
    -webkit-transform: rotate(-5deg) translateY(33%);
    transform: rotate(-5deg) translateY(33%);
}
#fridaRueckseite {
    bottom: 0;
    left: 50%;
    -moz-transform: rotate(-2deg) translate(-50%, 33%);
    -webkit-transform: rotate(-2deg) translate(-50%, 33%);
    transform: rotate(-2deg) translate(-50%, 33%);
    z-index: 2;
}
/* DEACTIVATED FOR NOW
#fridaPreFooter {
    padding: 10px;
    background: #f7f7f7;
}

#fridaLogo {
    display: block;
    margin: 20px auto;
    width: 220px;
    max-width: 80%;
}
@media screen and (max-width: 768px) {
    #fridaLogo {
        margin: 10px auto;
    }
}
*/

#fridaFooter {
    padding: 20px;
    background: #ccc;
    z-index: 999;
    position: absolute;
    width: 100%;
}
#fridaFooter p {
    color: #333;
    font-size: 12px;
    line-height: 1.2;
    margin: 0;
    text-transform: uppercase;
}
/* CREDIT CARD PAYMENT MODAL */

/* Create Postcard Checkout */
.select-table.ccCvv input {width: 95% ;}
.select-table.ccCvv .fa {
    padding-left: 20px;
    font-size: 2em;
}
.cvv-tooltip{
    position: absolute !important;
    right: 20px !important;
    top: 6px !important;
    font-size: 18px !important;
    cursor: pointer !important;
    padding-left: 0 !important;
}
.select-table.ccValidUntil {width: 50% ;}
.ccValidUntil select {width: 90%;}
/* Recharge Credit */
.modal-ajax_credit_payment .select-table.ccCvv.rechargeModal td {padding-left: 0 !important;}
.select-table.ccCvv.rechargeModal input {
    /*width: 90% ;*/
}
.select-table.ccValidUntil.rechargeModal {width: 90% ;}
.ccValidUntil select {width: 90%;}
/* BTN BLOCK FIX */
.btn-block.btngrey {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
/* SEO LANDING PAGES */
main#lp-content.header-graphic-box.christmas {
    background:#f9f9f9 url('https://img-6aa0.kxcdn.com/hero-lp-christmas.jpg') no-repeat 0% 50%;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

main#lp-content h1 {
    letter-spacing: 1px;
    font-size: 40px;
}
.lpcheckbox{
    display: block!important;
    margin-bottom: 10px!important;
}
.lpcheckbox label{
    display: block!important;
    padding-left: 0px!important;
    margin-bottom: 0px!important;
    text-indent: -24px!important;
    font-weight:400!important;
    line-height:0px!important;
    height:20px;
}
.lpcheckbox input{
    width: 20px!important;
    height: 13px!important;
    padding: 0!important;
    margin: 0!important;
    vertical-align: middle!important;
    position: relative!important;
    top: -1px!important;
}
.lpHiwIcons {color: #9a9a9a;}
.lpHiwIcons#lpHiwThree {transform: scale(0.8);}
.recipient-entry	{
    background-color: #fff;
    font-size: 10px;
    line-height: 12px;
    text-align: left;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 3px;
    border: 2px solid #cacaca;
}
.recipient-entry:hover    {border: 2px solid #ff4895;}
.recipient-incomplete	{border: 2px solid #e74c3c;}
.icon-custom-rec-edit {
    background: url('https://img-6aa0.kxcdn.com/pencil-sprite.png') center 0px no-repeat;
    background-size: auto auto;
    background-size: 18px;
    display: inline-block;
    margin: 0;
    font-stretch: normal;
    height: 18px;
    width: 19px;
    float: right;
    margin-top: -5px;
}
.icon-custom-rec-edit:hover {
    background: url("https://img-6aa0.kxcdn.com/pencil-sprite.png") center -18px no-repeat;
    background-size: auto auto;
    background-size: 18px;
}
.icon-custom-rec-trash {
    background: url('https://img-6aa0.kxcdn.com/trash-sprite.png') center 0px no-repeat;
    background-size: auto auto;
    background-size: 18px;
    display: inline-block;
    margin: 0;
    font-stretch: normal;
    height: 18px;
    width: 18px;
    float: right;
    margin-top: -5px;
}
.icon-custom-rec-trash:hover {
    background: url("https://img-6aa0.kxcdn.com/trash-sprite.png") center -18px no-repeat;
    background-size: auto auto;
    background-size: 18px;
}
.create_postcard_login_link2:hover{text-decoration:underline;}
/* PRODUCT INTRO BANNER */
.headerIntroBlock {background-color: #f2f2f2;}
.headerIntroContainer {
    padding-top: 40px;
    padding-bottom: 50px;
    background-repeat: no-repeat;
    background-position: 105% 50%;
    background-size: auto 100%;
}
.headerIntroHeading {
    font-size: 28px;
    letter-spacing: normal;
}
.headerIntroPricing {
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
    color: #474747;
    font-family: Roboto;
    margin-bottom: 8px;
}
#bothcardsIntroHeader .headerIntroPricing,
#DesignShopIntroHeader .headerIntroPricing{font-size: 18px;}
.headerIntroPrice {font-size: 120%;}

#step3 .dropdown-menu > li > a:hover {
    background-color: #efefef !important;
    color: #474747 !important;
}
#step3.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #aaa !important;
    outline: 0;
}

.mblflags Img{
    width: 18px;
    margin-right: 10px;
    margin-top: -3px;
}
/*SHARED CLASSES*/
.pay-list {
    list-style: none;
    margin-left: 0;
    padding: 0;
}
.pay-list li {
    border-bottom: 1px solid #bdbdbd;
    background-color: #f2f2f2;
}
.pay-list li label {
    cursor: pointer;
    text-align: left;
}
.pay-list li input {
    float: left;
    margin-right: 5px;
}

/* MOBILE FIX */
@media screen and (min-width: 1800px) {
    .header-graphic-box {
        background-size: cover !important;
    }
}
@media screen and (min-width: 1200px) {
    #globe .fa.fa-globe,
    fa.fa-money {
        left: 10px;
    }
}
@media (max-width: 1199px) {
    .os-l a:link	{
        letter-spacing: 0.3px;
    }
    body.header-7 .menu-header .navbar-default .navbar-nav > li > a:not(.btn) {
        letter-spacing: 0.1px;
        margin-left: 6px;
        margin-right: 6px;
    }
    .strip	{
        padding-top: 10px;
        padding-bottom: 25px;
        width: 80%;
        margin: 0 auto;
    }
    .strip .col-md-7	{
        width: 100%;
    }
    .intl-tel-input {
        width: 100%!important;
    }
    #down-scroll {
        margin-top: 64px;
    }
    /* MOBILE HERO */
    #mobileHero {
        background: #f7f7f7;
        padding: 10px 0;
    }
}
@media (min-width: 1025px) {
    .menu-header .sub-menu {
        position: absolute;
        z-index: 1;
        min-width: 740px;
        right: 0px
    }
    body.header-7 .menu-header .navbar-default .navbar-nav > li > a:not(.btn) {
        padding-bottom: 21px;
        padding-left: 0;
        padding-right: 0;
        margin-left: 15px;
        margin-right: 15px;
        position: relative;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        font-weight: 700;
    }
    .menu-header .navbar-default .navbar-nav  > li:hover > a:not(.btn):after {
        position: absolute;
        bottom: 25px;
        left: 0;
        content: '';
        width: 100%;
        -moz-animation: bounceIn 300ms ease-in;
        -webkit-animation: bounceIn 300ms ease-in;
        animation: bounceIn 300ms ease-in;
        border-bottom: 0px!important;
    }
    .menu-header .lang-sub  {
        background: #fff;
        font-weight: normal;
        line-height: 35px;
        list-style: none;
        margin: 0;
        min-width: 60px;
        position: absolute;
        right: 0!important;
        text-align: left;
        top: 35px !important;
        z-index: 99;
        border-radius: 8px;
        padding: 5px 0;
    }
    body.user_loggedin .menu-header .lang-sub {
        /*right: 90px !important;*/
    }
    .menu-header .lang-sub li {
        padding: 0;
        margin: 0;
        background: #fff;
    }
    .menu-header .lang-sub li:hover {
        background: rgb(239, 239, 239);
    }
    .menu-header .lang-sub li a,
    .menu-header .lang-sub li a:link,
    .menu-header .lang-sub li a:visited {
        color: rgb(154,154,154);
        margin: 0;
        padding: 0 5px;
        text-align: center;
        text-transform: none !important;
        font-family: Roboto;
    }
    .menu-header .lang-sub li:hover a {
        color: #474747;
    }
    .menu-header .lang-sub li img {
        width: 18px;
        height: 2%;
        margin-right: 5px;
        margin-left :5px;
        margin-bottom:2px;

    }
    .lang-link .fa-chevron-down {
        padding-left: 2px;
        -moz-transform: scale(0.75);
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
        opacity: 0.7;
    }
    #navLoginLanguage {
        list-style: none;
    }
    #navLoginLanguage > li > a {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 40px;
        text-transform: uppercase;
    }

    #navLoginLanguage .fa-mobile {
        transform: scale(1.5);
    }

    #navLoginLanguage .navLoginLogout {
        margin-left: 30px;
    }

    .flagen	{
        background-image: url('https://img-6aa0.kxcdn.com/flagen.jpg');
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    body.lang-en .flagen	{
        background-image: url('https://img-6aa0.kxcdn.com/flagen.jpg');
        background-repeat: no-repeat;
        background-position: 15% 60%;
    }

    .menu-header .nav > li.flagen .lang-sub .flagde a:not(.btn):hover {
        background-image: url('https://img-6aa0.kxcdn.com/flagde.jpg');
        background-repeat: no-repeat;
        background-position: 50% 50%;
        transition: none;
    }

    .flagde	{
        background-image: url('https://img-6aa0.kxcdn.com/flagde.jpg');
        background-repeat: no-repeat;
        background-position: 15% 60%;
    }
    body.lang-en .flagde	{
        background-image: url('https://img-6aa0.kxcdn.com/flagde.jpg');
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    .menu-header .nav > li.flagde .lang-sub .flagen a:not(.btn):hover {
        background-image: url('https://img-6aa0.kxcdn.com/flagen.jpg');
        background-repeat: no-repeat;
        background-position: 50% 50%;
        transition: none;
    }
}
@media (max-width: 1024px) {
    .menu-header .navbar-nav > li {
        float: right!important;
    }
    .menu-header .navbar-nav.navbar-right > li {
        float: none !important;

    }
    .menu-header .navbar-nav.navbar-right {
    }
    .menu-header .nav > li .sub-menu {
        text-align: left;
    }
    .logout-link {
        margin-right: 0;
        margin-left: 0;
    }
    a.has-sub-menu:hover	{
        background-image:none;
    }
    div#footerSupport {
        text-align: center;
        padding: 0;
    }

    .lang-link	{

        right: 0px!important;
        margin-right: 0px!important;
    }

    .arrow	{
        display: none;
    }

    .lines	{
        display: none;
    }

    .navbar-brand	{
        padding-top: 14px;
        padding-bottom: 14px;
    }
    .swiper-horizontal .swiper-scrollbar{
        height:30px;
        bottom:auto;
        top:0;
        background: rgba(255,255,255,.6);
    }

    .swiper-horizontal  .swiper-scrollbar-drag{
        background: rgba(0,0,0,.6);
    }
    body.header-6 .menu-header:not(.scroll-header) .navbar-default .navbar-nav > li > a.btn.border {
        color: #222;
        border-color: #222;
    }
    .neko-mega-menu.image-background {
        background:none;
    }
    .menu-header .navbar-header .navbar-toggle {
        min-width: 15%;
        margin-top: 15px!important;
        margin-bottom: 10px;
    }
    .ftr_currency .dropdown-menu>li>a {
        display: block;
        padding: 0px 11px;
    }

    #mainNavSearch {
        display: flex;
    }
}
@media (min-width: 992px) {
    #subpage_hero.funcard .container {
        background: #ffd145 url('https://img-6aa0.kxcdn.com/mypostcard-funcard-header-tiny.png') no-repeat bottom right;
        background-size: auto!important;
    }
    #subpage_hero.funcard h1 {
        font-size: 34px;
        line-height: 36px;
        text-transform: none;
    }
    #subpage_hero.funcard #hero-text {
        background: #fff6d4;
        padding: 20px 20px;
        border-radius: 20px 20px 0 0;
        margin-top: 40px;
    }
    .modal-ajax_download_popup {
        width: 900px!important;
    }
    .modal-ajax_contact_popup {
        width: 900px!important;
    }
    .modal-ajax_press_popup {
        width: 900px!important;
    }
    .modal-ajax_my_account_contacts-add_contact {
        width: 900px!important;
    }
    .create_contact, .import_contact, .invite_contact {
        width: 700px!important;
    }
    #govi-section {
        background: url('https://img-6aa0.kxcdn.com/govista-bg.jpg') no-repeat left top #fff;
        padding: 100px 0;
    }
    .section-featured .line-two .visible-de{
         display: inline-block !important;
     }
    .section-featured .line-two .visible-en{
        display: inline-block !important;
    }
    .special-contant-height .bx-pager.bx-default-pager {
        display: none;
    }
    .code-invite {
        margin-left: -11px !important;
        margin-right: -4px !important;
    }
}

/*web main model body */
.modal-body.centered{
    padding: 32px 40px !important;
}
/*End*/
@media (max-width: 991px) {
    .home-productImageContainer img.shadow {
        width: 95% !important;
        top: 22px !important;
    }
    .av-upload	{
        position: relative;
        right: 0px;
        margin-bottom: 20px;
    }
    .modal-ajax_contact_popup	{
        width: 96%!important;
    }
    .modal-ajax_press_popup	{
        width: 96%!important;
    }
    .modal-ajax_download_popup {
        width: 96%!important;
    }
    .d-panels .input-panel {
        width: 90%;
    }
    .box-icon	{
        height: 330px;
    }
    #main-footer .row2	{
        margin-top: 0px;
    }
    main		{
        margin-bottom: 0px!important;
    }
    .popup_sms {
        margin-left: 0px !important;
    }
    .mobileNavLangLink .lang-sub li a{
        padding: 2px 5px;
        font-size: 13px !important;
    }
    footer#main-footer {
        position: relative!important;
    }
    .padding80d20m {padding: 40px !important;}.paddingTop80d20m {padding-top: 40px !important;}.paddingRight80d20m {padding-right: 40px !important;}.paddingBottom80d20m {padding-bottom: 40px !important;}.paddingLeft80d20m {padding-left: 40px !important;}
}
@media (min-width: 768px) {
    .text-2x  {
        font-size: 150%;
    }
    ul.curr_main {
        margin-top: 9px !important;
    }
    .modal-dialog {
        width: 540px;
        margin: 90px auto;
    }
    .modal-dialog.spec_popup {
        width: 740px!important;
        margin: 40px auto;
    }
    .spec-img {
        max-width: 540px;
        margin: 0 auto;
    }
    #scrollDownArrow {
        color: #ff4895;
        bottom: 50px;
        display: inline;
        font-size: 52px;
        position: fixed;
        right: 50px;
        z-index: 999;
        -moz-animation: scrollDownAFadeIn 3s 1, scrollDownAnimation 1s 5s 2;
        -webkit-animation: scrollDownAFadeIn 3s 1, scrollDownAnimation 1s 5s 2;
        animation: scrollDownAFadeIn 3s 1, scrollDownAnimation 1s 5s 2;

    }
    #scrollDownArrow.hide {
        display: none;
    }
    #hero {
        padding: 50px 54px 55px;
    }
    #content.ab #hero {
        padding: 60px 0 140px;
    }
    #hero h1 .lower {
        font-size: 56px;
        line-height: 65px;
    }

    #hero .btn {
        font-size: 18px;
        margin: 15px auto 14px;
        padding: 20px 40px;
    }
    #content.ab #hero .btn {
        font-size: 20px;
    }
    #hero .download_app_container {
        position: relative;
    }

    #hero .app_icons {
        display: inline;
        position: absolute;
        top: 350%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.85em;
        color: #ccc;
        text-transform: uppercase;
        max-width: 90%;
        width: 90%;
        letter-spacing: 1px;
    }

    * html .app_icons {
        position: absolute;
    }

    #hero .fa:before {
        color: #d4d4d4 !important;
        padding: 3px;
        font-size: 1.5em;
    }
    .productDescription {
        padding: 40px 70px 10px;
        background: rgba(255,255,255,0.95);
        position: relative;
        top: -5em;
        right: -5em;
        display: inline-block;
    }
    #subpage_hero {
        padding: 150px 0 100px;
    }
    #subpage_hero h1 {
        font-size: 50px;
        line-height: 50px;
    }
    #subpage_hero.giftcard {
        background: url('https://img-6aa0.kxcdn.com/geschenkkarte-banner.jpg') no-repeat 50% 50%;
    }

    body#gb #subpage_hero.giftcard,
    body#us #subpage_hero.giftcard {
        background: url('https://img-6aa0.kxcdn.com/gift-card-banner.jpg') no-repeat 50% 50%;
    }
    body#nl #subpage_hero.giftcard {
        background: url('https://img-6aa0.kxcdn.com/cadeaukaarten-banner.jpg') no-repeat 50% 50%;
    }
    body#es #subpage_hero.giftcard {
        background: url('https://img-6aa0.kxcdn.com/tarjeta-regalo-banner.jpg') no-repeat 50% 50%;
    }
    body#it #subpage_hero.giftcard {
        background: url('https://img-6aa0.kxcdn.com/cartaregalo-banner.jpg') no-repeat 50% 50%;
    }
    body#sv #subpage_hero.giftcard {
        background: url('https://img-6aa0.kxcdn.com/presentkort-banner.jpg') no-repeat 50% 50%;
    }
    body#fr #subpage_hero.giftcard {
        background: url('https://img-6aa0.kxcdn.com/carte-cadeau-banner.jpg') no-repeat 50% 50%;
    }
    body#pt #subpage_hero.giftcard {
        background: url('https://img-6aa0.kxcdn.com/cartao-presente-banner.jpg') no-repeat 50% 50%;
    }
    body#ru #subpage_hero.giftcard {
        background: url('https://img-6aa0.kxcdn.com/kuponkarta-banner.jpg') no-repeat 50% 50%;
    }
    body#tr #subpage_hero.giftcard {
        background: url('https://img-6aa0.kxcdn.com/hediyekarti-banner.jpg') no-repeat 50% 50%;
    }
    #subpage_hero.contactPage {
        background: url('https://img-6aa0.kxcdn.com/mypostcard-contact.jpg') no-repeat 50% 50%;
        margin-top: 0;
    }
    #subpage_hero.jobsPage {
        background: url('https://img-6aa0.kxcdn.com/mypostcard-career-jobs.jpg') no-repeat 50% 50%;
        margin-top: 0;
    }
    #subpage_hero.coupon_code {
        background: url('https://img-6aa0.kxcdn.com/mypostcard-code.jpg') no-repeat 50% 50%;
        margin-top: 0;
    }
    #subpage_hero.coupon_code.ontherun {
        background: url('https://img-6aa0.kxcdn.com/postcard-on-the-run.jpg') no-repeat 50% 50%;
        margin-top: 0;
    }
    #subpage_hero.gewinnspiel {
        background: url('https://img-6aa0.kxcdn.com/mypostcard-gewinnspiel-agb.jpg') no-repeat 50% 50%;
        margin-top: 0;
    }
    #subpage_hero.social-comm {
        background: url('https://img-6aa0.kxcdn.com/mypostcard-social-commitment.jpg') no-repeat 50% 50%;
        margin-top: 0;
        background-size: cover;
    }
    #subpage_hero.funcard {
        background-color: #ffd145;
    }
    #subpage_hero.movecards {
        background: url('https://img-6aa0.kxcdn.com/democracy-delivered-hero.jpg') no-repeat 50% 30%;
        margin-top: 0;
        background-size: cover;
        padding: 80px 0 10px;
    }
    .movecards .hero_content h1,
    .movecards .hero_content p {
        color: #fff !important;
    }
    #subpage_hero.movecards h1 {
        font-size: 170px;
        line-height: 130px;
    }
    #subpage_hero.movecards small {
        font-size: 97px;
        line-height: 160px;
    }
    #subpage_hero.movecards h2 {
        font-size: 40px;
        line-height: 40px;
    }
    #subpage_hero.movecards p.hero_subheading {
        font-size: 38px;
        line-height: 40px;
        font-family: 'Lato', sans-serif;
        text-transform: uppercase;
        font-weight: 700;
        text-align: center;
    }
    .movecards h1,
    .movecards h2,
    .movecards h3,
    .movecards .card,
    .movecardImpact {
        font-family: Impact, sans-serif !important;
        color: #333;
        letter-spacing: 0;
    }
    .movementPowered {
        font-size: 18px;
        font-family: Impact, sans-serif !important;
        margin: 120px auto 20px;
        text-transform: uppercase;
    }
    #cardsRow {
        margin: 20px auto 100px;
    }
    #cardsRow .card {
        font-size: 80px;
        line-height: 80px;
    }
    p.movementHiw {
        font-family: Impact, sans-serif;
        letter-spacing: 0;
    }
    #movecardsBtnContainer a {
        margin: 5px 20px 50px;
        padding: 24px 48px;
        font-size: 20px;
    }
}
@media screen and (max-width: 768px) {
    .home-productImageContainer img.shadow {
        width: 95% !important;
        top: 15px !important;
    }
    .my_account .strip {
        padding-top: 20px;
    }
    h1.headerIntroHeading.head_main {
        padding-top: 68px !important;
    }
    .acc-nav li {
        float: none;
        margin: 10px 0;
    }
    .acc-nav a {
        padding: 10px 0 !important;
        line-height: 18px !important;
    }
    .acc-nav .active {
        border-bottom: none;
    }
    .acc-nav .active a {
        text-decoration: underline;
    }
    .index-grey .index-icons {
        background-image: none;
    }
    .box-icon	{
        height: auto;
    }

    .icon-custom-email	{
        display: none;
    }
    .icon-custom-phone	{
        display: none;
    }
    #down-scroll	{
        display: none!important;
    }
    #hero h1 .upper {
        font-size: 12px;
        letter-spacing: 0;
    }
    #hero .btn.outline {
        width: 98%;
        margin: 15px 1%;
        display: block;
    }
    .sub_content {
        padding: 10px 0 60px;
    }
    #movecardIframeSection.mailborderTop {
        background: none;
        padding-top: 0;
        margin-top: 0;
        max-width: 100%;
    }
    #movecards.mailborderTop {
        background: url('https://img-6aa0.kxcdn.com/mailborder-mypo.jpg') top center #FFF;
        background-size: 60px;
        background-repeat: repeat-x;
        padding-top: 17px;
        margin-top: 0;
    }
    #subpage_hero.movecards {
        background: url('https://img-6aa0.kxcdn.com/democracy-delivered-hero.jpg') no-repeat 50% 50%;
        margin-top: 0;
        background-size: cover;
        padding: 10px 0 40px;
    }
    .movecards .hero_content h1,
    .movecards .hero_content p {
        color: #fff !important;
    }
    #subpage_hero.movecards h1 {
        font-size: 80px;
        line-height: 70px;
    }
    #subpage_hero.movecards small {
        font-size: 26px;
        line-height: 46px;
    }
    #subpage_hero.movecards h2 {
        font-size: 40px;
        line-height: 40px;
    }
    #subpage_hero.movecards p.hero_subheading {
        font-size: 20px;
        line-height: 26px;
        font-family: 'lato', sans-serif;
        text-transform: uppercase;
        font-weight: 700;
        text-align: center;
    }
    .movementHashtag {
        font-family: Futura-CondensedExtraBold, sans-serif;
        font-size: 22px;
        margin: 10px auto;
        text-transform: uppercase;
    }
    #usaFlag {
        margin-top: 30px;
    }
    .mailborderTop,
    .mailborderTopGrey {
        background-size: 60px;
        padding-top: 20px;
    }
    .design-title.banner-make_your_voice_heard h1 {
        font-size: 20px;
    }
    .modal-body {
        position: relative;
        padding: 40px 10px 60px;
    }
    #get_app_banner .getAppIcon {
        max-width: 100%;
        width: 180px;
        margin: 12px auto;
    }
    h4.paket-price {
        margin: 10px 0;
    }
    .control img {
        display: none;
    }
    .groupon-title {
        margin-top: 50px;
    }
    .transaction_history {
        padding-left: 25px !important;
    }
    #individual_friends_code {
        margin: 0 1em;
    }
    #personal_friends_code.redeemed {
        padding: 140px 0 60px;
    }
    .acc-page #content  {
        margin-top: 45px !important;
    }
    .lang-de.acc-page #content.header-graphic-box, .lang-en.acc-page #content.header-graphic-box {
        margin-top: 0 !important;
    }
    #home_appd p {
        line-height: 22px;
    }
    #home_appd form {
        margin: 0 !important;
    }
    #home_appd .form-group {
        position: relative;
        width: 100%;
        height: 60px;
        margin-top: 20px;
    }
    #home_appd .btn {
        margin: 5px auto;
        display: block;
        padding: 10px 20px;
        position: absolute;
        right: 0;
        -moz-border-radius:  25px !important;
        -webkit-border-radius: 25px !important;
        border-radius:  25px !important;
        font-size: 14px;
        line-height: 20px;
        width: 33%;
    }
    #home_appd input[type=email] {
        position: absolute;
        display: block;
        left: 0;
        margin: 5px auto 10px;
        -moz-border-radius:  25px !important;
        -webkit-border-radius:  25px !important;
        border-radius:  25px !important;
        padding-left: 15px;
        width: 100%;
    }
    #home_appd .fa {
        margin-left: 0;
    }
    #languageVersionBar {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .mobile-left {
        text-align: left !important;
    }
    .mobile-center {
        text-align: center !important;
    }
    .mobile-right {
        text-align: right !important;
    }
    .mobile-justify {
        text-align: justify !important;
    }
    .mobile-pt {
        padding-top: 30px;
    }
    p#fridaHeroTop {
        font-size: 11px;
    }
    #fridaTopLogo {
        width: 90px;
        margin-right: 5px;
    }
    #frida h1 {
        font-size: 2em;
        margin: 50px auto 70px;
        transform: unset;
        -moz-text-shadow: 5px 5px 20px rgba(0, 0, 0, 0.6);
        -webkit-text-shadow: 5px 5px 20px rgba(0, 0, 0, 0.6);
        text-shadow: 5px 5px 20px rgba(0, 0, 0, 0.6);
    }
    #frida h1 #fridaName {
        font-size: 2em;
    }
    #fridaContent h2 {
        font-size: 1.4em;
    }
    #fridaImg {
        float: unset;
        display: block;
        margin: -100px auto 30px;
    }
    #fridaAddress {
        -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    }
    #addressHeader .fa {
        display: none;
    }
    #fridaAddress p {
        padding: 60px 20px 20px;
        font-size: 14px;
    }
    #fridaCode #codeHeader {
        font-size: 15px;
    }
    #codeHeader .fa {
        display: none;
    }
    #fridaCode p {
        font-size: 24px;
        padding: 12px 10px;
    }
    #fridaCode #fridaCodeExpiry {
        font-size: 0.6em;
    }
    #frida h3 {
        font-size: 1.5em;
    }
    #frida h3 span {
        font-size: 0.5em;
        font-weight: normal;
    }
    #fridaBtn a,
    #fridaBtn a:visited,
    #fridaBtn a:active {
        padding: 20px 50px;
        margin: 20px 0px;
        font-size: 20px;
    }
    #fridaKartenContainer p {
        margin: 80px 10px 20px;
        font-size: 11px;
    }
    #fridaKarten {
        margin: 90px auto 0;
    }
    #fridaKarten .fridaKarte {
        width: 45%;
    }
    #fridaPostkarte {
        left: 0;
        -moz-transform: rotate(10deg) translateY(33%);
        -webkit-transform: rotate(10deg) translateY(33%);
        transform: rotate(10deg) translateY(33%);
    }
    #fridaMotivkarte {
        right: 0;
        -moz-transform: rotate(-10deg) translateY(33%);
        -webkit-transform: rotate(-10deg) translateY(33%);
        transform: rotate(-10deg) translateY(33%);
    }
    #fridaRueckseite {
        -moz-transform: rotate(0deg) translate(-50%, 33%);
        -webkit-transform: rotate(0deg) translate(-50%, 33%);
        transform: rotate(0deg) translate(-50%, 33%);
    }
    #fridaFooter p {
        font-size: 9px;
        line-height: 13px;
    }
    .text-xs-center {text-align: center;}
    .sumome-share-client-wrapper.sumome-share-client-wrapper-mobile-bottom-bar,
    .sumome-stylebufferbottom-shim {
        display: none !important;
    }
    .padding80d20m {padding: 20px !important;}.paddingTop80d20m {padding-top: 20px !important;}.paddingRight80d20m {padding-right: 20px !important;}.paddingBottom80d20m {padding-bottom: 20px !important;}.paddingLeft80d20m {padding-left: 20px !important;}
    .padding20m {padding: 20px !important;}.paddingTop20m {padding-top: 20px !important;}.paddingBottom20m {padding-bottom: 20px !important;}
    .text-xs-center {text-align: center !important;}
    .text-xs-left {text-align: left !important;}
    .text-xs-right {text-align: right !important;}
    .text-xs-justify {text-align: justify !important;}
    .form-inline .form-group.floatRight {float: none !important;}
    .center-xs{text-align:center;}
    .font-xs{font-size:170%!important;line-height:32px!important;}
    main#lp-content h1 {
        letter-spacing: 0;
        font-size: 28px;
    }

    .lpcheckbox label{
        margin-bottom: 10px!important;
    }
    .headerIntroHeading {
        padding-top:24px;
    }
   .header_intro_greetingcard{
        padding-top:12px;
    }
    .headerIntroContainer {
        padding-bottom: 0px;
        padding-top: 35px;
    }
    ul.design-nav {
        /*min-width: 180%;*/
        height: 50px;
    }

    .bx-wrapper .bx-next:hover,
    .bx-wrapper .bx-prev:hover{
        color: #aaaaaa !important;
    }
}

@media (max-width: 599px) {
    .home-productImageContainer img.shadow {
        width: 90% !important;
        top: 25px !important;
    }
    .image-sf {
        background-size: 180%;
        background-position: center 50%!important;
    }

    .d-panels-w	{
        width: 100%;
        border-bottom: 1px solid grey;
        margin-bottom: 20px;
        border-left: none!important;
    }


    .d-panels	{
        width: 100%;
        border-bottom: 1px solid grey;
        margin-bottom: 20px;
        border-left: none!important;
    }
    .d-panels img	{
        max-width: 200px;
    }
}
@media (max-width: 533px) {
    .modal-buttons .two_buttons a {
        width: 100%;
    }
    .single_button .btn {
        width: auto;
    }
}
@media (max-width: 519px) {
    .home-productImageContainer img.shadow {
        top: 18px !important;
    }
    .mg-left	{
        margin-left: 0px;
    }
    .e-log	{
        display: block;
        background-image: none;
    }
}
@media (max-width: 420px) {
    #footerPaymentIcons svg {
        height: 24px;
        margin: 5px 5px 15px;
    }
    #hero{background-color:transparent!important;}
    main#lp-content.header-graphic-box.christmas {
        background:#f9f9f9 url('https://img-6aa0.kxcdn.com/weihnachtskarten-versenden-send-christmas-cards-online-hero.jpg') no-repeat 0% 50%;
    }
    .bxslider{left:0px!important;}

    .home-productImageContainer img.shadow {
        top: 10px !important;
    }
}
@media (max-width: 380px) {
    .main-logo  {
        max-width: 230px;
        margin-top: 10px;
        margin-bottom: 0;
    }
}
@media (max-width: 380px) {
    .sprite-partner3 {
        position: relative;
        left: -5px;
    }
    #footerPaymentIcons svg {
        height: 20px;
        margin: 5px 5px 15px;
    }
    .home-productImageContainer img.shadow {
        top: 5px !important;
    }
}
@media (max-width: 330px) {
    .sprite-partner3 {
        position: relative;
        left: -22px;
    }
    #footerPaymentIcons svg {
        height: 15px;
        margin: 5px 5px 15px;
    }
    #followus svg {
        width: 26px;
    }
}
/************ charity ***************/
.charity_main section h2.section-heading {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 15px;
}

.charity_main section h3.section-subheading {
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 75px;
    text-transform: none;
    font-family: 'Roboto', sans-serif;
}

@media (min-width: 768px) {
    .charity_main section {
        padding: 55px 0;
    }
}

.charity-section-1-btn {
    margin-top: -19px  !important;
}
.charity-sub-title {
    color: #333;
}
p.charity-sub-title-2 {
    font-size: 18px;
    padding: 0px 93px;
}
.charity-section-2-main img {
    padding: 0 16px;
}
h2.charity-offer-section.text-uppercase {
    color: #333;
    text-transform: uppercase;
    font-size: 26px;
    font-family:'Roboto', sans-serif;
}
.charity-offer-section-1 {
    line-height: 21px;
}
.charity-section-3-left {
    text-align: center;
}
.charity-section-4-main {
    text-align: center;
    padding: 0 101px;
}
.charity-section-4-main h2 {
    color:#333;
    font-size: 20px;
    padding: 12px 0;
    text-transform: none;
}
.charity-section-4-main h3 {
    font-size: 22px;
    font-weight: 500;
    padding-top: 9px;
}
.charity-section-4-main p {
    margin: 14px;
    font-size: 17px;
}
header.charity_head {
    text-align: center;
    background-image: url('https://img-6aa0.kxcdn.com/mypostcard-social-commitment.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
header.charity_head .intro-text {
    padding-top: 150px;
    padding-bottom: 150px;
}
header.charity_head .intro-text .intro-heading {
    font-size: 50px;
    font-weight: bold;
    line-height: 50px;
    font-family: 'Roboto', sans-serif;
    color: #333333;
    margin: 11px;
}
.charity-section-donor {
    padding: 133px 0;
}
.charity-section-campaign {
    padding: 173px 0;
}
.charity-section-exclusive {
    padding: 307px 0;
}
.charity-section-4-main1 {
    width: 106px;
    margin: 0 auto;
}
.charity-bottom-btn {
    margin-bottom: 21px;
}
.charity-bottom-section h3{
    font-size: 20px;
    margin: 40px auto 15px;
}

/************ charity for mobile***************/
@media only screen and (min-width: 250px) and (max-width: 480px) {
    .charity-section-3-left img {
        width: 100%;
    }
    .charity-section-1-icon {
        text-align: center;
    }
    .charity-section-1-btn {
        text-align: center;
        margin-top: 12px !important;
    }
    .charity_main section {
        padding: 40px 0;
    }
    .charity-section-donor {
        padding: 0 20px;
    }
    .charity-section-campaign {
        padding: 22px 20px;
    }
    .charity-section-exclusive {
        padding: 22px 20px;
    }
    .charity-section-4-main {
        text-align: center;
        padding: 14px !important;
    }
    p.charity-sub-title-2{
        padding: 2px!important;
    }
    .charity-section-2-main img{
        padding-bottom: 32px;
    }

    #hero h1 .lower {
        font-size: 36px;
    }

    #hero p {
        font-size: 14px;
        margin-top: 35px;
        margin-bottom: 85px;
    }
}

/*********************print-api*******************/
.print-api-main img{
    width: 130px;
    margin: 0 auto;
    padding-bottom: 33px;
}
.api-section-p{
    line-height: 21px;
    text-align: center;
}
h2.api-section-heading {
    color: #333;
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    margin-top: -7px;
}

.print-api-main {
    padding: 26px 0 0;
    margin-bottom: 0;
}
.Download_api{
    margin-left: -90px !important;
    background: transparent !important;
    color: #ff4895 !important;
    border: 2px solid #ff4895;
}

a.btn.fully-rounded.link_api_form{
    margin-left: -16px;
}
h2.Api-service-section_2{
    color: #333;
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
}
.api_main {
    margin: 0;
}
.print-api-main1-right {
    padding-top: 43px;
}
.print-api-main1-right p {
    line-height: 21px;
}
.print-api-main1 {
    padding: 0;
}
.section-5-left {
    padding-left: 0;
}

.variante_section_3 p{
    margin-bottom: 0;
}
.section-5-right {
    padding-right: 0;
}
.section-6-main {
    padding: 0;
}
.section-5-left h3{
    text-transform: none !important;
}
.section-6-right{
    float: right;
    padding-right: 0;
}

.section-6-left{
    padding-left: 0;
    max-width: 515px;
}
section.bg-white {
    padding-bottom: 0 !important;
}
.contact_form_api{
    padding-top: 15px;
}
p.space-step {
    margin: 0;
}
p.space-step-left {
    margin: 0;
}
.api_main section {
    padding: 55px 0;;
}
.Download_api:hover {
    color: #fff !important;
    background: #e54085 !important;
    border: 2px solid #e54085 !important;
}
.section-6-main-top {
    padding: 50px 0 !important;
}
.padding-zero {
    padding: 0;
}
.padding-left-zero {
    padding-left: 0;
}
.padding-right-zero{
    padding-right: 0;
}
.header_api {
    margin-top: 20px;
}
.section-5-left h3.fontSize20px {
    font-size: 16px !important;
}

@media  (min-width: 250px) and (max-width: 767px) {
    .Download_api {
        margin-left: -20px !important;
        font-size: 11px !important;
        line-height: 15px;
    }
    ul.space-step.list-style-type {
        padding-left: 16px;
    }
    .logo_api > img {
        height: 112px;
        margin: 35px auto;
    }

    .padding-right-zero {
        padding-left: 0;
    }

    .variante_section_3 p {
        line-height: 20px;
    }

    .section-5-right {
        padding-left: 0 !important;
    }

    .section-6-right {
        padding-left: 0;
        padding-right: 0;
        padding-top: 35px;
    }

    .contact_form_api {
        padding-left: 19px;
        padding-top: 0;
        padding-right: 21px;
    }

    .variante_section_3 {
        padding-top: 0 !important;
    }

    .Api-service-section_2 {
        padding-bottom: 0 !important;
    }

    .section-6-main-top {
        padding: 17px 0 !important;
    }

    .section-6-left {
        padding-right: 0;
    }

    section#contactPageSection {
        padding-top: 8px;
    }
    .home-productContainer {
        margin: -26px 0;
    }
    .sms_mbl{
        margin-top: 42px !important;
    }
    .secure-image{
        text-align: center;
        margin-top: -46px;
    }
    #content .secure_text{
        text-align: center !important;
    }
   .code_mbl {
       margin-bottom: -85px !important;
       margin-top: 23px;
    }
    section.faq-section {
        background-size: 100% 5%, 100% 9% !important;
    }
    .faq-section .questions {
        margin-top: 1% !important;
    }
    .question span {
        display: block;
        float: left;
        width: 210px;
    }
    .question img {
        float: left;
        margin-top: 5px;
    }
    li.a_spacing {
        margin-left: 8% !important;
    }
    h1.lg_header{
        font-size: 32px;
        margin-top: 54px !important;
    }
    .loves_localguides{
        margin-top: 15%;
        text-align: center;
        margin-bottom: -40px !important;
    }
    #img_promolanding {
        max-width: 100% !important;
    }
    .promolanding-banner > img {
        margin-top: 64px;
    }
    #kit-kat-page {
        padding: 0 !important;
    }
    p.register_promolanding_text {
        padding-top: 0px !important;
    }
    .special-contant-height .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
         text-align:center;
         width: unset;
    }
    .section-review .column2 {
        width: 414px !important;
        margin: auto;
    }
   .special-contant-height .bx-controls.bx-has-controls-direction.bx-has-controls-auto.bx-has-pager {
        margin-top: -23px;
    }
    img.Review-icon {
        margin-top: 15px;
    }
    .section-featured h3 {
    }
    #get_app_banner .line-two h3 {
        margin-top: 21px;
    }
    .section-featured .line-two h3 {
        margin-top: 23px;
    }
}
@media only screen and (max-width: 768px) {
    .currency_footer{
        padding: 0;
        display: inline;
    }
    .lang_footer{
        display: inline;
        padding: 0;
    }
    label.dropdown_lang {
        margin-left: 6px;
        font-size: 11px;
    }
    .languageVersionBar1 Button, .ftr_currency button {
        min-height: 35px;
        font-size: 12px;
        min-width: 75px;
        padding-top: 9px;
    }
    .languageVersionBar1 ul.dropdown-menu>li>a {
        padding: 1px 2px;
        line-height: 3;
        font-size: smaller;
        letter-spacing: 0px;
    }
    .languageVersionBar1 Button, .ftr_currency button {
        margin: 2px;
    }
}

@media  (min-width: 768px) and (max-width: 1024px) {
    .Download_api {
        margin-left: -20px !important;
    }
    .intl-tel-input .country-list {
        min-width: 228px;
        margin: 1px 0 0 157px !important;
    }
    /*.loves_localguides {*/
    /*    text-align: center;*/
    /*}*/
    .centered.sslMsg.secure_text{
        text-align: center !important;
    }
    .logo_sm_invite{
        width: 25% !important;
        padding-top: 47px;
    }
    .invite.add-form-contain2 {
        padding-right: 22px;
    }
    p#copiedNoteArrow_2 {
        top: 16px;
        left: 91% !important;
    }
    #individual_friends_code_section_2 .copycodeContainer #copiedNote {
        top: -6px;
        left: 91% !important;
    }
    .logo_api > img {
        height: 140px;
        margin-top: 39px;
        margin-bottom: 28px;
    }
    .padding-right-zero {
        padding-left: 0;
    }
    .variante_section_3 p {
        line-height: 20px;
    }
    .section-5-right {
        padding-left: 0 !important;
    }
    .section-6-right {
        padding-left: 0;
        padding-right: 0;
        padding-top: 35px;
    }
    .contact_form_api {
        padding-left: 19px;
        padding-top: 0;
        padding-right: 21px;
    }
    .variante_section_3 {
        padding-top: 0 !important;
    }
    .Api-service-section_2 {
        padding-bottom: 0 !important;
    }
    .section-6-main-top {
        padding: 17px 0 !important;
    }
    .section-6-left {
        padding-right: 0;
    }
    section#contactPageSection {
        padding-top: 8px;
    }
    .download-app-icons-main .intl-tel-input .selected-flag {
        margin-left: 180px !important;
    }
    .download-app-icons-main .intl-tel-input .country-list {
        margin: -3px 0 0 180px !important;
    }
    .intl-tel-input .selected-flag {
        margin-left: 158px !important;
    }

    .language-drop-down .options ul {
        width: 91% !important;
    }

    section.faq-section {
        background-size: 100% 14%, 100% 17% !important;
    }
    li.a_spacing {
        margin-left: 24px !important;
    }
    .guide_imagehead {
        text-align: center !important;
    }
    .promolanding-banner > img {
        margin-top: 64px;
    }
    #kit-kat-page {
        padding: 0 !important;
    }
    p.register_promolanding_text {
        padding-top: 5px !important;
    }
    #img_promolanding {
        width: 488px !important;
        margin: 43px auto 0 !important;
    }
   div #get_app_banner li {
       margin: unset !important;
    }
    .special-contant-height .bx-viewport {
        width: 94% !important;
    }
    .special-contant-height {
        margin-top: 30px;
    }
    .special-contant-height .bx-pager.bx-default-pager {
        display: none;
    }
    .section-review .Img-review {
        max-width: 624px !important;
        width: 116% !important;
        height: auto !important;
        margin-top: 174px !important;
    }
}
@media only screen and (min-width: 768px) {
    .bx-wrapper .bx-pager {
        visibility: hidden;
    }
}
@media (min-width: 1024px) and (max-width: 1030px) {
    .special-contant-height {
        padding-left: 25px;
    }
    #hero .btn {
        font-size: 18px;
        padding: 20px 40px;
    }
    .home-productContainer {
        margin: 15px 0;
    }
    #footer_bottom .lang_footer{
        padding: 0;
    }
    i#languageVersionBarIcon {
        padding-top: 12px;
    }
}
.bootstrap-select.btn-group .dropdown-menu li a:hover {
     background-color: #f5f5f5;
}
@media only screen and (min-width: 414px) and (max-width: 768px) {
    .intl-tel-input .flag-dropdown {
        padding:1px 20px 0px !important;
    }
    .intl-tel-input .country-list {
        min-width: 228px;
        text-align: left;
    }
    ul.curr_main {
        margin-top: 0px !important;
    }
    .drop-down.language-drop-down span.caret {
        margin-left: 93% !important;
    }
    a.icon_clip.fa.fa-paperclip, a.icon_clip.fa.friencdcode_copy {
        margin-top: -33px !important;
        margin-left: 88% !important;
        color: #333;
    }
}
@media only screen and (min-width: 250px) and (max-width: 320px) {
    .language-drop-down .options ul {
        width: 82% !important;
    }
    .drop-down.language-drop-down span.caret {
        margin-left: 82% !important;
    }
    a.icon_clip.fa.fa-paperclip, a.icon_clip.fa.friencdcode_copy {
        margin-top: -33px !important;
        margin-left: 75% !important;
        color: #333;
    }
    .intl-tel-input {
        width: 106%!important;
    }
    .intl-tel-input .country-list {
        min-width: 190px;
        text-align: left;
    }
    .download-app-icons-main .intl-tel-input .country-list {
        margin: 1px 0 0 20px !important;
        min-width: 205px;
    }
    .section-featured .award img {
        margin: 0 5px !important;
    }
}
@media only screen and (min-width: 250px) and (max-width: 360px) {
    .languageVersionBar1 Button, .ftr_currency button {
        min-height: 35px;
        font-size: 12px;
        min-width: 53px;
    }
    label.dropdown_lang {
        margin-left: 6px;
        font-size: 10px;
    }
    .ftr_currency ul.dropdown-menu {
        min-width: 65px;
        margin-left: 0px;
    }
    .languageVersionBar1 ul.dropdown-menu {
        margin: 11px -13px !important;
    }
    #footer_bottom p {
        font-size: 11px
    }
    #footerSupportIconEnvelope {
        padding-left: 6px;
    }
}

@media only screen and (min-width: 411px) and (max-width: 416px) {
    .drop-down.language-drop-down span.caret {
        margin-left: 80% !important;
    }

    .language-drop-down .options ul {
        width: 86% !important;
    }
    a.icon_clip.fa.fa-paperclip, a.icon_clip.fa.friencdcode_copy {
        margin-top: -33px !important;
        margin-left: 80% !important;
        color: #333;
    }

}

@media only screen and (min-width: 360px) and (max-width: 380px) {
    .drop-down.language-drop-down span.caret {
        margin-left: 80% !important;
    }
    .language-drop-down .options ul {
        width: 83% !important;
    }
    a.icon_clip.fa.fa-paperclip, a.icon_clip.fa.friencdcode_copy {
        margin-top: -33px !important;
        margin-left: 75% !important;
        color: #333;
    }
}

@media only screen and (min-width: 414px) and (max-width: 736px) {
    .language-drop-down .options ul {
        width: 87% !important;
    }
    .drop-down.language-drop-down span.caret {
        margin-left: 93% !important;
    }
    .download-app-icons-main .intl-tel-input .selected-flag {
        margin-left: 19px !important;
    }
    .download-app-icons-main .intl-tel-input .country-list {
        margin: 1px 0 0 17px !important;
    }

}
p.icon-heading.pt-small {
    color:#333333 !important;
}
body.lang-en .design-nav .fa {
    font-size: 26px !important;
    padding-bottom: 16px;
}
body.lang-de .design-nav .fa,
body.lang-fr .design-nav .fa,
body.lang-nl .design-nav .fa,
body.lang-es .design-nav .fa,
body.lang-sv .design-nav .fa,
body.lang-pt .design-nav .fa{
    font-size: 15px !important;
    /*padding-bottom: 16px;*/
}
body.lang-it .design-nav .fa {
    font-size: 25px !important;
    padding-bottom: 16px;
}
.banner_space{
    margin-top: -93px !important;;
}
.alle_designs{
    color: #ff4895;
    font-weight: 800;
    font-size: 14px;
    text-transform: uppercase;
}
.all-categories-link :hover{
    text-decoration: underline;
}
.alle_designs:hover{
    text-decoration: underline !important;

}
.main_nav-designlink.hover:hover{
    background-color: #ff4895 !important;
}

.main_nav-designlink.hover {
    background-color: #ff4895 !important;
}
.main_nav-designlink.hover span {
    color: #fff !important;
}
.main_nav-designlink.hover .circle {
    display: none !important;
}
/*dropdowns main**/
@media (min-width: 375px) and (max-width: 380px) {
    .language-drop-down .options ul {
        width: 86% !important;
        left:21px !important;
    }
    .download-app-icons-main .intl-tel-input .country-list {
        margin: 1px 0 0 20px !important;
    }
    .download-app-icons-main .intl-tel-input .selected-flag {
        margin-left: 22px !important;
    }
    .intl-tel-input .country-list {
        min-width: 230px;
        text-align: left;
        margin: -2px 0 0 -1px !important;
    }
    .modal-header h3 {
        margin-top: 8px !important;
    }

    .drop-down.language-drop-down span.caret {
        margin-left: 93% !important;
    }
    a.icon_clip.fa.fa-paperclip, a.icon_clip.fa.friencdcode_copy {
        margin-top: -35px !important;
        margin-left: 78% !important;
        color: #333;
    }
}

.language-drop-down .option{
    position:relative;
}

.language-drop-down .options ul{
    list-style: none;
    padding: 0px 0px;
    position: absolute;
    left: 23px;
    top: 41px;
    width: 78%;
    z-index: 9999;
    background: #efefef;
}

.language-drop-down .selected-language {
    background: #dddddd;
}

.language-drop-down .selected-currency {
    background: #dddddd;
}

.language-drop-down .selected-language a:hover {
    background: #aaa !important;
}
.selected-language:hover {
    background: #aaa !important;
}
.language-drop-down .selected-currency a:hover {
    background: #aaa !important;
}
.colorBlack.selected-language:hover {
    background: transparent !important;
}
.selected-currency:hover {
    background: #aaa !important;
}
.selected.currency-default .selected-currency:hover {
    background: transparent !important;
}
.language-drop-down .selected > a{
    background: #f7f7f7 no-repeat scroll right center;
    display: block;
    text-align: left;
    padding-left: 11px !important;
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 5px;
    text-decoration: none;
    color: #111;
    padding-bottom: 10px;
    padding-top: 7px;
    font-size: 14px;
}

.language-drop-down .options li{
    display:none;
}

.language-drop-down .options ul li a{
    padding: 2px 12px !important;
    display: block;
    text-decoration: none;
    color: #111;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
}

.language-drop-down .options ul li a:hover{
    background: #f5f5f5;
    color: #111;
}
.language-drop-down img{
    vertical-align: middle;
    width: 16px !important;
    margin-right: 11px !important;
}
.drop-down.language-drop-down span.caret {
    margin-left: 124px;
    margin-top: -67px;
}
.drop-down.language-drop-down > .selected > a > a >img {
    padding-right: 6px;
    height: 15px;
    margin-bottom: 1px;
}
.drop-down.language-drop-down > .selected > a > a > span {
    font-size: 14px;
    color: #111;
}
.drop-down.language-drop-down{
    margin-top: 9px;
}
/*dropdowns*/
/*guide*/
a#localguide--appDownloadBanner{
    background-color: #148aff !important;
}
a.btn.fully-rounded.send_postcard {
    background-color: #fecd1e !important;
    color: #111 !important;
}
section.bg-hero{
    background: linear-gradient(175deg, rgb(254, 205, 30) 0%, #f2f2f2 63%, #f9f9f9 132%);
}
a#gettheapp--local{
    background-color: #fecd1e !important;
    color: #111 !important;
}
.faq-section .faq li:not(.question) {
    display: none;
}
.faq-section .faq li {
    list-style: none;
    padding-bottom: 13px;
    cursor: pointer;
}
.faq-section .questions {
    margin-top: -24px;
}
#lg--appDownloadmbltop{
    background-color:#fecd1e !important;
    color: #111 !important;
}
.question .question_minus {
    display: none;
}
.question.q_open .question_minus {
    display: inline;
}
.question.q_open .question-plus {
    display: none;
}
li.a_spacing {
    margin-top: -10px;
    margin-left: 2%;
}
.valid-until {
    padding-top: 10px;
}
.invite-avatar{
    width: 100px;
    height: 100px;
    display: inline-block;
    border-radius: 150px
}
.modal-body.centered{
    padding: 72px 40px !important;
}
@media (min-width: 1100px) and (max-width: 1799px){
    #hero {
        padding: 70px 88px 70px 81px;
    }
    .intl-tel-input .country-list {
        min-width: 212px;
    }
}
@media (min-width: 995px) {
    .promolanding-banner > img {
      padding-top: 10px !important;
    }
}

@media only screen and (max-width: 380px) {
    .language_select_popup .modal-body.centered{
        padding: 30px 40px !important;
    }
}
/*promolanding*/
.form-group.promolanding_code {
    width: 110%;
    margin-left: -30px;
}
h3.promolanding_headcode{
    padding: 10px 7px;
}
#kit-kat-page{
    margin-top: 30px;
    padding: 60px 0 0;
    background: #fff;
}
#kit-kat-page a{
    color: #bf2e2e;
}
#kit-kat-page .btn {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 20px 40px;
    margin: 15px auto 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    max-width: 100%;
    background-color: #bf2e2e !important;
}
#kit-kat-page .btn:hover{
    background-color: darkred !important;
}
#img_promolanding {
    max-width: 212%;
    display: block;
    margin: 43px auto 63px;
    width: 523px;
}
.promolanding-banner {
    padding: 0;
}
.promolanding-banner > img {
    width: 100%;
}
p.register_promolanding_text {
    padding-top: 28px;
}
.promolanding_code_padding {
    padding: 0;
}
.form-group.promolanding_code_1 {
    padding-top: 7px;
}
.promolanding-subtitle {
    text-align: center;
    margin: -10px auto 30px;
    font-size: 11px;
    line-height: 1.2;
}
.mein_konte{
    color:#bf2e2e;
}
.mein_konte:hover{
   text-decoration: underline;
}
/*product images hover*/
.home-productImageContainer {
    border-radius: 10px;
}
.home-productImageContainer img {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    overflow: hidden;
    margin: 0 auto 15px 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.home-productImageContainer img.shadow {
    background-size: cover;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    filter: blur(5px);
    position: absolute;
    right: 0;
    left: 0;
    top: 20px;
    z-index: -1;
    padding: 20px;
    width: 90%;
}
.home-productImageContainer:hover img:not(.shadow) {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    overflow: hidden;
    -webkit-box-shadow: 0 8px 6px -6px #454545;
    -moz-box-shadow: 0 8px 6px -6px #454545;
    box-shadow: 0 8px 6px -6px #454545;
}
/*google sign in */
#g-signup-container,
#g-signin-container {
    height: 44px;
    overflow: hidden;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: center;
}
/*Footer*/
.section-review {
    background: #ffffff;
    padding: 0;
    overflow: hidden;
    border-bottom: none;
}
.home-section {
    display: flex;
    align-items: center;
}
.section-review .container {
    height: 100%;
}
.section-review .container > .row {
    height: 100%;
    display: flex;
}
.section-review .Img-review {
    max-width: 608px;
    width: 114%;
    height: auto;
    margin-top: 33px;
}
.section-review .column2 {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-review .carousel-wrapper {
        width: 301px;
}
.section-featured {
    background-color: rgb(236, 236, 236);
    color: #d4d4d4;
    text-align: center;
    padding: 30px 0 30px;
}
.section-featured .award img {
    margin: 0 11px;
    height: 55px;
}
.section-featured .line-two {
    display: flex;
    justify-content: center;
}
.section-featured h3 {
    font-size: 16px;
    color: #474747;
    font-weight: bold;
    text-align: left;
    padding-left: 17px !important;
}
.section-featured .featured img {
    margin: 0 11px;
    height: 55px;
}
img.Review-icon {
    width: 121px;
    padding-top: 16px;
}
.special-contant-height {
    box-shadow: 0px 2px 23px #f2f2f2;
    padding-top: 15px;
    text-align: left;
    border-radius: 7px;
    padding-bottom:15px;
    color: #9a9a9a;
    font-family: Roboto;
}
.special-contant-height p{
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #333333;
}
.special-contant-height p span {
    color: #333333;
    text-shadow: none;
    font-size: 12px;
}
.special-contant-height .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 54%;
    z-index: 96;
    font-size: 12px;
}
.special-contant-height .bx-wrapper .bx-next {
    right: -13px !important;
}
.special-contant-height .bx-wrapper .bx-prev {
    left: -16px !important;
}
.special-contant-height a.bx-start {
    visibility: hidden;
}
.special-contant-height a.bx-stop.active {
    visibility: hidden;
}
.special-contant-height .bx-wrapper .bx-controls-auto .bx-stop{
    display: none;
}
#Footer_Ratings p {
    padding-top: 5px;
    margin-bottom: 28px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}
.special-contant-height .fa-chevron-circle-left:before {
    content: "\f053" !important;
}
.special-contant-height .fa-chevron-circle-right:before {
    content: "\f054" !important;
}
.special-contant-height .bx-controls-auto {
    display: none;
}
.modal-dialog.modal-ajax_login_register_popup.reg_only .modal-content {
    width:680px;
    height: auto;
    margin-left: 20%;
}
.modal-dialog.modal-ajax_confirmation_popup .modal_ajax_conf_sms_no_number .icecream-animation-container lottie-player  {
    margin-top: -130px;
    height: 368px;
}
.modal-dialog.modal-ajax_confirmation_popup .modal_ajax_conf_sms_success .icecream-animation-container lottie-player  {
    margin-top: -130px;
    height: 360px;
}
.row .pb-small .fa-ul>li {
    font-size: 12px;
    font-family: lato, Sans-serif;
    margin-bottom: 16px;
}
.terms_condition h2{
    text-transform: none !important;
}
.sub_text_privacy h2,
.sub_text_privacy h3{
    text-transform: none;
}
img.lazy:not([src]) {
    visibility: hidden;
}
.ftr_currency .dropdown-menu>li>a {
    padding: 1px 12px;
}
.row.api_main h2{
    text-transform: none;
}

/*End footer section*/

.fontRoboto {font-family: 'Roboto', sans-serif;}

.bx-wrapper {
    position: relative;
    margin-bottom: 60px;
    padding: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    border: 0px none #fff;
    background: transparent;
    margin: 0 auto !important;
    max-width: 100% !important;
}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.bxslider {
    margin: 0;
    padding: 0
}

ul.bxslider {
    list-style: none
}

.bx-viewport {
    -webkit-transform: translatez(0)
}

.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
    position: relative;
    bottom: 0px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
    background: rgba(255,255,255, 0.6);
    top: 0;
    bottom: 0;
    right: 0;
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: rgb(239,239, 239);
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: rgb(154,154, 154);
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item {
    display: inline-block;
    vertical-align: bottom
}

.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0
}

.bx-wrapper .bx-prev {
    left: 0px;
    color: #aaa;
}

.bx-wrapper .bx-prev:hover {
    color: #ff4895;
}

.bx-wrapper .bx-next {
    right: 0px;
    color: #aaa;
) - 43 px - 32 px no-repeat
}

.bx-wrapper .bx-next:hover {
    color: #ff4895;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 42%;
    margin-top: -14px;
    z-index: 98;
    font-size: 40px;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(https://img-6aa0.kxcdn.com/controls.png) -86px -11px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus, .bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(https://img-6aa0.kxcdn.com/controls.png) -86px -44px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus, .bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80, 80, 80, .75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}
.bx-viewport{width: 95%!important;width:1050px;margin: 0px auto !important;}
.bxslider{left:5px!important;}
.bx-wrapper li{margin-left: 5px;}
.bx-wrapper img{width:340px;}
.bx-shadow {-moz-box-shadow: 0px 0px 30px 1px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 0px 30px 1px rgba(0,0,0,0.1);box-shadow: 0px 0px 30px 1px rgba(0,0,0,0.1);}
.lineHeight11 {line-height: 1.1;}
.width45Percent{width:45%;}.width48Percent{width:48%;}.width50Percent{width:50%;}.width75Percent{width:75%;}.width100Percent{width:100%!important;}


@media only screen and (max-width: 520px) {
    .bx-wrapper .bx-pager {
        padding-top: 0px;
        margin-top: -25px;
    }
    .bx-wrapper .bx-pager.bx-default-pager a {
        display: block;
        width: 7px;
        height: 7px;
    }

    .home-productImageContainer img {
        border-radius: 10px;
    }
    .home-productImageContainer {
        overflow: visible;
        margin: 20px 0 0 0;
    }
}

/*=====================================================
 *Classmate Color Library - Customised
 .colorBlue, .colorPink & .colorYellow are MyPostcard Brand colors
=====================================================
 * Classmate v1.0.0 (http://getcssmate.com)
 * Licensed under MIT (https://github.com/famcss/classmate/blob/master/LICENSE)
======================================================*/
.imgWidth100 {width: 100%;}
.colorBlack1{color:#474747!important}.colorBlack3{color:#333333!important}.colorBlack5{color:#474747!important}.colorGray1{color:#666666!important}.colorGrey3{color:#888888!important}.colorYellow{color:#ffc700!important}.colorPink{color:#ff4895!important}a.link[class*="color"]:hover{opacity:.7!important}
.bgGrey7,.bgGray7{background-color:#cccccc!important}.bgYellow{background-color:#ffc700!important}.bgBlue{background-color:#2d9eff!important}.bgPink{background-color:#ff4895!important}.btn[class*="btn bg"]:hover{opacity:.7}.bgPink:hover{background-color:#e54085!important}
.borderGrey5{border:#aaa 1px solid}.borderBottomGrey7{border-bottom:#ccc 1px solid}
.borderDashedGray3{border:#888 1px dashed}
.lineHeight16{line-height:16px}
.opacity7 {opacity:0.7 !important;}



/* Animation */
.main_nav-designlink  {
    width: 165px !important;
    height: 55px;
    margin-bottom: -20px;
    margin-top: 10px;
    padding-right: 8px !important;
}
.main_nav-designlink svg {
    position: absolute;
    top: 0;
    left: -4px;
    display: block;
    overflow: visible;
    fill: none;
}

.main_nav-designlink svg rect {
    width: 99% !important;
    stroke-width: 2;
    stroke-dasharray: 353, 0;
    stroke-dashoffset: 0;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
    display: block;
    fill: none;
}
.main_nav-designlink:hover svg rect {
    stroke-width: 3;
    stroke-dasharray: 100%, 201%;
    stroke-dashoffset: 150%;
}


.main_nav-designlink span{
    background: rgb( 21, 138, 255);
    background: -moz-linear-gradient(left,  rgba(  254, 205, 29,1)  0%, rgba( 255, 72, 149,1) 50%, rgba( 21, 138, 255, 1) 100%);
    background: -webkit-linear-gradient(left,  rgba(  254, 205, 29,1)  0%, rgba( 255, 72, 149,1) 50%, rgba( 21, 138, 255, 1) 100%);
    background: linear-gradient(to right,  rgba(  254, 205, 29,1)  0%, rgba( 255, 72, 149,1) 50%, rgba( 21, 138, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8282', endColorstr='#e178ed',GradientType=1 );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.main_nav-designlink:hover {
    background-color: transparent !important;
}

a.spinner-animation .text {
    position: relative;
}
a.spinner-animation .spinner-icon {
    display: none;
    padding: 0 50px;
}
a.spinner-animation:active, a.spinner-animation:visited {
    background: linear-gradient(to right, #fecd1e, rgb(255, 72, 149));
}
a.spinner-animation:active .text, a.spinner-animation:visited .text {
    opacity: 0;
    height: 0 !important;
    display: block;
}
a.spinner-animation:active .spinner-icon, a.spinner-animation:visited .spinner-icon {
    display: block;
}

.loading-bar {
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    height: 4px;
    overflow: hidden;
    z-index: 501;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;

    width: 0;
}

.loading-bar .background {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb( 21, 138, 255);
    background: -moz-linear-gradient(left, rgba(  254, 205, 29,1)  0%, rgba( 255, 72, 149,1) 50%, rgba( 21, 138, 255, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(  254, 205, 29,1)  0%, rgba( 255, 72, 149,1) 50%, rgba( 21, 138, 255, 1) 100%);
    background: linear-gradient(to right, rgba(  254, 205, 29,1)  0%, rgba( 255, 72, 149,1) 50%, rgba( 21, 138, 255, 1) 100%);
    animation: gradientBG 2s ease infinite;
    background-size: 400% 400%;
}

.loading-bar.half {
    width: 90%;
}
.loading-bar.half-95 {
    width: 95%;
}
.loading-bar.init {
    animation: loading-bar 1s;
}

@keyframes gradientBG {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes loading-bar {
    0% {
        width: 93%;
    }
    90% {
        width: 100%;
    }
    100% {
        width: 110%;
    }
}

@keyframes top-bottom-shake {
    0% {
        transform: translate3d(0, -300%, 0);
    }
    30% {
        transform: translate3d(0, -200%, 0);
    }
    50% {

        transform: translate3d(0, -50%, 0);
    }

    50% {
        transform: translate3d(-1px, -50%, 0);
    }

    65% {
        transform: translate3d(2px, -50%, 0);
    }

    76%{
        transform: translate3d(-3px, -50%, 0);
    }

    85% {
        transform: translate3d(3px, -50%, 0);
    }

    100% {
        transform: translate3d(0, -50%, 0);
    }
}

@keyframes click-effect {
    0% {
        width: 0px;
        height: 0px;
        opacity: 0.1;
    }
    25% {
        width: 50px;
        height: 50px;
        margin-left: -25px;
        margin-top: -25px;
        opacity: 0.6;
    }
    50% {
        width:150px;
        height: 150px;
        margin-left: -75px;
        margin-top: -75px;
        opacity: 0.9;
    }
    75% {
        width: 250px;
        height: 250px;
        margin-left: -125px;
        margin-top: -125px;
        opacity: 0.7;
    }
    100% {
        width: 700px;
        height: 700px;
        margin-left: -350px;
        margin-top: -350px;
        opacity: 1;
    }
}
.tcon {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 40px;
    background: transparent;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent; }
.hamburger-btn.tcon {
    display: none;
}
.tcon > * {
    display: block; }
.tcon:hover, .tcon:focus {
    outline: none; }
.tcon::-moz-focus-inner {
    border: 0; }

.tcon-menu__lines {
  display: inline-block;
  height: 3.71429px;
  width: 35px;
  border-radius: 2.85714px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #474747 !important;
  position: relative; }
  .tcon-menu__lines::before, .tcon-menu__lines::after {
    display: inline-block;
    height: 3.71429px;
    width: 35px;
    border-radius: 2.85714px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #474747;
    content: '';
    position: absolute;
    left: 0;
    -webkit-transform-origin: 2.85714px center;
    transform-origin: 2.85714px center;
    width: 100%; }
  .tcon-menu__lines::before {
    top: 10px; }
  .tcon-menu__lines::after {
    top: -10px; }
  .tcon-transform .tcon-menu__lines {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }

.tcon-menu--xcross {
  width: auto; }
  .tcon-menu--xcross.tcon-transform .tcon-menu__lines {
    background: transparent  !important; }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before, .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      top: 0;
      width: 40px; }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg); }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg); }

.tcon-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

.tcon-search__item {
    display: inline-block;
    height: 25px;
    width: 20px;
    border-radius: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: transparent;
    position: relative;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg); }
.tcon-search__item::before, .tcon-search__item::after {
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: transparent;
    content: '';
    position: absolute;
    width: 10px;
    top: 0;
    bottom: 0;
    margin: auto; }
.tcon-search__item::before {
    height: 4px;
    left: 0;
    background: #9a9a9a;
    border-radius: 2.85714px; }
.tcon-search__item::after {
    right: 0;
    background: transparent;
    border-radius: 50%;
    width: 12.00012px;
    height: 12.00012px;
    border: 2px solid #9a9a9a;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }

.tcon-search--xcross.tcon-transform {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }
.tcon-search--xcross.tcon-transform .tcon-search__item::before, .tcon-search--xcross.tcon-transform .tcon-search__item::after {
    border-radius: 2.85714px;
    background: #9a9a9a;
    width: 100%;
}
.tcon-search--xcross.tcon-transform .tcon-search__item::after {
    height: 4px;
    width: 100%;
    top: 0;
    right: 0;
    border: 0;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg); }

.tcon-visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
.tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

.loader {
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    perspective: 800px;
}

.inner {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.inner.one {
    left: 0%;
    top: 0%;
    animation: rotate-one 1s linear infinite;
    border-bottom: 3px solid #FF4895;
}

.inner.two {
    right: 0%;
    top: 0%;
    animation: rotate-two 1s linear infinite;
    border-right: 3px solid #148AFF;
}

.inner.three {
    right: 0%;
    bottom: 0%;
    animation: rotate-three 1s linear infinite;
    border-top: 3px solid #FECD1D;
}

@keyframes rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

/* glitch animation */
/* =Variables
 ------------------------------------- */
/* =Functions
 ------------------------------------- */
/* =Styles
 ------------------------------------- */
/* =Custom Styles
 ------------------------------------- */
.c-glitch, .c-glitch__img {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
.c-glitch {
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
    height: 90px;
    width: 90px;
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
    background-position: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    border: solid 5px #ffffff;
    background-color: #ffffff;
    z-index: 2;

}
.c-glitch__img {
    background-blend-mode: none;
    background-color: transparent;
    height: calc(100% + 5px * 2);
    left: -10px;
    pointer-events: none;
    position: absolute;
    top: -10px;
    transform: translate3d(0, 0, 0);
    width: calc(100% + 10px * 2);
}
.c-glitch:hover .c-glitch__img:nth-child(n+2) {
    animation-duration: 2s;
    animation-delay: 0;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
}
.c-glitch:hover .c-glitch__img:nth-child(2) {
    animation-name: glitch-anim-1;
}
.c-glitch:hover .c-glitch__img:nth-child(3) {
    animation-name: glitch-anim-2;
}
.c-glitch:hover .c-glitch__img:nth-child(4) {
    animation-name: glitch-anim-3;
}
.c-glitch:hover .c-glitch__img:nth-child(5) {
    animation-name: glitch-anim-4;
    background-blend-mode: overlay;
    background-color: #af4949;
}
.c-glitch__img:nth-child(n+2) {
    opacity: 0;
}
@keyframes glitch-anim-1 {
    0%, 100% {
        opacity: 1;
        transform: translate3d(40px, 0, 0) scale3d(-1, -1, 1);
        clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
    }
    20% {
        clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
    }
    30% {
        clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
    }
    40% {
        clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
    }
    50% {
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    }
    55% {
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    }
    60% {
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    }
    65% {
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    }
    70% {
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    }
    80% {
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    }
    85% {
        clip-path: polygon(0 60%, 100% 60%, 100% 65%, 0 65%);
    }
    95% {
        clip-path: polygon(0 72%, 100% 72%, 100% 78%, 0 78%);
    }
}
@keyframes glitch-anim-2 {
    0%, 100% {
        opacity: 1;
        transform: translate3d(-10px, 0, 0);
        clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
    }
    10% {
        clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
    }
    15% {
        clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
    }
    17% {
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    }
    19% {
        clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
    }
    33% {
        clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
    }
    35% {
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    }
    40% {
        clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
    }
    45% {
        clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
    }
    49% {
        clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
    }
    50% {
        clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
    }
    55% {
        clip-path: polygon(0 15%, 100% 15%, 100% 35%, 0 35%);
    }
    60% {
        clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
    }
    70% {
        clip-path: polygon(0 65%, 100% 65%, 100% 60%, 0 60%);
    }
    80% {
        clip-path: polygon(0 80%, 100% 80%, 100% 85%, 0 85%);
    }
    90% {
        clip-path: polygon(0 55%, 100% 55%, 100% 65%, 0 65%);
    }
}
@keyframes glitch-anim-3 {
    0%, 100% {
        opacity: 1;
        transform: translate3d(0, -5px, 0) scale3d(-1, -1, 1);
        clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
    }
    5% {
        clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
    }
    11% {
        clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
    }
    20% {
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    }
    25% {
        clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
    }
    35% {
        clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
    }
    42% {
        clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
    }
    48% {
        clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
    }
    50% {
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    }
    56% {
        clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
    }
    61% {
        clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
    }
    68% {
        clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
    }
    72% {
        clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
    }
    77% {
        clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
    }
    81% {
        clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
    }
    86% {
        clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
    }
    90% {
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    }
    92% {
        clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
    }
    94% {
        clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
    }
}
@keyframes glitch-anim-4 {
    0%, 5% {
        opacity: 0.2;
        transform: translate3d(10px, 5px, 0);
    }
    5.5%, 100% {
        opacity: 0;
        transform: translate3d(0, 0, 0);
    }
}


/* Shine */
.shine:after {
    content:'';
    top:0;
    left: 0;
    transform:translateX(100%);
    width:100%;
    height:100%;
    position: absolute;
    z-index:1;
    animation: slide 2s;

    /*
    CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/
    */
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}

/* animation */

@keyframes slide {
    0% {transform:translateX(-100%);}
    100% {transform:translateX(100%);}
}

.rainbow-hover {
    position: relative;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}


.rainbow-hover:hover, .rainbow-hover:active, .rainbow-hover:focus {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    background: -moz-linear-gradient(left, rgba( 254, 205, 29,1) 0%, rgba( 255, 72, 149,1) 50%, rgba( 21, 138, 255, 1) 100%) !important;
    background: -webkit-linear-gradient(left, rgba( 254, 205, 29,1) 0%, rgba( 255, 72, 149,1) 50%, rgba( 21, 138, 255, 1) 100%) !important;
    background: linear-gradient(to right, rgba( 254, 205, 29,1) 0%, rgba( 255, 72, 149,1) 50%, rgba( 21, 138, 255, 1) 100%) !important;
    /* background-color: white; */
    animation: gradientBG 4s ease infinite;
    background-size: 400% 400% !important;
    color: white !important;
}


.rainbow-hover:before {
    visibility: hidden;
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: -1px;
    top: -1px;
    background: rgb( 21, 138, 255);
    background: -moz-linear-gradient(left, rgba( 254, 205, 29,1) 0%, rgba( 255, 72, 149,1) 50%, rgba( 21, 138, 255, 1) 100%);
    background: -webkit-linear-gradient(left, rgba( 254, 205, 29,1) 0%, rgba( 255, 72, 149,1) 50%, rgba( 21, 138, 255, 1) 100%);
    background: linear-gradient(to right, rgba( 254, 205, 29,1) 0%, rgba( 255, 72, 149,1) 50%, rgba( 21, 138, 255, 1) 100%);
    animation: gradientBG 4s ease infinite;
    background-size: 400% 400%;
    content: '';
    z-index: 0;
    border-radius: 26px;
}

.rainbow-hover-always:before {
    visibility: visible;
}

.rainbow-hover-active {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    background: -moz-linear-gradient(left, rgba( 254, 205, 29,1) 0%, rgba( 255, 72, 149,1) 50%, rgba( 21, 138, 255, 1) 100%) !important;
    background: -webkit-linear-gradient(left, rgba( 254, 205, 29,1) 0%, rgba( 255, 72, 149,1) 50%, rgba( 21, 138, 255, 1) 100%) !important;
    background: linear-gradient(to right, rgba( 254, 205, 29,1) 0%, rgba( 255, 72, 149,1) 50%, rgba( 21, 138, 255, 1) 100%) !important;
    /* background-color: white; */
    animation: gradientBG 4s ease infinite;
    background-size: 400% 400% !important;
    color: white !important;
}

.sticky-btn {
    overflow: initial;
    position: fixed;
    bottom: 0;
    z-index: 999;
    left: 0;
    right: 0;
    margin: 20px auto !important;
    width: 90%;
}

.sticky-btn:after {
    position: absolute;
    left: -30px;
    right: -29px;
    bottom: -30px;
    top: -1px;
    background: rgb(236,236,236);
    background: -moz-linear-gradient(bottom, rgba(255,255,255, 1) 0%, rgba(255,255,255, 1) 70%, rgba(255,255,255, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(255,255,255, 1) 0%, rgba(255,255,255, 1) 70%, rgba(255,255,255, 0) 100%);
    background: linear-gradient(to top, rgba(255,255,255, 1) 0%, rgba(255,255,255, 1) 70%, rgba(255,255,255, 0) 100%);
    content: '';
    z-index: -2;
    opacity: 1;
}
@keyframes rainbow-text {
    0%{background-position:left}
    50%{background-position:right}
    100%{background-position:left}
}
#loggedin ul.sub-menu.lang-sub li a{
    color: rgb(154,154,154) !important;
}
#loggedin ul.lang-sub li:hover a {
    color: #474747;
}
.Sucess_message_span {
    display: none;
    margin-top: 10%;
    text-align: center;
}
span.Sucess_message_span img {
    margin-bottom: 14px;
}
#hero {
    padding: 0;
}
#hero-text {
    margin-bottom: 60px;
    padding: 80px 16px 80px 60px;
    color: #474747;
    z-index: 3;
}
.lottie-animation-wrapper {
    position: absolute;
    z-index: 2;
}
.hero-section {
    width: 100%;
}
.hero-section__header {
    font-size: 44px;
    line-height: 48px;
}
.hero-section__subheader {
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.04em;
    margin-bottom: 32px;
}
.header-buttons, .get-app {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 14px;
}
.get-app {
    justify-content: flex-start;
}
.header-buttons {
    margin-top: 0;
    margin-bottom: 14px;
    gap: 36px;
    justify-content: flex-start;
}
.header-buttons a.spinner-animation:active {
    background: transparent;
}
.header-buttons a.spinner-animation:active .text {
    height: unset !important;
}
.header-buttons a.spinner-animation:active .spinner-icon {
    position: fixed;
}
.header-buttons__button {
    margin: 0 !important;
    padding: 8px 20px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.03em;
    background-color: #FFF;
    color: var(--myp-main-color);
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 48px;
}
.header-buttons__button:link {
    color: var(--myp-main-color);
}
.header-buttons__button:focus {
    outline: 3px solid rgba(255, 72, 149, 0.6) !important;
}
.header-buttons__button:visited {
    color: var(--myp-main-color);
}
.header-buttons__button:hover {
    background-color: #EFEFEF;
    box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.1);
}
.header-buttons__button--secondary {
    padding: 8px 16px;
    color: #474747;
    background-color: transparent;
}
.header-buttons__button--secondary:link {
    color: #474747;
}
.header-buttons__button--secondary:visited {
    color: #474747;
}
.header-buttons__button--secondary:hover {
    background-color: #FFF;
    color: var(--myp-main-color);
}
.get-app__button {
    width: 120px;
}

/*============================*/
/*   MARKETING LANDING PAGE   */
/*============================*/

.marketing-main {
    background-image: url(https://img-6aa0.kxcdn.com/marketing/background/header.png), url(https://img-6aa0.kxcdn.com/marketing/background/middle.png), url(https://img-6aa0.kxcdn.com/marketing/background/footer.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center top, center 1400px, center bottom 80px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: rgba(71,71,71,1);
    line-height: 24px;
    letter-spacing: 0.04em;
}

.marketing-main h1 {
    margin-bottom: 0;
}

.marketing-main h3 {
    text-transform: none;
    font-size: 24px;
}

.marketing-section {
    margin: 0;
    min-height: 544px;
    padding-top: 120px;
    padding-bottom: 120px;
}

.marketing-hero-section {
    margin: 0;
    min-height: 600px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.logo-slider-section {
    min-height: auto;
    padding-top: 60px;
}

.cooperation-section{
    min-height: auto;
    text-align: center;
}

.marketing-product-description {
    text-align: left;
    padding-top: 60px;
    padding-bottom: 40px;
}
.marketing-hero-description {
    padding-top: 100px;
}
.marketing-product-title {
    padding-bottom: 32px;
    font-weight: bold;
    font-size: 28px;
    line-height: 40px;
}

.marketing-product-media {
    padding-top: 60px;
}

.marketing-product-frame {
    border-radius: 16px;
}

.carousel-control.right, .carousel-control.left {
    background-image: none;
    width: 10%;
    padding-top: 16px;
}
.carousel-control-slides.right, .carousel-control-slides.left {
    padding-top: 25%;
    height: 75%;
    width: 15%;
}
.carousel-control span {
    color: #979797;
}

.marketing-product-image {
    width: 100%;
}

.marketing-call-to-action {
    margin: 60px 0;
    padding: 60px 0;
    background-color: #FF4895;
    color: #ffffff;
    min-height: 124px;
}

.center-content-logos {
    width: 95%;
    float: none;
    margin: 0 auto;
}
.btn-more-info {
    font-family: Roboto, sans-serif;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 8px 32px;
    border-radius: 34px;
    background: linear-gradient(45deg, #ff4895, #ff776d);
    -moz-background: linear-gradient(45deg, #ff4895, #ff776d);
    -webkit-background: linear-gradient(45deg, #ff4895, #ff776d);
}
.marketing-btn-call-to-action {
    color: #ff4895 !important;
    background: #ffffff;
}
.marketing-btn-call-to-action:hover {
    background: #ffffff;
}

#thumbnail-preview-indicators {
    position: relative;
    overflow: hidden;
}
#thumbnail-preview-indicators .slides .slide-1,
#thumbnail-preview-indicators .slides .slide-2,
#thumbnail-preview-indicators .slides .slide-3,
#thumbnail-preview-indicators .slides .slide-4,
#thumbnail-preview-indicators .slides .slide-5,
#thumbnail-preview-indicators .slides .slide-6,
#thumbnail-preview-indicators .slides .slide-7 {
    background-size: cover;
    background-position-x: center;
    background-repeat: no-repeat;
}

#thumbnail-preview-indicators .slides .slide-1 {
    background-image: url(https://img-6aa0.kxcdn.com/marketing/slider/big/onpack1.jpg);
    background-size: 100%;
}
#thumbnail-preview-indicators .slides .slide-2 {
    background-image: url(https://img-6aa0.kxcdn.com/marketing/slider/big/onpack2.jpg);
    background-size: 100%;
}
#thumbnail-preview-indicators .slides .slide-3 {
    background-image: url(https://img-6aa0.kxcdn.com/marketing/slider/big/onpack3.jpg);
    background-size: 100%;
}
#thumbnail-preview-indicators .slides .slide-4 {
    background-image: url(https://img-6aa0.kxcdn.com/marketing/slider/big/onpack4.jpg);
    background-size: 100%;
}
#thumbnail-preview-indicators .slides .slide-5 {
    background-image: url(https://img-6aa0.kxcdn.com/marketing/slider/big/onpack5.jpg);
    background-size: 100%;
}
#thumbnail-preview-indicators .slides .slide-6 {
    background-image: url(https://img-6aa0.kxcdn.com/marketing/slider/big/onpack6.jpg);
    background-size: 100%;
}
#thumbnail-preview-indicators .slides .slide-7 {
    background-image: url(https://img-6aa0.kxcdn.com/marketing/slider/big/onpack7.jpg);
    background-size: 100%;
}
#thumbnail-preview-indicators .carousel-inner .item .carousel-caption {
    top: 20%;
    bottom: inherit;
}
/* CAROUSEL INDICATORS */
#thumbnail-preview-indicators .carousel-indicators li,
#thumbnail-preview-indicators .carousel-indicators li.active {
    width: auto;
    height: auto;
    max-height: 102px;
    background-color: transparent;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
}
#thumbnail-preview-indicators .carousel-indicators li.active > .thumbnail {
    opacity: 1;
}
#thumbnail-preview-indicators .carousel-indicators li > .thumbnail {
    width: auto;
    height: 36px;
    max-height: 100px;
    overflow: hidden;
    opacity: 0.3;
    display: block;
    padding: 0;
    margin-bottom: 0;
    background-color: #fff;
    border: none;
    border-radius: 2px;
    transition: all 550ms ease-out;
}
.logos-preview {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-evenly;
    background-color: transparent;
    width: 100%;
    border: none;
    transition: all 550ms ease-out;
    margin: 0;
    padding: 0;
    left: 0;
}
.logos-preview li {
    max-width: 86px;
    border: none;
    background-color: transparent;
}

.shrink-image {
    cursor: pointer;
    padding: 0 8px;
}

.shrink-image img {
    max-width: 100%;
}

/*Marketing PopUp Form*/

.marketing-form-container {
    max-width: 568px;
}

.marketing-form-header {
    padding: 32px 32px 0 32px;
}

.marketing-mobile-title{
    text-transform: none !important;
}

.closeUpPanel-marketing {
    top: 36px;
    right: 32px;
}

.marketing-form-body {
    padding: 12px 32px 32px;
}

.marketing-form-group {
    margin-bottom: 15px;
}

.marketing-form-label {
    color: rgba(71,71,71,1);
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.04em;
}

.marketing-form-field {
    color: #9A9A9A;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.03em;
    background: #FFF9FB;
    border: 1px solid #FFC0DB;
    border-radius: 4px;
}

.marketing-form-field:focus {
    padding-bottom: 5px;
    padding-top: 5px;
    border: 2px solid #FF4895 !important;
}

/*SWIPER STYLES*/

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-horizontal {
    opacity: 1;
    height: 100%;
}

.swiper-wrapper{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide-logos {
    flex-shrink: 1 !important;
}

.marketing-thumbnail-logo {
    height: 64px;
}

.marketing-thumbnail-logo, .thumbnail-slide{
    flex-shrink: 1 !important;
    background: transparent;
}

img.marketing-image-logo{
    height: inherit;
}
/*END SWIPER STYLES*/

#how_to_desktop_video{
    height: 100%;
    width: 100%;
}

@media screen and (min-width: 320px) and (max-width: 450px) {
    .marketing-form-body, .marketing-form-header {
        padding-left: 16px;
        padding-right: 16px;
    }

    .marketing-main {
        background-image: url(https://img-6aa0.kxcdn.com/marketing/background/header_ipad.png), url(https://img-6aa0.kxcdn.com/marketing/background/middle_ipad.png), url(https://img-6aa0.kxcdn.com/marketing/background/footer_mobile.svg) ;
        background-size: 771px, 771px, contain;
        background-position: center top 486px, center top 1900px, left bottom 205px;
    }

    .marketing-thumbnail-logo {
        height: 40px;
    }

    .marketing-mobile-title {
        text-align: left;
        font-size: 20px !important;
        line-height: 32px;
    }

    .closeUpPanel-marketing {
        right: 13px;
    }

}

/* END Marketing PopUp Form*/

@media screen and (max-width: 767px) {
    .marketing-main {
        text-align: center;
        background-image: url(https://img-6aa0.kxcdn.com/marketing/background/header_ipad.png), url(https://img-6aa0.kxcdn.com/marketing/background/middle_ipad.png), url(https://img-6aa0.kxcdn.com/marketing/background/footer_ipad.png) ;
        background-size: 771px, 771px, 771px;
       background-position: center top 486px, center top 1900px, center bottom 205px;
    }

    .marketing-main h1, .marketing-main h2, .marketing-main h3 {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 0;
        padding-bottom: 32px;
    }

    .marketing-main h5 {
        font-size: 12px;
    }

    .mobile-text-left {
        text-align: left;
    }

    .marketing-section, .marketing-hero-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .marketing-section {
        margin-top: 40px;
    }

    .marketing-product-media{
        padding-top: 0;
    }

    .marketing-product-description{
        padding-top: 0;
        padding-bottom: 0;
    }

    .marketing-logo-front {
        width: auto;
        position: relative;
        right: 30%;
        background: transparent;
    }

    .logo-slider-section {
        margin-bottom: 40px;
    }

    .marketing-product-title {
        margin-top: 0;
        padding-bottom: 0;
    }

    .mobile-padding-bottom {
        padding-bottom: 32px!important;
    }

    .swiper-slides-padding {
        padding-right: 50px!important;
        padding-bottom: 32px!important;
    }

    .swiper-padding {
        padding-left: 20px!important;
        padding-right: 20px!important;
    }

    .swiper-size{
        width: 85%!important;
    }

    .mobile-no-padding {
        padding-left: 0;
        padding-right: 0;
    }

    #thumbnail-preview-indicators,
    #thumbnail-preview-indicators .slides,
    #thumbnail-preview-indicators .slides .slide-1,
    #thumbnail-preview-indicators .slides .slide-2,
    #thumbnail-preview-indicators .slides .slide-3,
    #thumbnail-preview-indicators .slides .slide-4,
    #thumbnail-preview-indicators .slides .slide-5,
    #thumbnail-preview-indicators .slides .slide-6,
    #thumbnail-preview-indicators .slides .slide-7 {
        width: 100%;
        min-height: 51vw;
    }
    .btn.btn-mobile-size {
        width: 100%;
        margin-top: 26px;
    }

    .logo-slider-section a {
        display: none;
    }

    .flex-content {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        align-content: space-between;
    }

    .marketing-slide-mobile {
        position: relative;
        top: 10px;
        left: 10px;
    }

    .marketing-slide-logo {
        height: 50px;
        position: absolute;
        top: 0;
        left: 20px;
    }

    .figure-mobile-padding {
        padding-top: 30px;
        padding-left: 30px;
    }

    .marketing-mobile-title{
        text-align: left;
        font-size: 20px;
        line-height: 32px;
    }
    .banner-france {
        margin-top: 40px;
    }
    .banner-france__container {
        grid-template-rows: repeat(5, 1fr);
        grid-template-columns: 1fr;
        row-gap: 16px;
        justify-items: start;
        padding-left: 40px;
        padding-right: 40px;
    }
    .banner-france__badge {
        flex-direction: row;
    }
    .banner-france__image {
        height: 50px;
    }
    .banner-france__text {
        margin-left: 12px;
    }
}

@media screen and (min-width: 320px) and (max-width: 410px) {

}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .marketing-main {
        text-align: center;
        background-image: url(https://img-6aa0.kxcdn.com/marketing/background/header_ipad.svg), url(https://img-6aa0.kxcdn.com/marketing/background/middle_ipad.svg), url(https://img-6aa0.kxcdn.com/marketing/background/footer_ipad.svg) ;
        background-size: 992px;
        background-position: center top 530px, center top 2010px, center bottom 220px;
    }

    .marketing-section {
        padding: 60px 0 60px 0;
    }

    .marketing-hero-description {
        padding-top: 32px;
    }

    .marketing-product-title {
        margin-bottom: 0;
    }

    .marketing-product-media{
        padding-top: 0;
    }

    .logo-slider-section {
        padding-top: 10px;
    }

    .logo-slider-section .marketing-product-title {
        padding-bottom: 40px;
    }

    .marketing-product-description {
        padding-top: 32px;
        padding-bottom: 24px;
    }

    .marketing-product-description a::before {
        text-align: center;
    }

    .text-medium-center {
        text-align: center;
    }

    .btn.fully-rounded {
        margin-top: 16px;
    }

    .marketing-productContainer {
        margin: 0;
        padding: 60px 60px 60px 60px;
    }
    .marketing-productDescription {
        padding-top: 0;
        padding-bottom: 0;
    }
    #thumbnail-preview-indicators,
    #thumbnail-preview-indicators .slides,
    #thumbnail-preview-indicators .slides .slide-1,
    #thumbnail-preview-indicators .slides .slide-2,
    #thumbnail-preview-indicators .slides .slide-3,
    #thumbnail-preview-indicators .slides .slide-4,
    #thumbnail-preview-indicators .slides .slide-5,
    #thumbnail-preview-indicators .slides .slide-6,
    #thumbnail-preview-indicators .slides .slide-7 {
        height: 398px;
    }

    .flex-content {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        align-content: space-between;
    }

    .swiper-padding {
        padding-left: 20px!important;
        padding-right: 20px!important;
    }

    .logo-slider-section a {
        display: none;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .marketing-main{
        background-position: center top -50px, center 1700px, center bottom 80px;
        background-size: 1920px;
    }

    .logo-slider-section{
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .cooperation-section{
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .marketing-flex-content {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .marketing-product-title {
        margin-bottom: 0;
    }

    #thumbnail-preview-indicators,
    #thumbnail-preview-indicators .slides,
    #thumbnail-preview-indicators .slides .slide-1,
    #thumbnail-preview-indicators .slides .slide-2,
    #thumbnail-preview-indicators .slides .slide-3,
    #thumbnail-preview-indicators .slides .slide-4,
    #thumbnail-preview-indicators .slides .slide-5,
    #thumbnail-preview-indicators .slides .slide-6,
    #thumbnail-preview-indicators .slides .slide-7 {
        height: 398px;
    }
}

@media screen and (min-width: 1200px) {
    .marketing-main{
        background-position: center top -50px, center 1700px, center bottom 80px;
        background-size: 1920px;
    }

    .marketing-product-title {
        margin-bottom: 0;
    }

    .logo-slider-section{
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .cooperation-section{
        padding-top: 60px;
        padding-bottom: 60px;
    }

    #thumbnail-preview-indicators,
    #thumbnail-preview-indicators .slides,
    #thumbnail-preview-indicators .slides .slide-1,
    #thumbnail-preview-indicators .slides .slide-2,
    #thumbnail-preview-indicators .slides .slide-3,
    #thumbnail-preview-indicators .slides .slide-4,
    #thumbnail-preview-indicators .slides .slide-5,
    #thumbnail-preview-indicators .slides .slide-6,
    #thumbnail-preview-indicators .slides .slide-7 {
        height: 428px;
    }
}

@media screen and (min-width: 1921px) {
    .marketing-main {
        background-size: 100% 1386px, 100% 1018px, 100% 390px;
    }
}


/*=============================================*/
/*END OF CUSTOM STYLE MARKETING LANDING PAGE*/
/*=============================================*/


.pseudo-background-img-container {
    position: relative;
}

.pseudo-background-img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    object-fit: cover;
}

.step2 #collage .pseudo-background-img,
.step2 #collage6 .pseudo-background-img,
.step2 #collage4_1 .pseudo-background-img,
.step2 #collage3_2 .pseudo-background-img,
.step2 #collage2 .pseudo-background-img,
.step2 #collage3_3 .pseudo-background-img,
.step2 #collage4_3 .pseudo-background-img,
.step2 #collage9 .pseudo-background-img {
    right: -1px;
}
.step2 #collage4_1 .pseudo-background-img {
    top: -1px;
}
.step2 #postcardInstant .pseudo-background-img {
    right: 1px;
}

.pseudo-background-img--hero {
    z-index: 1;
}

@media (max-width: 767px) {
    .pseudo-background-img--hero {
        width: 100vw;
        position: unset;
    }
}

/*
    View Video Card
 */
.view-video {
    font-family: Roboto, Sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    color: #474747;
    padding: 0;
}

.view-video__container {
    min-height: 75vh;
    margin-top: 53px;
    text-align: center
}

.view-video__container--invalid-link {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.view-video__header {
    display: flex;
    flex-direction: column;
}

.view-video__header--invalid-link {
    flex-direction: row;
    align-items: center;
    margin-bottom: 8px;
}

.view-video__sender {
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    margin: 0;
}

.view-video__heading--invalid-link {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 28px;
}

.view-video__icon {
    margin: 0 4px 0 0;
}

.view-video__content {
    margin: 0;
    padding: 0;
}

.view-video__video-container {
    padding: 16px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40vh;
}

.view-video__video-file {
    max-height: 100%;
    max-width: 100%;
    border-radius: 16px;
}

.view-video__links {
    margin: 15px 0;
}

.view-video__link {
    height: 48px;
    border: none;
    font-weight: 500;
    padding: 12px 8px;
    border-radius: 8px;
    background: linear-gradient(45deg, #FF4895 0%, #FF776D 100%);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.24);
}

.view-video__link--download-video {
    color: #474747;
    background: #EFEFEF;
    margin-right: 8px;
}

.view-video__link:link {
    color: #FFFFFF;
}

.view-video__link--download-video:link {
    color: #474747;
}

.multiple-sumome-warning-toast {
    display: none;
}
.coupon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 10px;
    padding: 8px;
    border-radius: 16px;
    border: 1px solid #EFEFEF;
    background: #FFF;
}
.coupon__body {
    padding: 0 8px;
    display: flex;
    flex-direction: column;
}
.coupon__title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.14px;
}
.coupon__desc {
    margin: 0;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.1px;
}
.coupn__icon {
    width: 16px;
    height: 16px;
}
@media screen and (min-width:1536px)  {
    #hero, .lottie-animation-wrapper, .background-img-container {
        max-width: 1536px;
        margin: 0 auto;
    }
    .hero-section__header {
        font-size: 54px;
        line-height: 60px;
    }
}
@media screen and (min-width:992px) and (max-width: 1119px) {
    #hero-text {
        margin-bottom: 0;
    }
    .header-buttons {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}
@media screen and (min-width:992px)  {
    #hero {
        padding: 0;
        display: flex;
        align-items: center;
    }
}
@media screen and (max-width:991px)  {
    #hero-text {
        padding: 0 60px 60px;
        margin-bottom: 0;
    }
    .anchor {
        display: none;
    }
}
@media screen and (min-width:768px) and (max-width: 991px)  {
    .background-img-container {
        padding-top: 40px;
    }
    .header-buttons {
        justify-content: center;
        margin-top: 0;
    }
    .get-app {
        justify-content: center;
    }
}
@media screen and (max-width:767px) {
    .hero__wrapper {
        margin-bottom: 60px !important;
    }
    .hero-section__header {
        font-size: 36px;
        line-height: 44px;
    }
    #hero-text {
        padding: 0 32px 60px;
        margin-bottom: 0;
    }
    #hero .hero-section__subheader {
        margin-top: 0;
        margin-bottom: 32px;
    }
    .header-buttons {
        flex-direction: column;
        gap: 16px;
    }
}