@font-face {
    font-family: AvenirLT-Roman;
    src: url("font/Avenir/AvenirLTStd-Roman.otf") format('opentype'), url("font/Avenir/AvenirLTStd-Roman.woff") format('woff');
}

html {
    margin: 0;
    padding: 0;
}

body {
    color: #666 !important;
    font-size: 0.750em !important; /* -- 12px -- */
    font-family: AvenirLT-Roman, arial, verdana, helvetica, sans-serif !important;
    margin: 0;
    padding: 0;
}

h2.brandable {
    font-size: 14px !important;
}

a {
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
    font-weight: bold;
}
a:link, a:visited,
    a:active, a:hover {
        color: #666;
}

a:hover {
    color: #999;
}

/* Class for imitating the look+feel of links,
   without being actual links */
/* .imitation_link {
    color: #666;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
    cursor: pointer;
    font-size: 9px;
}

    .imitation_link:link, .imitation_link:visited,
    .imitation_link:active {
        color: #666;
    }

    .imitation_link:hover {
        color: #999;
    } */

/* .ui.top.attached.label {
    margin-top: 90px;
    padding: 0;
    font-size: 14px !important;
    font-family: AvenirLT-Roman, arial, verdana, helvetica, sans-serif !important;
    font-weight: normal !important;
} */

#ctrl_shoppingCartSnapshotGroup {
    position: absolute;
    bottom: 5px;
    right: 0;
}

header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

/* .float-left {
} */

.float-left p {
    text-align: center;
    width: 100%;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    margin-top: 35px;
    font-family: AvenirLT-Roman, arial, verdana, helvetica, sans-serif;
    font-size: 21px;
    color: #333;
    font-weight: bold;
    float: left;
    margin-bottom: 5px;
}

h2 {
    font-size: 12px !important;
    font-family: AvenirLT-Roman, Arial, Sans-Serif !important;
    font-weight: bold;
    color: #333;
    padding-bottom: 5px !important;
}

h3 {
    font-size: 12px !important;
    color: #333;
}

h4 {
    font-size: 12px !important;
}

h5, h6 {
    font-size: 12px !important;
}

h5 a:link, h5 a:visited, h5 a:active {
    padding: 0;
    text-decoration: none;
}

/* #minMax {
    margin-top: 5px;
    font-size : 13px;
} */

/* main layout
----------------------------------------------------------*/
.content-wrapper {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;
    max-width: 765px;
    min-width: 380px;
}

#body {
    clear: both;
    padding-bottom: 35px;
}

.main-content {
    padding-top: 5px;
}

header .content-wrapper {
    padding-top: 20px;
}

footer {
    clear: both;
    font-size: 9px;
    color: #999;
}


/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
}

    .site-title a, .site-title a:hover, .site-title a:active {
        background: none;
        color: #c8c8c8;
        outline: none;
        text-decoration: none;
    }


/* menu
----------------------------------------------------------*/
/* ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a {
            background: none;
            color: #999;
            text-decoration: none;
        }

            ul#menu li a:hover {
                color: #333;
                text-decoration: none;
            }
 */

/* page elements
----------------------------------------------------------*/


.label {
    float: left;
    width: 107px;
    margin-right: 3px;
    margin-top: 7px;
    text-align: right;
    font-size: 14px !important;
    font-weight: bold !important;
    font-family: Arial, Helvetica, sans-serif;
    color: #333 !important;
    background-color: #fff !important;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    display: block;
}

    label.checkbox {
        display: inline;
    }

input,
textarea {
    border: 1px solid #C5C5C5;
    border-radius: .313em .313em; /* -- 5px -- */
    -moz-border-radius: .313em .313em;
    -webkit-border-radius: .313em .313em;
    background: #fff;
    color: #666;
    margin-bottom: 1px;
    padding: 0 7px;
    height: 25px;
    font-family: AvenirLT-Roman, arial, verdana, helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.ui.input {
    margin-bottom: 2px !important;
}

    /* #ctrl_checkout {
        float: right;
    } */
    .ui.input > input {
        padding: 0.125em 0 0 0.250em !important; /* -- 2px top 4px left -- */
        font-family: AvenirLT-Roman, arial, verdana, helvetica, sans-serif !important;
    }

/* #ctrl_controlButtons {
    /*  float: right;
    margin-right: 70px;
    padding-top: 7px;*
    clear: both;
    padding-bottom: 42px;
} */

/* #ctrl_checkout {
    float: right;
    margin-right: 5px;
} */

/* #ctrl_saveEditCartItem {
    float: right;
    margin-right: 5px;
}

#ctrl_cancelEditCartItem {
    float: right;
    margin-right: 5px;
} */

.ctrl_cardInfo {
    overflow: hidden;
    margin: 0 auto;
    padding: 32px;
    max-width: 620px;
    min-width: 340px;
    background: #FFF;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); /* Firefox 3.5 - 3.6 */
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

input:focus, textarea:focus {
    border: 1px solid #7ac0da;
}

input[type="checkbox"] {
    background: transparent;
    border: inherit;
    width: auto;
}

input[type="submit"],
input[type="button"],
button {
    cursor: pointer;
    width: auto;
    height: 43px;
    -webkit-border-radius: 0.313em !important;
    -moz-border-radius: 0.313em !important;
    border-radius: 0.313em !important; /* -- 5px -- */
    /*color: #fff;*/
}
.next {
    float: right;
    color: #ffffff;
    background-color: #212121;
    position: relative;
    margin-bottom: 5px;
}

.previous {
    float: right;
    color: #212121;
    background-color: #ffffff;
    border: 1.5px solid #212121;
    margin-right: 5px;
}
/* input#btn_addAnoterCardInBilling {
    float: right;
} */
/* #btn_addToShoppingCart.brandable,
#btn_checkoutShoppingCartInIndexPage,
input#btn_processPayment,
input#btn_addAnoterCardInBilling,
/* input#btn_buyAnotherCard, *
#btn_saveEditCartItem,
#btn_cancelEditCartItem,
input#btn_backToBilling {
    font-size: 14px;
    padding: 10px 20px 8px 20px;
    font-weight: 500;
} */




/* button.preset-denomination-button:active {
    background-color: #F6F6F6;
    border: 1px solid #222222;
}

button.preset-denomination-button {
    outline: none;
    background-color: #FFFFFF;
    width: 61px;
    height: 43px;
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 2px;
    padding: 0 2px 0 1px;
    float: left;
    font-size: 14px !important;
    font-weight: 700;
    margin-top: 0px;
    color: #333333;
    border-radius: 0.313em 0.313em !important;
    -moz-border-radius: 0.313em 0.313em !important;
    -webkit-border-radius: 0.313em 0.313em !important;
    border: 1px solid #808285;
} */

/* input#input_denomination {
    width: 300px;
    height: 43px;
    padding-left: 11px !important;
}  */

/* label.amount,
label.email-text-message {
    margin-bottom: 11px;
} */

input::placeholder {
    color: #CCC !important;
    font-family: AvenirLT-Roman, arial, verdana, helvetica, sans-serif !important;
    font-size: 14px !important;
    padding-left: 4px !important;
}

input:focus::placeholder {
    color: transparent !important;
}

/* .denomination {
    width: 300px;
    float: left;
    z-index: 9;
    margin-top: 30px;
}

.denomination2 {
    margin-top: 55px;
    margin-left: 2px;
    float: left;
    width: 200px;
}

.denomination-buttons {
    width: 130px;
    float: left;
}  */

/* label.input_description {
    width: 38px;
    color: #999;
    font-size: 9px;
    float: left;
    margin-top: 0px;
} */

/* #quantitybox label.input_description {
    margin-top: 0px;
} */


/*for disbled buttons*/
input:disabled {
    background: #666;
    color: #ACACAC;
    cursor: default;
    float: left;
}

.ui.input:not(.disabled) input[disabled] {
    opacity: 1 !important;
    background: #FFFFFF !important;
    color: #666 !important;
}

td input[type="submit"],
td input[type="button"],
td button {
    padding: 3px;
    margin-right: 4px;
}

/* .billing-postal-code {
    margin-bottom: 10px;
} */

/* info and errors */

/* .message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
} */

.error {
    color: red;
}

/* styles for validation helpers */
.field-validation-error {
    color: #ff0000;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #ff0000;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

/* #ctrl_quantity.ui.segment,
#ctrl_denominations.ui.segment {
    padding: 0;
    margin: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none !important;
} */

.ui.label {
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    background-color: #fff !important;
}

/* tabs
----------------------------------------------------------*/

a.item.active,
a.item {
    font-family: AvenirLT-Roman, arial, verdana, helvetica, sans-serif !important;
    font-size: 0.875em !important; /* -- 14px --*/
    font-weight: bold !important;
}

ui.attached.segment {
    border: none !important;
}

.ui.tabular.menu .active.item {
    border-color: #c5c5c5 !important;
    border-radius: 0.313em 0.313em 0.313em 0.313em !important;
    -moz-border-radius: 0.313em 0.313em 0.313em 0.313em !important;
    -webkit-border-radius: 0.313em 0.313em 0.313em 0.313em !important;
}

.ui.bottom.attached.tab.segment.active {
    padding: 14px 0 40px;
    border: 1px solid #c5c5c5;
    border-radius: 0 0 0.313em 0.313em !important;
    -moz-border-radius: 0 0 0.313em 0.313em !important;
    -webkit-border-radius: 0 0 0.313em 0.313em !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.page-header h2 {
    padding: 10px 0 10px !important;
}

/* img.img_shoppingCart,
.jscarousal-contents-vertical img {
    border-radius: 0.625em;
} */
/* #img_selected {
    border-radius: 0.625em; /* -- 10px -- *
    display: block;
    float: left;
    vertical-align: top;
    width: 300px;
    height: 188px;
} */

/* #ctrl_denominations {
    display: inline-block;
    vertical-align: top;
    float: left;
    height: 45px;
}

#ctrl_quantity {
    display: inline-block;
    vertical-align: top;
    float: left;
    clear: left;
    width: 50px;
    height: 45px;
} */

/* input#input_quantity {
    width: 80px;
    height: 34px;
    margin-top: 15px;
    padding: 0 5px;
} */

/* #ctrl_quantity label.input_description {
    float: none;
    clear: left;
    margin-top: -1px !important;
} */

.labels {
    float: left;
    margin-right: 8px;
    font-weight: bold;
    text-align: right;
    width: 63px;
}

/* jsCarousel */

/* .jscarousal-horizontal {
    height: auto;
    margin: 0 auto;
    display: inherit !important;
    position: relative !important;
}

.jscarousal-contents-horizontal {
    height: 60px;
}

.jscarousal-horizontal-back,
.jscarousal-horizontal-forward {
    width: 20px !important;
    height: 50px !important;
    background-size: 80% !important;
    vertical-align: middle !important;
} */

/* #container_slidingImages {
    margin: 10px auto;
    max-width: 620px;
    min-width: 340px;
    height: 612px;
    padding: 32px;
    background: #FFF;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
} */

/* #ui_all {
    width: 100%;
} */

/* #input_quantity.error,
#input_denomination.error {
    border-color: red;
}

input.error {
    border: 1px solid #ff0000;
} */

/* #input_firstName.error {
    border-color: red;
} */

/* #img_shoppingCart {
    height: 20px;
} */

.inactive {
    font-size: 1em;
    color: #b7b7b7;
}

/* .mfp-container {
} */

.mfp-content {
    background-color: #FFFFFF;
    padding: 35px 35px 30px 35px;
    max-width: 600px;
    min-width: 380px;
    margin: 3px auto;
    -ms-box-shadow: 10 rgba(151, 67, 159, 0);
    box-shadow: 10 rgba(151, 67, 159, 0);
    left: 0;
    top: 100px;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 55%;
}

.mfp-text {
    line-height: 1.875em !important; /* --30px -- */
    font-size: 120%;
}

/* p#content_sessionTimeoutError,
p#content_mco_failed_description {
    font-size: 140%;
} */

#ctrl_header {
    max-width: 620px;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    min-width: 380px;
    position: relative;
}

#ctrl_bodyTop {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    width: 100%;
}

/* img.slider_card_design {
    cursor: pointer;
} */

 /* .jscarousal-contents-horizontal img {
    width: 75px;
    height: 50px;
    border-radius: 0.8em;
}  */

/* img#ctrl_preview_img,
img#img_card {
    border-radius: 1em;
    width: 100%;
    float: left;
    margin: 50px 0 10px;
} */

/* #container_cardInfo {
    padding-bottom: 5px;
} */

/* p#txt_preview_from {
    float: left;
    margin-top: 0px;
}

p#txt_preview_to,
p#card_text_to {
    float: left;
    margin: 0;
    padding: 1px 0 0;
}

p#txt_preview_msg,
p#card_text_message {
    clear: both;
    padding-top: 10px;
    width: 100%;
    white-space: pre-wrap;
}

#ctrl_preview_greetingMessage v {
    clear: both;
}

#ctrl_preview_to {
    clear: both;
} */

.clear {
    clear: both;
}

/* #ctrl_preview_cardnumberbarcode,
#card_barcode_container {
    overflow: hidden;
    text-align: center;
}

#ctrl_preview_rawcardnumberAndCvc span,
#card_number_container span {
    font-size: 12px;
}

#ctrl_preview_cardnumber,
#card_number_barcode_container {
    clear: both;
    /*width: 300px;*
    margin: 30px auto 40px;
}

#ctrl_preview_rawcardnumberAndCvc,
#card_number_container {
    text-align: right;
    float: right;
    /*width: 290px;*
    padding-top: 1px;
    line-height: 18px;
    margin-bottom: 10px;
}

#merchant_address_container {
    margin-top: 5px;
}

#ctrl_preview_cardnumberbarcode img,
#card_barcode_container img {
    width: 280px;
    margin: 20px auto auto;
}

#ctrl_preview_cardValue label,
#card_value_container label {
    font-size: 1.4em;
    float: left;
    width: 15px;
}

span#ctrl_preview_rawCardValue,
span#card_value_text {
    font-size: 1.4em;
}

#ctrl_preview_cardValue,
#card_value_container {
    width: 80px;
    float: left;
}

p#ctrl_preview_cardValueCurrency,
p#card_value_currency {
    margin-left: 0px;
    margin-top: 0px;
}

#ctrl_generalmessages {
    margin-top: 2em;
    margin-bottom: 2em;
}

    #ctrl_generalmessages .disclaimer-content {
        white-space: pre-wrap;
        height: 15em;
        overflow-y: auto;
        padding: 0 1em 0 1em;
        max-width: 508px;
    }

        #ctrl_generalmessages .disclaimer-content * {
            /*all: initial;*
        }

    #ctrl_generalmessages h2 {
        border: 0;
    }

#card_container {
    margin: auto;
    display: table;
}

#ctrl_generalmessages ul,
#legal_information_container ul {
    padding: 0px;
    margin: 12px;
    line-height: 18px;
} */

/* delivery method */

/* h2.card-subheading {
    font-size: 1.125rem !important;
}

#container_messageinfo {
    margin-top: 30px;
} */

#container_deliveryInfo {
    width: 100%;
}

/* .denomination > input {
    padding-right: 0.250em !important; /* -- 4px -- *
} */

i.icon {
    float: left;
}

.question.circle.icon {
    font-size: 7px !important;
}

i.circular.icon,
i.circular.inverted.icon {
    margin-top: 7px;
    margin-right: 2px;
    padding: 0.4em 0.4em 0.4em 0.4em !important;
    width: 1.6em !important;
    height: 1.6em !important;
}

.ui.tiny.popup {
    text-align: left !important;
    font-size: 10px !important;
    line-height: 120% !important;
}
/* 
#ctrl_popUpLink {
    float: right;
}

    #ctrl_popUpLink a {
        font-weight: bold;
    } */


/* #errormessages_preview {
    float: left;
    width: 100%;
} */
#container_errormessages {
    padding: 20px 0 20px 0;
    height: 100%;
    overflow: hidden;
}

    #container_errormessages label {
        font-size: 12px;
    }

.ui-datepicker {
    padding: 0.2em 0.2em 0;
    width: 16em;
}
/* 
#input_quantity {
    min-width: 70px;
} */

/* div#container_design.error {
    border: 1px solid #ff0000;
} */

/* #quantitybox {
    margin: 0px !important;
    padding: 0px !important;
} */

/* #title_slidingImages h2 {
    border-bottom: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
} */

.links {
    width: 110px;
}

form {
    margin-top: 15px;
    margin-bottom: 10px;
}
/* 
.fieldset-wrapper {
    margin-top: 15px;
    margin-bottom: 15px;
} */

/* #ctrl_creditCardInfo {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #c5c5c5;
    overflow: hidden;
    padding-bottom: 10px;
}

#ctrl_viewBillingInfo_bottom {
    padding-bottom: 42px;
}

input#btn_processPayment {
    float: right;
    margin-bottom: 5px;
}

#ctrl_viewBillingInfo_bottom p.notice {
    float: right;
    margin-right: 5px;
    margin-top: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px !important;
} */

/* #container_billingInfo label {
    float: left;
    height: 17px;
    margin-right: 5px;
    padding: 5px 0 0 0;
    text-align: left;
    vertical-align: middle;
    width: 128px;
    font-family: Arial, Helvetica, sans-serif;
    color: #707070;
}

    #container_billingInfo label.input_contactPhoneExtension {
        width: 60px;
    } */

/* 
#ctrl_billingInfo input,
textarea {
    width: 181px;
    float: left;
    margin-bottom: 3px !important;
}

input#input_contactPhoneExtension {
    width: 125px;
    float: left;
} */

/* .fieldset-wrapper input,
textarea {
    width: 181px;
    float: left;
    margin-bottom: 4px;
} */

/* #container_billingInfo select#select_country {
    width: 181px;
    color: #666;
    float: left;
    font-family: arial;
    font-size: 11px !important;
    padding-right: 3px;
    margin-bottom: 3px !important;
    border-color: #C5C5C5;
    border-radius: 0.188em 0.188em !important; /* -- 3px -- 
    -moz-border-radius: 0.188em 0.188em !important;
    -webkit-border-radius: 0.188em 0.188em !important;
}

select#select_creditCardType {
    width: 181px;
    color: #666;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px !important;
    padding-right: 3px;
    margin-bottom: 3px !important;
    border-color: #C5C5C5;
    border-radius: 0.188em 0.188em !important; /* -- 3px -- 
    -moz-border-radius: 0.188em 0.188em !important;
    -webkit-border-radius: 0.188em 0.188em !important;
}

select#select_month {
    width: 58px;
    color: #666;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px !important;
    padding-right: 3px;
    border-color: #C5C5C5;
    border-radius: 0.188em 0.188em !important; /* -- 3px -- 
    -moz-border-radius: 0.188em 0.188em !important;
    -webkit-border-radius: 0.188em 0.188em !important;
}

select#select_year {
    width: 58px;
    color: #666;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px !important;
    padding-right: 3px;
    border-color: #C5C5C5;
    border-radius: 0.188em 0.188em !important; /* -- 3px -- 
    -moz-border-radius: 0.188em 0.188em !important;
    -webkit-border-radius: 0.188em 0.188em !important;
}

span#card-exp-date-separator {
    color: #666666;
    float: left;
    font-family: arial;
    font-family: Arial, Helvetica, sans-serif;
    height: 21px;
    margin-left: 3px;
    margin-right: 0;
    padding-top: 5px;
    width: 15px;
} */

select {
    padding-top: 3px;
}

/* #container_billingInfo select#select_province {
    width: 181px;
    color: #666;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px !important;
    padding-right: 3px;
    margin-bottom: 3px !important;
    border-color: #C5C5C5;
    border-radius: 0.188em 0.188em !important; /* -- 3px -- *
    -moz-border-radius: 0.188em 0.188em !important;
    -webkit-border-radius: 0.188em 0.188em !important;
} */

option {
    vertical-align: middle;
}

/* 
.cvc-link {
    padding-top: 5px;
    margin-left: 1px;
    float: left;
}
.cvc-link-fr {
    padding-top: 5px;
    margin-left: 1px;
} */


select {
    height: 26px;
    margin-bottom: 4px;
}
/* 
.select-quantity {
    display: block;
    font-size: 14px;
    font-family: sans-serif;
    font-weight: 400;
    color: #282828;
    line-height: 1.3;
    padding: .5em 1.4em .5em .6em;
    height: 43px;
    width: 68px;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid #C5C5C5;
    border-radius: .313em;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=');
    background-repeat: no-repeat, repeat;
    background-position: right .2em top 50%, 0 0;
    background-size: 1.3em auto, 100%;
} */

    /* .select-quantity::-ms-expand {
        display: none;
    }

    .select-quantity:hover {
        border-color: #888;
    }

    .select-quantity:focus {
        border-color: #aaa;
        color: #222;
        outline: none;
    }

    .select-quantity option {
        font-weight: normal;
    }
 */

#ctrl_preview_to label {
    width: auto;
}

#ctrl_preview_from label {
    width: auto;
}

/* .termsAndConditions {
    display: inline-block !important;
    width: 100%;
    text-align: center;
}

a#link_termsAndConditions {
    padding-left: 0px;
    text-decoration: underline;
} */

h2.mfp-heading,
h2.warn {
    margin-bottom: 10px !important;
    border-bottom: none !important;
    font-size: 160% !important;
}

.mfp-text {
    line-height: 1.875em !important; /* -- 30px -- */
}

button.mfp-close {
    margin-top: 13px;
    margin-right: 13px;
    padding-left: 5px;
    padding-top: 0;
}

/* .line_item_data {
    padding-top: 0;
}

input.line_item_data {
    padding-left: 3px;
    padding-top: 0;
    font-size: 10px !important;
    font-family: AvenirLT-Roman, arial, verdana, helvetica, sans-serif !important;
} */

    /* input.line_item_data.btnshoppingCartItemRemove {
        padding-left: 3px;
        padding-top: 0;
        font-size: 12px !important;
        font-family: AvenirLT-Roman, arial, verdana, helvetica, sans-serif !important;
    } */

/* #what_is_cvc_container img {
    width: 138px;
    height: 110px;
} */

/* #payment_type_logo {
    margin-left: 7px;
    padding-left: 7px;
    border-left: 2px solid #C5C5C5;
    float: left;
} */

/* #container_billingInfo label.error {
    font-size: 9px;
    padding-left: 5px;
    padding-top: 0px;
    text-align: left;
    width: 200px;
    clear: both;
    float: none;
    margin-left: 100px;
    color: red;
} */

#error_content {
    margin-top: 15px;
}

/* input#input_cvc {
    width: 35px;
} */

#ctrl_merchantinfo h2 {
    border-bottom: 0px;
    padding-bottom: 0px;
}

#ctrl_merchantinfo p#p_merchant_name,
#merchant_name_container h2#merchant_name {
    padding: 0px;
    margin: 20px 0 5px 0;
}

/* 
tr#line-item-table-header {
    font-weight: bold;
    border-bottom: 1px solid #C5C5C5;
}

    tr#line-item-table-header td {
        padding: 0em 2em 0.25em 0em;
    }

tr.line-item-table-row {
    border-bottom: 1px solid #C5C5C5;
} */

/* .order-billing-information {
    width: 48%;
    float: left;
    margin-right: 4%;
}
    .order-billing-information h2 {
        margin-bottom: 10px;
    } */

/* .billing-name {
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 10px;
}

div.order-payment-information {
    width: 48%;
    float: left;
}
    div.order-payment-information h2 {
        margin-bottom: 10px;
    } */
/* 
.order-disclaimer {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #C5C5C5;
} */

.action-buttons {
    margin-bottom: 10px;
    border-top: 1px solid #C5C5C5;
    padding-top: 10px;
}
/* 
input#btn_buyAnotherCard {
    float: right;
} */

.order-information {
    margin-top: 10px;
}

    .order-information p {
        margin-top: 5px;
        font-size: 10.5px !important;
    }

/* .order-item-summary-total p {
    padding-top: 5px;
    text-align: right;
}

.order-item-summary img.line-item-card-design {
    width: 32px;
    height: 20px;
} */

/* input#btn_sendCapta {
    float: right;
    margin-top: 10px;
}

.send-captcha {
    width: 288px;
} */

.page_title {
    border-bottom: 1px solid #C5C5C5;
    display: block;
    margin: 0 auto;
    max-width: 765px;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 10px;
}

/* .captcha-content {
    max-width: 765px;
    overflow: hidden;
    margin: 0 auto;
} */

/* #ctrl_changeCaptcha {
    font-size: 10px;
    margin-left: 133px;
}

    #ctrl_changeCaptcha a {
        font-weight: bold;
    } */

/* .editor-label label#lbl_emptyInput.error {
    clear: both;
    float: left;
    font-size: 10px;
    margin-left: 132px;
    margin-top: 0px;
}


.editor-field label#lbl_wrongAnswer {
    float: left;
    margin-left: 5px;
    margin-top: 7px;
    font-size: 10px;
}

/* 
.captcha-content form {
    overflow: hidden;
} *
.editor-label label#lbl_captchaQuestion {
    margin-bottom: 15px;
} */

/* img#img_captcha {
    float: left;
    width: 130px;
}

input#input_captcha {
    float: left;
    width: 153px;
} */

/* ctrl_changeCaptcha {
    font-size: 9px;
} */

h2#merchant_name {
    border-bottom: 0px;
}

#merchant_name_container a {
    padding-left: 0px;
    padding-right: 0px;
    word-break: break-all;
}

#card_passbook_container {
    /* width: 234px;*/
    margin-bottom: 0px;
    clear: both;
    overflow: hidden;
    margin-left: 38px;
}

#ctrl_merchant_address {
    margin-top: 5px;
}
/* 
#printable_area_container {
    background-color: #FFFFFF;
    margin: 10px auto;
    max-width: 540px;
    min-width: 310px;
    padding: 15px;
    border: 1px solid #C5C5C5;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
} */
/* #card_print_container {
    margin: 0px 0px 3px 0px;
    float: right;
} */
#card_passbook_container img {
    float: right;
}
/* #ctrl_billingInfo label.input_description {
    padding-left: 3px;
    padding-top: 5px;
    text-align: left;
}

#payment_type_logo_container label.input_description {
    float: none;
    text-align: left;
    display: inline-block;
    margin-top: -6px;
    width: 100px;
    margin-left: 12px;
} */


#ctrl_header h1 {
    padding-bottom: 30px;
}
.text {
    font-size: 10px;
}

/* START 92385552 */
#body .content-wrapper.single-img {
}

    #body .content-wrapper.single-img #container_slidingImages {
        display: none;
    }

    #body .content-wrapper.single-img div#ctrl_slidingImages {
        display: none;
    }

    #body .content-wrapper.single-img #title_customize h2.brandable {
        display: none;
    }

    #body .content-wrapper.single-img #ctrl_controlButtons {
        margin-right: 144px;
    }

div#ctrl_slidingImages {
    padding-bottom: 20px;
}
/********************
*   Mobile Styles   *
********************/
@media only screen and  (max-width : 420px)
{
    #ctrl_header {
        min-width: 100%;
    }
    .ctrl_cardInfo {
        min-width: 100% !important;
        width: 100% !important;
    }
    #container_slidingImages {
        min-width: 100%;
        width: 100%;
    }
    /* .gc-design, .jscarousal-horizontal {
        width: 100%;
    } */

    /* input#input_denomination {
        width:100%;
        min-width: calc(100% - 80px) !important;
    } */
    /* mat-form-field {
        min-width: calc(100% - 50px) !important;
    } */
    .info {
        width: calc(100% - 20px) !important;
    }
    /* .termsAndConditions {
        width: 100%;
    } */
    .ui.input {
        width:210px;
        flex-direction:column;
    }
  /* .denomination {
        width: 100%;
    }
    .denomination2 {
        width: 100%;
        margin-top: 10px;
        display: flex;
    }
    .ui.top.attached.label {
        margin-top: 110px;
    } */
    .content-wrapper {
        width: 100%;
        min-width: 100%;
    }
    /* .deliveryInfoLine {
        margin-left: 70px !important;
        font-size: 12px;
    } */
    /* .image img {
        width: 60px !important;
        height: 36px !important;
    } */
    .actions {
        font-size: 12px !important;
        margin-left: 60px !important;
    }
    /* .ui.top.attached.label{
        margin-top: 120px;
    } */
 }
@media screen and (max-width: 320px) {
    /* #btn_addToShoppingCart.brandable,
    input#btn_buyAnotherCard,
    #btn_saveEditCartItem,
    #btn_cancelEditCartItem,
    input#btn_backToBilling {
        padding: 10px 15px 8px 15px !important;
    } */

    /* #btn_checkoutShoppingCartInIndexPage {
        font-size: 10px;
        padding: 5px;
    } */

    /* input#btn_processPayment {
        padding: 5px;
    } */

    #ctrl_header {
        min-width: 100%;
    }

    #ctrl_header h1 {
        font-size: 1.5rem;
    }
   
    .ctrl_cardInfo {
        min-width: 100%;
        width: 100%;
        margin: 10px 0 !important;
        padding: 24px;
    }

    #container_slidingImages {
        min-width: 100%;
        width: 100%;
        margin: 0;
        padding: 14px;
    }

    div#ctrl_slidingImages {
        padding-bottom: 0px;
    }

    /* .gc-design{
        width: calc(100% - 50px) !important;
        height: 120px !important;
    } */

    /* input#input_denomination {
        width: calc(100% - 50px);
    } */

    /* button.preset-denomination-button {
        width: 28%;
    } */

    /* mat-form-field {
        min-width: calc(100% - 50px) !important;
    } */

    /* .navigation_buttons input[type="button"] {
        padding: 5px !important;
    } */

    /* input#btn_addAnoterCardInBilling {
        font-size: 12px;
        padding: 4px;
    } */

    /* #container_billingInfo label.error {
        margin-left: 0px;
        margin: 10px;
    }

    #container_billingInfo label {
        width: 80px;
    }

    #ctrl_billingInfo input, textarea {
        width: 100%;
    } */

    .info {
        width: calc(100% - 20px) !important;
        padding: 0px !important;
        margin: 0px !important;
        left: 15px !important;
    }
/* 
    .termsAndConditions {
        width: 100%;
    } */

    /* #ctrl_denominations {
        display: inline;
        height: 160px;
        width: 100%;
    } */

    .ui.input {
        width: 100%;
        flex-direction: column;
    }

    /* .denomination {
        margin-top: 30px;
    }

    .denomination2 {
        margin-top: 10px;
        width: calc(100% - 20px);
        display: flex;
    }

    .ui.top.attached.label {
        margin-top: 2px;
    }

    .ui.top.attached.label:first-child + :not(.attached)
    .ui.top.attached.label:first-child + :not(.attached) {
        margin-top: 0px !important;
    }

    .jscarousal-contents-horizontal > div, .jscarousal-contents-horizontal {
        height: 80px;
        margin-left: 1.6em;
    }
    #minMax {
        font-size: 11px;
    }

    #ctrl_quantity.ui.segment {
        margin-top: 35px;
    }
    .quantity_margin {
        margin-bottom: 15px !important;
    } */

    /* .empty-label {
        font-size: 24px !important;
    } */

    /* .deliveryInfoLine {
        font-size: 11px !important;
    } */
}
@media screen and (max-width: 280px) {
    #ctrl_header {
        min-width:calc(100% - 20px);
    }
    #ctrl_shoppingCartSnapshotGroup {
        right: -40px;
    }
    .ctrl_cardInfo {
        /* min-width: calc(100% - 40px) !important; */
        width: calc(100% - 40px) !important;
        margin: 8px 0 !important;
        padding: 12px;
    }

    #container_slidingImages {
        min-width: calc(100% - 40px);
        width: calc(100% - 40px);
        margin: 0;
    }

    /* .gc-design,*/ .ui.input { 
        width: 210px;
    }

    /* input#input_denomination {
        min-width: 210px;
        width: 210px;
    } 

    .denomination2 {
        width: 240px;
    }
   
    .jscarousal-contents-horizontal > div, .jscarousal-contents-horizontal {
        margin-left: 1.2em;
    }
/* 
    mat-form-field {
        min-width: 210px !important;
    } */

    /* .express-cart-container {
        margin-bottom: 0px !important;
        margin-right: 55px !important;
    } */

    .actions > button {
        padding-right: 1em !important;
    }

    .info {
        width: 270px !important;
        padding: 0px !important;
        margin: 0px !important;
        left: 0px !important;
    }

    /* .termsAndConditions {
        width: 280px;
    } */
}


@media only screen and (min-width: 320px) and (max-width: 380px) {
    /* .fr-btn {
        margin-right: 0px;
    } */
}

@media only screen and (min-width : 321px) and (max-width : 480px) {
    /* span#val_shoppingCartTotalQuantity {
        margin-left: 3%;
    } */

    /* #ctrl_controlButtons {
        float: none;
        margin-right: 0;
    } */

    #ctrl_to,
    #ctrl_greetingMessage,
    #from {
        margin-right: 5%;
    }

    .mfp-container {
        width: 96%;
        left: 2%;
    }

    .mfp-content {
        padding: 25px 25px 20px 25px;
        position: absolute;
    }

    .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
        width: 100%;
    }

    #ctrl_header {
        padding-top: 10px;
    }

    img#ctrl_preview_img {
        margin-top: 30px;
        width: 100%;
    }

    .ctrl_cardInfo {
        width: 100%;
    }

    #ctrl_preview_cardnumber {
        margin-bottom: 20px;
    }

    #ctrl_preview_cardValue {
        width: 60px;
    }

    #ctrl_generalmessages {
        width: 100%;
    }

    #ctrl_popUpLink {
        float: right;
    }

    /* #title_slidingImages h2 {
        border-bottom: 1px solid #C5C5C5;
    } */

    button.mfp-close {
        margin-top: 10px;
        margin-right: 10px;
    }

    #ctrl_merchantinfo p#p_merchant_name {
        margin: 20px 0 5px 0;
    }

    #ctrl_header h1 {
        width: 100%;
        margin-left: 3%;
        font-size: 1.5rem;
    }

    .mfp-text {
        line-height: 1.625em; /* --26px -- */
    }

    #ctrl_preview_rawcardnumberAndCvc {
        width: 100%;
        float: none;
    }

    #ctrl_preview_cardnumberbarcode img {
        width: 100%;
    }

    #ctrl_preview_cardnumberbarcode img {
        margin: 10px auto 10px;
    }

    /* button.preset-denomination-button {
        width: 31.6%;
        margin: 1px;
    }

    .denomination2 {
        width: 100%;
        margin-top: 5px;
        margin-left: 0;
    }

    .gc-design {
       margin: 20px auto 10px;
    }

    img#img_selected.ui.large.image {
        width: 520px;
        height: 100%;
    } */

    /* #container_slidingImages {
        height: 630px;
        padding: 24px;
    } */

    .ctrl_cardInfo {
        padding: 24px;
    }

    /* .jscarousal-contents-horizontal img {
        width: 92px;
        height: 56px;
    } */

    div#ctrl_slidingImages {
        float: none;
        margin-right: 0px;
        width: 100%;
    }

    .ui.icon.input {
        margin-top: 0;
        clear: both;
        width: 100%;
        display: block;
    }

    /* .ui.top.attached.label {
        margin-top: 120px;
    } */

    /* input#input_denomination {
        width: 100%;
        min-width: 310px;
    } */

    #ctrl_shoppingCartSnapshotGroup {
        right: 10px;
    }

    /* #ctrl_billingInfo input, textarea {
        width: 100%
    } */
    div#container_errormessages {
        height: 100%;
    }
}

@media screen and (min-width : 481px) and (max-width: 760px) {
    .mfp-content {
        position: absolute;
    }

    /* .ui.top.attached.label {
        margin-top: 140px;
        margin-left: -17px;
    } */

    #ctrl_shoppingCartSnapshotGroup {
        right: 10px;
    }

    /* button.preset-denomination-button {
        width: 32.8%;
        margin: 1px;
    } */

    /* input#input_denomination {
        width: 100%;
    } */

    /* .denomination {
        width: 100%;
    }

    .denomination2 {
        margin-top: 5px;
        margin-left: 0;
        width: 100%;
    }

    #ctrl_denominations.ui.segment {
        z-index: 100;
        width: 100%
    }

    #ctrl_quantity {
        width: 70px;
    }

    input#input_quantity {
        margin-top: 66px;
    } */

    /* #container_slidingImages {
        height: 660px;
        padding: 28px;
    } */

    .ctrl_cardInfo {
        padding: 28px;
    }

    .ui.icon.input {
        clear: both;
        width: 100%;
        display: block;
    }

    .label {
        width: 99px;
    }
}


@media only screen and (min-width : 480px) and (max-width: 765px) {
    /* header
    ----------------------------------------------------------*/
    header .float-left, header .float-right {
        float: none;
    }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /* menu */
    nav {
        margin-bottom: 5px;
    }


    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
    }

    /* @media screen and (max-width:765px){
    div.content-wrapper { padding-right: 3px; padding-left: 3px;}
 } */



    .featured .content-wrapper {
        padding: 10px;
    }

    /* features */
    section.feature {
        float: none;
        padding: 10px;
        width: auto;
    }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */
    input {
    }


    /* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right {
        float: none;
    }

    footer {
        text-align: center;
        height: auto;
        padding: 10px 0;
    }

        footer p {
            margin: 0;
        }
    #ctrl_generalmessages,
    #legal_information_container {
        width: 310px;
    }

    /*#card_container {
            display: inherit;
        }*/
    div#errormessages_preview {
        clear: both;
        margin-top: 50px;
    }
    div#container_errormessages {
        height: 100%;
    }
    #container_deliveryInfo {
        float: none;
    }
    /* div.order-billing-information {
        width: 100%;
        float: none;
        clear: both;
    } */

    /* .termsAndConditions {
        display: inline-block ;
    } */
    /* div.order-payment-information {
        width: 100%;
        float: none;
        clear: both;
    } */
    /* div#printable_area_container {
        border: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        padding: 0px;
        margin: 0px auto;
    }
    div#card_print_container {
        margin: 0px 0px 3px 225px;
        float: left;
        clear: both;
    } */
    /* div.captcha-content label#lbl_wrongAnswer {
        margin-left: 134px;
        margin-bottom: 5px;
    } */
    div#merchant_information_container {
        width: 300px;
    }
    #ctrl_header h1 {
        margin-left: 10px;
    }
    #body .content-wrapper.single-img /* #ctrl_controlButtons*/ { 
        margin-right: 0;
        float: left;
    }
    /* .cvc-link {
        float: left;
    }
    .cvc-link-fr {
        float: left;
    } */
}

/* END 92385552 */

/*  Below CSS changes only happen when an iphone screen is detected as the user's device   */

/* #card_passbook_container {
    clear: both;
    margin-bottom: 0;
    width: 310px;
    margin-top: 10px;
    overflow: hidden;
    z-index: 1000;
}   

#card_barcode_container img {
    float: center;
    margin-top: 0px;
    width: 185px;

}   

#card_barcode_container {
    margin-bottom: 3px;
    margin-top: 8px;
}

*/

/* Tablets  ------------------------------------ */




/* Smartphones  ------------------------------- */