@charset "utf-8";

html,
body {
    font-family: 'Lato', sans-serif;
    color: #474747;
}
h1,
h2,
h3,
h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    line-height: 1.2;
    color: #474747;
}
h1 {
    font-size: 30px;
    letter-spacing: 0;
}
h2{
    font-size: 24px;
}
h3 {
    font-size: 18px;
}
p {
    font-size: 15px;
    line-height: 22px;
    font-family: Roboto;
}
.pointer{
    cursor: pointer;}
.div100 {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #efefef;
}
span.bigplus {
    display: none !important;
}
section#services.create_postcard {
    background: #ffffff;
}
section#services.create_postcard.create_postcard_set {
    background: #ffffff;
}
/* CREATE POSTCARD */
.setChooseProduct {
    padding-top: 2em;
    padding-bottom: 2em;
    margin-top: 1.25em;
}
.setChooseProductSet .pay-list li {
    height: 40px;
    padding-top: 4px;
}
.setChooseProductSet .setOptionDisclaimer {
    color: #148aff;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    padding-left: 10px;
}
.popular_value{
    margin-top: -20px !important;
    font-family: 'Roboto', sans-serif;
}
.setChooseProductSet .setOptionDisclaimerSB {
    float:right;
    color: #148aff;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 4px;
}
.create_postcard_module .nav.navbar-right {
    right: 0;
    position:absolute;
}
.create_postcard {
    padding-top: 0 !important;
    display: relative;
    top: -12px;
}
.create_postcard_step {
    color: #aaa;
    text-align: right;
    font-size: 18px;
    line-height: 75px;
    padding-right: 4px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    position: absolute;
    right: 30px;
}

.outerbottomcontainer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #f9f9f9;
    height: 100px;
    z-index: 15;
}

.create_postcard_buttons {
    position: relative;
    top: 20px;
}

.saveDraft {
    line-height: 36px;
    width: 290px;
    height: 35px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    border: 1px solid #cacaca;
    background: white !important;
    color: #cacaca !important;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    border-radius: 25px;
}

.saveDraft svg path:first-of-type {
    fill: none;
}
.saveDraft svg path:last-of-type {
    fill: #cacaca;
}

.saveDraft:hover {
    background: #cacaca !important;
    color: #ffffff !important;
}
.saveDraft:hover svg path:last-of-type {
    fill: #ffffff !important;
}

.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;
}
.btngrey:hover {
    background: #808080;
}
a.cancel_image_conversion {
    color: #fff;
    text-decoration: underline;
}
#add_photo .btn {
    display: block;
    width: 100%;
    padding: 15px 5px;
    margin-bottom: 86px !important;
}
/* ORIENTATION BUTTON */
.btn_updated{
    background-color:#f2f2f2;
    border: none;
    color: #ff4895;
    padding:7px 9px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    letter-spacing: 1px;
    border-radius:5px;
    border: 2px solid #ff4895;
    visibility: hidden;
    text-transform: uppercase;
    font-family: Sans-serif;
    display:none;
}
.btn_updated:hover{
    background-color: #ff4895;
    color:white;
}

/* CREATE POSTCARD NAV */
#navouter {
    margin-bottom: 15px;
}
li.inner, #navouter a, #navouter a:visited {
    color: #9a9a9a;
}
li.inner i, li.inner-active i {
    font-size: 40px;
    vertical-align: middle;
    margin-right: 7px;
    color: #9a9a9a;
}

li.inner, li.inner-active {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}
/*
li.inner-active {
    border-bottom: 5px solid #ff4895;
}*/
li.inner i,
li.inner-active i {
    font-size: 40px;
    vertical-align: middle;
    margin-right: 7px;
    color: #9a9a9a;
}
li.inner-active,
li.inner-active ,
li.inner-active a {
    color: #ff4895 !important;
}

#navouter li > a:hover,
#navouter li > a:focus {
    background-color: transparent !important;
}

/* Main, Step 1 */

.step1container {
    padding: 40px auto !important;
}

.border-right {
    border-right: 2px dashed #d4d4d4;
}

.border-left {
    border-left: 2px dashed #d4d4d4;
}

.step1 .row img {
    display: block;
    margin: 20px auto;
    width: 375px;
    max-width: 100%;
}

.step1 p:first-of-type {
    min-height: 90px;
}

p.price {
    color: #474747;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    line-height: 26px;
    margin: 20px auto 10px;
}

span.porto {
    color: #808080;
    font-weight: normal;
    font-size: 16px;
}
.create_postcard_step_3 .further_receipts {
    bottom: 3px;
    display: none;
}
.create_postcard_step_3 #col_recipients .edit_recipient_info {
    display: none;
}
.create_postcard_step_3 #col_recipients .edit_recipient_info.recipient_added {
    display: inline;
}
/* STEP 4 PREVIEW */

.create_postcard_step_4 #flip_card > div {
    margin-top: 0;
}
.postcard-set .create_postcard_step_4 #flip_card > div {
    margin-top: 20px;
}
.create_postcard_step_4 .paylist-header {
    margin-left: 10px;
    text-align: left;
}
/* STEP 5 CHECKOUT */

button#submit_postcard_payment {
    width: 236px;
}
#submit_postcard_payment.btn {
    min-height: 36px;
    width: 290px;
    height: 35px;
    margin-right: 10px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-family: Roboto;
    background: rgb( 21, 138, 255);
    background: -moz-linear-gradient(left, #148aff 0%, #24ee80 33%, #59d491 66%, #79ecad 100%) !important;
    background: -webkit-linear-gradient(left, #148aff 0%, #24ee80 33%, #59d491 66%, #79ecad 100%) !important;
    background: linear-gradient(to right, #148aff 0%, #24ee80 33%, #59d491 66%, #79ecad 100%) !important;
    animation: gradientBG 4s ease infinite;
    background-size: 400% 400% !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#submit_postcard_payment.btn:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}
.Pay-method li {
    margin-right: 5px;
}
p.sec-text {
    float: right;
    margin-right: 10px;
    font-size: 12px;
}
ul.pay-list.Pay-method {
    margin-bottom: 15px;
}
ul.pay-list.Pay-method li label {
    padding: 2px 0 10px 0;
}
button#submit_postcard_payment {
    margin-top: 3px;
}
p.paddingNone.fontSize07em.colorGray1 {
    font-size: 10px;
    margin-left: 10px;
}
.submit_postcard_payment_text p {
    font-size: 11px;
    line-height: 15px;
}

.submit_postcard_payment_text {
    padding: 5px 14px 0;
}

.paypal-button-wrapper-postcard {
    margin: 0 10px;
}
/* STEP 6 LAST STEP */

#step6 .btn,
#step6 .btngrey {
    margin: 0 0 20px 20px;
    width: 100%;
}

body#es #step6 .btn,
body#es #step6 .btngrey {
    margin: 0 0 20px 20px;
    width: 100%;
    font-size: 13px;
}

/* POSTCARD SET MAIN */

.create_postcard_set .pay-list li {
    background: #f2f2f2;
    border: transparent 1px solid;
    margin: 5px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /*padding: 10px 20px 0px 20px;*/
    padding:0!important;
    height: 0!important;
    padding-top: 0px!important;
}
.create_postcard_set .pay-list li a {
    display:none;
    float:right;
    font-size: 11px;
    padding: 1px 8px 0px;
    margin: -2px 0px 0px 0px;
    min-height: 16px;
    font-weight:500;
    border-radius: 3px;
}
.create_postcard_set .pay-list li:hover,
.create_postcard_set .pay-list li.selected {
    background-color: #e4e4e4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 10px;
    margin: 5px 0;
}

.create_postcard_set .show-credit,
.create_postcard_step_4 .show-credit,
.setOptionDisclaimerSB {
    font-size: 14px !important;
}

/* END POSTCARD SET MAIN */

#discard-postcard-confirm {
    display: none;
}

.create_postcard .show_further_recipients .add-book-main ul li{
    border-bottom: 1px solid #f2f2f2;
}

.create_postcard #main  {
    width: 100%;
    max-width: 926px;
    margin: 0 auto;
}
.create_postcard li.inner:hover a i,
.create_postcard li.inner:hover a {
    color: #ff4895 !important;
}
.create_postcard li.inner:hover a .cls-1{
    fill: #ff4895;
}
.create_postcard li.inner:hover .photoUploadIcon .st0 {
    fill:#ff4895;
}
.btn-grey.blueish   {
    background-color: #3dbff0;
}
.btn-grey.blueish:hover   {
    background-color: #03adda;
}

.btn-step3  {
    margin-top: 35px;
}

a.cancel_image_conversion:link   {
    text-decoration: underline;
}

a.cancel_image_conversion:hover   {
    text-decoration: none;
}

.charleft   {
    display: none;
}

.tooltip_photoedit {
    position: relative;
    float: right;
    display: inline-block;
    opacity: 1;
}
.tooltip_photoedit .tooltiptext {
    visibility: hidden;
    width: auto;
    white-space: nowrap;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    letter-spacing: normal;
    background-color: #ffffff;
    position: absolute;
    top: -40px;
    left: -40px;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    color: #0a0a0a;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
}

.icon-mag.tooltip_photoedit .tooltiptext    {
    left: -65px;
}

.tooltip_photoedit .tooltiptext.leftabit    {
    left: -110px;
}

.tooltip_photoedit:hover .tooltiptext {
    visibility: visible;
}

.tooltip_trash {
    position: relative;
    float: right;
    display: inline-block;
    opacity: 1;
}
.tooltip_trash .tooltiptext {
    visibility: hidden;
    width: auto;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    letter-spacing: normal;
    background-color: #ffffff;
    position: absolute;
    top: -40px;
    left: 0px;
    display: block;
    color: #0a0a0a;
    font-style: normal;
    font-family: 'Roboto', sans-serif
}

.tooltip_trash#edit_photo .tooltiptext  {
    top: -33px;
}

.tooltip_trash:hover .tooltiptext {
    visibility: visible;
}

.edit-nav .tooltiptext:after {
    bottom: 100%;
    right: 13px;
    border: none;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #474747;
    border-width: 0;
}

.recipient-button   {
    width: 346px;
    margin-left: 2%;
    margin-right: 2%;
}
.framebutton {
    width: 65px;
    height: 66px;
    display: inline-block;
    margin-left:8px;
    margin-bottom: 10px;
    padding: 1px 0px 1px 2px;
    opacity: 0.4;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.framebutton.f-selected {
    opacity: unset !important;
    transform: scale(1.2);
}
.framebutton img {
    width: 61px;
    margin-top: 2px;
    position: relative;
    z-index: 2;
    vertical-align: bottom;
}
.framebutton:hover  {
    cursor: pointer;
    transform: scale(1.05);
    opacity: 1;
}
.frameinner {
    position: absolute;
    z-index: 1;
    display: block;
    margin-top: -60px;
    margin-left: 1px;
    width: 60px;
    height: 60px;
    background-image: url(https://createpostcard-6aa0.kxcdn.com/img/frameholder.jpg);
    background-repeat: no-repeat;
    background-size: 655px;
    overflow: hidden;
    box-shadow: -2px -2px 6px #BBBBBB;
}

.form-control:focus{border-color: #3dbff0}
.help {
    display: none;
}
a#show-help-panel   {
    line-height: 41px;
    color: #474747 !important;
    padding-left: 10px;
}

#show-help-panel i  {
    display: block;
    float: left;
    margin-right: 3px;
}

.recipient-grey {
    background-color: transparent;
    padding: 10px;
    margin-top: 40px;
    margin-bottom: 10px;
    overflow: hidden;
    color: #474747;
    font-family: 'Roboto', sans-serif;
}

.recipient-grey:hover {
    background: transparent;
    color: #474747;
    margin-top: 40px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px;
}
span.recipient-details{
    cursor: pointer;
}
.paylist-header {
    color: #474747;
    padding: 0px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.6px;
    font-size: 14px !important;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.pay-list li label {
    height: 100%;
    position: relative;
    padding: 5px 20px 5px 20px;
}
.pay-list li input[type=radio]{
    position: absolute;
    visibility: hidden;
}

.pay-list li .check{
    display: block;
    position: absolute;
    top: 0;
    border: 2px solid #AAAAAA;
    border-radius: 100%;
    height: 15px;
    width: 15px;
    margin-top: 6px;
    margin-left: 5px;
    margin-bottom: 5px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.pay-list li:hover .check {
    border: 2px solid #474747;
}

.pay-list li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 100%;
    width: 100%;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}
input[type=radio]:checked ~ .check {
    background: #40d473;
    border-color: #474747;
}

input[type=radio]:checked ~ .check::before{
    background: #40d473;
}
 .paylist-header.pay-list li:checked {
    box-shadow: 0px 2px 23px #6d2626;
}

.create_postcard .btn {
    transition: none;
}
.create_postcard .btn:hover {
    transition: none;
}

.up-select .up-panel-txt   {
    text-align: center;
    position: relative;
    top: 10px;
    font-family: Roboto;
    font-weight: bold;
}
.up-select .up-panel-txt span   {
    font-size: 11px;
    text-transform: none;
    font-weight: normal;
}
.loader{
    display: none;
    position: absolute;
    top: 31.5%;
    left: 15.9%;
}
.dropzone .loader{
    display: none;
    position: absolute;
    top: 31%;
    left: 31%;
}
#standard_1 .loader{
    top: 41.5%;
    left: 44%;
}
#collage_1 .loader{
    top: 40.5%;
    left: 40.5%;
}
#insta_1 .loader{
    top: 36.5%;
    left: 37%;
}

/*
  Set the color of the icon
*/
.spinner {
    -webkit-animation: rotator 2.4s linear infinite;
    animation: rotator 2.4s linear infinite;
}

@-webkit-keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}
.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: dash 2.4s ease-in-out infinite;
    animation: dash 2.4s ease-in-out infinite;
    stroke: #ff4895;
}

@-webkit-keyframes colors {
    0% {
        stroke: #ff4895;
    }
    25% {
        stroke: #ff4895;
    }
    50% {
        stroke: #ff4895;
    }
    75% {
        stroke: #ff4895;
    }
    100% {
        stroke: #ff4895;
    }
}

@keyframes colors {
    0% {
        stroke: #ff4895;
    }
    25% {
        stroke: #ff4895;
    }
    50% {
        stroke: #ff4895;
    }
    75% {
        stroke: #ff4895;
    }
    100% {
        stroke: #ff4895;
    }
}
@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }
    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}
@keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }
    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}
svg path,
svg rect{
    fill: #ff4895;
}
.up-folder-link {
    width: 80px;
    height: 40px;
    display: block;
    margin: 20px auto 5px;
    cursor: pointer;
    text-align: center;
}

.up-folder-link svg path, .up-filestack-link svg path{
    fill: #9a9a9a;
}
.up-folder-link:hover svg path, .up-filestack-link:hover svg path {
    fill: #474747;
}
div.up-folder-link.upload_running {
    /*background-image: url(https://createpostcard-6aa0.kxcdn.com/img/loader-dark.gif);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: 50%*/
}

.up-face-link {
    background-image: url(https://createpostcard-6aa0.kxcdn.com/img/up-face-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 112px;
    height: 101px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    cursor: pointer;
}
.up-face-link:hover {
    background-image: url(https://createpostcard-6aa0.kxcdn.com/img/up-face-2.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.up-filestack-link {
    width: 80px;
    height: 40px;
    margin: 20px auto 5px;
    cursor: pointer;
}
.up-filestack-link:hover {
}

.dropzone {
    background-color: #BEBEBE;
    /*background-image: url(https://createpostcard-6aa0.kxcdn.com/img/img-up.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;*/
    text-align: center;
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.dropzone .upload-icon{
    position:absolute;
    background-image: url("https://img-6aa0.kxcdn.com/plus-white.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;
}
.dropzone .upload-icon:hover{
    background-image: url("https://img-6aa0.kxcdn.com/plus-pink.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;
    outline: 2px solid #ff4895;
    outline-offset: -2px;
    overflow-x: hidden;
}
div#template_16_1,
div#template_16_2,
div#template_16_3,
div#template_16_4
{
    border: 1px solid #ff4895 !important;
}
div#template_16_1 .upload-icon:hover,
div#template_16_2 .upload-icon:hover,
div#template_16_3 .upload-icon:hover,
div#template_16_4 .upload-icon:hover{
    background-image: url("https://img-6aa0.kxcdn.com/dark-pink-plus-icon.svg") !important;
    background-repeat: no-repeat;
    background-size: 52px;
    background-position: 50% 50%;
}
#photo_inside.dropzone {
    background-image: url("https://img-6aa0.kxcdn.com/photo-inside-card.jpg");
    background-position: 50% 40%;
}
#template_16_1 .upload-icon,
#template_16_2 .upload-icon,
#template_16_3 .upload-icon,
#template_16_4 .upload-icon {
    background-image: url(https://img-6aa0.kxcdn.com/plus-pink.png);
}
#template_16_1.photoChoosen,
#template_16_2.photoChoosen,
#template_16_3.photoChoosen,
#template_16_4.photoChoosen{
    border: transparent !important;
}
.dropzone:hover {
    /*background-image: url(https://createpostcard-6aa0.kxcdn.com/img/img-up_hover.png);*/
}
#photo_inside.dropzone:hover {
    /*background-image: url(https://createpostcard-6aa0.kxcdn.com/img/img-up-blue_hover.png);*/
}
.dropzone:before				{ content: ''; font-family:"Glyphicons Halflings"; font-size: 60px; color: #dbdbdb; position: absolute; top: 52%; left: 0; width: 100%; text-align: center; z-index:0;}


.dropzone.loading:after			{ content: 'Please wait, image is loading'; }
.dropzone.loading:before		{ content: ''; }

.dropzone.done:after			{ content: '';}
.dropzone.done:before			{ content: '';}

/* not an image */
.dropzone.notAnImage			{ background-color: #f2dede; border-color: #ebccd1; }
.dropzone.notAnImage:after		{ content: 'The selected file is not an image!'; color: #a94442; }
.dropzone.notAnImage:before		{ content: ''; color: #ebccd1; }

.dropzone.alert-danger			{ background-color: #f2dede; }
.dropzone.alert-danger:after	{ content: ''; }

.dropzone > span				{ font-size: 30px; color: #bbbbbb; position: absolute; top: 35%; left: 0; width: 100%; text-align: center; z-index:0;}
.dropzone > span.loader			{ display: none; }
.dropzone > input[type=text]	{ display: none; }

.dropzone .progress				{ bottom: 10px; left: 10px; right: 10px; display: none;  }

.dropzone .cropWrapper			{ overflow: hidden; position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index: 10; background-color: #eeeeee; text-align: left;}
/*.dropzone canvas.final			{ background-color: #eeeeee;}*/

.dropzone img					{ z-index: 5; position: relative; }
.dropzone img.ghost				{ opacity: .2; z-index: auto; float:left /* HACK for not scrolling*/; }
.dropzone img.main				{ cursor: move; }
.dropzone .final img.main 		{ cursor: auto; }
.dropzone img.preview			{ width: 100%; }

.dropzone .tools				{ position: absolute; top: 10px; right: 10px; z-index: 999; display: inline-block; }
.dropzone .tools > *			{ margin: 0 0 0 5px; }

.dropzone.smalltools .tools .btn	{ padding: 1px 4px; font-size: 12px; }

.dropzone .download				{ position: absolute; bottom: 10px; left: 10px; z-index: 999; display: inline-block; }
.dropzone .download > *			{ margin: 0 0 0 5px; }

.icon-flipped 					{ transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); }

.rotate_90						{ /*General*/
    transform: rotate(90deg);
    /*Firefox*/
    -moz-transform: rotate(90deg);
    /*Microsoft Internet Explorer*/
    -ms-transform: rotate(90deg);
    /*Chrome, Safari*/
    -webkit-transform: rotate(90deg);
    /*Opera*/
    -o-transform: rotate(90deg);}
.html5imageupload						{ background-color: #eeeeee; text-align: center; position: relative; display: inline-block;  }
.html5imageupload:after					{ content: 'Drop your image here or click to add one!'; font-size: 30px; color: #bbbbbb; position: absolute; bottom: 60%; left: 0; width: 100%; text-align: center; z-index:0;}
.html5imageupload:before				{ content: ''; font-family:"Glyphicons Halflings"; font-size: 60px; color: #dbdbdb; position: absolute; top: 40%; left: 0; width: 100%; text-align: center; z-index:0;}

.html5imageupload.loading:after			{ content: 'Please wait, image is loading'; }
.html5imageupload.loading:before		{ content: ''; }

.html5imageupload.done:after			{ content: '';}
.html5imageupload.done:before			{ content: '';}

/* not an image */
.html5imageupload.notAnImage			{ background-color: #f2dede; border-color: #ebccd1; }
.html5imageupload.notAnImage:after		{ content: 'The selected file is not an image!'; color: #a94442; }
.html5imageupload.notAnImage:before		{ content: ''; color: #ebccd1; }

.html5imageupload.alert-danger			{ background-color: #f2dede; }
.html5imageupload.alert-danger:after	{ content: ''; }

.html5imageupload > span				{ font-size: 30px; color: #bbbbbb; position: absolute; top: 35%; left: 0; width: 100%; text-align: center; z-index:0;}
.html5imageupload > span.loader			{ display: none; }
.html5imageupload > input[type=text]	{ display: none; }

.html5imageupload .progress				{ bottom: 10px; left: 10px; right: 10px; display: none;  }

.html5imageupload .cropWrapper			{ overflow: hidden; position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index: 10; background-color: #eeeeee}
/*.html5imageupload canvas.final			{ background-color: #eeeeee;}*/

.html5imageupload img					{ z-index: 20; position: relative; }
.html5imageupload img.ghost				{ opacity: .2; z-index: auto; float:left /* HACK for not scrolling*/; }
.html5imageupload img.main				{ cursor: move; }
.html5imageupload .final img.main 		{ cursor: auto; }
.html5imageupload img.preview			{ width: 100%; }

.html5imageupload .tools				{ position: absolute; top: 10px; right: 10px; z-index: 999; display: inline-block; }
.html5imageupload .tools > *			{ margin: 0 0 0 5px; }

.html5imageupload .download				{ position: absolute; bottom: 10px; left: 10px; z-index: 999; display: inline-block; }
.html5imageupload .download > *			{ margin: 0 0 0 5px; }


.html5imageupload.smalltools .tools .btn	{ padding: 1px 4px; font-size: 12px; }



/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 20, 2015 */

@font-face {
    font-family: 'MyPostcard_fontregular';
    src: url('../font/mypostcard-webfont.eot');
    src: url('../font/mypostcard-webfont?#iefix') format('embedded-opentype'),
    url('../font/mypostcard-webfont.woff2') format('woff2'),
    url('../font/mypostcard-webfont.woff') format('woff'),
    url('../font/mypostcard-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'martini_script_fatregular';
    src: url('../font/martini_script_fat-webfont.eot');
    src: url('../font/martini_script_fat-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/martini_script_fat-webfont.woff2') format('woff2'),
    url('../font/martini_script_fat-webfont.woff') format('woff'),
    url('../font/martini_script_fat-webfont.ttf') format('truetype'),
    url('../font/martini_script_fat-webfont.svg#martini_script_fatregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'renate_handwritingregular';
    src: url('../font/renate_handwriting-webfont.eot');
    src: url('../font/renate_handwriting-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/renate_handwriting-webfont.woff2') format('woff2'),
    url('../font/renate_handwriting-webfont.woff') format('woff'),
    url('../font/renate_handwriting-webfont.ttf') format('truetype'),
    url('../font/renate_handwriting-webfont.svg#renate_handwritingregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'stone_handwritingregular';
    src: url('../font/stone_handwriting-webfont.eot');
    src: url('../font/stone_handwriting-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/stone_handwriting-webfont.woff2') format('woff2'),
    url('../font/stone_handwriting-webfont.woff') format('woff'),
    url('../font/stone_handwriting-webfont.ttf') format('truetype'),
    url('../font/stone_handwriting-webfont.svg#stone_handwritingregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntumedium';
    src: url('../font/ubuntu-m-webfont.eot');
    src: url('../font/ubuntu-m-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ubuntu-m-webfont.woff2') format('woff2'), url('../font/ubuntu-m-webfont.woff') format('woff'), url('../font/ubuntu-m-webfont.ttf') format('truetype'), url('../font/ubuntu-m-webfont.svg#ubuntumedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntulight';
    src: url('../font/ubuntu-l-webfont.eot');
    src: url('../font/ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ubuntu-l-webfont.woff2') format('woff2'), url('../font/ubuntu-l-webfont.woff') format('woff'), url('../font/ubuntu-l-webfont.ttf') format('truetype'), url('../font/ubuntu-l-webfont.svg#ubuntulight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntubold';
    src: url('../font/ubuntu-b-webfont.eot');
    src: url('../font/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ubuntu-b-webfont.woff2') format('woff2'), url('../font/ubuntu-b-webfont.woff') format('woff'), url('../font/ubuntu-b-webfont.ttf') format('truetype'), url('../font/ubuntu-b-webfont.svg#ubuntubold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntu_condensedregular';
    src: url('../font/ubuntu-c-webfont.eot');
    src: url('../font/ubuntu-c-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ubuntu-c-webfont.woff2') format('woff2'), url('../font/ubuntu-c-webfont.woff') format('woff'), url('../font/ubuntu-c-webfont.ttf') format('truetype'), url('../font/ubuntu-c-webfont.svg#ubuntu_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubunturegular';
    src: url('../font/ubuntu-r-webfont.eot');
    src: url('../font/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ubuntu-r-webfont.woff2') format('woff2'), url('../font/ubuntu-r-webfont.woff') format('woff'), url('../font/ubuntu-r-webfont.ttf') format('truetype'), url('../font/ubuntu-r-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntulight_italic';
    src: url('../font/ubuntu-li-webfont.eot');
    src: url('../font/ubuntu-li-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ubuntu-li-webfont.woff2') format('woff2'), url('../font/ubuntu-li-webfont.woff') format('woff'), url('../font/ubuntu-li-webfont.ttf') format('truetype'), url('../font/ubuntu-li-webfont.svg#ubuntulight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntumedium_italic';
    src: url('../font/ubuntu-mi-webfont.eot');
    src: url('../font/ubuntu-mi-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ubuntu-mi-webfont.woff2') format('woff2'), url('../font/ubuntu-mi-webfont.woff') format('woff'), url('../font/ubuntu-mi-webfont.ttf') format('truetype'), url('../font/ubuntu-mi-webfont.svg#ubuntumedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntubold_italic';
    src: url('../font/ubuntu-bi-webfont.eot');
    src: url('../font/ubuntu-bi-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ubuntu-bi-webfont.woff2') format('woff2'), url('../font/ubuntu-bi-webfont.woff') format('woff'), url('../font/ubuntu-bi-webfont.ttf') format('truetype'), url('../font/ubuntu-bi-webfont.svg#ubuntubold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntuitalic';
    src: url('../font/ubuntu-ri-webfont.eot');
    src: url('../font/ubuntu-ri-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ubuntu-ri-webfont.woff2') format('woff2'), url('../font/ubuntu-ri-webfont.woff') format('woff'), url('../font/ubuntu-ri-webfont.ttf') format('truetype'), url('../font/ubuntu-ri-webfont.svg#ubuntuitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


.add-edit-pencil {
    display: block;
    width: 20px;
    float: right;
    position: relative;
    margin: 16px 0px 0px 0px!important;
}

.add-edit-pencil.country-input {
    margin-top: 9px!important;
}

.wait-alert {
    color: #474747;
    font-family: Roboto;
    display: none;
    position: fixed;
    font-weight: bold;
    font-size: 14px;
    width: 400px;
    margin: -15px auto 0px auto;
    text-align: center;
    z-index: 999;
    left: 0;
    right: 0;
    padding: 3px;
    border: 1px solid #f1c466;
    background: #f9edbb;
    -moz-box-shadow:    -3px 3px 4px 0 rgba(173, 173, 173, 0.38);
    -webkit-box-shadow: -3px 3px 4px 0 rgba(173, 173, 173, 0.38);
    box-shadow:         -3px 3px 4px 0 rgba(173, 173, 173, 0.38);
}

.wait-alert a:link  {
    color:  #474747 !important;
    text-decoration: underline;
}

.tooltip {
    position: relative;
    float: right;
    display: inline-block;
    opacity: 1;
    z-index: 1040;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: rgba(71, 71, 71, 0.8);
    color: #fff;
    text-align: center;
    padding: 5px 0;
    position: absolute;
    top: 18px;
    left: -100px;
    z-index: 9;
    display: block;
    font-family: Roboto;
    border-radius: 8px;
}

.tooltiptext:after {
    bottom: 100%;
    right: 13px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: rgba(71, 71, 71, 0.8);
    border-width: 5px;
    margin-left: -5px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.grey a.blue-link:link  {
    color: #3dbff0!important;
}
.grey a.blue-link:visited  {
    color: #3dbff0!important;
}

.green-small.rec-mgtop  {
    bottom: 56px;
}
.green-small.rec-mgtop:hover  {
    bottom: 56px;
}
.foldingcard .add-further-rec.btn.green-small.rec-mgtop{
    width: 210px !important;
    line-height: 12px !important;
    bottom: 4px;
    left: -30px !important;
}

.icon-custom-padlock {
    background-image: url('https://createpostcard-6aa0.kxcdn.com/img/padlock-new.png');
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    height: 10px;
    width: 10px;
    margin-bottom: -1px!important;
    margin-top: 0px;
}
.pay-list li {
    border-bottom: none !important;
    background-color: transparent;
}
.pick2-inner .pink-panel {
    color: #474747;
    height: 45px;
    box-shadow: 0px 2px 23px #dddddd;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 5px 10px 5px;
}
.pick2-inner .pink-panel2 {
    background-color: #ECECEC;
    color: #959595;
    padding-top: 10px;
}

.choose_layout .styleImage  {
    width: 264px;
}
.choose_layout .styleImage#styleInstant  {
    width: 187px;
}

a.choose_layout:link {
    color: #474747;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}

.create-page-content a:link {
    color: #474747!important;
    border-bottom: 1px solid #ccc;
}
.create-page-content a:visited {
    color: #474747!important;
}
.create-page-content a:hover {
    color: #000!important;
}

.create-page-content    {
    max-width: 930px;
    margin: 0 auto;
}
.create-page-content h1 {
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #474747;
    margin-top: 50px!important;
    margin-bottom: 20px;
}
.create-page-content h3 {
    font-size: 18px;
    color: #474747;
    text-transform: none;
}
.create-page-content img    {
    max-width: 100%;
}

.create-page-content .grey-title h2 {
    background-color: #ffffff;
    width: 220px;
    margin: 0 auto;
    color: #808080;
    font-size: 13px;
    line-height: 30px;
}
.create-page-content .grey-title.wider h2 {
    background-color: #ffffff;
    width: 270px;
    margin: 0 auto;
    color: #808080;
    font-size: 13px;
    line-height: 30px;
}

.create-page-content .np-left   {
    padding-left: 0px;
}
.create-page-content .np-right   {
    padding-right: 0px;
}

.bigplus {
    font-size: 24px;
    float: left;
    line-height: 20px;
    margin-right: 5px;
    color: #474747;
}

.panel-icon-rec {
    width: 13px;
    display: none;
}

.green-small {
    font-size: 13px;
    position: absolute;
    bottom: 36px;
    left: 380px;
    width: 236px;
}

.green-small-green {
    /* Not sure these classes are being used. commented out for test
    cursor: default!important;
    font-size: 14px;
    position: absolute;
    bottom: 36px;
    left: 380px;
    width: 236px;
    background: #ffffff;*/
}

.mg-space	{
    margin-bottom: -4px!important;
}

.address-empty	{
    background-image: url('https://createpostcard-6aa0.kxcdn.com/img/address-empty.png');
    background-repeat: no-repeat;
    background-position: center 20%;
    padding-top: 160px;
    color: #e5e5e5;
}

.address-stored {
    color: #929292;
    border-bottom: 1px solid #f2f2f2;
    height: 54px;
}
.address-stored:hover	{
    color: #179e00;
    cursor: pointer;
}

.address-stored p {
    width: 190px;
    font-size: 12px;
    line-height: 15px;
}
#addressbook_popup.up-panel.add-edit-box  {
    width: 350px!important;
    margin-left: 35% !important;
    height: auto;
}
.address-stored .icon-glyph-207.circle	{
    display: none;
}
.address-selected .icon-glyph-207.circle	{
    background-color: #ffffff;
    color: #179e00;
    display: block;
    float: right;
    border: none;
}
.address-selected:hover	{
    color: #929292;
    cursor: pointer;
}

.plus-rec	{
    margin-bottom: -6px!important;
    margin-left: 10px;
}

.grey-top i	{
    position: relative!important;
    margin-bottom: -3px!important;
    margin-left: 6px;
}
/*.rec-container	{
    height: 315px;
}*/
.recipient-entry {
    line-height: 12px;
    margin-bottom: 3px;
    width: 200px;
    border-radius: 5px;
    margin-top: 5px;
    margin-left: 10px;
    box-shadow: 0px 2px 7px #ddd;
    border: unset;
}
a.edit_recipient_info.add-further-rec.btn-info.recipient_added {
    background: #ffffff;
    color: #888;
    font-size: 12px;
    float: left;
    margin-left: 10px;
}
img.img-responsive.recipient_edit_icon {
    width: 20px;
    margin-right: 5px;
    height: 20px;
    display: inline-block;
}
.recipient-entry:hover {
    border: 1px solid #ff4895;
}
.recipient-incomplete {
    border: 2px solid #e74c3c;
}
.icon-custom-rec-white {
    background-image: url('https://createpostcard-6aa0.kxcdn.com/img/add-rec-icon-white.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    font-stretch: normal;
    height: 22px;
    width: 32px;
}
.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;
    font-stretch: normal;
    height: 18px;
    width: 19px;
}
.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;
    font-stretch: normal;
    height: 18px;
    width: 18px;
}
.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;
}
/*
.side-b-green	{
    margin-bottom: 10px;
    color: #ffffff;
    width: 100%;
    text-align: left;
    text-transform: none!important;
}
#col_recipients .side-b-green {
    text-align: center;
}*/
/*.score-below	{
	border-bottom: 1px solid grey;
}*/


#writePostcard textarea:hover::-webkit-input-placeholder {
    color: #031993;
}

#writePostcard textarea:hover:-moz-placeholder { /* Firefox 18- */
    color: #031993;
}

#writePostcard textarea:hover::-moz-placeholder	{  /* Firefox 19+ */
    color: #031993;
}

#writePostcard textarea:hover:-ms-input-placeholder	{
    color: #031993;
}

#writePostcard .pencil-bg {
    /*background: url('https://createpostcard-6aa0.kxcdn.com/img/pencil.png') center center no-repeat;*/
}

#writePostcard .pencil-bg:hover {
    /*background: url('https://createpostcard-6aa0.kxcdn.com/img/pencil-blue.png') center center no-repeat;*/
}

#writePostcard .pencil-bg:focus {
    background: none;
}

.modal-body.confirm-panel > a#send_card_no_text {
    background-color: #3dbff0;
    padding: 2px 5px;
}
.modal-body.confirm-panel > a#send_card_no_text:hover {
    background-color: #03adda;
}
/*
.format-info {
    color: #959595;
    position: absolute;
    font-size: 12px;
    left: 124px;
    padding-top: 7px;
}

#send_confirmation	{
    height: 232px;
}

.sent-confirm	{
    width: 340px;
}

.c-top-right {
    position: absolute;
    z-index: 100;
    right: 5px;
    margin-top: -55px;
}

.c-top-right img	{
    width: 18px;
}

.confirm-box	{
    width: 100%;
    text-align: center;
    margin-top: -40px;
}

.b-down	{
    margin-top: 300px;
}
*/
.squared {
    border-radius: 0 0 0 0!important;
    padding: 15px;
}

.icon-trash	{
    background-image: url('https://createpostcard-6aa0.kxcdn.com/img/trash-icon.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    display: inline-block;
    margin-top: 0px;
    font-stretch: normal;
    height: 26px;
    width: 29px;
    margin-left: 3px;
    margin-bottom: 0px!important;
}
.icon-trash:hover	{
    background-image: url('https://createpostcard-6aa0.kxcdn.com/img/trash-icon-over.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    display: inline-block;
    margin-top: 5px;
    font-stretch: normal;
    height: 26px;
    width: 29px;
    margin-left: 3px;
    margin-bottom: 0px!important;
}

.edit-nav i.fa	{
    margin-top: 0px!important;
    font-stretch: normal;
    height: 26px;
    width: 25px;
    margin-left: 3px;
    margin-bottom: 0px!important;
}
.edit-nav i.fa:hover	{
    color:#ff4895;
}
.icon-fullscreen	{
    background-image: url('https://createpostcard-6aa0.kxcdn.com/img/fullscreen.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    display: inline-block;
    margin-top: 5px;
    font-stretch: normal;
    height: 26px;
    width: 29px;
    margin-bottom: 0px!important;
}
.icon-fullscreen:hover	{
    background-image: url('https://createpostcard-6aa0.kxcdn.com/img/fullscreen-over.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    display: inline-block;
    margin-top: 5px;
    font-stretch: normal;
    height: 26px;
    width: 29px;
    margin-bottom: 0px!important;
}

.icon-mag	{
    background-image: url('https://createpostcard-6aa0.kxcdn.com/img/mag-icon.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    display: inline-block;
    margin-top: 5px;
    font-stretch: normal;
    height: 26px;
    width: 29px;
    margin-bottom: 0px!important;
}
.icon-mag:hover	{
    background-image: url('https://createpostcard-6aa0.kxcdn.com/img/mag-icon-over.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    display: inline-block;
    margin-top: 5px;
    font-stretch: normal;
    height: 26px;
    width: 29px;
    margin-bottom: 0px!important;
}
.icon-mag-minus	{
    background-image: url('https://createpostcard-6aa0.kxcdn.com/img/mag-minus-icon.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    display: inline-block;
    margin-top: 5px;
    font-stretch: normal;
    height: 26px;
    width: 29px;
    margin-bottom: 0px!important;
}
.icon-mag-minus:hover	{
    background-image: url('https://createpostcard-6aa0.kxcdn.com/img/mag-minus-icon-over.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    display: inline-block;
    margin-top: 5px;
    font-stretch: normal;
    height: 26px;
    width: 29px;
    margin-bottom: 0px!important;
}
.icon-rot-anti	{
    background-image: url('https://createpostcard-6aa0.kxcdn.com/img/rot-anti.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    display: inline-block;
    margin-top: 5px;
    font-stretch: normal;
    height: 26px;
    width: 24px;
    margin-bottom: 0px!important;
}
.icon-rot-anti:hover	{
    background-image: url('https://createpostcard-6aa0.kxcdn.com/img/rot-anti-over.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    display: inline-block;
    margin-top: 5px;
    font-stretch: normal;
    height: 26px;
    width: 24px;
    margin-bottom: 0px!important;
}
.icon-rot-clock	{
    background-image: url('https://createpostcard-6aa0.kxcdn.com/img/rot-clock.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    display: inline-block;
    margin-top: 5px;
    font-stretch: normal;
    height: 26px;
    width: 24px;
    margin-bottom: 0px!important;
}
.icon-rot-clock:hover	{
    background-image: url('https://createpostcard-6aa0.kxcdn.com/img/rot-clock-over.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    display: inline-block;
    margin-top: 5px;
    font-stretch: normal;
    height: 26px;
    width: 24px;
    margin-bottom: 0px!important;
}


.modal-ajax_order_confirmation .nav-tabs>li.active>a, .modal-ajax_order_confirmation .nav-tabs>li.active>a:focus, .modal-ajax_order_confirmation .nav-tabs>li.active>a:hover {
    border: 0px solid white;
    border-bottom: 1px solid white;
    background-color: #33b517!important;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff!important;
}
/*
.act-full	{
    width: 100%!important;
}

.modal-ajax_order_confirmation .confirm_intro	{
    text-align: left;
}
*/
.modal-ajax_order_confirmation table	{
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}
.modal-ajax_order_confirmation table td	{
    border: 1px solid #959595;
    padding: 5px;
}

.modal-ajax_order_confirmation input	{
    text-align: center;
    margin-bottom: 5px;
    border: none;
}
.modal-ajax_order_confirmation .order_confirmation_form input {
    border: 1px solid #ccc;
}
.modal-ajax_order_confirmation .btn-success {
    color: #474747!important;
    background-color: #ffffff;
    border-color: #ffffff;
    margin-top: 0px;
}
.modal-ajax_order_confirmation .btn-success:hover, .modal-ajax_order_confirmation .btn-success:active {
    color: #474747!important;
    background-color: #ffffff;
    border-color: #ffffff;
}
.modal-ajax_order_confirmation h2	{
    font-size: 18px;
}
.modal-ajax_order_confirmation .nav-tabs > li.active > a i[class^="icon-"]:before, .modal-ajax_order_confirmation .nav-tabs > li.active > a i[class*=" icon-"]:before {
    color: #ffffff;
}
.modal-ajax_order_confirmation.nav.nav-tabs > li > a i[class^="icon-"]:before, .modal-ajax_order_confirmation.nav.nav-tabs > li > a i[class*=" icon-"]:before {
    color: #ffffff;
}

.modal-ajax_order_confirmation .grey-txt		{
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    padding-top: 20px;
    padding-bottom: 20px;
}
.modal-ajax_order_confirmation img.confirm_tick {
    margin-left: 5px;
    width: 20px;
}
.modal-ajax_create_postcard_confirm_box .btn-discard {
    background-color: #ccc!important;
}
.modal-ajax_create_postcard_confirm_box .btn-discard:hover {
    background-color: #5e5e5e!important;
}
.modal-ajax_create_postcard_confirm_box .two_buttons a.btn {
    float: none;
}
.modal-ajax_payment_popup .modal-body {
    padding-bottom: 20px;
    padding-top: 10px;
}
.modal-ajax_payment_popup .amount {
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    color: #474747;
}
.modal-dialog.modal-ajax_payment_popup p.grey-txt {
    text-align: center;
}
.modal-dialog.modal-ajax_payment_popup p.grey-txt.amount {
    text-align: center;
    color: #40d473;
}
.modal-dialog.modal-ajax_payment_popup p.grey-txt.payment-instructions {
    color: #9a9a9a;
}
.modal-dialog.modal-ajax_payment_popup #creditcard_form_instantCC {
    color: #9a9a9a;
    font-family: Roboto;
}
.modal-ajax_payment_popup .credit-secure-notice {
    bottom: auto;
    float: left;
    left: auto;
    margin-top: 40px;
    position: static;
}
.modal-ajax_payment_popup .form-cards-bottom {
    float: right;
    margin-top: 40px;
    width: 100px;
}
.modal-ajax_payment_popup .form-cards-bottom img {
    width: 100%;
}

.further_recipients .add-search	{
    padding-left: 0!important;
    padding-right: 0!important;
}
.further_recipients .add-search-button	{
    padding-right: 0!important;

}

.recip-popup	{
    color: #959595;
}

.further_recipients .add-book-top a:link	{
    padding-left: 3px;
    padding-right: 3px;
}

.over-f {
    overflow-y: scroll;
    max-height: 340px;
}
.over-f li	{
    clear: both;
}

.rec-add-col	{
    line-height: 16px;
}

.another-rec	{
    padding-top: 8px;
    margin-bottom: 0px;
}
/*
.form-cards	{
    margin: 0 auto;
    width: 100px;
    margin-top: 3px;
}
.form-cards img	{
    width: 100px;
}

.add-more, .show-more {
    margin-top: 15px;
}
*/
.text-fits	{
    bottom: -40px;
    color: #9a9a9a;
}

.postcard-set .text-fits,
.postcard-set.foldingcard .text-fits {
    display: none;
}

body.lang-de .help-panel .step2_standard{
    background: url(https://createpostcard-6aa0.kxcdn.com/img/help-overlay1a-d.png);
    background-position: center 30px;
}
body.lang-en .help-panel .step2_standard{
    background: url(https://createpostcard-6aa0.kxcdn.com/img/help-overlay1a-en.png);
    background-position: center 30px;
}
body.lang-de .help-panel .step2_collage{
    background: url(https://createpostcard-6aa0.kxcdn.com/img/help-overlay2a-d.png);
    background-position: center 30px;
}
body.lang-en .help-panel .step2_collage{
    background: url(https://createpostcard-6aa0.kxcdn.com/img/help-overlay1a-en.png);
    background-position: center 30px;
}
body.lang-de .help-panel .step2_collage6{
    background: url(https://createpostcard-6aa0.kxcdn.com/img/help-overlay2a-d.png);
    background-position: center 30px;
}
body.lang-en .help-panel .step2_collage6{
    background: url(https://createpostcard-6aa0.kxcdn.com/img/help-overlay1a-en.png);
    background-position: center 30px;
}
body.lang-de .help-panel .step2_insta{
    background: url(https://createpostcard-6aa0.kxcdn.com/img/help-overlay3a-d.png);
    background-position: center 30px;
}
body.lang-en .help-panel .step2_insta{
    background: url(https://createpostcard-6aa0.kxcdn.com/img/help-overlay3-en.png);
    background-position: center 30px;
}
body.lang-de .help-panel .step3{
    background: url(https://createpostcard-6aa0.kxcdn.com/img/help-overlay4.png);
    background-position: center 30px;
}
body.lang-en .help-panel .step3{
    background: url(https://createpostcard-6aa0.kxcdn.com/img/help-overlay4-en.png);
    background-position: center 30px;
}


#writeReceiver2 #country_dropdown.postcardInput {
    height: 0;
}

.edit_recipient {
    width: 300px!important;
    margin-right: 18%!important;
    margin-left: 18%!important;
}

.rec-list .btn {
    padding: 8px 18px;
}

.std-btns	{
    top: 464px;
}

.side-b2 a:link	{
    color: #ffffff!important;
    font-size: 16px;
}
.side-b2 a:hover	{
    color: #ffffff!important;
    text-decoration: none;
}
.side-b2 a:visited	{
    color: #ffffff!important;
}

a.select_contact:hover, a.edit_receipt:hover {
    color: #3dbff0!important;
    text-decoration: none;
}
a.btn-info.select_contact:link, a.btn-info.edit_receipt:link {
    float: right;
    color: #db3131!important;
    border: 1px solid #db3131;
    background: #ffffff;
    font-size: 14px;
    margin-top: 5px;
}

a.btn-info.delete_receipt:link {
    float: right;
    color: #fff!important;
    font-size: 14px;
    margin-top: 5px;
}

a.delete_receipt:hover {}

a.btn-info.delete_receipt:hover {}

a.btn-success.select_contact:link {
    float: right;
    color: #ffffff!important;
    font-size: 14px;
    margin-top: 5px;
}

a.btn-info.select_contact:hover, a.btn-info.edit_receipt:hover {
    float: right;
    color: #ffffff!important;
    border: 1px solid #db3131;
    background: #db3131;
    font-size: 14px;
    margin-top: 5px;
}

a.btn-confirm:link, a.btn-info.edit_receipt:link {
    float: right;
    color: #ffffff!important;
    font-size: 14px;
    margin-top: 5px;
}
a.btn-confirm:visited, a.btn-info.delete_receipt:visited, a.btn-info.edit_receipt:visited {
    float: right;
    color: #ffffff!important;
    font-size: 14px;
    margin-top: 5px;
}

a.btn-confirm:hover, a.btn-info.delete_receipt:hover, a.btn-info.edit_receipt:hover {
    float: right;
    text-decoration: none;
    color: #ffffff!important;
}


.addressbook_msg	{
    font-style: italic;
}

#addressbook_popup.up-panel {
    width: 748px;
    border-radius: 5px;
}
#addressbook_popup.up-panel h2 {
    height: 60px;
}
#addressbook_popup .col-md-6	{
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 20px;
}
a.show_letter:link	{
    color: #ffffff!important;
}
a.show_letter:hover	{
    color: #3dbff0!important;
    text-decoration: none;
}

.card-panel	{
    height: 110%;
    height: 90vh;
    z-index: 16;
    display: none;
    background: #9f9f9f;
    opacity:0.8;
}

.card-panel p	{
    top: 60%;
}
.grey .card-panel p a.cancel_image_conversion {
    color: white!important;
    display: none;
}
.step2 .cropImgWrapper {
    cursor: move;
}
.step2 .cropControlCrop {
    display: none;
}

.post-frame	{
    position: absolute;
    z-index: 6;
    left: 0;
}

.no-text	{
    position: absolute;
    top: 40%;
    left: 35px;
    color: #cccccc;
    font-size: 22px;
}

.btn-grey:hover	{
    background-color: #9f9e9e;
}
.choose_frame .btn-grey:hover	{
    background-color: #5e5e5e;
}


.side-b1 {
    background-color: #3dbff0;
    margin-bottom: 10px;
    color: #ffffff;
    width: 100%;
    text-align: center;
    text-transform: none!important;
}
.side-b1:hover {
    background-color: #03adda;
}
.side-b2	{
    background-color: #bdbdbd;
    margin-bottom: 10px;
    color: #ffffff;
    width: 100%;
    text-align: left;
    text-transform: none!important;
}
.side-b3	{
    height: 40px;
    margin-bottom: 10px;
    line-height: 40px;
    color: #ffffff;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 40px;
}
.side-b3-2	{
    margin-bottom: 10px;
    color: #ffffff;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0px;
}

.side-small	{
    background-color: #bdbdbd;
    color: #ffffff;
    width: 49%;
    text-align: center;
    text-transform: none!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
}

/*.f-selected	{
    transform: scale(1.2);
}*/

.btn-top	{
    margin-top: -5px!important;
}


.btnflip i {
    font-size: 150%;
    vertical-align: middle;
}

.btnflip i:before {
    margin-left: 10px;
    position: relative;
    top: -2px;
}

.side-b1 i	{
    position: absolute;
    right: 10px;
    margin-top: 2px;
}

.side-b2 i	{
    position: absolute;
    right: 10px;
    margin-top: 2px;
}
.side-b3 i	{
    position: absolute;
    right: 10px;
    margin-top: 12px;
}

.caption-front	{
    width: 100%;
    text-align: center;
    line-height: 30px;
}
.post-price {
    font-weight: bold;
    letter-spacing: 0;
    float: right;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    padding: 5px 0px 11px 10px;
}
.post-price-sub {
    font-size: 10px;
    margin-top: -10px;
    font-weight: 400;
    letter-spacing: 0.3px;
}
#navigationPostcard	{
    background: #d4d4d4;
    height: 100px;
    display: block;
    position: relative;
    top: -60px;
}
#navigationPostcard.notopmargin {
    margin-top: 0;
}
.postimage	{
    max-height: 100%;
    padding:0;
    margin:0;
    top:0;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.dropzone	{
    overflow: hidden;
}

.edit-nav	{
    width: 100%;
    height: 40px;
    background: url(https://img-6aa0.kxcdn.com/edit-bg.png);
    position: absolute;
    z-index: 15;
    bottom: 0;
    font-size: 25px;
    border-radius: 0;
}
.manualCropIcons{display:none!important;}
.processed .manualCropIcons{display:block!important;}
.pad-sides	{
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    height: 56px!important;
}

.edit-nav .edit-tools	{
    float: right;
    line-height: 40px;
    margin-top: 7px;
}


.rev:before	{
    transform: matrix(-1,0,0,1,0,0);
}

.edit-nav .trash	{
    float: left;
    line-height: 40px;
    margin-left: 7px;
}
.edit-nav .trash#delete_photo	{
    margin-top: 7px;
}

.pc-caption-text {
    width: 623px;
    margin: 0 auto;
    text-align: center;
    height: 33px;
    overflow: hidden;
    margin-bottom: -10px!important;
    position: absolute;
    bottom: 17px;
    left: 16px;
    color: grey;
}

.pc-caption-text input	{
    background-color: transparent;
    border: none;
    font-family: ubuntumedium;
    text-align: center;
    width: 100%;
    height: auto !important;
}
.bg_black .pc-caption-text input {
    color: white;
}
.bg_white .pc-caption-text input {
    color: black;
}

.pc-caption-text-portrait {
    width: 300px;
    margin: 0 auto;
    text-align: center;
    border: 1px dashed grey;
    height: 23px;
    overflow: hidden;
    margin-bottom: -10px!important;
    position: absolute;
    bottom: 17px;
    left: 15px;
    color: grey;
}
.pc-caption-text-portrait input	{
    text-align: center;
    width: 300px;
    border: none;
}
.pc-caption-text.store_id {
    left: 0;
    margin-bottom: -50px !important;
    width: auto;
}
.store_id {
    color: #999;
    font-size: 11px;
}

.help	{
    position: absolute;
    bottom: -70px;
    width: 400px;
}

.help-panel	{
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://createpostcard-6aa0.kxcdn.com/img/help-bg.png);
    z-index: 99;
    display: none;
}

.icon-q	{
    font-size: 22px!important;
    font-style: normal;
    background-color: #a2a2a2!important;
    color: #d9d9d9;
    border-color: #a2a2a2!important;
}

.up-panel {
    position: absolute;
    background-color: #ffffff;
    z-index: 100;
    margin: 6% 9%;
}


.up-panel .countrywahl  img	{
    margin: 0!important;
    width: 20px;
}

.upload_panel_div .closeUpPanel {
    position: absolute;
    top: 5px;
    right: -23px;
    cursor: pointer;
}
#addressbook_popup .closeUpPanel {
    position: absolute;
    top: -7px ;
    right: -18px;
    font-size: 20px!important;
    cursor: pointer;
    color: #888888;
}
.closeUpPanel:hover {
    color:#ff4895;
}

.up-panel h2 {
    width: 100%;
    /*background-color: #1694ff;*/
    color: #4d4d4d;
    text-align: center;
    font-size: 20px;
    text-transform: none;
    padding-top: 20px;
    padding-bottom: 20px;
}
.up-panel h2:after {
    display: none;
}
.up-select	{
    float: left;
    text-align: center;
    font-size: 12px;
    margin-bottom: 50px;
    color: #9a9a9a;
    width: 50%;
    text-transform: uppercase;
    cursor: pointer;
}
.up-select:hover {
    color: #474747;
}
.up-select:hover svg path {
    fill: #474747;
}
.up-panel-base	{
    width: 88%;
    text-align: center;
    clear: both;
    font-size: 11px;
    margin: 20px auto;
    color: #cacaca;
    padding-top: 35px;
    font-family: Roboto;
}

.grey	{
    background-color: #9a9a9a;
}

.col-center	{
    width: 900px;
    margin: 0 auto;
}

.navbar-inner {
    width: 998px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
}
/*
.post-contain	{
    max-width: 920px;
    margin: 0 2px;
}*/
.create_postcard_step_5 .post-contain	{
    max-width: 1200px;
}
.post-contain2	{
    max-width: 980px;
    margin: 0 auto;
}

.let-count {
    width: 350px;
}
/*
.postnav	{
    background-color: #e1e1e1;
    display: block;
    color: #ffffff;
    float: left;
    width: 200px;
    text-align: left;
    padding-left: 20px;
}

.postnav a:link	{
    color: #ffffff!important;
    display: block;
}
.postnav a:visited	{
    color: #ffffff!important;
}
.postnav a:hover	{
    color: #ffffff!important;
    text-decoration: none;
}
.postnav.green_arrow {
    background: url(https://img-6aa0.kxcdn.com/create-nav32_green.png);
    background-repeat: no-repeat;
}
.nav-first	{
    background: url(https://img-6aa0.kxcdn.com/create-nav-g2.png);
    background-repeat: no-repeat;
}

.nav-first-active	{
    background: url(https://img-6aa0.kxcdn.com/create-nav-22.png);
    background-repeat: no-repeat;
}
.nav-mid	{
    background: url(https://img-6aa0.kxcdn.com/create-nav2-g2.png);
    margin-left: -16px;
    background-repeat: no-repeat;
}

.nav-mid-active	{
    background: url(https://img-6aa0.kxcdn.com/create-nav22.png);
    margin-left: -16px;
    background-repeat: no-repeat;
}
.nav-last	{
    background: url(https://img-6aa0.kxcdn.com/create-nav3-g2.png);
    background-repeat: no-repeat;
    margin-left: -16px;
    width: 186px;
}
.nav-last-active	{
    background: url(https://img-6aa0.kxcdn.com/create-nav32.png);
    background-repeat: no-repeat;
    margin-left: -16px;
    width: 186px;
}
.nav-last-sent	{
    background: url(https://img-6aa0.kxcdn.com/create-nav3-g2-sent.png);
    background-repeat: no-repeat;
    margin-left: -16px;
    width: 186px;
}
*/
.tick	{
    position: absolute;
    right: -20px;
    top: -20px;
    z-index: 15;
}

.create-title {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
    margin-bottom: 10px !important;
    letter-spacing: 0.6px;
    color:#4e4e4e !important;
}
#selectFont .create-title	{
    text-transform: uppercase;
}

.create-title2	{
    color: #474747;
    font-size: 21px;
    text-transform: none;
    font-weight: normal;
}
.black-bg {
    /* float: left; */
    width: 65px;
    height: 65px;
    cursor: pointer;
    margin-left: 10px;
    margin-right: 0;
    background: #474747;
}
.white-bg {
    width: 65px;
    height: 65px;
    border: 1px solid #ccc;
    cursor: pointer;
    background: #ffffff;
    margin-left: 10px;
    margin-right: 0;
}
.bg_option.f-selected {
    transform: scale(1.2);
    box-shadow: 0px 2px 6px #ccc;
}

.bg_option:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.2);
}

.mainPicker-sub .bg_option.f-selected{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.mainPicker-sub .bg_option:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    box-shadow: 0px 2px 6px #ccc;
}

.mainPicker-sub .bg_option {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

#mainPicker #add_photo .btn {
    margin-bottom: 20px;
    margin-top: 0;
}
#mainPicker #add_photo span.replace {
    display: none;
}
#mainPicker #add_photo.photo_added .btn {
    background-color: #ccc!important;
}
#mainPicker #add_photo.photo_added .btn:hover {
    background-color: #ff4895!important;
}
#mainPicker #add_photo.photo_added span.add {
    display: none;
}
#mainPicker #add_photo.photo_added span.replace {
    display: inline;
}

section.foldingcard #open_addressbook	{
    display: block;
    line-height: 28px;
    text-transform: uppercase;
}

section:not(.foldingcard) #open_addressbook	{
    display: block;
    margin-top: -70px;
    position: absolute;
    bottom: 85px;
    text-transform: uppercase;
    padding: 4px 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    line-height: 27px;
    border-radius: 25px;
}
a#open_addressbook {
    width: 290px;
    height: 35px;
    background-color:#55AAFF !important;
}
li.selected .card-size {
    color: #474747 !important;
}
li.selected .show-credit {
    color: #474747 !important;
}
.BackNext_container .zurueck {
    height: 30px;
    width: 140px;
    margin-left: 10px;
}
.BackNext_container .weiter {
    height: 30px;
    width: 140px;
    margin-left: 10px;
}

.create_postcard_step_3 .BackNext_container .page-not-valid,
.create_postcard_step_2 .BackNext_container .page-not-valid{
    background: pink !important;
    pointer-events: none;
}

a#open_addressbook:link	{
    color: #474747;
}
.BackNext_container .zurueck .icon-left-open {
    position: absolute;
    margin-left: -27px;
    top: 3px;
}
.BackNext_container .weiter .icon-right-open {
    margin-left: 17px;
    line-height: 1;
    top: -2.5px;
    position: absolute;
}

a#open_addressbook:visited	{color: #474747 !important;}
a#open_addressbook:hover	{
    color: #fff!important;
    text-decoration: none;
    background: rgb( 21, 138, 255);
    background: -moz-linear-gradient(left, #74b5f6 0%, #1389ff 50%, #1765b3 100%);
    background: -webkit-linear-gradient(left, #74b5f6 0%, #1389ff 50%, #1765b3 100%);
    background: linear-gradient(to right, #74b5f6 0%, #1389ff 50%, #1765b3 100%);
    animation: gradientBG 4s ease infinite;
    background-size: 400% 400%;
}

#add_further_recipient.pop-submit {
    display:none;
}
#add_further_recipient.pop-submit.blueish {
    display:block;
}
.add-rec img {
    vertical-align: baseline!important;
    margin-bottom: -7px;
    margin-right: 8px;
}

#writeReceiver {
    height: 180px;
}

#writeReceiver .iso_int {
    display: none;
}

#writeReceiver > br {
}

#writeReceiver2 {
    width: 240px;
    height: auto;
}
#writeReceiver2 .iso_int {
    display: none;
}
#writeReceiver .iso_int {
    display: none;
}
/*
#writeRecipient, #writeCompany {
    padding-left: 3px;
    padding-bottom: 0;
    float: left;
    width: 237px;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #CCC;
    font-family:'lato',sans-serif;
}
*/
#writeReceiver .postcardInput	{
    height: 36px;
    font-size: 14px;
}
#writeReceiver .postcardInput::-webkit-input-placeholder,
#writeReceiver .postcardInput::placeholder, #writeReceiver .postcardInput:placeholder-shown,
#writeReceiver .postcardInput::-ms-input-placeholder {
    color: #9a9a9a;
    font-weight: bold;
    font-family: Roboto;

}
#writeReceiver input:active, #writeReceiver input:focus	{
    outline-color: #ff4895;
}
#writeReceiver .postcardInput.address_missing {
    border: 1px solid red;
}
#writeReceiver .postcardInput.state_missing {
    border: 1px solid red;
}
#writeReceiver div.add_to_addressbook {
    color: grey;
    float: left;
    font-size: 11px;
}
#writeReceiver div.add_to_addressbook input[type="checkbox"] {
    height: auto;
    margin: 0 3px 0 0 !important;
    width: auto;
}

#writeReceiver2 .postcardInput	{
    height: 36px;
}
#writeReceiver2 div.add_to_addressbook {
    color: grey;
    float: left;
    font-size: 11px;
}
#writeReceiver2 div.add_to_addressbook input[type="checkbox"] {
    height: auto;
    margin: 0 3px 0 0 !important;
    width: auto;
}
#writeAdress1 {
    padding-left: 3px;
    padding-bottom: 0;
    float: left;
    width: 237px;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #CCC;
    font-family:'lato',sans-serif;
}
#writeAdress2 {
    padding-left: 3px;
    padding-bottom: 0px;
    float: left;
    width: 237px;
    background-color: transparent;
    border: 0px;
    border-bottom: 1px solid #CCC;
    font-family:'lato',sans-serif;
}
#writeRegion {
    padding-left: 3px;
    padding-bottom: 0;
    float: left;
    width: 237px;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #CCC;
    font-family:'lato',sans-serif;
}

#writeZip {
    padding-left: 3px;
    padding-bottom: 0;
    float: left;
    width: 237px;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #CCC;
    font-family:'lato',sans-serif;
}

#writeCity, #writeState {
    padding-left: 3px;
    padding-bottom: 0;
    float: left;
    width: 237px;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #CCC;
    font-family: Roboto,sans-serif;
    color: #474747;
    font-weight: bold;
}

#writeCountry {
    padding-left: 0px;
    padding-bottom: 2px;
    float: left;
    width: 237px;
    background-color: transparent;
    border: 0px;
    border-bottom: 1px solid #CCC;
    padding-top:12px;
    font-family:'lato',sans-serif;
    color:#bbb;
    border-radius:0;
}
#writeReceiver input::-webkit-input-placeholder,
#writeReceiver2 input::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
    font-weight: normal;
    color: #b4b4b4;
}
#writeReceiver input::-moz-placeholder,
#writeReceiver2 input::-moz-placeholder { /* Firefox 19+ */
    font-weight: normal;
    color: #b4b4b4;
}
#writeReceiver input:-ms-input-placeholder,
#writeReceiver2 input:-ms-input-placeholder { /* IE 10+ */
    font-weight: normal;
    color: #b4b4b4;
}
#writeReceiver input:-moz-placeholder,
#writeReceiver2 input:-moz-placeholder { /* Firefox 18- */
    font-weight: normal;
    color: #b4b4b4;
}

#writeReceiver input,
#writeReceiver2 input{
    font-weight: bold;
    color: #474747;
    font-family: Roboto;
}


.ddcommon .ddTitle {
    height: 34px;
}

.ddcommon .fnone {
    position: relative;
    top: -2px;
}

span.ddlabel {
    font-family: Roboto, sans-serif;
}

.postcardInput {
    padding-left: 0;
    padding-bottom: 2px;
    float: left;
    width: 237px;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #CCC;
}

.stamp {
    width: 144px;
    height: auto;
    float: right;
    margin-right: 10px;
}
.postcard-set .stamp {
    visibility: hidden;
}
.zentriert_half {
    max-width: 1200px;
    margin: 0 auto;
    vertical-align: bottom;
    padding-top: 10px;
}
.zentriert_half_top {
    display: table-cell;
    vertical-align: top;
    font-family: ubuntulight, arial, sans-serif;
    font-size: 18px;
    margin-top: 20px;
}
.zentriert_zentriert {
    display: table-cell;
    vertical-align: middle;
    height: 390px;
}

.insta_image {
    width:57px;}

.instalogin.pics {height:296px; overflow-y:scroll; top:41px; width:246px; position:relative}
#zurKasse {

    font-size: 14px;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 288px;
    text-align: center;
    background-color: #ec609f;
    color: #FFF;
    float: left;
    cursor: pointer;
}

.styleImage {
    -webkit-box-shadow: 0px 6px 13px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 6px 13px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 6px 13px 2px rgba(0, 0, 0, 0.1);
}
.styleImage.active {
    border: none;
}
.instagram_upload {
    background-color: #3dbff0;
    text-align: center;
    text-transform: uppercase;
    width: 236px;
    font-size: 14px;
    color: #fff;
    padding: 10px;
    float: right;
    cursor: pointer;
}
.bordercolor {
    text-align: center;
    text-transform: uppercase;
    width: 226px;
    font-family: ubuntumedium;
    font-size: 14px;
    color: #474747;
    padding: 10px;
    float: right;
    margin-bottom:3px;
    padding-top:0px;
}
.rahmenschwarz {
    width:120px;
    height:12px;
    background-color:#474747;
    float:left;
    cursor: pointer;
}
.rahmenweiss {
    width:120px;
    height:12px;
    background-color:#ffffff;
    float:right;
    cursor: pointer;
}
.picker {
    height: 465px;
    width: 310px !important;
    float: left;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 35px;
}

.picker ul.pay-list:first-child {
    text-align: left;
}

.picker2 {
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    width: 310px;
    height: 425px;
    margin-left: 35px;
}
.create_postcard_step_ .picker2 {
    width: 236px !important;
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
}
.pick2-inner {
    /*height: 360px;
    width: 236px !important;
    float: right;*/
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}
.pick2-inner .create-title2 {
    color: #474747;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}
.pink-panel	{
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    color: #ffffff;
    border-radius: 20px;
}
.pink-panel2	{
    background-color: #e85d9b;
    padding-top: 2px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    color: #ffffff;
}

.pink-panel p	{
    margin-bottom: 5px;
}

.blue-panel	{
    background-color: #5bc0de;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    color: #ffffff;
    margin-bottom: 10px;
}
.p-logo {
    margin-left: 30px;
}
.p-logo img	{
    width: 60px;
}
.p-logo > span {
    color: #33b517;
    font-size: 13px;
    line-height: 22px;
}

.pay-list {
    /*This is in custom.css
    list-style: none;
    margin-left: 0;
    padding: 0;*/
    max-width:1000px;
}
.pay-list li {
    min-height: 0px;
    padding:0!important;
    border-right: 1px solid transparent!important;
    border-left: 1px solid transparent!important;
    margin-left: 5px;
    /*This is in custom.css
    border-bottom: 1px solid #bdbdbd;
    background-color: #fff;*/
}
.pay-list li:hover, .pay-list li.selected , .pay-list li.preselected_checkout {
    /* background-color: #e4e4e4; */
    /* border: #ff4895 1px solid!important; */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 5px;
}
.pay-list li.selected {
    /* background-color: #e4e4e4; */
     border: #ff4895 1px solid!important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 5px;
}
#step4 .pay-list li:hover {
    border-radius: 10px;
}


.pay-list li label {
    /*This is in custom.css
    cursor: pointer;
    text-align: left;*/
    margin:0;
    padding:4px 10px 6px 10px;
    min-height:28px;
    width:100%;
    display:block;
    overflow:hidden;
}

/*This is in custom.css
.pay-list li input {
    float: left;
    margin-right: 5px;
}*/
.p-logo{display:block;overflow:hidden;}
.show-credit {
    display: block;
    float: left;
    max-width: 215px;
    padding-left: 5px;
    font-size: 12px;
    letter-spacing: 0.6px;
    font-family: lato, Sans-serif;
    font-weight: 400;
    color: #4e4e4e;
}
.show-credit.ct-amount	{
    display: block;
    float: left;
    /* width: 90px; */
    text-align: right;
    font-weight: bold;
}
.pay-list li .show-credit {
    color: #9a9a9a;
    font-size: 12px !important;
    font-weight: bold;
    white-space: nowrap;
    font-family: "Roboto";
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#step5 span.show-credit {
    font-size: 12px;
    font-family: Roboto, Sans-serif;
    font-weight: 500;
    color: #474747 !important;
    padding-left: 0px;
    text-align: right;
    padding-right: 0;
}
.price-per-card {
    font-size: 12px !important;
    margin-left: 5px !important;
    color: #474747 !important;
    font-weight:normal!important;
    font-family: Roboto;
}
#step5 .pay-list li .show-credit.ct-amount {
    color: #888!important;
    font-size: 12px !important;
    font-weight: bold;
    float: right;
    font-family: "Roboto";
}
/*
#step4 .pay-list li .show-credit.ct-amount {
    color: #888;
    font-size: 10px !important;
    font-weight: bold;
    float: right;
    font-family: "Roboto";
}*/
ul.pay-list.cardOptions .p-logo {
    margin-left: -10px;
}
.post-price-box {
    background-color: transparent;
    margin-bottom: 10px;
    margin-top:10px;
}
.post-price-box .btn-grey {
    margin-top: 0;
    height: 40px;
    width: 32%;
    border: 1px solid #ddd;
    color: #959595!important;
    background-color: #ddd;
    color: #888 !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}

.post-price-box .btn-grey:hover {
    margin-top: 0;
    height: 40px;
    border: 1px solid #474747;
    background-color: #474747;
    color: #fff !important;
}

.post-price-box input {
    margin-right: 5px;
    width: 170px;
    height: 25px !important;
    min-height: 25px !important;;
    float: left;
    margin-left: 10px;
    padding: 4px 0px 6px 10px;
    font-size: 12px;
    background-color: #efefef;
    border: none;
    font-weight: bold;
}
button.redeem_Gift_code {
    height: 25px;
    font-size: 12px;
    padding: 4px 5px 5px 5px;
    font-family: "Roboto";
    font-weight: bold;
    margin-left: 15px;
    width: 110px;
    background-color:#efefef;
}
.post-price-box .checkbox	{
    font-size: 10px;
    margin-bottom: 0px;
}

.post-price-box #postcard_coupon    {
    /* padding: 10px; */
}
.post-price-box #postcard_coupon .btn-success    {
    height: 30px;
}
.sec-text {
    font-size: 16px;
    color: #474747;
    margin-top: 5px;
    text-align: left;
}

.sec-text i:before {
    margin-right: 10px;
}

.farbewaehlen{
    width: 246px !important;
    float: right
}
.drehen {
    width: 246px !important;
    float: right;
    cursor: pointer;
}
.flip {
    float: left
}
#selectStyle {
    height: 360px;
    margin-top: 5px;
}
#selectStyle .pt-medium {
    padding-top: 36px;
}
#selectStyle .pt-medium.style-label a {
    color: #3dbff0!important;
}
#selectStyle .pt-medium.style-label:hover a {
    color: #03adda!important;
    text-decoration: none;
}
.verticalLine {
    background: url("https://createpostcard-6aa0.kxcdn.com/img/card-separator.png") no-repeat center center;
    height: 390px;
    width:15px;
    float: left;
    margin-top: 38px;
    margin-right: 18px;
}
#photo_inside {
    position: relative;
}
#photo_inside_text {
    position: absolute;
    width: 100%;
    bottom: 50px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}
#photo_inside #photo_inside_text {
    color: #ffffff;
}
#photo_inside:hover #photo_inside_text {
    color: #ffffff;
}
#postcardClassic, #postcardTrio {
    background-color: #FFF;
}
#postcardClassic.noframe {
    width: 655px;
    height: 465px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
}
#postcardInstant {
    background-color: #FFF;
    padding-top: 0px;
}
#postcardMulti {
    background-color: #FFF;
}
#postcardClassic, #postcardMulti, #postcardTrio {
    width: 655px;
}
#postcardClassic-portrait {
    width: 465px;
}
#postcardInstant {
    width: 331px;
}
.create_postcard .ds-design #postcardInstant {
    padding-top: 0;
}
.create_postcard .ds-design #postcardInstant img.ds-design {
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 12;
}
.create_postcard .ds-design .foldingcard_preview img.ds-design {
    height: 100%;
    left: 0;
    width: 100%;
}
.create_postcard #preview #postcardInstant.ds-design {
    padding-top: 0;
}

#step5 #postcardInstant {
    margin: 0 0 0 150px;
}

#step6 #postcardInstant {
    margin: 0 0 0 150px;
}

.postcard-p	{
    width: 465px;
    height: 655px;
    -webkit-box-shadow: 0px 6px 13px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 6px 13px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 6px 13px 2px rgba(0, 0, 0, 0.2);
    padding: 0;
}

.portrait-card	{
    padding-left: 150px;
}

.portrait-card .c-nav2	{
    right: -530px;
    top: 452px;
}

.postcard.hochformat {
    height: 467px;
    width: 331px;
    -webkit-box-shadow: 0px 6px 13px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 6px 13px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 6px 13px 2px rgba(0, 0, 0, 0.2);

}


.postcard {
    height: 465px;
    width: 655px;
    -webkit-box-shadow: 0 6px 13px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 13px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 13px 2px rgba(0, 0, 0, 0.2);
    padding: 0;
}
#postcardPreview {
    height: 465px;
    margin: 0;
    width: 655px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
#postcardPreview .back {
    height: 465px;
    width: 655px;
    background-color: white;
    position: absolute;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    z-index: 15;
}
#postcardPreview .front {
    background-color: white;
    height: 465px;
    position: absolute;
    text-align: center;
    width: 655px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    z-index: 10;
}
.rec-container {
    height: 283px;
}
/*#postcardPreview:hover .front {*/
    /*transform: rotateY(180deg);*/
/*}*/

/*#postcardPreview:hover .back {*/
    /*opacity: 1;*/
    /*top: 0;*/
    /*user-select: auto;*/
    /*pointer-events: auto;*/
/*}*/
#postcardText::-webkit-input-placeholder  {

    /* WebKit browsers */
    color: #ccc;
}
#postcardText:-moz-placeholder {

    /* Mozilla Firefox 4 to 18 */
    color: #ccc;
    opacity: 1;
}
#postcardText::-moz-placeholder {

    /* Mozilla Firefox 19+ */
    color: #ccc;
    opacity: 1;
}
#postcardText:-ms-input-placeholder {

    /* Internet Explorer 10+ */
    color: #ccc;
}

.countrywahl::-webkit-input-placeholder  {

    /* WebKit browsers */
    color: #ccc;
}
.countrywahl:-moz-placeholder {

    /* Mozilla Firefox 4 to 18 */
    color: #031993;
    opacity: 1;
}
.countrywahl::-moz-placeholder {

    /* Mozilla Firefox 19+ */
    color: #031993;
    opacity: 1;
}
.countrywahl:-ms-input-placeholder {

    /* Internet Explorer 10+ */
    color: #031993;
}


#postcardText {
    font-size: 20px;
    font-family: stone_handwritingregular, arial, sans-serif;
    resize: none;
    width: 360px;
    height: 410px;
    border: 0;
    color: #031993;
    line-height: normal;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px;
    overflow: hidden;
    outline:0 !important;
    -webkit-appearance:none;
}

.c-nav {
    position: relative;
    bottom: 6px;
    right: -680px;
    width: 250px;
}

.c-nav2 {
    position: relative;
    display: block;
    top: 464px;
    right: -680px;
    width: 250px;
}
/*
.weiter {
	background-color: #3dbff0;
	bottom: 30px;
	text-transform: uppercase;

	font-size: 14px;
	color: #fff;
	padding: 5px 20px 5px 20px;
	opacity: 0.5;
	cursor: pointer;
}
.weiter:hover {
	opacity: 1;
}
.weiter.active {
	background-color: #3dbff0;
	bottom: 0px;
	text-transform: uppercase;

	font-size: 14px;
	color: #fff;
	padding: 5px 20px 5px 20px;
	position: absolute;
	right: 11px;
	opacity: 1;
	cursor: pointer;
}
.weiter.active:hover {
    background-color: #03adda;
}
.weiter.inactive {
	background-color: #ccc;
	bottom: 0px;
	text-transform: uppercase;

	font-size: 14px;
	color: #fff;
	padding: 5px 20px 5px 20px;
	position: absolute;
	right: 11px;
	opacity: 1;
	cursor: default;
}
.zurueck {
	background-color: #5E5E5E;
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
	margin-top: 30px;
	padding: 5px 20px 5px 20px;
	opacity: 0.5;
	position: absolute;
	left: 0;
	bottom: 0;
	cursor: pointer;
}
.zurueck:hover {
    background-color: #919090;
	opacity: 1;
}
.zurueck2 {
	background-color: #5E5E5E;
	font-size: 16px;
	color: #fff;
	margin-top: 30px;
	padding: 5px 20px 5px 20px;
	opacity: 0.5;
	position: absolute;
	left: 0px;
	bottom: 0px;
	cursor: pointer;
	text-align: center;
}
.zurueck2:hover {
	opacity: 1;
}
*/
.z2	{
    position: absolute;
    left: 0px;
    width: 100%;
    border: 1px solid #ffffff;
    border-radius: 5px;
    margin-bottom: -5px;
}

#reset {
    cursor: pointer;
    float: left;
    margin-left: 4px;
    margin-top: 20px;
    color: #3fbff0;
}

#reset img	{
    margin-bottom: 2px;
}

select {
    outline: none;
    display: inline-block;

    cursor: pointer;
}

.further_recipients select	{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {
        padding-right: 18px
    }
}
label.countrywahl{
    position: relative;
    margin-right: 20px
}
label.countrywahl:after{
    font: 12px 'lato', monospace;
    color: #000;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 3px;
    top: 9px;
    padding: 0 0 2px;
    border-bottom: 1px solid #ddd;
    position: absolute;
    pointer-events: none;
}
label.countrywahl:before {
    content: '';
    right: 6px;
    top: 0px;
    width: 20px;
    height: 20px;
    background: transparent;
    position: absolute;
    pointer-events: none;
    display: block;
}
#selectFont .link {
    background-color: #ccc;
    text-align: center;
    text-transform: uppercase;
    width: 226px;
    float: left;
    font-family: 'lato', sans-serif;
    font-size: 14px;
    color: #fff;
    margin-bottom: 0;
    padding: 10px;
}
#selectFont li {
    cursor: pointer;
    background-color: #ffffff;
    font-size: 16px;
    color: #9a9a9a;
    height: 25px;
    z-index: 4;
    position: relative;
    padding-left: 10px;
}

#selectFontSize .link {
    list-style: none;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 245px;
    font-family: 'lato', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    color: #FFF;
    background-color: #ccc;
    text-align: center;
    margin-bottom: 20px;
    float: left;
}
#selectFontSize li {
    display: inline-block;
    background-color: #ffffff;
    cursor: pointer;
    color: #9a9a9a;
    width: 25px;
    height: 20px;
    text-align: center;
    font-family: Roboto;
}

#selectFontSize li.active, #selectFont li.active {
    color:#474747;
    z-index: 5;
    box-shadow: 0px 2px 10px #ddd;
    position: relative;
    border-radius: 5px;
    font-weight: bold;
}
#selectFontSize li.active:after {
    height: 30px;
    width: 30px;

}
#selectFontSize li:hover, #selectFont li:hover, #selectFont li:last-child:hover {
    color: #474747;
    z-index: 5;
    font-weight: bold;
}
#selectFontSize ul {
    width: 310px;
    float: left;
    font-family: 'lato', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    list-style: none;
    padding-left: 0;
    margin-left: 10px;
    margin-bottom:15px;
}
#styleClassic, #styleTrio, #styleMulti, #styleInstant {
    cursor: pointer;
}
#previewInstantBack {
    background-color: #fff;
    height: 465px;
    width: 331px
}
.gestalten_headline {
    font-family: ubuntulight, arial, sans-serif;
    font-size: 21px;
    color: #363636;
    text-align: center;
    margin-bottom: 40px;
    padding-top: 0;
    margin-top: 0;
    font-weight: 400;
}
.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    margin: 15px 0 0;
}
.foldingcard .hvr-float-shadow {
    margin: 30px 0 -5px;
}
.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
.postcardInput {
    margin-bottom: 5px;
    background-color: transparent;
}
.style_headline {
    height: 400px;
    font-family: ubuntulight, arial, sans-serif;
    font-size: 21px;
    color: #363636;
    text-align: center;
    margin-bottom: 40px;
    padding-top: 0;
    margin-top: 0;
    font-weight: 400;
}

/*Added by Marco */
.pt-medium.create_postcard {
    padding-top: 60px;
}
.create_postcard .up-panel {
    display: none;
    width: 462px;
    border-radius: 5px;
}
.create_postcard .up-panel.two_col .up-select {
    width: 50%;
}
.create_postcard div.up-panel input#image_uploaded {
    height: 0;
    width: 0;
    display: none;
}
.create_postcard div.up-panel h2 img {
    cursor: pointer;
    margin: 0 5px 0 0;
    position: absolute;
    right: 0;
}
.create_postcard div.up-panel form#postcard_image_upload > img, .create_postcard div.up-panel #facebook_upload > img, .create_postcard div.up-panel #filestack_upload > img {
    cursor: pointer;
}
.create_postcard .up-panel .progress.ldBar {
    background-color: transparent;
    border-radius: 5px;
    display: none;
    height: auto;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
    position: relative;
    width: 400px;
}
.create_postcard .up-panel .progress.ldBar .ldBar-label {
    position: relative;
    margin-top: -30px;
    text-align: center;
}
.create_postcard .edit-nav {
    background: rgba(255,255,255,0.6);
    cursor: auto;
    display: none;
}
.create_postcard .photoChoosen:hover .edit-nav {
    display: block;
}
.create_postcard .photoChoosen.processed .edit-nav i {
    display: none;
}
.create_postcard .photoChoosen.processed .edit-nav i:first-of-type {
    display: block;
}
.create_postcard .photoChoosen .edit-nav i#edit_photo {
    display: none;
}
.create_postcard .photoChoosen.processed .edit-nav i#edit_photo {
    display: block;
}
.create_postcard i {
    cursor: pointer;
}
.create_postcard .photoChoosen {
    cursor: auto;
}
.create_postcard #postcardClassic #standard_1 {
    height: 465px;
    width: 655px;
}
.create_postcard #postcardInstant #insta_1 {
    float: left;
    height: 309px;
    margin-left: 10px;
    width: 308px;
    margin-top: 12px;
}
.create_postcard #collage #collage_1 {
    float:left;
    height: 412px;
    margin-left:17px;
    margin-top:17px;
    width: 412px;
}
.create_postcard #collage #collage_2, .create_postcard #collage #collage_3 {
    float:left;
    height: 203px;
    margin-left:6px;
    margin-right:17px;
    width: 203px;
}
.create_postcard #collage #collage_2 {
    margin-top:17px;
}
.create_postcard #collage #collage_3 {
    margin-top:6px;
}
.create_postcard #collage6 .dropzone {
    border:0;
    float:left;
    height: 203px;
    width: 203px;
}
.create_postcard #collage6 #collage6_1 {
    margin-left:17px;
    margin-top: 17px;
}
.create_postcard #collage6 #collage6_2, .create_postcard #collage6 #collage6_3 {
    margin-left:6px;
    margin-top: 17px;
}
.create_postcard #collage6 #collage6_4 {
    margin-left:17px;
    margin-top:6px;
}
.create_postcard #collage6 #collage6_5, .create_postcard #collage6 #collage6_6 {
    margin-left:6px;
    margin-top:6px;
}
.create_postcard #collage4_1 .dropzone {
    border:0;
    float:left;
    height: 203px;
    width: 203px;
}
.create_postcard #collage4_1 #collage4_1_1 {
    margin-left:17px;
    margin-top: 17px;
    width: 621px;
}
.create_postcard #collage4_1 #collage4_1_2 {
    margin-left:17px;
    margin-top:6px;
}
.create_postcard #collage4_1 #collage4_1_3, .create_postcard #collage4_1 #collage4_1_4 {
    margin-left:6px;
    margin-top:6px;
}
.create_postcard #collage3_2 .dropzone {
    border:0;
    float:left;
    height: 412px;
    width: 203px;
}
.create_postcard #collage3_2 #collage3_2_1 {
    margin-left:17px;
    margin-top: 17px;

}
.create_postcard #collage3_2 #collage3_2_2 {
    margin-left:6px;
    margin-top:17px;
}
.create_postcard #collage3_2 #collage3_2_3 {
    margin-left: 6px;
    margin-top: 17px;
}

.create_postcard #collage4_2 .dropzone {
    border:0;
    float:left;
    height: 203px;
    width: 307px;
}
.create_postcard #collage4_2 #collage4_2_1 {
    margin-left:17px;
    margin-top: 17px;
}
.create_postcard #collage4_2 #collage4_2_2 {
    margin-left:6px;
    margin-top:17px;
}
.create_postcard #collage4_2 #collage4_2_3 {
    margin-left: 17px;
    margin-top: 6px;
}
.create_postcard #collage4_2 #collage4_2_4 {
    margin-left: 6px;
    margin-top: 6px;
}
.create_postcard #collage2 .dropzone {
    border:0;
    float:left;
    height: 203px;
    width: 621px;
}
.create_postcard #collage2 #collage2_1 {
    margin-left:17px;
    margin-top: 17px;

}
.create_postcard #collage2 #collage2_2 {
    margin-left:17px;
    margin-top:6px;
}

/* Collage2_2 */
.create_postcard #collage2_2 .dropzone {
    border: 0;
    float: left;
    height: 415px;
    width: 308px;

}
.create_postcard #collage2_2 #collage2_2_1 {
    margin-left: 15px;
    margin-top: 15px;
}
.create_postcard #collage2_2 #collage2_2_2 {
    margin-left: 7px;
    margin-top: 15px;
}

.create_postcard #collage3_3 .dropzone {
    border:0;
    float:left;
    height: 203px;
    width: 621px;
}
.create_postcard #collage3_3 #collage3_3_1 {
    margin-left:17px;
    margin-top: 17px;
}

.create_postcard #collage3_3 #collage3_3_2 {
    margin-left:17px;
    margin-top:6px;
    width: 307px;
}
.create_postcard #collage3_3 #collage3_3_3 {
    margin-left:6px;
    margin-top:6px;
    width: 308px;
}
.create_postcard #collage4_3 .dropzone {
    border:0;
    float:left;
    height: 203px;
}
.create_postcard #collage4_3 #collage4_3_1 {
    margin-left:17px;
    margin-top: 17px;
    width: 203px;
}
.create_postcard #collage4_3 #collage4_3_2 {
    margin-left:6px;
    margin-top:17px;
    width: 412px;
}
.create_postcard #collage4_3 #collage4_3_3 {
    margin-left:17px;
    margin-top:6px;
    width: 412px;
}
.create_postcard #collage4_3 #collage4_3_4 {
    margin-left:6px;
    margin-top:6px;
    width: 203px;
}

.create_postcard #collage9 .dropzone {
    border:0;
    float:left;
    width: 203px;
    height: 133px;
}
.create_postcard #collage9_1 {
    margin-left:17px;
    margin-top: 17px;
    width: 203px;
}
.create_postcard #collage9_2 {
    margin-left:6px;
    margin-top: 17px;
    width: 203px;
}
.create_postcard #collage9_3 {
    margin-left:6px;
    margin-top:17px;
    width: 203px;
}
.create_postcard #collage9_4 {
    margin-left:17px;
    margin-top:6px;
    width: 203px;
}
.create_postcard #collage9_5 {
    margin-left:6px;
    margin-top:6px;
    width: 203px;
}
.create_postcard #collage9_6 {
    margin-left:6px;
    margin-top:6px;
    width: 203px;
}
.create_postcard #collage9_7 {
    margin-left:17px;
    margin-top:6px;
    width: 203px;
}
.create_postcard #collage9_8 {
    margin-left:6px;
    margin-top:6px;
    width: 203px;
}
.create_postcard #collage9_9 {
    margin-left:6px;
    margin-top:6px;
    width: 203px;
}
.create_postcard #write #selectFont ul {
    color: #ffffff;
    float: left;
    font-family: ubuntumedium;
    font-size: 14px;
    list-style: none;
    padding: 0;
    text-align: left;
    width: 300px;
    margin-bottom: 15px;
}
.create_postcard #write #selectFontSize ul li {
    margin-right:10px;
    font-weight: bold;
    position: relative;
}

.create_postcard #write #selectFontSize ul li:hover::after {
    height: 30px;
    width: 30px;
}
#selectFontSize ul li::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 0;
    width: 0;
    background-color: #efefef;
    -webkit-transition: height 0.2s ease-in-out, width 0.2s ease-in-out;
    -moz-transition: height 0.2s ease-in-out, width 0.2s ease-in-out;
    -ms-transition: height 0.2s ease-in-out, width 0.2s ease-in-out;
    -o-transition: height 0.2s ease-in-out, width 0.2s ease-in-out;
    transition: height 0.2s ease-in-out, width 0.2s ease-in-out;
    z-index: -1;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#selectFontSize ul li.active::after {
    border: 1px solid #cacaca
}

.create_postcard #write #selectFontSize ul li:last-of-type {
    margin-right: 0;
}

.create_postcard #preview #writeReceiver input.postcardInput {
    padding-left: 3px;
    padding-bottom:0;
    float: left;
    width:237px;
    background-color:transparent;
    border:0;
    border-bottom:1px solid #CCC;
    height: 28px;
}
.create_postcard #preview #writeReceiver input.postcardInput.input_zip {
    float:left;
    width: 66px;
}
.create_postcard #preview #writeReceiver input.postcardInput.input_city {
    float:left;
    width: 155px;
}
.create_postcard #preview #postcardInstant {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: 95px;
    margin-top: -95px;
    height: 655px;
    width: 465px;
}

.create_postcard #preview #postcardInstant #insta_1 {
    float: left;
    height: 655px;
    width: 465px;
}



.create_postcard #insta4 .pc-caption-text{
    display: none;
}
.create_postcard #insta4{
    margin-left: 150px;
}

.create_postcard #insta4 .dropzone {
    border: 0;
    float: left;
    height: 154px;
    width: 154px;

}
.post-contain.step2 #insta4.show_sample {
    width: 331px;
}

#insta4_1 {
    margin-left: 10px;
    margin-top: 10px;
}
#insta4_2 {
    margin-left: 3px;
    margin-top: 10px;
}
#insta4_3 {
    margin-left: 10px;
    margin-top: 3px;
}
#insta4_4 {
    margin-left: 3px;
    margin-top: 3px;
}

/* Card Options */
.cardOptions li {
    border-radius: 10px;
    border-bottom: 1px transparent solid !important;
    text-align: left;
    width: 145px;
    height: 113px;
    margin-left: 10px;
    margin-bottom: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

ul.pay-list.cardOptions i {
    cursor: help;
    float: right;
}

.cardOptionsImage {
    width: 100px;
    height: 70px;
    display: block;
    margin: auto;
    opacity: 0.6;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.postcard-set .cardOptionsImage, .foldingcard .cardOptionsImage {
    max-width: 60%;
    padding-top: 10px;
}


.side-b1 a:link {
    color: #ffffff!important;
}
.side-b1 a:visited {
    color: #ffffff!important;
}
.side-b1 a:hover {
    color: #ffffff!important;
    text-decoration: none;
}

.create_postcard #preview .bg_black .pc-caption-text	{
    width: 100%;
    font-family: 'ubuntumedium';
    color: #ffffff;
    left: 0;
    border: none;
}
.create_postcard #preview .bg_black .pc-caption-text input	{
    background-color: transparent!important;
    width: 98%;
}

.create_postcard #preview .bg_white .pc-caption-text	{
    width: 100%;
    font-family: 'Roboto';
    color: #474747;
    left: 0;
    border: none;
}
.create_postcard #preview .bg_white .pc-caption-text input	{
    background-color: transparent!important;
    width: 98%;
}
.create_postcard #send .bg_black .pc-caption-text	{
    width: 100%;
    font-family: 'Roboto';
    color: #ffffff;
    left: 0;
    border: none;
}
.create_postcard #send .bg_black .pc-caption-text input	{
    background-color: transparent!important;
    width: 98%;
}

.create_postcard #send .bg_white .pc-caption-text	{
    width: 100%;
    font-family: 'Roboto';
    color: #474747;
    left: 0;
    border: none;
}
.create_postcard #send .bg_white .pc-caption-text input	{
    background-color: transparent!important;
    width: 98%;
}

.create_postcard #finished .bg_black .pc-caption-text	{
    width: 100%;
    font-family: 'Roboto';
    color: #ffffff;
    left: 0;
    border: none;
}
.create_postcard #finished .bg_black .pc-caption-text input	{
    background-color: transparent!important;
    width: 98%;
}

.create_postcard #finished .bg_white .pc-caption-text	{
    width: 100%;
    font-family: 'Roboto';
    color: #474747;
    left: 0;
    border: none;
}
.create_postcard #finished .bg_white .pc-caption-text input	{
    background-color: transparent!important;
    width: 98%;
}

.down1	{
    position: absolute;
    bottom: 82px;
}
.down2	{
    position: absolute;
    bottom: -5px;
}
.down3 {
    top: 365px;
    position: absolute;
}
.confirm-send-panel	{
    background-color: #ffffff;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
}

.confirm-send-panel h2 {
    font-size: 18px;
    font-weight: bold;
    text-transform: none;
}

.confirm-send-panel .email .form-control	{
    color: #1c3879!important;
}

.loader-send	{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 466px;
    background: url(https://createpostcard-6aa0.kxcdn.com/img/help-bg.png);
    z-index: 8;
    text-align: center;
    display: none;
    opacity:0;
}

.loader-send img	{
    position: relative;
    top: 40%;
    margin: 0 auto;
}

.conf_suc {
    font-size: 18px;
    font-weight: bold;
    text-transform: none;
}

.postcard.moving_step3 {
    background: url(https://createpostcard-6aa0.kxcdn.com/img/help-bg.png);
}
.postcard.moving_step3::after {
    color: white;
    position: absolute;
    text-align: center;
    top: 60%;
    width: 100%;
}

.blue-hover:hover	{
    background-color: #3fbff0;
    color: #ffffff;
}
#facebook_photo_container {
    background-color: #ffffff;
    border: 3px solid #3dbff0;
    display: none;
    margin: 1%;
    position: absolute;
    width: 630px;
    z-index: 110;
}
#facebook_photo_container h2 {
    width: 100%;
    background-color: #b3b3b3;
    color: #5f5f5f;
    text-align: center;
    font-size: 14px;
    text-transform: none;
    padding-top: 5px;
    padding-bottom: 5px;
}
#facebook_photo_container ul {
    height: 390px;
    list-style: outside none none;
    overflow-y: scroll;
    padding: 0;
}
#facebook_photo_container ul li {
    float: left;
    height: 232px;
    margin-bottom: 10px;
    text-align: center;
    width: 45%;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #b2b2b2;
    padding: 3px;
}
#facebook_photo_container ul li.photo_entry {
    height: 206px;
}
#facebook_photo_container ul li img {
    cursor: pointer;
    height: 200px;
    max-width: 100%;
}
#facebook_photo_container ul li p {
    margin-bottom: 0;
    margin-top: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    font-family: 'Roboto';
    color: #5f5f5f;
}

#facebook_photo_container h2 img {
    cursor: pointer;
    margin: 0 5px 0 0;
    position: absolute;
    right: 0;
}

.ajax_loader {
    color: #3dbff0;
    font-size: 20px;
    margin: 100px auto;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
@-webkit-keyframes load4 {
    0%,
    100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }
    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }
    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }
    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}
@keyframes load4 {
    0%,
    100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }
    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }
    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }
    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}

/* Instant CC Button */
#instantCC_submit {
    background: #40d473 !important;
    border-radius: 25px;
    margin-left: 0 !important;
    display: none;
}
#instantCC_submit:hover {
    background: #30b56d !important;
}

/* MODALS */

/* CREATE CONFIRM MODAL */

.bs-ajax_order_confirmation-modal .order_confirmation_form {
    margin-top: 0px;
    padding-top: 14px;
}

.bs-ajax_order_confirmation-modal #order_confirmation_submit {
    margin-top: 0 !important;
}


/* SEND CARD – POSTCARDS (+BACK) */

#selectStyle .postcardAndBackContainer {
    position: relative;
    height: 220px;
}
#selectStyle .postcardAndBackContainer img {
    max-width: 100%;
}
#selectStyle .postcardAndBackContainer .styleImage {
    max-width: 80%;
    z-index: 4;
    position: absolute;
    left: 6%;
    bottom: 0;
    -moz-transition: all ease-in .25s;
    -webkit-transition: all ease-in .25s;
    transition: all ease-in .25s;
}

#selectStyle .postcardAndBackContainer img.shadow {
    height: 130px;
    display: block;
    position: absolute;
    top: 105px;
    left: 15px;
    right: 15px;
    z-index: 0;
    width: 180px;
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.create_postcard_step_1 .xxl-option:hover h2 {
    color: #FF4895;
}
#selectStyle .postcardAndBackContainer.instaStyle img.shadow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

#selectStyle .postcardAndBackContainer.instaStyle .styleImage {
    max-width: 50%;
    right: unset;
    left: 20%;
    bottom: 1%;
    -moz-transition: all ease-in .25s;
    -webkit-transition: all ease-in .25s;
    transition: all ease-in .25s;
}
#selectStyle .postcardAndBackContainer .postcardBack {
    max-width: 80%;
    z-index: 2;
    position: absolute;
    right: 6%;
    bottom: 5%;
    -moz-transition: all ease-in .25s;
    -webkit-transition: all ease-in .25s;
    transition: all ease-in .25s;
    box-shadow: 2px 2px 2px #f2f2f2;
}
#selectStyle .postcardAndBackContainer.instaStyle .postcardBack {
    max-width: 70%;
    bottom: 25%;
    left: 15%;
    -moz-transition: all ease-in .25s;
    -webkit-transition: all ease-in .25s;
    transition: all ease-in .25s;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    box-shadow: 2px 2px 2px #f2f2f2;
}

/* POSTCARD SET */

.postcard-set #selectStyle .postcardAndBackContainer {
    margin: 10px 0 0;
}

#selectStyle .postcardAndBackContainer .postcardSetBack {
    max-width: 80%;
    z-index: 2;
    position: absolute;
    right: 10%;
    bottom: 7.5%;
    -moz-transition: all ease-in .25s;
    -webkit-transition: all ease-in .25s;
    transition: all ease-in .25s;
}
#selectStyle .postcardAndBackContainer.instaStyle .postcardSetBack {
    max-width: 75%;
    bottom: 20%;
    left: 12%;
    -moz-transition: all ease-in .25s;
    -webkit-transition: all ease-in .25s;
    transition: all ease-in .25s;
    -moz-transform: rotate(-90deg) scaleY(-1);
    -webkit-transform: rotate(-90deg) scaleY(-1);
    transform: rotate(-90deg) scaleY(-1);
}


/* SEND CARD – GREETING CARDS (+ENVELOPE) */

#selectStyle .foldedEnvelopeContainer {
    position: relative;
    height: 200px;
}
#selectStyle .foldedEnvelopeContainer img {
    max-width: 100%;
}
#selectStyle .foldedEnvelopeContainer .foldedStyle {
    max-width: 80%;
    z-index: 2;
    position: absolute;
    left: 5%;
    bottom: 0%;
    -moz-transition: all ease-in .25s;
    -webkit-transition: all ease-in .25s;
    transition: all ease-in .25s;
}
#selectStyle .foldedEnvelopeContainer.instaStyle .foldedStyle {
    max-width: 50%;
    right: unset;
    left: 13%;
    bottom: 0;
    -moz-transition: all ease-in .25s;
    -webkit-transition: all ease-in .25s;
    transition: all ease-in .25s;
}
#selectStyle .foldedEnvelopeContainer .addedEnvelope {
    max-width: 70%;
    z-index: 2;
    position: absolute;
    right: 11%;
    bottom: 26%;
    -moz-transition: all ease-in .25s;
    -webkit-transition: all ease-in .25s;
    transition: all ease-in .25s;
}
#selectStyle .foldedEnvelopeContainer.instaStyle .addedEnvelope {
    max-width: 65%;
    bottom: 32%;
    right: 13%;
    -moz-transition: all ease-in .25s;
    -webkit-transition: all ease-in .25s;
    transition: all ease-in .25s;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}


/* SEND CARD – BOTH CARDS */

#selectStyle.bothCardsContainer {}
#selectStyle.bothCardsContainer .style-label {
    text-align: left;
    margin-bottom: 40px;
}
#selectStyle.bothCardsContainer .style-label p {
    color: #474747;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}
#selectStyle.bothCardsContainer img {
    max-width: 100%;
}
#selectStyle.bothCardsContainer .bothCardsImgContainer {
    position: relative;
    height: 240px;
    margin: 30px 0 -5px;
}

#selectStyle.bothCardsContainer .bothCardsImgContainer .styleImageContainer .styleImage {
    max-width: 55%;
    z-index: 1;
    position: absolute;
    left: 15px;
    top: 20px;
    -moz-transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    transition: all ease-in .1s;
}

#selectStyle.bothCardsContainer .bothCardsImgContainer.instantStyle .styleImage {
    max-width: 35%;
}
#selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer .foldedStyle {
    max-width: 55%;
    z-index: 2;
    position: absolute;
    /* right: 10%; */
    /* bottom: 0; */
    -moz-transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    transition: all ease-in .1s;
    top: 105px;
    right: 25px;
}

#selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer img.shadow,
#selectStyle.bothCardsContainer .bothCardsImgContainer .styleImageContainer img.shadow {
    height: 130px;
    display: block;
    position: absolute;
    z-index: 0;
    width: 180px;
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

#selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer img.shadow {
    top: 115px;
}
#selectStyle.bothCardsContainer .bothCardsImgContainer .styleImageContainer img.shadow {
    top: 40px !important;
}

#selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer:hover img:not(.shadow),
#selectStyle.bothCardsContainer .bothCardsImgContainer .styleImageContainer:hover img:not(.shadow) {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}

#selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer:hover img.shadow,
#selectStyle.bothCardsContainer .bothCardsImgContainer .styleImageContainer:hover img.shadow {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    filter: blur(5px)  grayscale(0.7);
}
#selectStyle.bothCardsContainer .bothCardsImgContainer.instantStyle .foldedStyle {
    max-width: 40%;
    top: 78px;
}
#selectStyle.bothCardsContainer .bothCardsBtn,
.singleCardBtn {
    background: #efefef;
    border-radius: 35px;
    color: #9a9a9a ;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    padding: 8px 11px;
    text-align: center;
    text-transform: uppercase;
    display: block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#selectStyle.bothCardsContainer .bothCardsBtn:hover,
.singleCardBtn:hover {
    background: #cacaca;
    color: #474747 ;
}

#selectStyle.bothCardsContainer .bothCardsImgContainer .styleImageContainer .postcardBack {
    max-width: 55%;
    z-index: 1;
    position: absolute;
    left: 30px;
    top: 0;
    -moz-transition: all ease-in 0.1s;
    -webkit-transition: all ease-in 0.1s;
    transition: all ease-in 0.1s;
    box-shadow: 2px 2px 2px #dddddd;
}
#selectStyle.bothCardsContainer .bothCardsImgContainer.instantStyle .styleImageContainer .postcardBack {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    left: 0;
    top: 10%;
}

#selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer .addedEnvelope {
    max-width: 50%;
    z-index: 2;
    position: absolute;
    /* right: 5%; */
    /* bottom: 16%; */
    -moz-transition: all ease-in 0.1s;
    -webkit-transition: all ease-in 0.1s;
    transition: all ease-in 0.1s;
    top: 95px;
    right: 15px;
}

#selectStyle.bothCardsContainer .bothCardsImgContainer.instantStyle .foldedStyleContainer .addedEnvelope {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 53%;
    bottom: 25%;
    -moz-transition: all ease-in 0.1s;
    -webkit-transition: all ease-in 0.1s;
    transition: all ease-in 0.1s;
}

#selectStyle.bothCardsContainer .bothCardsImgContainer .styleImageContainer:hover .styleImage,
#selectStyle.bothCardsContainer .bothCardsImgContainer .styleImageContainer:hover .postcardBack,
#selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer:hover .foldedStyle,
#selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer:hover .addedEnvelope {
    -moz-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    padding-bottom: 0;
}
#selectStyle.bothCardsContainer .bothCardsImgContainer.instantStyle .styleImageContainer:hover .postcardBack {
    -moz-transform: rotate(-90deg) translateX(5px);
    -webkit-transform: rotate(-90deg) translateX(5px);
    transform: rotate(-90deg) translateX(5px);
}
#selectStyle.bothCardsContainer .bothCardsImgContainer.instantStyle .foldedStyleContainer:hover .addedEnvelope{
    -moz-transform: rotate(90deg) translateX(-5px);
    -webkit-transform: rotate(90deg) translateX(-5px);
    transform: rotate(90deg) translateX(-5px);
}

.post-contain.step2 .show_sample {
    background-repeat: no-repeat;
    background-size: 100%;
}
/*christmas*/
.post-contain.step2.christmas #postcardClassic.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/christmas/style_bgs/classic-bg.png");
}
.post-contain.step2.christmas #postcardInstant.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/christmas/style_bgs/instant-bg.png");
}
.post-contain.step2.christmas #insta4.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/christmas/style_bgs/insta4_bg.png");
}
.post-contain.step2.christmas #collage6.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/christmas/style_bgs/multi-bg.png");
}
.post-contain.step2.christmas #collage.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/christmas/style_bgs/trio-bg.png");
}
.post-contain.step2.christmas #collage4_1.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/christmas/style_bgs/modern-bg.png");
}
.post-contain.step2.christmas #collage3_2.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/christmas/style_bgs/skyscraper-bg.png");
}
.post-contain.step2.christmas #collage4_2.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/christmas/style_bgs/quattro-bg.png");
}
.post-contain.step2.christmas #collage2.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/christmas/style_bgs/panorama-bg.png");
}
.post-contain.step2.christmas #collage3_3.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/christmas/style_bgs/landscape-bg.png");
}
.post-contain.step2.christmas #collage2_2.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/christmas/style_bgs/collage2_bg.png");
}
.post-contain.step2.christmas #collage4_3.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/christmas/style_bgs/twister-bg.png");
}
.post-contain.step2.christmas #collage9.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/christmas/style_bgs/mosaic-bg.png");
}
/*winter*/
.post-contain.step2.winter #postcardClassic.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/winter/style_bgs/classic-bg.png");
}
.post-contain.step2.winter #postcardInstant.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/winter/style_bgs/instant-bg.png");
}
.post-contain.step2.winter #collage6.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/winter/style_bgs/multi-bg.png");
}
.post-contain.step2.winter #collage.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/winter/style_bgs/trio-bg.png");
}
.post-contain.step2.winter #collage4_1.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/winter/style_bgs/modern-bg.png");
}
.post-contain.step2.winter #collage3_2.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/winter/style_bgs/skyscraper-bg.png");
}
.post-contain.step2.winter #collage4_2.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/winter/style_bgs/quattro-bg.png");
}
.post-contain.step2.winter #collage2.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/winter/style_bgs/panorama-bg.png");
}
.post-contain.step2.winter #collage3_3.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/winter/style_bgs/landscape-bg.png");
}
.post-contain.step2.winter #collage2_2.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/winter/style_bgs/collage2-bg.png");
}
.post-contain.step2.winter #collage4_3.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/winter/style_bgs/twister-bg.png");
}
.post-contain.step2.winter #collage9.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/winter/style_bgs/mosaic-bg.png");
}
.post-contain.step2.winter #insta4.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/winter/style_bgs/insta4-bg.png");
}
/*summer*/
.post-contain.step2.summer #postcardClassic.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/summer/style_bgs/classic-bg.png");
}
.post-contain.step2.summer #postcardInstant.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/summer/style_bgs/instant-bg.png");
}
.post-contain.step2.summer #insta4.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/summer/style_bgs/insta4-bg.png");
}
.post-contain.step2.summer #collage6.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/summer/style_bgs/multi-bg.png");
}
.post-contain.step2.summer #collage.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/summer/style_bgs/trio-bg.png");
}
.post-contain.step2.summer #collage4_1.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/summer/style_bgs/modern-bg.png");
}
.post-contain.step2.summer #collage3_2.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/summer/style_bgs/skyscraper-bg.png");
}
.post-contain.step2.summer #collage4_2.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/summer/style_bgs/quattro-bg.png");
}
.post-contain.step2.summer #collage2.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/summer/style_bgs/panorama-bg.png");
}
.post-contain.step2.summer #collage3_3.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/summer/style_bgs/landscape-bg.png");
}
.post-contain.step2.summer #collage2_2.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/summer/style_bgs/collage2_bg.png");
}
.post-contain.step2.summer #collage4_3.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/summer/style_bgs/twister-bg.png");
}
.post-contain.step2.summer #collage9.show_sample {
    background-image: url("https://img-6aa0.kxcdn.com/summer/style_bgs/mosaic-bg.png");
}
/*end*/

.post-contain.step2 .show_sample .dropzone {
    background-color: transparent;
}


.photoUploadIcon {
    width: 54px;
    margin-right: 7px;
    vertical-align: middle;
}
.inner .photoUploadIcon .st0 {
    fill: #9a9a9a;
}
.inner-active .photoUploadIcon .st0 {
    fill: #ff4895;
}

.foldingcard #step6 #finished {
    padding-top: 25px;
}

input#frontText:focus {
    outline: none !important;
}
.ui-tooltip{
    padding: 3px 8px!important;
}
.ui-widget-content{
    background:#474747!important;
    border-radius: 4px!important;
    border: #474747 1px solid!important;
    color: #fff!important;
}
.ui-tooltip.ui-widget.ui-corner-all.ui-tooltip.ui-widget-content .ui-tooltip-content{
    color:#ffffff!important;
    font-size: 12px!important;
    line-height: 1.4!important;
    max-width: 200px!important;
    color: #fff!important;
    text-align: center!important;
    text-decoration: none!important;
    background-color: #474747!important;
}
/* max-height laptop fix */
@media (max-width: 1640px) {
    body.lang-de .help-panel .step2_standard{
        background: url(https://createpostcard-6aa0.kxcdn.com/img/help-overlay1a-smaller-d.png);
        background-position: center;
    }
    body.lang-en .help-panel .step2_standard{
        background: url(https://createpostcard-6aa0.kxcdn.com/img/help-overlay1a-en-smaller.png);
        background-position: center;
    }
    body.lang-de .help-panel .step2_collage{
        background: url(https://createpostcard-6aa0.kxcdn.com/img/help-overlay2a-smaller-d.png);
        background-position: center;
    }
    body.lang-en .help-panel .step2_collage{
        background: url(https://createpostcard-6aa0.kxcdn.com/img/help-overlay1a-en-smaller.png);
        background-position: center;
    }
    body.lang-de .help-panel .step2_collage6{
        background: url(https://createpostcard-6aa0.kxcdn.com/img/help-overlay2a-smaller-d.png);
        background-position: center;
    }
    body.lang-en .help-panel .step2_collage6{
        background: url(https://createpostcard-6aa0.kxcdn.com/img/help-overlay1a-en-smaller.png);
        background-position: center;
    }
    body.lang-de .help-panel .step2_insta{
        background: url(https://createpostcard-6aa0.kxcdn.com/img/help-overlay3a-smaller-d.png);
        background-position: center;
    }
    body.lang-en .help-panel .step2_insta{
        background: url(https://createpostcard-6aa0.kxcdn.com/img/help-overlay3-en-smaller.png);
        background-position: center;
    }
    body.lang-de .help-panel .step3{
        background: url(https://createpostcard-6aa0.kxcdn.com/img/help-overlay4-smaller.png);
        background-position: center;
    }
    body.lang-en .help-panel .step3{
        background: url(https://createpostcard-6aa0.kxcdn.com/img/help-overlay4-en-smaller.png);
        background-position: center;
    }
}
@media (max-width: 1199px) {
    .navbar-inner {
        margin-left: 0;
    }

    .zentriert_half {
        margin-left: 0 !important;
    }

    .help {
        left: 20px;
    }

    .format-info {
        left: 24px;
    }

}

@media (max-width: 991px) {
    .create_postcard .container {
        width: auto;
    }
    .style-label {
        width: 24.5%!important;
        display: inline-block;
    }
    #selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer .addedEnvelope {
        width: 100%;
        /*bottom: 49%;*/
    }
    #selectStyle .postcardAndBackContainer .postcardSetBack{
        width: 85%;
        bottom: 7% !important;
    }
    .zentriert-padding .pt-small.style-label {
        width: 100% !important;
        margin-bottom: 35px;
        padding-top: 0;

    }
    .styleImageContainer img.postcardBack {
        width: 137px;
    }
    .pt-small.style-label.mosaic-padding {
        margin-bottom: 89px;
    }
    .pt-small .container_style_label {
        margin-top: -55px;
    }
    .postcardAndBackContainer img.postcardBack {
        width: 320px;
    }
    .zentriert-padding .hvr-float-shadow {
        display: inline;
    }
    #selectStyle .foldedEnvelopeContainer .addedEnvelope {
        width: 230px;
    }
    #selectStyle .postcardAndBackContainer.instaStyle .postcardBack {
        max-width: 70%;
        bottom: 11%;
    }
    #selectStyle .postcardAndBackContainer.instaStyle .styleImage {
        max-width: 50%;
        bottom: -12%;
    }

    #selectStyle .postcardAndBackContainer .styleImage {
        max-width: 76%;
        bottom: 4px;
        left: 7%;
    }
    #selectStyle .foldedEnvelopeContainer.instaStyle .foldedStyle {
        bottom: -30px
    }
    #selectStyle .foldedEnvelopeContainer.instaStyle .addedEnvelope {
        bottom: 23% !important;
        right: 13%;
    }
    .foldedEnvelopeContainer.instaStyle.instant_foldedenvelope {
        margin-bottom: 29px;
        margin-top: 17px;
    }
    .postcardAndBackContainer.instaStyle.instant_postcard {
        margin-bottom: 39px !important;
    }
}

@media (max-width: 768px) {
    .create_postcard .container {
        width: auto;
    }

    .create_postcard_module .nav.navbar-right {
        right: 0;
        position: relative;
    }

    #selectStyle {
        height: auto;
    }

    #selectStyle.bothCardsContainer .bothCardsImgContainer {
        margin: 8px 0 -80px;
    }

    .pt-small.container_style_label {
        padding: 15px 0 70px !important;
    }

    .create_postcard_step {
        display: none;
    }
    #selectStyle.bothCardsContainer .bothCardsImgContainer .styleImageContainer .styleImage {
        max-width: 76% !important;
        z-index: 1;
        position: absolute;
        left: 5%;
        width: 48% !important;
        top: 8px !important;
        -moz-transition: all ease-in .25s;
        -webkit-transition: all ease-in .25s;
        transition: all ease-in .25s;
    }
    #selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer .foldedStyle {
        bottom: 35%;
        width: 100%;
    }
}
@media screen and ( max-height: 789px ){
    .create_postcard .nav>li>a {
        padding: 0 7px;
    }

    .outerbottomcontainer {
        height: 47px;
    }
    .create_postcard_buttons {
        top: 5px;
    }
    #navouter {
        margin-bottom: 10px;
    }
    #addressbook_popup.up-panel {
        margin-top: -50px !important;
    }

    li.inner, li.inner-active {
        line-height: 42px;
    }
    .saveDraft {
        line-height: 34px;
        height: 35px;
    }
    .sec-text {
        margin-top: 5px;
    }

    li.inner i, li.inner-active i {
        font-size: 30px;
    }
    .add-book-top a:link {
        line-height: 23px!important;
    }

    .recip-popup.pop-center {
        margin-top: 5px!important;
    }
    .recipient-button {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .recip-popup.pop-center input {
        margin-bottom: 8px;
    }
    .up-panel .add-book-main {
        height: 322px;
    }
    .modal-dialog.modal-ajax_payment_popup {
        margin: 20px auto;
    }
    .create_postcard_set #step1_type h2 {
        margin-top: 0px;
    }
    .create_postcard_set #step1_type h2:after {
        margin-bottom: 12px;
    }
    .setChooseProductSet .pay-list li {
        height: 40px;
        padding-top: 4px;
    }

    .recipient-grey {
        margin-top: 0;
    }
    .recipient-grey:hover {
        margin-top: 0;
    }
    .paylist-header {
        font-size: 16px;
    }
    #step4 #greeting-pic {
        width: 250px;
        height: 250px;
        margin-top: 20px;
        display: inline-block;
    }
    #step4 .create_postcard.foldingcard #greeting-pic img {
        margin-left: 24px;
    }
    #step4 .foldingcard_preview .card {
        width: 304px;
        height: 398px;
        margin: 30px auto;
        font-weight: normal;
    }
    .create_postcard #preview .foldingcard_preview .finalimage,
    .create_postcard #send .finalimage {
        height: 308px;
        margin-left: -50px;
        margin-top: 46px;
        width: 400px;
    }
    .create_postcard.foldingcard .create_postcard_step_4 #postcardText {
        width: 340px!important;
    }
    .outerbottomcontainer.text_privacy{
        height:86px;
    }

    #selectStyle.bothCardsContainer .bothCardsImgContainer {
        margin: 8px 0 -160px;
        height: 425px;
    }
}
@media (min-width: 961px) {
    .create_postcard_module .menu-header .navbar {
        /*height: 80px;*/
    }
    .create_postcard_module .menu-header .navbar-header {
        /*float: left !important;*/
        /*min-height: 80px;*/
        /*position: absolute;*/
    }
}
.BackNext_container .zurueck {
    padding: 7px 0px 6px;
    background-color: transparent !important;
    color: #ff4895 !important;
    border: 1px solid #ff4895;
}
.BackNext_container .weiter {
    padding: 8px 14px 6px;
}
.BackNext_container .zurueck:hover {
    background-color:#ff4895 !important;
    color: #ffffff !important;
}
.create_postcard_buttons {
    position: relative;
    top:0px;
}

/*@media (min-width: 1920px) {
    .BackNext_container .create_postcard_buttons{
        display: none;
    }
}*/
.BackNext_container {
    position: absolute;
    bottom: 0;
    padding: 0;
}
select.postcardInput.iso_us {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    font-weight: bold;
}
#selectStyle.bothCardsContainer .container_style_label p {
    color: #474747;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    text-align: left;
}
.pt-small.container_style_label {
    padding: 15px 0;
}
.zentriert-padding {
    padding: 0;
}
.presentation-wrapper:hover a {
    color: #FF4895;
}
.presentation-wrapper.rainbow-color a {
    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 !important;
    -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;
}

.presentation-wrapper:hover img:not(.shadow) {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 8px 6px -6px #454545;
    -moz-box-shadow: 0 8px 6px -6px #454545;
    box-shadow: 0 8px 6px -6px #454545;
}
section.zentriert-text {
    text-align: left;
    padding: 0px 0;
    margin-top: 0px;
}
.header_postcard h2 {
    color: #474747;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-align: left;
    line-height: 36px;
    margin-top: 46px!important;
    margin-bottom: 0px;
}
.bothCardsImgContainer {
    position: relative;
    height: 173px;
    margin: 30px 0 -5px;
}
.number-of-postcards-dropdown .text {
    float: left;
}
.number-of-postcards-dropdown .caret {
    position: absolute;
    right: 9px;
    top: 16px;
}

@media (min-width: 1024px) and (max-width: 1100px){

    #selectStyle.bothCardsContainer .bothCardsImgContainer .styleImageContainer img.shadow {
        top: 20px !important;
    }
    #selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer img.shadow{
        top: 105px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #selectStyle .postcardAndBackContainer .styleImage {
        max-width: 91%;
        bottom: 22px;
        left: 28%;
        width: 42%;
    }

    #selectStyle .postcardAndBackContainer .postcardBack {
        max-width: 88%;
        bottom: 11%;
        right: 24%;
    }

    #selectStyle .postcardAndBackContainer {
        position: relative;
        height: 282px;
    }

    #selectStyle .postcardAndBackContainer.instaStyle .styleImage {
        max-width: 34%;
        bottom: -14%;
        left: 230px;
    }

    #selectStyle .postcardAndBackContainer.instaStyle .postcardBack {
        max-width: 126%;
        bottom: 18%;
        right: 71%;
        left: 243px;
    }

    .pt-small.style-label.instant_label {
        margin-top: 50px;
    }

    #selectStyle .foldedEnvelopeContainer .addedEnvelope {
        max-width: 70%;
        z-index: 2;
        position: absolute;
        right: 35%;
        bottom: 25%;
    }

    #selectStyle .foldedEnvelopeContainer .foldedStyle {
        max-width: 80%;
        z-index: 2;
        position: absolute;
        left: 25%;
    }
    #selectStyle .foldedEnvelopeContainer.instaStyle .foldedStyle {
        max-width: 50%;
        left: 27%;
    }

    #selectStyle .foldedEnvelopeContainer.instaStyle .addedEnvelope {
        bottom: 26% !important;
        right: 38%;
    }
        #selectStyle .postcardAndBackContainer .postcardSetBack {
            width: 47%;
            left: 28%;
        }
    #selectStyle .postcardAndBackContainer.instaStyle .postcardSetBack {
        max-width: 75%;
        bottom: 20%;
        left: 25%;
    }
    .foldedEnvelopeContainer.instaStyle.instant_foldedenvelope {
        margin-top: 50px;
    }
    #selectStyle.bothCardsContainer .bothCardsImgContainer .styleImageContainer .styleImage {
        top: 28px !important;
        width: 320px;
    }
    #selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer .foldedStyle {
        width: 350px;
    }
    .styleImageContainer img.postcardBack {
        width: 324px !important;
    }
    #selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer .addedEnvelope {
        width: 300px;
    }
    #selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer img.shadow,
    #selectStyle.bothCardsContainer .bothCardsImgContainer .styleImageContainer img.shadow {
        height: auto;
        width: 330px;
        top: 40px !important;
    }
    #selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer img.shadow {
        top: 115px !important;
    }
    #selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer img.shadow {
        /*top: 135px;*/
    }
    .bothCardsImgContainer.instantStyle {
        margin-bottom: -74px !important;
    }
   /* img#styleInstant {
        top: 114px !important;
    }*/
    #selectStyle.bothCardsContainer .bothCardsImgContainer.instantStyle .foldedStyleContainer .addedEnvelope {
        bottom: 43%;
    }
    #selectStyle.bothCardsContainer .bothCardsImgContainer.instantStyle .styleImageContainer .styleImage {
        top: 25px !important;
        width: 39% !important;
    }
    img.postcardBack.both-back {
        left: 2% !important;
    }


    #selectStyle .postcardAndBackContainer img.shadow {
        max-width: 91%;
        bottom: 22px;
        left: 28%;
        width: 42%;
        top: 165px;
    }
}
@media (min-width: 992px) and (max-width: 1024px) {
    #selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer .addedEnvelope {
        width: 100%;
        /*bottom: 47% !important;*/
    }

    .create_postcard_module .nav.navbar-right {
        position: relative;
        right: 0;
        overflow-x: hidden;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    #selectStyle.bothCardsContainer .bothCardsImgContainer {
        height: 575px !important;
        margin: 8px 0 -205px;
    }
    #selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer .foldedStyle {
        width: 350px;
    }
    .styleImageContainer img.postcardBack {
        width: 324px !important;
        top: -15px;
    }
    #selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer .addedEnvelope {
        width: 300px;
    }
    #selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer img.shadow,
    #selectStyle.bothCardsContainer .bothCardsImgContainer .styleImageContainer img.shadow {
        height: auto;
        width: 330px;
        top: 120px;
    }
    #selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer img.shadow {
        top: 135px !important;
    }
}

@media (max-width: 320px) {
    #selectStyle .postcardAndBackContainer.instaStyle .postcardSetBack {
        max-width: 75%;
        bottom: 4% !important;
    }
}
@media (min-width: 1024px) and (max-width: 1030px) {
    #selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer .addedEnvelope {
        bottom: 12%;
    }
}

@media (min-width: 414px) and (max-width: 767px) {
    #selectStyle .postcardAndBackContainer .postcardBack {
        max-width: 68%;
    }
    #selectStyle .postcardAndBackContainer .styleImage {
        max-width: 80%;
        bottom: -17px;
        left: 7%;
    }
    #selectStyle .postcardAndBackContainer.instaStyle .postcardSetBack {
        max-width: 75%;
        bottom: 10% !important;
    }
    #selectStyle .postcardAndBackContainer .postcardSetBack {
        max-width: 80%;
        z-index: 2;
        position: absolute;
        right: 6%;
        bottom: 0.5% !important;
    }
    #selectStyle .postcardAndBackContainer .postcardSetBack {
        width: 73%;
    }
    #selectStyle.bothCardsContainer .bothCardsImgContainer .styleImageContainer .styleImage {
        max-width: 76% !important;
        z-index: 1;
        position: absolute;
        left: 5%;
        width: 44% !important;
        top: 8px !important;
        -moz-transition: all ease-in .25s;
        -webkit-transition: all ease-in .25s;
        transition: all ease-in .25s;
    }
    #selectStyle.bothCardsContainer .bothCardsImgContainer {
        margin: 8px 0 -160px;
        height: 425px;
    }

    #selectStyle.bothCardsContainer .bothCardsImgContainer {
        margin: 8px 0 -205px;
    }
}

@media (max-width: 420px) {
    #selectStyle .postcardAndBackContainer img.shadow {
        top: 120px;
        left: 30px;
    }

    #selectStyle .postcardAndBackContainer .styleImage {
        max-width: 70%;
    }

    .zentriert-padding .pt-small.style-label {
        padding-top: 30px;
    }

    #selectStyle.bothCardsContainer .bothCardsImgContainer .styleImageContainer img.shadow{
        top: 10px !important;
        height: 110px;
    }
    #selectStyle.bothCardsContainer .bothCardsImgContainer .foldedStyleContainer img.shadow {
        top: 100px;
    }
}
.dropdown-menu ul{
    margin-bottom: 0px;!important;
}
.number-of-postcards-dropdown button {
    width: 290px;
    margin-left: 10px;
    margin-top: 1px !important;
    padding: 11px 13px 16px 0px !important;
    text-transform: capitalize !important;
    color: white!important;
}
.postcard-set-detailed-price span.price_single {
    font-weight: 100;
    float: right;
}

.postcard-set-detailed-price span.price_shipping {
    float: right;
    font-weight: 500;
    text-transform: capitalize;
    text-align: right;
    padding: 0;
}
@media (min-width: 250px) and (max-width: 414px) {
    /*#selectStyle.bothCardsContainer .bothCardsImgContainer.instantStyle {
        margin: 8px 0 -33px;
    }*/
    #selectStyle.bothCardsContainer .bothCardsImgContainer.instantStyle .styleImageContainer .styleImage {
        width: 38% !important;
    }
    .bothCardsImgContainer.instantStyle img.postcardBack {
        width: 100% !important;
        left: 9px !important;
    }
    #selectStyle.bothCardsContainer .bothCardsImgContainer.instantStyle .foldedStyleContainer .addedEnvelope {
        bottom: 45% !important;
    }
    #selectStyle.bothCardsContainer .bothCardsImgContainer.instantStyle .foldedStyleContainer .foldedStyle {
        bottom: 20%;
    }
}

@media (min-width: 768px) {
    .recipient-grey{
        margin-top: 10px !important;
        margin-bottom: 20px!important;
    }

    /*.bothCardsImgContainer.instantStyle .styleImageContainer img.postcardBack {
        width: 100% !important;
        left: 17px !important;
    }*/
}
#addressbook_search_btn {
    margin-top: -34px;
    background: transparent;
    border: none;
    position: relative;
    float: right;
}
#addressbook_list .add-address {
    font-size: 20px !important;
    color: #ff4895 !important;
    float: right;
    margin-top: 16px;
    margin-right: 10px;
    width: 16px;
}
.address-selected .add-address{
    display: none;
}
.address-selected .icon-glyph-207.circle {
    background-color: #ffffff;
    color: #179e00;
    display: block;
    float: right;
    border: none;
    margin-right: 9px;
    width: 20px;
}
.icon-glyph-207.circle:before {
    cursor: pointer;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 1px!important;
    font-weight: bold!important;
    font-size: 18px !important;
}
#addressbook_popup button#add_further_recipient {
    width: 240px;
    margin-top: 5px;
    min-height: 35px !important;
    height: 35px;
    background: #9a9a9a;
    padding-top: 9px;
    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;
    text-align: center;
    line-height: 1;
    letter-spacing: unset;
    font-size: 15px;
    border: none;
}
#addressbook_popup.up-panel {
    margin-left: 22%;
    width: 595px;
    margin-top: 0px !important;
    height: 495px;
}

.Sending_card2 ,.Sending_card3 , .Sending_card4, .Sending_card5 {
    background: #fff !important;
}
.sepration_line {
    border: 1px solid #f2f2f2;
    width: 60%;
    margin: auto;
}

#address-envelope_sets #iso_us_ca_au,
#address-envelope_sets #iso_britain,
#address-envelope_sets #iso_default,
#address-envelope_sets .addressLine2{
    display: none;
}

.address-envelope-iso-format {
    display: block !important;
}
@media (min-width: 250px) and (max-width: 767px) {
    .sepration_mbl.visible.xs {
        border: 1px solid #f2f2f2;
        width: 72%;
        margin: auto;
    }
    .sepration_mbl.sepration_mosaic{
        margin-bottom: 94px !important;
        margin-top: -46px !important;

    }
    .sepration_line {
        margin-top: -55px;
    }
    .sepration_line.sectionmbl {
        margin-top: 3px;
    }
    #selectStyle .foldedEnvelopeContainer .addedEnvelope{
        bottom: 28% !important;
    }
}
.lightgrey-bg {
    width: 65px;
    height: 65px;
    cursor: pointer;
    background: rgb(241,241,241) !important;
    margin-left: 10px;
}
.pink-bg {
    width: 65px;
    height: 65px;
    cursor: pointer;
    background: rgb(255,72,149) !important;
    margin-left: 10px;
}
.lightpink-bg {
    width: 65px;
    height: 65px;
    cursor: pointer;
    background: rgb(255,202,222) !important;
    margin-top: 10px;
    margin-left: 10px;
}
.turquoise-bg {
    width: 65px;
    height: 65px;
    cursor: pointer;
    background: rgb(204,255,245) !important;
    margin-top: 10px;
    margin-left: 10px;
}
.yellow-bg {
    width: 65px;
    height: 65px;
    cursor: pointer;
    background: rgb(255,190,85) !important;
    margin-top: 10px;
    margin-left: 10px;
}
.purple-bg {
    width: 65px;
    height: 65px;
    cursor: pointer;
    background: rgb(99,78,114)!important;
    margin-top: 10px;
    margin-left: 10px;
}
.lagoon-bg {
    width: 65px;
    height: 65px;
    cursor: pointer;
    background: #38b6ab!important;
    margin-top: 10px;
    margin-left: 10px;
}
.bloodymary-bg {
    width: 65px;
    height: 65px;
    cursor: pointer;
    background:#c51718!important;
    margin-top: 10px;
    margin-left: 10px;
}
.edamame-bg {
    width: 65px;
    height: 65px;
    cursor: pointer;
    background: #64812b!important;
    margin-top: 10px;
    margin-left: 10px;
}
.mainPicker-sub {
    padding: 0;
}
.address-header-title {
    padding-top: 0px !important;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.bg_purple .pc-caption-text input {
    color: white !important;
}
.bg_yellow .pc-caption-text input {
    color: black !important;
}
.bg_bloodymary .pc-caption-text input {
    color: white !important;
}
.bg_edamame .pc-caption-text input {
    color: white !important;
}
.bg_lagoon .pc-caption-text input {
    color: white !important;
}

#photoeditorsdk-wrapper{
    background-color: #2b2b2b;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}
#photoeditorsdk-editor{
    width: 100vw;
    height: 100vh;
}
#photoeditorsdk-loader{
    background-color: rgba(255,255,255,0.6);
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999999;
}
#photoeditorsdk-loader svg{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-20px, -20px);
}

#selectFontColor ul{
    width: 200px;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    list-style: none;
    padding-left: 0;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
#selectFontColor li {
    display: inline-block;
    cursor: pointer;
    color: #474747;
    margin-right: 4px;
    height: 20px;
    width: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#selectFontColor li.bg_option.f-selected {
    height: 30px;
    width: 30px;
}
li.bg_option.black-text {
    background-color: #474747 !important;
}
li.bg_option.pink-text {
    background: rgb(255,72,149) !important;
}
li.bg_option.lightpink-text {
    background: rgb(255,202,222)  !important;
}
li.bg_option.turquoise-text {
    background: rgb(204,255,245)!important;
}
li.bg_option.yellow-text {
    background: rgb(255,190,85)!important;
}
li.bg_option.purple-text {
    background: rgb(99,78,114)!important;
}
li.bg_option.blue-text{
background-color:#031993 !important;
}
li.bg_option.lagoon-text{
    background-color:rgb(56,182,171) !important;
}
li.bg_option.edamame-text{
    background-color:rgb(100,129,43) !important;
}
li.bg_option.bloodymary-text{
    background-color:rgb(197,23,24) !important;
}
.font_yellow{
  color: rgb(255,190,85)!important;
}
.font_pink{
    color: rgb(255,72,149)!important;
}
.font_turquoise{
    color: rgb(204,255,245)!important;
}
.font_purple{
    color: rgb(99,78,114)!important;
}
.font_lightpink{
    color:rgb(255,202,222)!important;
}
.font_blue{
    color: #031993 !important;
}
.font_black{
    color: #474747 !important;
}
.font_lagoon{
    color:rgb(56,182,171) !important;
}
.font_edamame{
    color:rgb(100,129,43)  !important;
}
.font_bloodymary{
    color:rgb(197,23,24)  !important;
}
.edit_address.btn-info {
    margin-top: 45px !important;
}
body.lang-pt .edit_address.btn-info,
body.lang-fr .edit_address.btn-info,
body.lang-ru .edit_address.btn-info,
body.lang-es .edit_address.btn-info{
    margin-top: 32px !important;
}
a.friends-link{
    margin-top: -43px !important;
    margin-right: 2px !important;
}
.zentriert-text .Partition-border{
    margin-bottom: -25px;
}
div#col_text {
    float: left;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 35px;
    width: 310px;
}
#step5 .recipient-grey{
    margin-top: 0px !important;
    padding: unset !important;
    margin-left: 10px !important;
    margin-bottom: 5px !important;
}
#step3 #selectFont li{
    width: 160px;
}
.col-md-12.add-right.add-manual-recipient{
    height: 313px;
}
.add-manual-recipient .postcardInput{
    margin-bottom: 2px !important;
}
.rotateIcon {
    width: 4%;
    z-index: 9;
    position: absolute;
    margin-left: 290px;
    margin-top: 7px;
    text-align: right;
}
#step4 .pay-list li .show-credit.ct-amount {
    color: #9a9a9a;
    font-size: 12px !important;
    font-weight: bold;
    float: right;
    font-family: "Roboto";
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
img.rotateIcon_back {
    width: 4%;
    float: right;
    margin-top: 6px;
    margin-right: 9px;
}
.open_card {
    width: 32px;
    position: absolute;
    z-index: 9;
    float: right;
    margin-left: 122%;
    margin-top: -30px;
}
.distance_top{
    margin-top: 10px;
}

.create_postcard #preview .foldingcard_preview .finalimage, .create_postcard #send .finalimage {
    height: 308px;
    margin-left: -50px;
    margin-top: 46px;
    width: 400px;
}
#step4 .foldingcard_preview .card {
    width: 304px;
    height: 398px;
    margin: 30px auto;
}
#step4 .foldingcard_preview .card {
    width: 304px;
    height: 398px;
    margin: 30px auto;
    margin-left: 45%!important;
    font-weight: normal;

}
.foldingcard_preview .closeIcon_envelope {
    width: 35px;
    z-index: 9;
    position: absolute;
    margin-left: 95%;
    margin-top: 0px;
    text-align: right;
}
header.menu-header.navbar-fixed-top {
    box-shadow: 0px 3px 6px #4747472b;
}
.nav-justified {
    width: 100%;
    margin-top: 20px;
}
ul.nav.nav-justified svg{
    height: 25px;
    margin-bottom: -6px;
}
.main_menu .inner-active .cls-1 {
    fill: #ff4895;
}
.main_menu .inner-active svg {
    height: 35px !important;
    margin-bottom: -11px !important;
}
body.lang-ru .nav-justified>li>a {
    position: relative;
    display: block;
    /*padding: 10px 8px;*/
}
.main_menu .eye_4 {
    margin-right: 5px;
}
.recip-popup.pop-center input {
    margin-bottom: 0px;
    height: 36px !important;
}
#writeReceiver2 .postcardInput {
    font-size: 13px !important;
}
.pop-foot .btn-success {
    width: 240px;
    height: 35px !important;
    min-height: 35px;
}
input.form-control.search_addresse {
    min-height: 30px !important;
    max-height: 30px !important;
    font-size: 12px;
    font-family: lato, Sans-serif;
}
.btn.cancel_button {
    width: 240px;
    height: 35px !important;
    min-height: 35px;
    background: #9a9a9a !important;
    padding-top: 9px;
}
#addressbook_popup .recipient-container {
    width: 240px;
}
#addressbook_popup .add-right {
    margin-left: 55px;
    width: 240px;
}
.editWidth240{
    width: 240px;
}
.add-book-main.a-right {
    padding-top: 0px !important;
}
#addressbook_popup.up-panel .add-edit-box .add-right {
    margin-left: 0px !important;
}
h3.modal-title{
    font-size: 18px !important;
}
.edit_address_footer .btn{
    width: 140px;
    height: 30px;
    min-height: 30px;
    margin-top: 0px !important;
    margin-left: 10px;
    padding: 8px;
    font-size: 14px;
}
.postcardInput button.btn.dropdown-toggle.btn-default {
    min-height: 32px;
}
.modal-header h3{
    height: 0px;
}
 .Einloggen_button #register_email_submit {
    width: 280px;
    padding: 2px 2px 0px 0px;
    height: 35px;
    min-height: 35px !important;
     font-size: 14px;
}
.modal-body.modalRegOnly{
    padding: 10px 30px 20px;
}
.modal-body.modalRegOnly i.fa.fa-times{
    margin-bottom: 20px;
}
.saveDraft svg {
    width: 16px;
    position: absolute;
    margin-top: 7px;
    margin-left: -27px;
}
path.draftIcon {
    fill: #888888 !important;
}
.saveDraft:hover path  {
    fill: white;
}
.upload_panel_div {
    margin: 0px 30px;
}
/*.saveDraft{
    color: #888888 !important;
}*/
.popup_all {
    padding: 15px 30px 20px 30px;
}
.modal-dialog.modal-ajax_confirmation_popup {
    margin: 261px auto;
}
.modal-dialog.modal-ajax_create_postcard_confirm_box {
    margin: 261px auto;
}
.DraftSaveOk{
    min-height: 30px !important;
    height: 30px;
    width: 140px;
    padding: 1px;
    padding-top: 8px !important;
}
p.grey-txt.amount{
    font-family: 'Roboto', sans-serif;
    color: #474747;
}
#step4 .show-credit {
    width: 134px;
}
.btn.bgGrey7.btn-grey.marginLateral10.cancel{
    margin: 0;
}
.number-of-postcards-dropdown .pay-list li.selected{
    border-radius: unset !important;
}
#step4 .pay-list li:hover .show-credit {
    color: #474747;
}
#step4 .pay-list li:hover .ct-amount {
    color: #474747 !important;
}
.btn.green-small.rec-mgtop.bgWhite.colorBlack5:hover {
    color: #f31472 !important;
    text-decoration: underline;
    background-color: white; !important;
}
i.fa.fa-times-circle.closeUpPanel.More_recipients {
    top: 6px !important;
    right: 11px !important;
}
a.blue-link {
    padding: 4px 5px 5px 5px;
    font-size: 15px;
    text-align: center;
    background: transparent !important;
    color: #ff4895 !important;
    border: 2px solid #ff4895;
    border-radius: 50px;
}
a.blue-link:hover {
    color: #fff !important;
    background: #e54085 !important;
    border: 2px solid #e54085 !important;
}
i.fa.fa-times-circle.closeUpPanel.More_recipients:hover {
   color: #f71169 !important;
}
.add-further-rec.btn.green-small.rec-mgtop.bgWhite.colorBlack5 {
    background-color: white !important;
}
.add-book-main::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
.add-book-main::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.up-panel.show_further_recipients {
    width: 350px !important;
    height: auto !important;
    margin-left: 26% !important;
}
.create_postcard .show_further_recipients .add-book-main ul li:hover {
    background-color: unset !important;
}
.add-book-main ul#contact_list li {
    padding: 10px 5px 0px 10px;
}
li.selected .cardOptionsImage{
    opacity: unset;
}
li:hover .cardOptionsImage{
    opacity: unset !important;
}

.create_postcard #preview .insta .finalimage,
.create_postcard #send .insta .finalimage
{
    height: 465px;
    margin-left: 0;
    margin-top: 0;
    transform: none;
    -webkit-transform: none;
    width: 328px;
}
body.lang-nl #addressbook_popup #add_further_recipient,
body.lang-pt #addressbook_popup #add_further_recipient{
    font-size: 11px;
}
.create_postcard_step_2 .page_positioning,
.create_postcard_step_3 .page_positioning,
.create_postcard_step_4 .page_positioning,
.create_postcard_step_5 .page_positioning{
    width:1046px;
    margin: 0 auto;
}
.foldingcard .create_postcard_step_5 .postcard {
    box-shadow: none;
}
.einglosen_btn{
    background-color: #58D491 !important; ;
    color: white;
}
.einglosen_btn:hover{
    background-color: #79ecad !important; ;
    color: white !important;
}

@media (min-width: 1200px) and (max-width: 1366px) {
    .navbar-nav > li > a {
        padding: 21px 10px;
    }
    #mainNavSearchForm {
        margin-top: -10px;
    }
    .main-logo {
        max-width: 152px;
        margin-top: 0px;
        margin-bottom: 4px;
    }
    .create_postcard_module .menu-header .navbar {
        height: 60px;
    }
    .acc-page #content {
        margin-top: 15px;
    }
    .distance_top {
        margin-top:0;
    }
    .nav-justified {
        margin-top: 10px;
    }
    .main_menu .inner-active svg {
        height: 30px !important;
    }
}
.create_postcard_step_2  .col-md-8.cards.foldingcard_preview .card{
    margin-left: 32%;
}

.create_postcard_step_2>:not(.container), .create_postcard_step_2>:not(.container  .row ), .create_postcard_step_2>:not(.container  .row .page_positioning), .create_postcard_step_2>:not(.container  .row .page_positioning .distance_top .post-contain) {
    /*filter: blur(25px);*/
}

#send_payment .free_card_for_coupon {
    display : none;
}