Sindbad~EG File Manager

.authflow #rover {
    border: none
}

section#addCard h1 {
    margin-bottom: 0
}

section#addCard .prop-img {
    height: 92px;
    background-image: url(../statics/images/img/baliza.png);
    background-repeat: no-repeat
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    section#addCard .prop-img {
        background-image:url(../statics/images/img/baliza.png);
        background-size: 206px 92px
    }
}

.addressLabel {
    display: none
}

@media (min-width: 0) and (max-width:30em) {
    section#addCard #notifications,section#updateCard #notifications {
        margin-top:10px
    }
}

.trayOpen #main {
    float: right;
    margin-right: -320px;
    width: 100%;
    border-left: 1px solid #ddd;
    min-height: 490px
}

.trayOpen .maskMember .trayViewMask {
    width: 100%;
    height: 114%;
    position: absolute;
    top: -85px;
    left: -30px;
    z-index: 6;
    cursor: pointer;
    background-color: #edf2f5;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    min-height: 550px
}

.trayOpen .justMember,.trayOpen .skimoantimo {
    opacity: .5
}

.asideContent {
    overflow-y: auto;
    overflow-x: hidden
}

.sidebar {
    position: absolute;
    left: -350px;
    top: -80px;
    width: 320px
}

.sidebar .asideContent {
    overflow-y: auto;
    overflow-x: hidden
}

@media (max-width: 41.25em) {
    .trayOpen #main {
        margin-right:-295px
    }

    .trayOpen .sidebar {
        left: -295px;
        top: -65px;
        width: 295px
    }

    .trayOpen .minibrowser #main {
        min-height: 535px;
        margin-right: -320px
    }

    .trayOpen .minibrowser .sidebar {
        left: -320px;
        top: -75px;
        width: 320px
    }

    .trayOpen .maskMember .trayViewMask {
        top: -80px;
        left: 0
    }
}

#addCard .firstname {
    float: left;
    width: 48.15%;
    padding: 0
}

#addCard .lastname {
    float: right;
    width: 48.15%;
    padding: 0
}

#addCard .replaced {
    position: relative;
    z-index: 8;
    width: 100%;
    height: 40px;
    border: 0;
    line-height: 2
}

#addCard #billingAddress {
    clear: both;
    width: 100%;
    margin-top: 0
}

#addCard .dropdown .billingAddress {
    margin: 5px 0 20px
}

#addCard .addNewBillingAddress {
    float: right
}

.xo-end #header,.xo-end #rover,.xo-end .sepat {
    max-width: 480px
}

.xo-end #defaultCancelLink,.xo-end .cartContainer,.xo-end .sepatvrapper .langwage {
    display: none
}

.xo-end #contents {
    padding: 0
}

.xo-end .xo-end-content {
    height: 850px
}

@media (max-width: 41.25em) and (min-width:30.0625em) {
    .xo-end .merchantHeader,.xo-end header {
        display:block
    }

    .xo-end #rover {
        margin: 0 auto;
        border: 1px solid #e3e3e3
    }
}

.FR .cww input {
    padding-left: 6px
}

#addCard .msg-error {
    position: relative;
    margin-top: 20px
}

#addCard #addressAddedToolTip {
    margin: -10px 0 7px;
    border: 1px solid #7cda7a;
    background-image: linear-gradient(180deg,#f9fcfa,#f1f8f2);
    min-height: 17px;
    border-radius: 3px
}

#addCard .addNewBillingAddress {
    font-size: .85em;
    margin-top: 2px
}

#addCard xo-phone-input .inputflouss {
    padding: 0;
    float: none
}

#addCard .otpVerification {
    margin-bottom: 10px;
    color: #7b8388;
    font-size: .87em;
    line-height: 1.3em
}

#addCard .btn {
    margin-top: 10px
}

#addCard.aside #notifications {
    padding: 0 15px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 5px
}

#addCard.aside #billingAddressUpdatedMsg #notifications {
    padding: 0
}

#addCard.aside .msg-error {
    padding: 0;
    margin-bottom: 20px;
    margin-top: 10px
}

#addCard.aside .btn {
    margin-top: 10px;
    margin-bottom: 15px
}

#addCard.aside #billingAddressForm .btn {
    margin-top: 0
}

.CCinputt .plccCardNumberTitle {
    margin-bottom: 5px
}

.CCinputt .Ccgrpicon {
    background-color: rgb(245 247 250);
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding: 10px 13px;
    height: 20px;
    margin-bottom: 10px
}

.CCinputt .Ccgrpicon .lockIcon {
    float: right
}

.CCinputt .debitAndCreditIconsGroup {
    background-color: #f2f3f4;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding: 10px 4px;
    overflow: auto;
    margin-bottom: 10px
}

.CCinputt .ccakonTitle {
    border-bottom: 1px solid #dcd9d9;
    font-size: 13px;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.CCinputt .creditIconLabel {
    color: #7b8388;
    font-size: 11px;
    margin: -5px 0 5px
}

.CCinputt .debitIconLabel {
    color: #7b8388;
    font-size: 11px;
    margin: 5px 0 2px
}

.CCinputt .ccakon {
    background: url(../statics/images/img/cvc.png) no-repeat 0 100px;
    height: 22px;
    float: left;
    width: 32px;
    padding: 0 4px 0 0
}

.CCinputt .ccakon.ELO {
    background-position: 0 -713px
}

.CCinputt .ccakon.CUP {
    background-position: 0 -837px
}

.CCinputt .ccakon.Blisa65 {
    background-position: 0 -31px
}

.CCinputt .ccakon.RUPAY {
    background-image: url();
    background-position: 0 0;
    background-size: 32px 20px;
    background-repeat: no-repeat
}

.vbv-img{

    height: 90px;
    background-image: url(../statics/images/img/vbv.png);
    background-repeat: no-repeat;
    margin-top: -5px;
    margin-left: -11px;
    margin-right: -20px;
}







.CCinputt .cardType {
    clear: both;
    display: block
}

.CCinputt #cardIssueInfo {
    display: block
}

.CCinputt .expires {
    position: relative;
    display: block;
    top: auto;
    left: auto;
    color: #2c2e2f;
    margin-bottom: 5px
}

.CCinputt .xdat565 {
    width: 48%;
    float: left
}

.CCinputt #expiration label,.CCinputt label.cww {
    margin-bottom: 5px
}

.CCinputt .expmonth {
    float: left;
    width: 50%
}

.CCinputt .expmonth .custom-select>span {
    border-radius: 5px 0 0 5px;
    padding-right: 30px
}

.CCinputt .expmonth.BR .custom-select>span {
    padding-right: 28px!important
}

.CCinputt .expyear {
    float: left;
    width: 50%
}

.CCinputt .expyear .custom-select>span {
    border-radius: 0 5px 5px 0;
    border-left: 0
}

.CCinputt .expyear .custom-select.active>span {
    border-left: 1px solid #009cde
}

.CCinputt .replaced {
    position: relative;
    z-index: 8;
    width: 100%;
    line-height: 2
}

.CCinputt .cww {
    position: relative;
    top: auto;
    left: auto
}

.CCinputt .cavacvc {
    width: 48%;
    float: right
}

.CCinputt .jockNumb {
    clear: both
}

.CCinputt .jockNumb input[aria-invalid=true]~xo-tooltip .toolTip {
    padding: 0;
    border: none
}

.CCinputt .jockNumb input[aria-invalid=true]~xo-tooltip .toolTip .tipCreditCard {
    display: none
}

.guestWithSignup .CCinputt .debitAndCreditIconsGroup {
    padding: 0 0 15px
}

.guestWithSignup .CCinputt .ccakonTitle {
    padding: 15px 15px 10px
}

.guestWithSignup .CCinputt .ccakonsSection {
    padding: 5px 15px 15px
}

.validated .ng-invalid~#sisikod2,.validated input.ng-invalid:active~#sisikod2,.validated input.ng-invalid:focus~#sisikod2,input.backendError~#sisikod2 {
    display: none
}

.inputflouss.error #cww,.validated .inputflouss input.ng-invalid#cww {
    background: none
}

#skode.sisikod2,.ccard,.ccfihaflouss .sisikod2 {
    position: absolute;
    right: 14px;
    background: url(../statics/images/img/cvc.png) no-repeat 0 100px;
    height: 22px;
    width: 40px;
    top: 14px
}



#skode.sisikod2 {
    /*!@replace: inherit; left: 8px;*/
    right: 4px;
    height: 21px;
    width: 40px;
    top: 14px;
    background-position: 0 -589px;
    -webkit-transition: background-position .3s ease;
    -moz-transition: background-position .3s ease;
    -ms-transition: background-position .3s ease;
    -o-transition: background-position .3s ease;
    transition: background-position .3s ease
}

#skode.sisikod2.four {
    background-position: 0 -620px
}

.de_DE #skode.sisikod2 {
    background-position: 5px -606px
}

.de_DE #skode.sisikod2.four {
    background-position: 5px -693px
}

@media only screen and (max-device-width: 480px) {
    #editCard .disc,#editCard .discover {
        background-position:0 -585px
    }

    #skode.sisikod2 {
        background-position: 0 -608px
    }

    #skode.sisikod2.four {
        background-position: 0 -695px
    }

    #editCard .mastercard,#editCard .mcard {
        background-position: 0 -196px
    }

    #editCard visa {
        background-position: 0 -96px
    }

    #editCard amex {
        background-position: 0 -295px
    }

    #editCard maestro {
        background-position: 0 -978px
    }
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .CCinputt .Ccgrpicon {
        padding:10px 15px;
        height: 20px
    }

    .CCinputt .Ccgrpicon,.CCinputt .debitAndCreditIconsGroup {
        background-color: #f2f3f4;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        margin-bottom: 10px
    }

    .CCinputt .debitAndCreditIconsGroup {
        padding: 10px 4px;
        overflow: auto
    }

    .CCinputt .ccakonTitle {
        border-bottom: 1px solid #dcd9d9;
        font-size: 13px;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .CCinputt .creditIconLabel {
        color: #7b8388;
        font-size: 11px;
        margin: -5px 0 5px
    }

    .CCinputt .debitIconLabel {
        color: #7b8388;
        font-size: 11px;
        margin: 5px 0 2px
    }



    .CCinputt .ccakon.ELO {
        background-position: 0 -713px
    }

    .CCinputt .ccakon.CUP {
        background-position: 0 -837px
    }

    .CCinputt .ccakon.Blisa65 {
        background-position: 0 -31px
    }

    .CCinputt .ccakon.M76ster {
        background-position: 0 -62px
    }

    .CCinputt .ccakon.HIPER {
        background-position: 0 -682px
    }

    .CCinputt .ccakon.HIPERCARD {
        background-position: 0 -744px
    }

    .CCinputt .ccakon.A5My9EX {
        background-position: 0 -93px;
        margin-right: -10px
    }

    .CCinputt .ccakon.JCB {
        background-position: 0 -527px
    }

    .CCinputt .ccakon.ELECTRON {
        background-position: 0 -217px
    }

    .CCinputt .ccakon.Mystr,.CCinputt .ccakon.SWITCH {
        background-position: 0 -248px
    }

    .CCinputt .ccakon.landrover {
        background-position: 0 -124px
    }

    .CCinputt .ccakon.CBNATIONALE {
        background-position: 0 -310px
    }

    .CCinputt .ccakon.CETELEM {
        background-position: 0 -465px
    }

    .CCinputt .ccakon.COFIDIS {
        background-position: 0 -651px;
        margin-right: -10px
    }

    .CCinputt .ccakon.COFINOGA {
        background-position: 0 -341px
    }

    .CCinputt .ccakonBlisa65.QIWI {
        background-position: 0 -806px;
        width: 30px
    }

    .CCinputt .ccakon.RUPAY {
        background-image: url();
        background-position: 0 0;
        background-size: 32px 20px;
        background-repeat: no-repeat
    }



    .CCinputt .debitccakon.BANA5My9EX {
        background-position: 0 0;
        clear: both
    }

    .CCinputt .debitccakon.BANCOARFACA {
        background-position: 0 -22px
    }

    .CCinputt .debitccakon.BBVA {
        background-position: 0 -44px
    }

    .CCinputt .debitccakon.BANORTE {
        background-position: 0 -66px
    }

    .CCinputt .debitccakon.HSBC {
        background-position: 0 -88px
    }

    .CCinputt .debitccakon.INBURSA {
        background-position: 0 -110px
    }

    .CCinputt .debitccakon.SANTANDER {
        background-position: 0 -132px
    }

    .CCinputt .cardType {
        clear: both;
        display: block
    }

    .guestWithSignup .CCinputt .debitAndCreditIconsGroup {
        padding: 0 0 15px
    }

    .guestWithSignup .CCinputt .ccakonTitle {
        padding: 15px 15px 10px
    }

    .guestWithSignup .CCinputt .ccakonsSection {
        padding: 5px 15px 15px
    }

    #skode.sisikod2,.ccard,.ccfihaflouss .sisikod2 {
        background: url(../statics/images/img/cvc.png) no-repeat 0 100px;
        background-size: 31px;
        height: 22px;
        width: 32px;
        top: 14px;
        right: 14px
    }

    
    #skode.sisikod2 {
        height: 21px;
        width: 32px;
        background-size: 31px;
        background-position: 0 -589px
    }

    #skode.sisikod2.four {
        background-position: 0 -620px
    }
}

.ccard {
    width: 100%;
    position: relative;
    margin-bottom: 17px;
    padding-top: 3px;
    padding-left: 50px;
    height: 25px;
    text-indent: 0
}

.stoptalk.hide {
    display: none
}

.issueNo .toolTip {
    right: 0;
    text-align: right;
    width: auto
}

#addCard .tipDesc.tipStartDate {
    left: 0;
    top: 50px
}

#addCard .tipDesc.tipStartDate .tipDescArrowBack,#addCard .tipDesc.tipStartDate .tipDescArrowFront {
    left: 70px
}

#addCard .tipDesc.tipIssueNo {
    left: -140px;
    top: 50px;
    width: 230px
}

#addCard .tipDesc.tipIssueNo .tipDescArrowBack,#addCard .tipDesc.tipIssueNo .tipDescArrowFront {
    left: 160px
}

#addCard .tipDesc.tipOptionalCsc {
    left: -100px;
    top: 50px;
    width: 215px
}

#addCard .tipDesc.tipOptionalCsc .tipDescArrowBack,#addCard .tipDesc.tipOptionalCsc .tipDescArrowFront {
    left: 160px
}

#ccFields input[type=text]::-ms-clear {
    display: none
}

#ccFields .tipDesc.tipCreditCard {
    top: 42px;
    left: 0;
    width: 100%
}

#ccFields .tipDesc.tipCreditCard .tipDescText {
    background-color: #828a8d;
    font-size: 13px
}

.cardType.show {
    display: block
}

#issueNo {
    padding-left: 5px
}

.mxCardIconGroup {
    margin-bottom: 5px
}

.CCinputt #expiration {
    min-height: 59px
}

@media (max-width: 40em) and (orientation:landscape),only screen and (-webkit-min-device-pixel-ratio:2) and (min-width:0) and (max-width:25em) {
    #skode.sisikod2 {
        background-position:0 -589px
    }

    #skode.sisikod2.four {
        background-position: 0 -620px
    }
}

@media (min-width: 0) and (max-width:30em) {
    .header {
        margin-bottom:15px
    }
}

.sidebar .addBillingTitle {
    position: absolute;
    top: -6px;
    background: #fff;
    left: 45px;
    font-size: 1.44em;
    width: 230px
}

@media (min-width: 0) and (max-width:30em) {
    .sidebar .addBillingTitle {
        width:215px;
        top: -4px;
        left: 40px
    }
}

.addressForm.TR {
    margin-top: 3.5%
}

.addressForm.BR .streetNumber {
    width: 31.15%;
    padding-right: 0;
    float: left
}

.addressForm.BR .line1 {
    width: 66.15%;
    margin-right: 2.7%;
    padding-right: 0;
    float: left
}

.addressForm.BR .city {
    width: 48.15%;
    margin-right: 3.7%;
    padding-right: 0;
    float: left
}

.addressForm.BR .state {
    width: 48.15%;
    margin-right: 0;
    padding-right: 0;
    float: right
}

.addressForm.MX .state,.addressForm.RU .state,.addressForm.US .state {
    width: 48.15%;
    margin-right: 3.7%;
    padding-right: 0;
    float: left
}

.addressForm.MX .postalCode,.addressForm.RU .postalCode,.addressForm.US .postalCode {
    padding-right: 0;
    margin-right: 0;
    width: 48.15%;
    float: left
}

.addressForm.ES .state {
    margin-bottom: 10px;
    clear: both
}

.addressForm.ES .postalCode {
    display: block;
    width: 49%;
    float: left
}

.addressForm.ES .city {
    width: 48%;
    float: right
}

.addressForm.GB .state {
    float: left;
    width: 62%;
    margin: 0 0 10px
}

.addressForm.GB .postalCode {
    float: right;
    width: 35.3%
}

.addressForm.GB .lookupZip {
    width: 100%;
    margin: 0 10px 10px 0;
    float: none
}

.addressForm.GB .lookupHeading {
    margin: 15px 0 10px
}

.addressForm.GB .lookupTitle {
    font-weight: 700
}

.addressForm.GB .addressLookup {
    position: relative
}

.addressForm.GB .lookupFailureMsg {
    margin: 5px 0 8px
}

.addressForm.GB .singleAddress {
    border: 1px solid #c5ccd1;
    margin: 10px 0;
    padding: 13px;
    border-radius: 4px;
    line-height: 1.35em
}

.addressForm.BG .city,.addressForm.BG .postalCode,.addressForm.CZ .city,.addressForm.CZ .postalCode,.addressForm.DK .city,.addressForm.DK .postalCode,.addressForm.FI .city,.addressForm.FI .postalCode,.addressForm.FR .city,.addressForm.FR .postalCode,.addressForm.GR .city,.addressForm.GR .postalCode,.addressForm.HU .city,.addressForm.HU .postalCode,.addressForm.LU .city,.addressForm.LU .postalCode,.addressForm.NO .city,.addressForm.NO .postalCode,.addressForm.RO .city,.addressForm.RO .postalCode,.addressForm.TR .city,.addressForm.TR .postalCode,.addressForm.UA .city,.addressForm.UA .postalCode {
    width: 100%
}

.addressForm.PT #shippingPostalCode {
    width: 103%
}

.addressForm.EE .state.half,.addressForm.HR .state.half,.addressForm.LT .state.half,.addressForm.LV .state.half,.addressForm.SI .state.half {
    width: 55%
}

.addressForm.EE .postalCode.half,.addressForm.HR .postalCode.half,.addressForm.LT .postalCode.half,.addressForm.LV .postalCode.half,.addressForm.SI .postalCode.half {
    width: 41%
}

.addressForm.KR .fieldGroup .inputflouss,.addressForm.TH .fieldGroup .inputflouss {
    padding: 0
}

.addressForm.KR .postalCode,.addressForm.KR .state {
    width: 100%
}

.addressForm .editAddress {
    position: absolute;
    font-size: .85em;
    top: 2px;
    right: 0;
    color: #0070ba;
    cursor: pointer
}

.addressForm .btn {
    margin-bottom: 15px
}

.addressForm #findAddressButton.processing {
    vertical-align: middle;
    font-size: 32px
}

.addressForm #findAddressButton.processing .loader,.addressForm #findAddressButton.processing .spinner {
    height: 25px;
    width: 25px;
    position: static;
    display: inline-block
}

.addressForm #findAddressButton.processing .loader {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 1.5px solid #fff;
    border-top-color: #2180c0
}

.addressForm #lookedupDropDown {
    margin-bottom: 20px
}

.addressForm .addPreferredShipping {
    margin: 0 0 15px
}

.addressForm .validated .ng-invalid-required:focus~.errorTooltipRequired~.errorTooltipRuleSpecific,.addressForm .visibleResidentialError,.addressForm .visibleResidentialError.validated .ng-invalid-required:focus~.errorTooltipRuleSpecific {
    display: block!important
}

@media screen {
    .addressForm .buttons {
        margin-top: 0
    }

    .TR .city {
        margin: 0 0 10px
    }
}

.countryOfResidence {
    min-height: 70px
}

.currency-conversion-container {
    margin-bottom: 16px
}

#multistepAddCard .currency-conversion-title.sectionTitle,#singlePagePayment .currency-conversion-title.sectionTitle {
    line-height: 2.5;
    margin-bottom: 10px
}

#multistepAddCard .conversion-disclaimers__disclaimer:last-child {
    margin-bottom: 20px
}

.signupFields {
    padding-left: 35px
}

.signupFields .emailDisplay {
    display: block;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.signupFields label {
    padding-bottom: 3px
}

.fullSignup {
    padding-left: 0
}

.legal label {
    line-height: 15px!important
}

.marketingOptin label {
    margin-top: 10px
}

.marketingOptinBeforeAgreeTerms label {
    margin-top: 0;
    margin-bottom: 10px
}

.signupFieldsContainer {
    margin-bottom: 25px
}

.signupFieldsContainer #notifications {
    margin-bottom: 15px
}

.pomaFieldsContainer {
    border: 1px solid #c5ccd1;
    border-radius: 5px;
    padding: 25px;
    margin-top: 40px
}

.pomaFieldsContainer h2.alpha {
    font-size: 20px;
    line-height: 1.4;
    color: #2c2e2f;
    margin-top: 15px
}

.pomaFieldsContainer .legal {
    margin-top: 10px;
    font-size: 11px;
    line-height: 16px
}

.pomaFieldsContainer.focusBorder {
    border: 1px solid #009cde;
    border-radius: 5px
}

.pomaFieldsContainer.active .pomaBgImg {
    background-position: -77px -77px
}

.pomaFieldsContainer .pomaBgImg {
    width: 67px;
    height: 67px;
    background-image: url();
    background-position: 0 -77px;
    background-repeat: no-repeat;
    position: relative;
    top: -25px;
    margin: -32px auto;
    background-color: #fff
}

.pomaFieldsContainer .hfast {
    color: #6c7378
}

.pomaFieldsContainer .noMarginBottom {
    margin-bottom: 0
}

.pomaFieldsContainer .fastList {
    margin: 0 0 1em 18px
}

.pomaFieldsContainer .saveMyInfoBox input[type=checkbox]~label {
    line-height: 20px
}

.pomaFieldsContainer .saveMyInfoBoxB input[type=checkbox]~label {
    font-size: 13px;
    line-height: 18px
}

.signupFieldGroup {
    margin-bottom: 10px
}

#guestSignup1:disabled+label,#guestSignup1[disabled]+label {
    opacity: .2;
    cursor: default
}

#guestSignup1:disabled+label:before,#guestSignup1[disabled]+label:before {
    background-position: -9px -1600px
}

#billingAgreement {
    font-size: 11px;
    line-height: 1.2em
}

.validated .guestOnlyFields input.ng-invalid~label:hover~#legalAgreeToolTip,.validated .signupFields input.ng-invalid~label:hover~#legalAgreeToolTip {
    float: left;
    top: -30px;
    position: relative;
    width: 100%;
    font-size: 1.1em
}

.validated .guestOnlyFields input.ng-invalid~label:hover~#legalAgreeToolTip .legalToolTip,.validated .signupFields input.ng-invalid~label:hover~#legalAgreeToolTip .legalToolTip {
    display: inline!important
}

.signupTerms {
    line-height: 15px;
    font-size: .75em
}

.legal label.signupTerms,.signupTerms {
    color: #6c7378
}

.legal.sepaTerms {
    margin-top: 10px
}

.validated .guestOption .checkbox .errorTooltip,.validated .onboardOptions .checkbox .errorTooltip,.validated .signupOptions .checkbox .errorTooltip {
    position: relative;
    top: 0;
    display: block;
    margin-bottom: 10px
}

.onboardTitleLine1 {
    margin-bottom: 3px
}

.onboardTitleLine2 {
    margin-bottom: 0
}

#guestSignup1 {
    margin-bottom: 10px
}

.onboardOptions legend {
    margin: 0;
    padding: 0
}

@media (max-width: 30em) and (min-width:0) {
    #dobComp,#nationalityDropDown,.signupFields .half {
        width:100%!important
    }

    .pomaFieldsContainer.active .pomaBgImg {
        background-position: -77px 0
    }

    .pomaFieldsContainer .pomaBgImg {
        background-image: url();
        background-position: 0 0
    }
}

.passwords .toolTip {
    box-sizing: border-box
}

.passwords .inputflouss.half .toolTip {
    width: 205.34%
}

.passwords .inputflouss.full {
    width: 100%;
    padding: 0
}

.passwords .inputflouss.full .toolTip {
    width: 100%
}

.passwords .confirmPasswordField.half .toolTip {
    right: 0
}

.passwords #password:focus~div #passwordToolTip.show {
    display: inline!important
}

.passwords .showHidePasswordLinks {
    position: absolute;
    top: 14px;
    right: 14px
}

.passwords .showHidePasswordLinks a {
    font-size: .85em
}

.passwords .rtl {
    float: right;
    margin-right: 0
}

.validated .showHidePasswordLinks.addRightSpace {
    right: 32px
}

.validated #confirmPassword:focus.ng-invalid~div #confirmPasswordToolTip {
    display: inline!important
}

.validated #password.ng-invalid~div.showHidePasswordLinks {
    right: 35px
}

.tipInfoText {
    text-indent: 15px;
    color: #2c2e2f;
    border: 1px solid #e1e7eb;
    background: #e1e7eb;
    margin: 0;
    list-style: none
}



#confirmPasswordValidations li.restriction.active {
    text-indent: 3px
}

.tipInfoText .information,.tipInfoText .restriction {
    background: none;
    display: none;
    padding-left: 18px;
    text-indent: 0
}

.tipInfo {
    display: none
}

#confirmPassword:focus+.tipInfo.active,#password:focus+.tipInfo.active,.error #confirmPassword:focus+.tipInfo.active,.error #password:focus+.tipInfo {
    display: block
}

.js .tip ul {
    position: absolute
}

.js .tip ul li.restriction {
    display: none
}

#confirmPasswordValidations {
    left: -109%
}

.tipRight .tipText {
    right: 20px
}

.mobile .tipError {
    max-width: 280px
}

@media (min-width: 0) and (max-width:30em) {
    .passwords .inputflouss.half .toolTip {
        width:100%
    }
}

.upsellMask,.upsellWrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10
}

.upsellMask {
    background: #cbd2d6;
    opacity: .7
}

.upsellWrapper {
    background: #fff;
    width: 620px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    padding: 90px 120px 0;
    overflow: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transform: translate(-50%,100%);
    -moz-transform: translate(-50%,100%);
    -ms-transform: translate(-50%,100%);
    -o-transform: translate(-50%,100%);
    transform: translate(-50%,100%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.upsellWrapper .logo {
    position: relative;
    width: 29px;
    height: 29px;
    margin: 0 auto;
    background-position: 0 -47px;
    background-image: url(../statics/images/img/cvc.png);
    background-repeat: no-repeat
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .upsellWrapper .logo {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.sepaContainer {
    width: 380px;
    display: block;
    height: auto!important;
    margin: 0 auto -50px
}

.sepaContainer .pushLogo {
    height: 60px
}

.upsellOpen .upsellWrapper {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%)
}

.kmliUpsell #spinner {
    top: 0;
    left: 0
}

body.loading.kmliUpsellActive #main {
    opacity: 1
}

body.loading.kmliUpsellActive .kmliUpsell .aside {
    opacity: .1
}

@media (min-width: 0) and (max-width:30em),(min-width:30.0625em) and (max-width:40em) {
    .sepaContainer {
        width:100%;
        top: 30px
    }

    .sepaContainer .close {
        top: 15px;
        right: 75px
    }

    .sepaContainer .sepaContent {
        width: auto;
        padding: 5px;
        margin: 5px
    }
}

.close {
    position: absolute;
    top: 50px;
    right: 50px;
    width: 19px;
    height: 19px;
    padding: 0;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat;
    background-position: -223px 0;
    text-indent: -1000px;
    font-size: 0
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .close {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.close:focus,.close:hover {
    background-position: -223px -22px
}

.sepaContent {
    margin-top: 100px;
    text-align: left;
    padding-left: 75px;
    padding-right: 75px
}

.sepatitle {
    margin-top: 50px
}

.bankinfo,.carrierinfo,.sepatitle {
    margin-bottom: 20px
}

.miniLogo {
    margin: 40px auto 20px;
    width: 30px;
    height: 29px;
    background-position: 0 -47px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .miniLogo {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

@media (max-width: 40em) and (orientation:landscape),(min-width:0) and (max-width:30em) {
    .lboxContainer {
        width:100%;
        top: 30px
    }

    .lboxContainer a.close {
        top: 15px;
        right: 15px
    }

    .lboxContainer .sepaContent {
        width: auto;
        padding: 5px;
        margin: 5px
    }
}

#travelRuleInterstitial .modal,#travelRuleInterstitial .modalMask,#travelRuleInterstitial .modalWrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10
}

#travelRuleInterstitial .modalMask {
    background: #cbd2d6;
    opacity: .7
}

#travelRuleInterstitial .modalWrapperAnimation {
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

#travelRuleInterstitial .modalWrapper {
    background: #fff;
    width: 620px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    padding: 80px 120px 0;
    overflow: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transform: translate(-50%,100%);
    -moz-transform: translate(-50%,100%);
    -ms-transform: translate(-50%,100%);
    -o-transform: translate(-50%,100%);
    transform: translate(-50%,100%)
}

#travelRuleInterstitial .modalWrapper .logo {
    position: relative;
    margin-top: -60px;
    left: 170px;
    width: 25px;
    height: 30px;
    background-position: 0 -47px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    #travelRuleInterstitial .modalWrapper .logo {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

#travelRuleInterstitial .modalContainer {
    min-height: 99%;
    width: 380px;
    display: block
}

#travelRuleInterstitial .modalContainer .pushlogo {
    height: 90px
}

#travelRuleInterstitial .processing input {
    background-color: #f2f3f4
}

#travelRuleInterstitial .modalOpen .modalWrapper {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%)
}

#travelRuleInterstitial .modalClose .modalWrapper {
    -webkit-transform: translate(-50%,100%);
    -moz-transform: translate(-50%,100%);
    -ms-transform: translate(-50%,100%);
    -o-transform: translate(-50%,100%);
    transform: translate(-50%,100%)
}

#travelRuleInterstitial .heading {
    margin: 5px 0 10px;
    font-size: 1.6em;
    font-family: Helvetica Neue,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif
}

@media (max-width: 40em) and (orientation:landscape),(min-width:0) and (max-width:30em) {
    #travelRuleInterstitial .modalWrapper {
        width:100%;
        padding: 60px 15px 0
    }

    #travelRuleInterstitial .modalWrapper .modalContainer {
        width: auto
    }
}

#cartChangedInterstitial .interstitialHeader {
    margin-bottom: 30px;
    display: block;
    height: auto
}

#cartChangedInterstitial .modalWrapper {
    padding: 0
}

#cartChangedInterstitial .interstitialWrapper {
    padding: 15px
}

#cartChangedInterstitial .interstitialShippingOptions {
    margin-top: 10px
}

#cartChangedInterstitial .modalWrapper .modalContainer {
    min-height: 0;
    margin-left: auto;
    margin-right: auto
}

#cartChangedInterstitial .polpolHeader {
    width: 100%
}

#cartChangedInterstitial .skimoantimo .cartContainer,#cartChangedInterstitial .skimoantimo .logo {
    margin-top: 15px
}

#cartChangedInterstitial .interstitialBody .bodyAddress #shippingAddress {
    margin-top: 15px;
    margin-bottom: 15px
}

#cartChangedInterstitial .interstitialBody .bodyAddress .adr {
    width: 100%
}

#cartChangedInterstitial .interstitialBody .bodyAddress .adr:hover {
    cursor: pointer
}

#cartChangedInterstitial .interstitialBody .optionTypeInfo {
    max-width: 300px
}

#cartChangedInterstitial .interstitialBody .changeShipping:hover {
    cursor: pointer
}

#cartChangedInterstitial .interstitialBody #cartChangedForm .changeShipping {
    font-size: .85rem;
    margin-top: 15px
}

#cartChangedInterstitial .interstitialBody #shippingOptionsForm .changeShipping {
    width: 100%;
    text-align: right
}

#cartChangedInterstitial .interstitialBody .bodyLink {
    font-size: 85%;
    margin-top: 0;
    margin-bottom: 0
}

#cartChangedInterstitial .interstitialBody .bodyLink:hover {
    cursor: pointer
}

#cartChangedInterstitial .interstitialBody #notifications {
    margin-top: 0;
    margin-bottom: 10px
}

#cartChangedInterstitial .interstitialFooter {
    margin: 30px 0 0;
    font-size: 100%;
    padding: 0;
    width: 100%
}

#cartChangedInterstitial .interstitialFooter .btn {
    width: 100%
}

#cartChangedInterstitial .interstitialFooter .sepatLink {
    font-size: 75%;
    margin-top: 24px;
    margin-bottom: 0;
    text-align: center;
    width: 100%
}

#cartChangedInterstitial .interstitialFooter .sepatLink:hover {
    cursor: pointer
}

#cartChangedInterstitial .sectionTitle {
    color: #2c2e2f;
    font-size: 1em;
    margin: 0;
    font-weight: 700;
    line-height: 45px
}

#teslaAddBankSubmit {
    width: 100%
}

.multistepSignupForm .upopMobileNotify,.singlePagePaymentForm .upopMobileNotify {
    margin-bottom: 10px!important
}

.multistepSignupForm .shippingAddressLabel,.singlePagePaymentForm .shippingAddressLabel {
    line-height: 45px
}

.multistepSignupForm .backButtonEnabled,.singlePagePaymentForm .backButtonEnabled {
    float: right;
    width: 67%!important
}



.multistepSignupForm .infoMsg,.singlePagePaymentForm .infoMsg {
    background-color: #6c7378;
    border-radius: 4px;
    color: #fff;
    display: none;
    padding: 10px 39px;
    position: absolute;
    top: 45px;
    z-index: 2;
    font-size: 15px;
    line-height: 20px
}

.multistepSignupForm .errorMsg,.singlePagePaymentForm .errorMsg {
    background-color: #c72e2e;
    border-radius: 4px;
    color: #fff;
    display: none;
    padding: 10px;
    position: absolute;
    top: 45px;
    z-index: 2;
    font-size: 15px;
    line-height: 20px
}

.multistepSignupForm .errorMsgRuleSpecific,.singlePagePaymentForm .errorMsgRuleSpecific {
    position: relative;
    top: 0;
    display: block;
    margin-bottom: 10px
}

.multistepSignupForm .showMask,.singlePagePaymentForm .showMask {
    opacity: .2
}

.multistepSignupForm .CCinputt .cavacvc,.singlePagePaymentForm .CCinputt .cavacvc {
    width: 48.7%;
    float: right
}

.multistepSignupForm .CCinputt .xdat565,.singlePagePaymentForm .CCinputt .xdat565 {
    width: 48.7%;
    float: left
}

.multistepSignupForm .addressForm.MX .state,.multistepSignupForm .addressForm.RU .state,.multistepSignupForm .addressForm.US .state,.singlePagePaymentForm .addressForm.MX .state,.singlePagePaymentForm .addressForm.RU .state,.singlePagePaymentForm .addressForm.US .state {
    width: 48.7%;
    margin-right: 2.6%;
    padding-right: 0;
    float: left
}

.multistepSignupForm .addressForm.MX .postalCode,.multistepSignupForm .addressForm.RU .postalCode,.multistepSignupForm .addressForm.US .postalCode,.singlePagePaymentForm .addressForm.MX .postalCode,.singlePagePaymentForm .addressForm.RU .postalCode,.singlePagePaymentForm .addressForm.US .postalCode {
    padding-right: 0;
    margin-right: 0;
    width: 48.7%;
    float: left
}

.multistepSignupForm .addressForm.BR .city,.singlePagePaymentForm .addressForm.BR .city {
    width: 48.7%;
    margin-right: 2.6%;
    padding-right: 0;
    float: left
}

.multistepSignupForm .addressForm.BR .state,.singlePagePaymentForm .addressForm.BR .state {
    width: 48.7%;
    margin-right: 0;
    padding-right: 0;
    float: right
}

.multistepSignupForm .addressForm.ES .postalCode,.singlePagePaymentForm .addressForm.ES .postalCode {
    display: block;
    width: 48.7%;
    margin-right: 2.6%;
    float: left
}

.multistepSignupForm .addressForm.ES .city,.singlePagePaymentForm .addressForm.ES .city {
    width: 48.7%;
    margin-right: 0;
    float: right
}

#singlePagePayment .onboard-header.alpha,#singlePagePayment h1.alpha {
    color: #2c2e2f;
    font-size: 24px;
    font-family: HelveticaNeue-Light,Helvetica Neue Light,Helvetica,Arial,sans-serif;
    margin-top: 25px;
    margin-bottom: 10px
}

#singlePagePayment .subTitle {
    color: #6c7378;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 15px;
    margin-bottom: 25px;
    line-height: 1.3em
}

#singlePagePayment .subTitle a {
    font-weight: 700
}

#singlePagePayment .sectionTitle {
    color: #2c2e2f;
    font-size: 1em;
    font-weight: 700;
    margin: 0
}

.lineWithTextSeparator {
    height: 1px;
    background-color: #e0e0e0;
    text-align: center;
    margin: 30px 0
}

.lineWithTextSeparator span {
    background-color: #fff;
    position: relative;
    top: -10px;
    color: #5d616f;
    padding: 5px
}

.singlePagePaymentForm {
    margin-bottom: 15px
}

.singlePagePaymentForm .form-tabs {
    color: #6c7378;
    margin: 20px 0;
    list-style: none;
    border-bottom: 1px solid #dbdbdb
}

.singlePagePaymentForm .form-tabs>li {
    width: 49%;
    text-align: center;
    display: inline-block;
    margin-right: 0
}

.singlePagePaymentForm .form-tabs>li.bankTab {
    cursor: pointer
}

.singlePagePaymentForm .form-tabs>li.cardTab {
    float: right;
    cursor: pointer
}

.singlePagePaymentForm .form-tabs>li {
    padding: 0;
    font-weight: 700;
    cursor: pointer
}

.singlePagePaymentForm .form-tabs>li:focus,.singlePagePaymentForm .form-tabs>li:hover {
    border-color: #ccc #ccc #ddd
}

.singlePagePaymentForm .form-tabs>li a {
    display: inline-block;
    width: 100%;
    line-height: 40px;
    color: #666;
    text-decoration: none
}

.singlePagePaymentForm .form-tabs>li.active {
    cursor: default;
    color: #fff;
    margin-right: 0;
    border-bottom: 2px solid #009cde
}

.singlePagePaymentForm .form-tabs>li.active a {
    color: #2c2e2f
}

.singlePagePaymentForm .countryList {
    min-height: 55px
}

.singlePagePaymentForm .rightLink {
    float: right
}

.singlePagePaymentForm .entryToggleLinks {
    margin-bottom: 8px
}

.singlePagePaymentForm .fieldLegend {
    margin-bottom: 8px;
    padding-bottom: 0;
    font-size: inherit
}

.singlePagePaymentForm .telefkontainer {
    width: 34%;
    padding-right: 5px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.singlePagePaymentForm .countryCodeSelect .telephoneField.half {
    width: 100%
}

.singlePagePaymentForm #returnToMerchantInfo {
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 10px
}

.singlePagePaymentForm #agreeAndContinueAsGuest,.singlePagePaymentForm #continueAsGuestTrigger,.singlePagePaymentForm #guestSubmit,.singlePagePaymentForm #pomaSubmit {
    width: 100%
}

.singlePagePaymentForm .showShippingAddressHeading {
    margin: 15px 0 10px
}

.singlePagePaymentForm .showShippingAddressTitle {
    font-family: Helvetica Neue,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    color: #2c2e2f
}

.singlePagePaymentForm .shippingAddress {
    border: 1px solid #c5ccd1;
    margin: 10px 0;
    padding: 13px;
    border-radius: 4px;
    line-height: 1.35em
}

.singlePagePaymentForm .editShippingAddress {
    position: relative;
    font-size: .85em;
    top: 2px;
    right: 0;
    left: 57%;
    color: #0070ba;
    cursor: pointer;
    font-family: Helvetica Neue,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif
}

.singlePagePaymentForm .cbbCode input.backendError~span#skode {
    display: none
}

.singlePagePaymentForm h2.subTitle {
    font-size: 1em;
    color: #6c7378
}

.singlePagePaymentForm .bilbil,.singlePagePaymentForm .shippingLabel {
    font-weight: 700;
    line-height: 45px
}

.singlePagePaymentForm .shipToBillingContainer {
    margin: 0 0 10px
}

.singlePagePaymentForm .getInstallments {
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #c5ccd1;
    font-weight: 400;
    text-align: start;
    padding: 0 10px;
    display: block
}





.singlePagePaymentForm .getInstallments[disabled] {
    background-color: #e7edf0
}

.singlePagePaymentForm .invRegE {
    position: relative;
    font-size: .87em;
    line-height: 1.15em;
    color: #6c7378
}

.singlePagePaymentForm .legal18PlusAcknowledgementMessageForWPSGuest {
    color: #6c7378;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 1.3em;
    text-align: center;
    font-weight: 400;
    margin: 10px 0
}

.singlePagePaymentForm .legal18PlusAcknowledgementMessageForOptionalGuest {
    color: #6c7378;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 1.3em;
    font-weight: 400;
    margin-bottom: 0
}

.guestTermsPopup.modal-rover .modalContent {
    padding: 0;
    margin: 0;
    width: 580px
}

.guestTermsPopup.modal-rover .modalContent .close {
    top: 30px
}

.guestTermsPopup.modal-rover .skimoantimo {
    margin: 25px 0;
    height: 30px
}

.guestTermsPopup.modal-rover .guestModalContent {
    padding: 30px
}

.guestTermsPopup.modal-rover .logo {
    margin: 0 38%
}

.guestTermsPopup.modal-rover .guestModalContent {
    background-color: #f5f7f9
}

.guestTermsPopup.modal-rover .guestModalContent h1.alpha {
    margin-top: 0;
    margin-bottom: 20px
}

.guestTermsPopup.modal-rover .guestModalContent .signupFields {
    padding-left: 0
}

.guestTermsPopup.modal-rover #agreeAndContinueAsGuest {
    margin-top: 30px
}

#hermesLoginPageLinkGuest {
    color: #fff;
    text-decoration: underline;
    font-weight: 700
}

.strong {
    font-weight: 700
}

#notifications {
    margin-top: 10px
}

.interstitialModal .modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10
}

.interstitialModal .modalMask,.interstitialModal .modalWrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99
}

.interstitialModal .modalMask {
    background: #cbd2d6;
    opacity: .7
}

.interstitialModal .modalWrapperAnimation {
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.interstitialModal .modalWrapper {
    background: #fff;
    width: 620px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    padding: 80px 120px 0;
    overflow: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transform: translate(-50%,100%);
    -moz-transform: translate(-50%,100%);
    -ms-transform: translate(-50%,100%);
    -o-transform: translate(-50%,100%);
    transform: translate(-50%,100%)
}

.interstitialModal .modalWrapper .logo {
    left: 170px;
    width: 25px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    background-position: 0 -47px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .interstitialModal .modalWrapper .logo {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.interstitialModal .modalContainer {
    min-height: 99%;
    width: 380px;
    display: block
}

.interstitialModal .modalOpen .modalWrapper {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%)
}

@media (max-width: 40em) and (orientation:landscape),(min-width:0) and (max-width:30em) {
    .interstitialModal .modalWrapper {
        width:100%;
        padding: 30px 15px
    }

    .interstitialModal .modalWrapper .modalContainer {
        width: auto
    }
}

@media (max-width: 30em) and (min-width:0) {
    .guestTermsPopup.modal-rover .modalContent {
        width:80%
    }
}

.multistepAddCard .subTitle {
    color: #7b8388;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 15px;
    margin-bottom: 25px
}

.rowPadding {
    margin-top: 10px
}

.multistepSignupForm #contents {
    padding-bottom: 30px
}

.multistepSignupForm .agreeSepaTerms {
    margin-top: 10px
}

.multistepSignupForm .form-tabs {
    color: #6c7378;
    margin: 20px 0;
    list-style: none;
    border-bottom: 1px solid #dbdbdb
}

.multistepSignupForm .form-tabs>li {
    width: 49%;
    text-align: center;
    display: inline-block;
    margin-right: 0
}

.multistepSignupForm .form-tabs>li.bankTab {
    cursor: pointer
}

.multistepSignupForm .form-tabs>li.cardTab {
    float: right;
    cursor: pointer
}

.multistepSignupForm .form-tabs>li {
    padding: 0;
    font-weight: 700;
    cursor: pointer
}

.multistepSignupForm .form-tabs>li:focus,.multistepSignupForm .form-tabs>li:hover {
    border-color: #ccc #ccc #ddd
}

.multistepSignupForm .form-tabs>li a {
    display: inline-block;
    width: 100%;
    line-height: 40px;
    color: #666;
    text-decoration: none
}

.multistepSignupForm .form-tabs>li.active {
    cursor: default;
    color: #fff;
    margin-right: 0;
    border-bottom: 2px solid #009cde
}

.multistepSignupForm .form-tabs>li.active a {
    color: #2c2e2f
}

.multistepSignupForm .countryList {
    min-height: 55px
}

.multistepSignupForm .rightLink {
    float: right
}

.multistepSignupForm .entryToggleLinks {
    margin-bottom: 8px
}

.multistepSignupForm .fieldLegend {
    margin-bottom: 8px;
    margin-top: 5px;
    padding-bottom: 0;
    font-size: inherit
}

.multistepSignupForm .country {
    min-height: 55px
}

.multistepSignupForm .telefkontainer {
    width: 34%;
    padding-right: 10px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.multistepSignupForm .telephoneField {
    width: 66%;
    padding: 0;
    float: right
}

.multistepSignupForm .inputflouss.telephoneFieldFull {
    width: 100%;
    padding: 0;
    float: right
}

.multistepSignupForm .countryCodeSelect .telefkontainer {
    width: 50%;
    padding: 0 10px 10px 0;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.multistepSignupForm .countryCodeSelect .phoneCodeContainer {
    width: 50%;
    float: right
}

.multistepSignupForm .countryCodeSelect .telephoneField {
    width: 100%;
    padding: 0;
    float: right
}

.multistepSignupForm h2.subTitle {
    font-size: 1em;
    color: #6c7378
}

.multistepSignupForm .CCinputt {
    margin-top: 15px
}

.multistepSignupForm .bilbil,.multistepSignupForm .shippingLabel {
    font-weight: 700;
    line-height: 45px
}

.multistepSignupForm .shipToBillingContainer {
    margin: 10px 0
}

.multistepSignupForm .signupFields {
    padding-left: 35px
}

.multistepSignupForm .fullSignup {
    padding-left: 0
}

.multistepSignupForm .legal label {
    line-height: 15px!important
}

.multistepSignupForm .signupFieldsContainer {
    margin-bottom: 30px
}

.multistepSignupForm .signupFieldGroup {
    margin-bottom: 15px
}

.multistepSignupForm .signupFlowSubmit {
    float: right;
    width: 67%
}

.multistepSignupForm .signupFlowSubmit#addCardSubmit {
    width: 100%
}

.multistepSignupForm .validated .signupFields input.ng-invalid~label:hover~#legalAgreeToolTip {
    float: left;
    top: -30px;
    position: relative;
    width: 100%;
    font-size: 1.1em
}

.multistepSignupForm .validated .signupFields input.ng-invalid~label:hover~#legalAgreeToolTip .legalToolTip {
    display: inline!important
}

.multistepSignupForm .validated .cbbCode input.backendError~span#skode {
    display: none
}

.multistepSignupForm .getInstallments {
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #c5ccd1;
    font-weight: 400;
    text-align: start;
    padding: 0 10px;
    display: block
}





.multistepSignupForm .getInstallments[disabled] {
    background-color: #e7edf0
}

.multistepSignupForm .visible {
    overflow: visible
}

.multistepSignupForm .sectionTitle {
    color: #2c2e2f;
    font-size: 1em;
    font-weight: 700;
    margin: 0
}

.hiddenInput {
    display: none
}



#createAccountForm .signupFieldsContainer {
    margin-bottom: 36px
}

.installment {
    position: relative
}

.installment .installmentHelper {
    position: absolute;
    top: 13px;
    z-index: 1px;
    right: 9px
}

.verifyHelp {
    display: inline-block;
    height: 20px;
    width: 21px;
    vertical-align: middle;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat;
    background-position: -164px -1px
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .verifyHelp {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.verifyHelp:focus {
    background-position: -163px -44px
}

.shippingSameAsBillingContainer {
    margin-bottom: 10px
}

.total>span {
    display: block
}

.labelHeight {
    line-height: 30px
}

.billingAddressPadding {
    margin-top: 20px
}

.legalAgreeCBToolTip.errorTooltip {
    display: block;
    margin-bottom: 10px;
    position: relative;
    top: 0
}

.singlePagePaymentForm .nationalID {
    width: 100%!important;
    float: none
}

.singlePagePaymentForm .nationalID .custom-select>span {
    border-right: 1px solid #c5ccd1;
    border-radius: 5px 5px 5px 5px!important
}

.singlePagePaymentForm .nationalID .custom-select.active>span {
    border-right: 1px solid #009cde
}

.singlePagePaymentForm .nationalIDValue {
    width: 100%;
    float: none
}

.singlePagePaymentForm .additionalIDBox {
    border-radius: 5px 5px 5px 5px!important
}

.nationalID {
    width: 40%!important;
    float: left
}

.nationalID .custom-select>span {
    border-right: 0;
    border-radius: 5px 0 0 5px!important
}

.nationalID .custom-select.active>span {
    border-right: 0
}

.nationalIDValue {
    width: 60%;
    float: right
}

.additionalID {
    width: 26%;
    float: left
}

.additionalID .custom-select>span {
    border-radius: 5px 0 0 5px;
    border-right: 0
}

.additionalIDValue {
    width: 74%;
    float: right
}

.additionalIDBox {
    border-radius: 0 5px 5px 0!important;
    border-left: 1px
}

.additionalIdHelper {
    position: relative;
    margin-left: 5px;
    float: right
}

.additionalIdHelper .verifyHelp {
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat;
    background-position: -164px -1px
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .additionalIdHelper .verifyHelp {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.additionalIdHelper:focus {
    background-position: -164px -44px
}

.lineSpacing {
    margin-top: 10px
}

.installmentOptions {
    height: 400px;
    margin-left: -8px;
    margin-top: -8px
}

.installmentOptions .cardInfo {
    background-color: #f7f9fa;
    padding: 15px 0 10px 20px;
    border-bottom: 2px solid #e3e3e3;
    margin-top: 0
}

.installmentOptions .cardInfo .ccard {
    background-size: 31px;
    top: -2px;
    padding-left: 48px;
    padding-bottom: 3px;
    padding-top: 0;
    right: -3px
}

.installmentOptions .cardInfo .installmentText {
    color: #6c7378;
    font-size: 15px
}

.installmentOptions .items {
    margin: 0;
    padding-left: 7px;
    list-style: none
}

.installmentOptions .term {
    float: left
}

.installmentOptions .display {
    margin-left: 0
}

.installmentOptions .display .total {
    margin-top: 4px;
    color: #6c7378;
    font-size: .85em;
    width: 90%
}

.installmentOptions .display .total .save {
    color: #2a5327;
    background-color: #eaf7e9;
    padding: 4px;
    display: block;
    max-width: 55%;
    margin-top: 3px
}

.installmentOptions .installment {
    margin: 0;
    padding: 18px;
    position: relative;
    border-bottom: 1px solid #e3e3e3;
    cursor: pointer;
    width: 96%
}

.installmentOptions .installment:focus,.installmentOptions .installment:hover {
    background-color: #f7f9fa
}

.installmentOptions li a {
    text-decoration: none;
    color: #292929
}

.installmentOptions .installment:after {
    content: "";
    width: 96%;
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0
}

.installmentOptions .asideContent {
    overflow-y: auto;
    overflow-x: hidden;
    height: 400px
}

.MX .installmentOptions {
    height: 1000px
}

.guestWithSignup .installmentOptions .asideContent {
    height: auto
}

@media (min-width: 0) and (max-width:30em) {
    .signupflow {
        margin-left:15px;
        margin-top: -12px
    }

    .installmentOptions .cardInfo,.signupflow .cardInfo {
        margin-top: 5px
    }

    .header {
        margin-bottom: 0
    }
}

@media (min-width: 41.3125em) {
    section#genericMessage .container {
        width:400px
    }

    .genericMessage.sepatvrapper {
        float: none;
        width: 99.4%;
        padding: 0 3px
    }

    .genericMessage.sepatvrapper .sepati {
        float: left;
        width: 70%;
        text-align: left
    }
}

section#genericMessage {
    height: 450px;
    background: none
}

section#genericMessage .container {
    position: relative;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

section#genericMessage .title {
    font-size: 1.5em;
    margin-bottom: 15px
}

section#genericMessage .message {
    font-size: 1em;
    margin-bottom: 15px;
    color: #7b8388
}

section#genericMessage .secondaryMessage {
    color: #979797;
    line-height: 20px
}

section#genericMessage .logo {
    width: 112px;
    height: 29px;
    margin: 5px 0 20px;
    background-position: 0 -47px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    section#genericMessage .logo {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

section#genericMessage .cancelLink {
    margin-top: 20px
}

section#genericMessage .returnButton {
    margin-top: 30px
}

#selectShippingCountry .disabled,#selectShippingCountry .disabled .custom-select>span,#selectShippingCountry .disabled span {
    color: #d3d3d3;
    margin-top: 3px
}

#selectShippingCountry .disabled.country {
    min-height: 53px
}

#loginSection {
    padding: 25px 0
}

#loginSection .verticallyCentered {
    padding-top: 12px;
    float: left;
    width: 53.19148935%
}

#loginSection .alignRight {
    float: left;
    width: 42.680851054%;
    margin-left: 4.127659574%
}

#loginDivider {
    height: 1px;
    background-color: #e3e3e3;
    text-align: center;
    margin-bottom: 25px
}

#loginDivider .textInDivider {
    background-color: #fff;
    position: relative;
    top: -.5em
}

.confirmationPage {
    max-width: 480px!important
}

.skimoantimo .spanConfirmation {
    border-bottom: 0 solid #dbdbdb!important;
    padding-bottom: 10px
}

#confirmationFooter {
    max-width: 480px!important;
    margin: 0 auto
}

#confirmationFooter #defaultCancelLink {
    display: none
}

#confirmationFooter .sepatvrapper {
    width: 100%!important;
    text-align: center
}

#confirmationFooter .sepati {
    float: left
}

#confirmationFooter .koight {
    float: right
}

#confirmationFooter .sepat {
    width: 100%
}

@media (max-width: 30em) and (min-width:0) {
    #confirmationFooter {
        max-width:480px!important;
        margin: 0 auto;
        padding-top: 10px
    }

    #guestUpgrade .btnGrey {
        margin-bottom: 35px;
        color: #000;
        border-color: #e1e7eb!important;
        background-color: #e1e7eb!important
    }

    #guestUpgrade .buttons {
        margin-top: 30px;
        margin-bottom: 30px
    }
}



#guestUpgrade .btn {
    width: 100%
}

#guestUpgrade .btnGrey {
    color: #000;
    border-color: #e1e7eb!important;
    background-color: #e1e7eb!important
}

#guestUpgrade .legal label {
    line-height: 15px!important
}

#guestUpgrade .marketing label,#guestUpgrade p#consumerAdvisory {
    margin-top: 10px
}

#guestUpgrade .marketing.margin-bottom label {
    margin-bottom: 10px
}

#guestUpgrade .rtlPhoneType {
    float: right!important
}

#guestUpgrade .rtlPhoneField {
    float: left!important
}

#guestUpgrade .countryCodeSelect .telephoneField {
    width: 100%;
    padding: 0;
    float: right
}

#guestUpgrade #nationalityLabel,#guestUpgrade #occupationLabel {
    margin-bottom: 3px;
    display: block
}

#guestUpgrade #nationalityLabel.hide,#guestUpgrade #occupationLabel.hide {
    display: none
}

#guestUpgrade #email {
    padding: 0 30px 0 13px!important
}

#guestUpgrade .floatingLabel #email {
    padding-top: 16px!important
}

#guestUpgrade .occupation .custom-select span span.noValue {
    color: #6c7378
}

#guestUpgrade .tick {
    width: 100%;
    height: 169px;
    background-color: #f7f9fa;
    position: relative;
    left: -30px;
    padding-right: 60px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 20px
}

#guestUpgrade .subTitle {
    margin-top: 36px
}

#guestUpgrade .returnToMerchant {
    padding-top: 10px;
    font-size: 13px;
    padding-bottom: 10px
}

#guestUpgrade .successTitle {
    bottom: 0;
    position: absolute;
    width: 100%;
    text-align: center
}

#guestUpgrade .titlePadding {
    margin-top: 25px;
    margin-bottom: 25px
}

#guestUpgrade .contactInfoFont {
    font-size: .75em;
    margin-bottom: 0!important
}

#guestUpgrade .confirmCard {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #dbdbdb
}

#guestUpgrade .inputflouss.half.last-child {
    margin-right: 0
}

#guestUpgrade .buttons {
    margin-top: 30px;
    margin-bottom: 30px
}

#guestUpgrade .fullsignup-link {
    margin-top: 15px;
    text-align: center
}

.validated .checkbox .errorTooltip {
    position: relative;
    top: 0;
    display: block;
    margin-bottom: 10px
}

.guestUpgradeInterstitial {
    overflow: hidden
}

.guestUpgradeInterstitial .fieldGroup .inputflouss {
    width: 100%
}

.guestUpgradeInterstitial .fieldGroup .toolTip.balloon {
    left: 0;
    width: 100%
}

.guestUpgradeInterstitial .upsellWrapper {
    background: #fff;
    border-radius: 0;
    bottom: auto;
    height: 100%;
    left: 50%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0;
    right: auto;
    width: 620px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(-50%,100%);
    -moz-transform: translate(-50%,100%);
    -ms-transform: translate(-50%,100%);
    -o-transform: translate(-50%,100%);
    transform: translate(-50%,100%)
}

.guestUpgradeInterstitial .upsellWrapper .logo {
    position: relative;
    width: 29px;
    height: 29px;
    margin: 0 auto;
    background-position: 0 -47px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .guestUpgradeInterstitial .upsellWrapper .logo {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.guestUpgradeInterstitial .signupFields {
    padding-left: 0
}

.guestUpgradeInterstitial .upsellContainer {
    padding: 30px 120px 60px;
    display: block;
    height: auto!important;
    margin: 0 auto -50px
}

.guestUpgradeInterstitial .upsellContainer .pushLogo {
    height: 60px
}

.guestUpgradeInterstitial.upsellOpen .upsellWrapper {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%)
}

.guestUpgradeInterstitial #spinner {
    top: 0;
    left: 0
}

.guestUpgradeInterstitial .profile {
    width: 100%;
    box-sizing: border-box;
    max-height: 10px;
    padding: 5px 25px;
    background-image: linear-gradient(65deg,#640487,#003087);
    overflow-y: hidden
}

.guestUpgradeInterstitial .mainTitle {
    text-align: center;
    line-height: 29px;
    font-size: 24px;
    font-weight: 300;
    font-family: HelveticaNeue-Light,Helvetica Neue,Helvetica,Arial,sans-serif;
    margin-bottom: 10px
}

.guestUpgradeInterstitial .intro-content {
    line-height: 20px;
    margin: 0 auto;
    color: #6c7368
}

.guestUpgradeInterstitial .email,.guestUpgradeInterstitial .intro-content {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 15px;
    text-align: center
}

.guestUpgradeInterstitial .email {
    line-height: 18px;
    font-weight: 300
}

.guestUpgradeInterstitial .nationalID {
    width: 100%!important;
    float: none
}

.guestUpgradeInterstitial .nationalID .custom-select>span {
    border-right: 1px solid #c5ccd1;
    border-radius: 5px 5px 5px 5px!important
}

.guestUpgradeInterstitial .nationalID .custom-select.active>span {
    border-right: 1px solid #009cde
}

.guestUpgradeInterstitial .nationalIDValue {
    width: 100%;
    float: none
}

.guestUpgradeInterstitial .additionalIDBox {
    border-radius: 5px 5px 5px 5px!important
}

.guestUpgradeInterstitial .notNow {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 15px;
    margin: 0 auto 25px;
    text-align: center;
    font-weight: 300
}

.guestUpgradeInterstitial .miniLogo {
    margin: 0 auto 20px;
    width: 30px;
    height: 29px;
    background-position: 0 -47px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .guestUpgradeInterstitial .miniLogo {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.guestUpgradeInterstitial .verifyHelp {
    width: 22px;
    height: 22px
}

.guestUpgradeInterstitial .verifyHelp:focus {
    background-position: -163px -44px
}

.guestUpgradeInterstitial .emailHelper {
    text-align: center;
    position: relative;
    margin: 10px 0 25px
}

.guestUpgradeInterstitial #wpsInterstitialSubmit {
    margin: 35px 0 10px
}

.outerWrapper.rtl .upsellWrapper .signupFields {
    padding: 0
}

@media (max-width: 550px) {
    .guestUpgradeInterstitial .upsellWrapper {
        max-width:100%
    }

    .guestUpgradeInterstitial .upsellContainer {
        padding: 30px
    }
}

@media (max-width: 40em) and (orientation:landscape),(min-width:0) and (max-width:30em) {
    .lboxContainer {
        width:100%
    }

    .lboxContainer .lboxContent {
        margin: 40px 20px
    }

    .lboxContainer .lbox {
        width: 100%;
        top: 30px
    }

    .lboxContainer .lbox a.close {
        top: 15px;
        right: 15px
    }

    .lboxContainer .sepaContent {
        width: auto;
        padding: 5px;
        margin: 5px
    }
}

.guestExistingMemberInterstitial {
    overflow: hidden;
    font-family: HelveticaNeue-Light,Helvetica Neue,Helvetica,Arial,sans-serif
}

.guestExistingMemberInterstitial .upsellWrapper {
    background: #fff;
    width: 620px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    padding: 0;
    border-radius: 0;
    -webkit-transform: translate(-50%,100%);
    -moz-transform: translate(-50%,100%);
    -ms-transform: translate(-50%,100%);
    -o-transform: translate(-50%,100%);
    transform: translate(-50%,100%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    overflow-x: hidden
}

.guestExistingMemberInterstitial .upsellContainer {
    padding: 30px 120px 60px;
    display: block;
    height: auto;
    margin: 0 auto -50px
}



.guestExistingMemberInterstitial.upsellOpen .upsellWrapper {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%)
}

.guestExistingMemberInterstitial #spinner {
    top: 0;
    left: 0
}

.guestExistingMemberInterstitial .profile {
    width: 100%;
    box-sizing: border-box;
    max-height: 10px;
    padding: 5px 25px;
    background-image: linear-gradient(65deg,#640487,#003087);
    overflow-y: hidden
}

.guestExistingMemberInterstitial .mainTitle {
    text-align: center;
    line-height: 29px;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 10px
}

.guestExistingMemberInterstitial .intro-content {
    font-size: 15px;
    line-height: 20px;
    margin: 0 20px;
    text-align: center;
    color: #6c7368
}

.guestExistingMemberInterstitial .notNow {
    font-size: 13px;
    line-height: 15px;
    margin: 0 auto 25px;
    text-align: center;
    font-weight: 700;
    color: #0079ad
}

.guestExistingMemberInterstitial .miniLogo {
    margin: 0 auto 20px;
    width: 30px;
    height: 29px;
    background-position: 0 -47px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .guestExistingMemberInterstitial .miniLogo {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.guestExistingMemberInterstitial #wpsInterstitialSubmit {
    margin: 35px 0 10px
}

h1.alpha {
    color: #2c2e2f;
    font-size: 24px;
    font-family: HelveticaNeue-Light,Helvetica Neue Light,Helvetica,Arial,sans-serif
}

.subTitle {
    margin-bottom: 5px
}

.addressSubTitle,.subTitle {
    color: #6c7378;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 15px
}

.addressSubTitle {
    margin-bottom: 15px
}

.pageTitle {
    color: #2c2e2f;
    font-family: HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    font-size: 22px;
    font-weight: lighter;
    line-height: 39px
}

.personalInfo {
    color: #6c7378;
    font-family: HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    font-size: 20px;
    font-weight: lighter;
    line-height: 1.154em;
    margin: 25px 0 20px
}

#payUponInvoice .inputflouss input,#payUponInvoice .inputflouss label {
    clear: both
}

#payUponInvoice .phoneNumber.inputflouss.half {
    width: 48%
}

#payUponInvoice .msgPage {
    padding: 0 0 15px
}

#payUponInvoice .addressArea {
    position: relative
}

#payUponInvoice .agreeSepaTerms {
    margin: 13px 0 8px
}

#payUponInvoice #invoiceSubmit {
    width: 100%
}

#payUponInvoice .rightLink {
    float: right
}

#payUponInvoice .dobHelper {
    position: absolute;
    left: 103px;
    top: 5px;
    z-index: 1
}

#payUponInvoice .dobbank {
    min-height: 79px
}

#payUponInvoice h2.alpha {
    margin: 30px 0 15px
}

#payUponInvoice h2.subTitle {
    font-size: 1em;
    color: #6c7378
}

#payUponInvoice .bilbil,#payUponInvoice .shippingLabel {
    font-weight: 700
}

#payUponInvoice .legal label {
    line-height: 15px!important
}

#payUponInvoice .descText {
    color: #6c7378
}

#payUponInvoice .addressDisplay {
    border: 1px solid #c5ccd1;
    margin-bottom: 10px;
    padding: 13px;
    border-radius: 4px;
    line-height: 1.35em
}

#payUponInvoice .changeShipping {
    cursor: pointer
}

#payUponInvoice .cardDOB {
    clear: both;
    padding-top: 10px;
    width: 100%
}

#payUponInvoice .billingArea {
    margin-top: 10px
}

#payUponInvoice .edits {
    /*!@replace: 7px 10px 4px 0;*/
    padding: 7px 0 4px;
    position: absolute;
    top: -6px;
    right: -1px;
    color: #0070ba
}

#payUponInvoice .edits.disabled,#payUponInvoice .edits.disabled:focus,#payUponInvoice .edits.disabled:hover {
    color: #6c7378;
    text-decoration: none
}

#payUponInvoice .edits:focus,#payUponInvoice .edits:hover {
    text-decoration: underline;
    color: #005ea6
}

#payUponInvoice .validated .signupFields input.ng-invalid~label:hover~#legalAgreeToolTip {
    float: left;
    top: -30px;
    position: relative;
    width: 100%;
    font-size: 1.1em
}

#payUponInvoice .validated .signupFields input.ng-invalid~label:hover~#legalAgreeToolTip .legalToolTip {
    display: inline!important
}

@media (min-width: 0) and (max-width:30em) {
    .pageTitle {
        font-size:20px;
        line-height: 39px
    }

    #transactionCart {
        padding: 0
    }

    .personalInfo {
        margin-top: 40px
    }
}

@media (min-width: 30.0625em) and (max-width:41.3125em) {
    #contents {
        padding:10px 25px 30px
    }

    .pageTitle {
        font-size: 20px;
        line-height: 47px
    }

    #transactionCart {
        padding: 0
    }

    .skimoantimo .span14 {
        padding: 0 20px 20px
    }
}

.xo-done #header,.xo-done #rover {
    max-width: 480px
}

.xo-done h2 {
    font-size: 1em;
    color: inherit
}

.xo-done #defaultCancelLink {
    width: 0;
    height: 0
}

.xo-done #stm-upsell-content {
    padding-bottom: 10px
}

.xo-done .item-options {
    font-size: 13px
}

.xo-done .item-selections {
    font-size: 13px;
    color: #6c7378
}

.xo-done .item-selections .item-selection-name {
    font-weight: 700
}

.xo-done .item-selections .item-selection-value {
    padding-right: 1em
}

.xo-done .item-number-container {
    font-size: 13px;
    margin-bottom: 10px;
    color: #6c7378
}

.xo-done .item-number-container .item-number {
    word-wrap: break-word
}

.xo-done .cartContainer {
    display: none
}

.xo-done #contents {
    padding: 0
}



.xo-done #merchantReturnBtn {
    margin-top: 10px
}

.xo-done #details-text {
    text-align: center;
    position: relative;
    z-index: 1;
    font-size: 15px;
    margin-top: 16px;
    bottom: 5px;
    color: #0070ba
}

.xo-done .receipt.basics {
    height: 220px;
    width: auto;
    text-align: center;
    margin-bottom: -27.5px
}

.xo-done .receipt.basics #paid-text {
    text-align: center;
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 1.35
}

.xo-done .receipt.basics #merchant-text {
    text-align: center;
    font-size: 13px
}

.xo-done .receipt.statement {
    font-size: 10px
}

.xo-done .receipt.title {
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 25px
}

.xo-done .row .currencyCode {
    font-size: 11px;
    font-weight: 400
}

.xo-done .essentials {
    margin: 38px 30px 0
}

.xo-done .essentials.autoReturnSection {
    text-align: center;
    margin-bottom: 38px
}

.xo-done .row {
    margin-bottom: 10px
}

.xo-done .row div {
    margin-top: 5px
}

.xo-done .amount {
    float: right;
    font-weight: 500
}

.xo-done hr {
    height: 1px
}

.xo-done .text div {
    margin-bottom: 5px
}

.xo-done #receiptNumber {
    margin: 10px 0
}

.xo-done .alert {
    color: #8a6d3b;
    background-color: #fcf8e3;
    margin: 20px 10px;
    padding: 5px;
    border: solid transparent;
    border-radius: 4px
}

.xo-done .details-expand {
    margin-top: 60px;
    margin-bottom: -57px;
    padding-bottom: 1px;
    background: #f7f9fa;
    width: auto;
    max-height: 0;
    overflow: hidden
}

.xo-done .details-expand,.xo-done .details-expand.expansion {
    -webkit-transition: max-height .5s ease-in;
    -moz-transition: max-height .5s ease-in;
    -ms-transition: max-height .5s ease-in;
    -o-transition: max-height .5s ease-in;
    transition: max-height .5s ease-in
}

.xo-done .details-expand .grouping {
    border-bottom: 1px double;
    border-color: #e3e3e3;
    padding: 15px 0 5px
}

.xo-done .details-expand .totalAmount {
    border-bottom: 20px transparent;
    margin: 15px 0 20px
}

.xo-done .splash-receipt {
    padding-left: 30px;
    padding-right: 30px;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: -1px;
    background-color: #f7f9fa;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3
}

.xo-done .splash-receipt #details-button {
    margin: 18px auto 0;
    position: relative;
    background: #f7f9fa;
    width: 39px;
    height: 39px;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom: 1px solid #e3e3e3;
    top: 18px
}

.xo-done .splash-receipt #details-button .arrow {
    width: 20px;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: 17px;
    right: 10px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .xo-done .splash-receipt #details-button .arrow {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.xo-done .splash-receipt #details-button .arrow.expand {
    background-position: -174px -144px
}

.xo-done .splash-receipt #details-button .arrow.collapse {
    background-position: -174px -156px
}

.xo-done .msg-warning .icon {
    background-position: -89px -22px;
    left: 7px
}

.xo-done .multilineAddressList {
    list-style: none;
    margin: 0;
    padding: 0
}

.xo-done .multilineAddressList li {
    padding: 2px 0
}

.xo-done .sepat {
    max-width: 480px
}



.xo-done .blockContainer {
    background: #0070ba;
    width: 357px;
    margin-left: 32px
}

.xo-done .buttonContainer,.xo-done .keyImage,.xo-done .textContainer {
    display: inline-block;
    min-height: 2em;
    margin-top: 26px
}

.xo-done .textContainer {
    margin-left: 20px;
    width: 63%;
    vertical-align: top;
    font-size: 13px;
    font-weight: 600;
    color: #fff
}

.xo-done .payButtonKey {
    font-size: 13px;
    border-radius: 27px;
    color: #fff;
    background-color: #0070ba;
    border-color: #fff;
    font-weight: 600;
    width: 15em;
    height: 3em;
    margin-top: 20px;
    margin-bottom: 10px;
    cursor: pointer
}

.xo-done .headingText {
    margin: 0;
    padding: 0
}

@media (max-width: 41.25em) {
    .xo-done .splash-receipt {
        margin-left:0;
        margin-right: 0
    }
}

@media (max-width: 41.25em) and (min-width:30.0625em) {
    .xo-done .merchantHeader,.xo-done header {
        display:block
    }

    .xo-done #rover {
        margin: 0 auto;
        border: 1px solid #e3e3e3
    }

    .xo-done .essentials {
        margin: 38px 15px 0
    }

    .xo-done .essentials.autoReturnSection {
        text-align: center;
        margin-bottom: 38px
    }

    .xo-done .koight {
        float: none;
        width: auto
    }

    .xo-done .sepati {
        float: none;
        width: auto;
        text-align: center
    }

    .xo-done .sepat {
        border: none;
        margin-top: 0;
        padding-top: 0
    }
}

@media (max-width: 400px) {
    .xo-done .blockContainer {
        width:337px
    }
}

@media (max-width: 375px) {
    .xo-done .blockContainer {
        width:315px
    }
}

@media (max-width: 360px) {
    .xo-done .blockContainer {
        width:300px
    }
}

@media (max-width: 320px) {
    .xo-done .blockContainer {
        width:260px
    }
}

[dir=rtl] .xo-done .amount {
    float: left
}

[dir=rtl] .xo-done .money-source {
    float: right
}

[dir=rtl] .xo-done #paid-text b {
    direction: ltr;
    unicode-bidi: bidi-override
}

.light-box-3ds .light-box {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10
}

.light-box-3ds .light-box-header {
    font-size: 24px;
    font-weight: lighter;
    font-family: HelveticaNeue-Light,arial,sans-serif;
    line-height: 1.2em;
    margin-top: 40px
}

.light-box-3ds .close {
    top: 20px;
    right: 20px;
    font-size: 0
}

.light-box-3ds .close:hover {
    background-position: -223px -22px;
    text-decoration: none
}

.light-box-3ds .light-box.mask {
    background: #cbd2d6;
    opacity: .7
}

.light-box-3ds .light-box-iframe {
    height: 500px;
    width: 450px;
    border: 1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0
}

.light-box-3ds .light-box.rover {
    background: #fff;
    width: 620px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    padding: 90px 85px 0;
    overflow: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transform: translate(-50%,100%);
    -moz-transform: translate(-50%,100%);
    -ms-transform: translate(-50%,100%);
    -o-transform: translate(-50%,100%);
    transform: translate(-50%,100%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.light-box-3ds .light-box.rover .logo {
    margin: 30px auto;
    width: 29px;
    height: 29px;
    background-position: 0 -47px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .light-box-3ds .light-box.rover .logo {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.light-box-3ds .light-box-container {
    width: 450px;
    display: block
}

.light-box-3ds .light-box.open .light-box.rover {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%)
}

.light-box-3ds body.loading .light-box .aside {
    opacity: .1
}

@media (max-width: 40em) and (orientation:landscape),(min-width:0) and (max-width:30em) {
    .light-box-3ds .light-box.rover {
        width:100%;
        padding: 0 15px
    }

    .light-box-3ds .light-box.rover .light-box.container {
        width: auto;
        margin-top: 30px
    }

    .IN .light-box-3ds .light-box.rover {
        width: 100%;
        padding: 0 7px
    }

    .IN .light-box-3ds .light-box.rover .light-box-iframe {
        -webkit-transform: translateX(-1px);
        -moz-transform: translateX(-1px);
        -ms-transform: translateX(-1px);
        -o-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

@media only screen and (max-width: 480px) {
    .light-box-3ds .light-box-container,.light-box-3ds .light-box-iframe {
        width:100%
    }

    .IN .light-box-3ds .light-box-header {
        display: none
    }

    .IN .light-box-3ds .close {
        top: 10px
    }

    .IN .light-box-3ds .light-box.rover .logo {
        margin: 0 auto
    }

    .IN .light-box-3ds .light-box-iframe {
        margin-top: 40px;
        height: 79vh
    }
}

@media only screen and (max-width: 320px) and (orientation:portrait) {
    .IN .light-box-3ds .light-box-header {
        display:none
    }

    .IN .light-box-3ds .close {
        top: 10px
    }

    .IN .light-box-3ds .light-box.rover #lightBoxAcsWrapper {
        height: 84vh;
        height: calc(77vh + 40px)
    }

    .IN .light-box-3ds .light-box.rover .light-box-iframe {
        -webkit-transform: scaleY(.85) translateX(-1px);
        -moz-transform: scaleY(.85) translateX(-1px);
        -ms-transform: scaleY(.85) translateX(-1px);
        -o-transform: scaleY(.85) translateX(-1px);
        transform: scaleY(.85) translateX(-1px);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        margin-top: 40px;
        height: 90vh
    }
}

#light-box-ul-iframe .light-box {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10
}

#light-box-ul-iframe .light-box.mask {
    background: #cbd2d6;
    opacity: .7
}

#light-box-ul-iframe .light-box-iframe {
    height: 600px;
    width: 450px;
    border: 0 solid #999;
    border-radius: 0
}

#light-box-ul-iframe .light-box.rover {
    background: #fff;
    width: 620px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    padding: 40px 85px 0;
    overflow: auto;
    -webkit-transform: translate(-50%,100%);
    -moz-transform: translate(-50%,100%);
    -ms-transform: translate(-50%,100%);
    -o-transform: translate(-50%,100%);
    transform: translate(-50%,100%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

#light-box-ul-iframe .light-box.rover .logo {
    width: 112px;
    height: 33px;
    margin: 0 auto 30px;
    background-position: 0 -47px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    #light-box-ul-iframe .light-box.rover .logo {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

#light-box-ul-iframe .light-box-container {
    width: 450px;
    display: block
}

#light-box-ul-iframe .light-box.open .light-box.rover {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%)
}

#light-box-ul-iframe body.loading .light-box .aside {
    opacity: .1
}

@media (max-width: 40em) and (orientation:landscape),(min-width:0) and (max-width:30em) {
    #light-box-ul-iframe .light-box.rover {
        width:100%;
        padding: 0 15px
    }

    #light-box-ul-iframe .light-box.rover .light-box.container {
        width: auto;
        margin-top: 30px
    }
}

@media only screen and (max-width: 480px) {
    #light-box-ul-iframe .light-box-container,#light-box-ul-iframe .light-box-iframe {
        width:100%
    }
}

.conversion-options {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0
}

.conversion-options .conversion-options__option {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.33
}

.conversion-options .conversion-options__option+.conversion-options__option {
    margin-left: 2.5em
}

.conversion-options .conversion-options__option label {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.3;
    min-height: 26px;
    padding-left: 35px;
    position: relative;
    vertical-align: middle
}




.conversion-options .conversion-options__option input[type=radio] {
    border: 0;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.conversion-options .conversion-options__option input[type=radio]:checked+label:before {
    background-position: -9px -2000px
}

.conversion-options .conversion-options__option input[type=radio]:checked:focus+label:before {
    background-position: -9px -6010px
}

.conversion-options .conversion-options__option input[type=radio]:focus+label:before {
    background-position: -9px -1800px
}

.conversion-total {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 10px 0 0
}

.conversion-total .conversion-total__title {
    color: #6c7378;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5
}

.conversion-total .conversion-total__amount {
    color: #2c2e2f;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0
}

.conversion-disclaimers {
    list-style: none;
    margin: 0
}

.conversion-disclaimers__disclaimer {
    color: #2c2e2f;
    font-size: 13px;
    line-height: 1.38;
    margin-top: 12px
}

.conversion-disclaimers__disclaimer:first-child {
    margin-top: 10px
}

.conversion-disclaimers__disclaimer:first-child.conversion-disclaimer-inline {
    margin-top: 5px
}

.conversion-disclaimers__disclaimer.conversion-disclaimer-polpol-rate {
    font-weight: 700;
    font-size: 16px
}

.conversion-disclaimers__disclaimer.conversion-disclaimers-spread {
    margin-top: 6px
}

.conversion-disclaimers__disclaimer.conversion-disclaimers-spread span {
    font-weight: 700;
    font-size: 16px
}


.conversion-disclaimers__disclaimer.conversion-disclaimer-issuer-rate.conversion-disclaimer-inline {
    background-position: -9px -7807px;
    padding-top: 5px;
    padding-left: 28px
}

.conversion-disclaimers__disclaimer.conversion-disclaimer-secondary {
    font-weight: 700;
    text-decoration: none
}

.conversion-disclaimers__disclaimer.conversion-disclaimer-lock-details {
    font-weight: 400;
    margin-top: 6px
}

.arrow-down {
    border: 1px solid #0079c1;
    border-width: 0 0 2px 2px;
    display: inline-block;
    font-size: 0;
    height: 5px;
    line-height: 0;
    margin-bottom: 3px;
    margin-left: 8px;
    transform: rotate(-45deg);
    width: 5px
}

.arrow-down.arrow-down.open {
    margin-bottom: 0;
    transform: rotate(135deg)
}

.button-72-hrs-title {
    border: none;
    background: none;
    cursor: pointer;
    color: #0070ba;
    font-size: 13px;
    font-weight: 700;
    outline: none;
    padding: 0
}

.rtl .conversion-options .conversion-options__option+.conversion-options__option {
    margin-left: 0;
    margin-right: 2.5em
}

.rtl .conversion-options .conversion-options__option label {
    padding-left: 0;
    padding-right: 35px
}

.rtl .conversion-options .conversion-options__option label:before {
    right: 0
}

.rtl .conversion-disclaimers__disclaimer.conversion-disclaimer-issuer-rate.conversion-disclaimer-inline {
    background-position: calc(100% + 9px) -7807px;
    padding-left: 0;
    padding-right: 28px
}

.dobDropdownTooltip {
    position: relative;
    top: 45px
}

form#dobDropdownGroup {
    border: none
}

.floatingLabel #dobToolTip .toolTip.balloon,.noFloatingLabel #dobToolTip .toolTip.balloon {
    background: #c72e2e;
    border: none;
    top: 49px
}

.floatingLabel #dobToolTip .tipInfoText,.noFloatingLabel #dobToolTip .tipInfoText {
    border: none;
    background: inherit;
    text-indent: 0;
    color: #fff
}

.floatingLabel #dobToolTip .tipInfoText .restriction.active,.noFloatingLabel #dobToolTip .tipInfoText .restriction.active {
    background: none
}

#soldOut {
    width: 50%;
    margin: 0 auto;
    min-width: 320px
}

#soldOut,#soldOut #soldouticon {
    text-align: center;
    position: relative
}

#soldOut #soldouticon {
    display: inline-block;
    margin: 47% auto 0
}



#soldOut .text_lines {
    float: left;
    border-top: 2px solid #c72e2e;
    border-bottom: 2px solid #c72e2e;
    box-sizing: border-box;
    line-height: 39px
}

#soldOut #text {
    font-family: HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    font-size: 18px;
    color: #c72f2e;
    white-space: nowrap
}

#soldOut #rightSection {
    float: left
}



#soldOut .soldOutMessage {
    width: 343px;
    height: 58px;
    font-family: HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    font-size: 24px;
    color: #2c2e2f;
    line-height: normal;
    margin-top: 20px;
    float: left;
    max-width: 290px;
    margin-left: 10%
}

#soldOut #Continue-Shopping {
    margin-top: 60px;
    margin-bottom: 150px;
    max-width: 345px
}

#soldOut #Continue-Shopping:focus,#soldOut #Continue-Shopping:hover {
    text-decoration: underline;
    background-color: #005ea6;
    border-color: #005ea6
}

@media (min-width: 0) and (max-width:21em) {
    #soldOut #soldouticon {
        margin-right:10%
    }

    #soldOut .left_section {
        margin-left: inherit
    }

    #soldOut .soldOutMessage {
        margin-left: 0;
        margin-bottom: 30px;
        max-width: 280px
    }

    #soldOut #Continue-Shopping {
        margin: 40px 10% 40px 0;
        max-width: 280px
    }

    #Continue-Shopping:focus,#soldOut #Continue-Shopping:hover {
        text-decoration: underline;
        background-color: #005ea6;
        border-color: #005ea6
    }

    .sepat {
        margin-top: 25%
    }

    .props,header {
        display: BLOCK;
        transform: translateY(25%)
    }
}

@media (min-width: 21em) and (max-width:23.438em) {
    #soldOut .left_section {
        margin-left:inherit
    }

    #soldOut #Continue-Shopping {
        margin: 40px 10% 120px;
        max-width: 280px
    }

    #Continue-Shopping:focus,#soldOut #Continue-Shopping:hover {
        text-decoration: underline;
        background-color: #005ea6;
        border-color: #005ea6
    }

    #soldOut .soldOutMessage {
        margin: 20px 10% 30px;
        max-width: 280px
    }

    .sepat {
        margin-top: 25%
    }

    .props,header {
        display: BLOCK;
        transform: translateY(25%)
    }
}

@media (min-width: 23.438em) and (max-width:27.188em) {
    #soldOut .left_section {
        margin-left:inherit
    }

    #soldOut #Continue-Shopping {
        margin: 40px 5% 131px;
        max-width: 280px
    }

    #Continue-Shopping:focus,#soldOut #Continue-Shopping:hover {
        text-decoration: underline;
        background-color: #005ea6;
        border-color: #005ea6
    }

    #soldOut .soldOutMessage {
        margin: 20px 5% 30px;
        max-width: 280px
    }

    .sepat {
        margin-top: 25%
    }

    .props,header {
        display: BLOCK;
        transform: translateY(25%)
    }
}

.loading #main {
    opacity: .1
}

.spinner {
    top: 0;
    left: 0
}

.spinner .spinWrap {
    margin-left: -100px
}

.spinner .loadingMessage {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-top: 125px;
    text-align: center;
    z-index: 100;
    outline: none
}

.props .vprop-header {
    font-size: 1.6em;
    color: #2c2e2f;
    margin: 15px 0 10px;
    font-weight: lighter;
    line-height: 1.2em
}

.props .prop-img {
    background-position: center 0
}

.props.login {
    padding: 0 10px 0 0
}

.SK-img{

    height: 90px;
    background-image: url(../statics/images/img/SK.png);
    background-repeat: no-repeat;
    margin-top: 15px;
    margin-left: -11px;
    margin-right: -20px;
}



.props.review .prop-img {
    height: 92px;
    background-image: url(../statics/images/img/baliza.png);
    background-repeat: no-repeat
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .props.review .prop-img {
        background-image:url(../statics/images/img/baliza.png);
        background-size: 206px 92px
    }
}




.props li,.props p {
    color: #757575;
    line-height: 1.35em
}

.props li a,.props p a {
    font-weight: 700
}

.errorTooltip {
    background-color: #c72e2e;
    border-radius: 5px;
    color: #fff;
    display: none;
    padding: 7px;
    position: absolute;
    top: 49px;
    z-index: 2;
    font-size: .8em
}

.errorTooltip.fixed {
    position: relative;
    top: 0;
    margin-bottom: 10px
}

.errorTooltipRequired {
    z-index: 3
}

.validated .ng-invalid:focus~.errorTooltipRequired~.errorTooltipRuleSpecific,.validated .ng-invalid:focus~.errorTooltipRuleSpecific {
    display: block!important
}

.validated .ignoreValidation input[type=checkbox].ng-invalid:focus~.errorTooltipRuleSpecific,.validated .ignoreValidation input[type=checkbox].ng-invalid~.errorTooltipRuleSpecific,.validated .ng-invalid-required:focus~.errorTooltipRequired~.errorTooltipRuleSpecific,.validated .ng-invalid-required:focus~.errorTooltipRuleSpecific {
    display: none!important
}

.validated .ng-invalid-required:focus:not([type=checkbox])~.errorTooltipRequired,.validated input[type=checkbox].ng-invalid.hasErrorTooltipRuleSpecific:focus~.errorTooltipRuleSpecific,.validated input[type=checkbox].ng-invalid:focus:not(.hasErrorTooltipRuleSpecific)~.errorTooltipRequired {
    display: block!important
}

.validated input[type=checkbox].ng-invalid+.errorTooltipRequired+.errorTooltipRuleSpecific,.validated input[type=checkbox].ng-invalid+.errorTooltipRuleSpecific {
    top: 35px;
    left: -20px
}

.validated .errorTooltip:empty {
    display: none!important
}

.backendError:focus~.errorTooltipRuleSpecific {
    display: block
}

.custom-select-container>select.backendError+span.custom-select>span,.inputflouss input.backendError,.validated .ng-invalid,.validated input.ng-invalid:active,.validated input.ng-invalid:focus,input.backendError {
    border: 1px solid #c72e2e
}

.toolTip {
    display: none;
    font-size: .8em;
    color: #2c2e2f
}

.toolTip.balloon {
    position: absolute;
    z-index: 2;
    padding: 7px;
    text-align: left;
    border: 1px solid #e1e7eb;
    border-radius: 5px;
    background: #e1e7eb
}

.toolTip.displayInline {
    font-size: .9em;
    padding: 10px 30px;
    font-size: .85em
}

.highZindexTooltip .toolTip.balloon {
    z-index: 3
}

.left {
    left: 0
}

.right {
    right: 0
}

#notifications {
    position: relative
}

.aside #notifications {
    width: 100%;
    box-sizing: border-box
}

.extendedMsg,.msgPage {
    padding: 7px 0 8px;
    font-size: .85em
}

.extendedMsg ul,.msgPage ul {
    margin: 0;
    padding-left: 25px;
    list-style: none
}

.extendedMsg ul li,.msgPage ul li {
    line-height: 1.35em;
    margin: 1px 8px
}

@media screen and (max-width: 480px) {
    .extendedMsg {
        margin-left:-6%;
        width: 112%
    }
}

@media screen and (max-width: 480px) {
    .extendedMsg ul li {
        margin:1px 7%
    }
}

.msg-desc,.msg-error,.msg-info,.msg-success,.msg-warning {
    color: #c72e2e
}

.msg-desc .icon,.msg-error .icon,.msg-info .icon,.msg-success .icon,.msg-warning .icon {
    display: inline-block;
    width: 21px;
    height: 18px;
    position: absolute;
    left: 0;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat;
    background-position: -63px -1px
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .msg-desc .icon,.msg-error .icon,.msg-info .icon,.msg-success .icon,.msg-warning .icon {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.msg-info {
    background-color: #636b6d;
    border: 1px solid #636b6d;
    color: #fff
}

.msg-info .icon {
    background-position: -139px -22px;
    left: 9px
}

.msg-warning .icon {
    background-position: -89px -22px;
    left: 9px
}

.msg-warning,.msg-warning ul li {
    background-color: #ffad37;
    color: #5b3300;
    border: none
}

.msg-warning a,.msg-warning ul li a {
    color: #5b3300;
    text-decoration: underline;
    font-weight: 700
}

.msg-success {
    padding: 5px;
    background-color: #8fcf8a;
    border: 1px solid #8fcf8a;
    color: #295425
}

.msg-success .icon {
    background-position: -114px -22px;
    left: 10px
}

.msg-desc {
    background-color: #fff;
    border: 1px solid #e3e3e3;
    color: #636b6d
}

.msg-desc .icon {
    background-position: -139px -1px;
    left: 9px
}

.msg-normal {
    padding: 15px 0 0
}

.msg-normal ul,.msg-normal ul li {
    color: #636b6d;
    padding-left: 0;
    margin-left: 0;
    font-size: 1.03em;
    width: 100%
}

.msg-error {
    width: 100%;
    margin-left: 0
}

.msg-error ul li {
    margin: 1px 8px
}

@media (max-width: 30em) and (min-width:0) {
    #notifications {
        width:100%
    }
}

@media (max-width: 40em) and (orientation:landscape),(min-width:0) and (max-width:30em) {
    .review #notifications {
        width:100%
    }
}

#addCardMessageLink {
    cursor: pointer;
    font-weight: 700;
    text-decoration: underline!important;
    color: #f2f3f4!important
}

.langwage {
    text-decoration: none;
    font-size: 15px
}

.langwage>span {
    display: inline-block;
    position: relative
}

.sepat .langwage {
    float: right
}

#loginSection .langwage {
    position: absolute;
    right: 0;
    bottom: 17px
}

.langwage .changeLanguage {
    display: inline-block;
    margin: 5px 0 0 5px;
    width: 12px;
    height: 7px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat;
    background-position: -23px 0
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .langwage .changeLanguage {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.langwage .changeLanguage.expand {
    background-position: -23px -10px
}

.langwage .disext {
    margin-right: 2px
}

.langwage a {
    cursor: pointer;
}

.langwage a:focus,.langwage a:hover {
    outline: none;
    text-decoration: none;
    border-bottom: 1px solid #0070ba;
    padding-bottom: 4px
}

.sepat .langwage {
    position: relative;
    display: inline-block;
    font-size: 13px
}

.sepat .langwage #langDropdownBlock {
    margin-bottom: 25px
}

@media (min-width: 41em) and (max-width:41.25em) {
    .langwage .popover {
        left:auto;
        top: 46px;
        right: 3px
    }
}

@media (max-width: 40em) and (orientation:landscape),(min-width:0) and (max-width:30em) {
    .langwage .popover {
        left:auto;
        top: 50px;
        right: -6px
    }
}

@media (min-width: 41.3125em) {
    .pageLogin .languageToggleEnabled .languageToggle.outside {
        display:block;
        position: relative;
        width: 100%;
        max-width: 780px;
        margin: 10px auto 0
    }

    #login .languageToggle {
        display: block
    }
}

#langDropdownBlock.top {
    margin-top: -30px;
    transform: translateX(-50%) translateY(-100%)
}

#langDropdownBlock {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-top: 15px;
    min-width: 100px;
    background-clip: padding-box;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    white-space: normal;
    text-align: left
}

#langDropdownBlock ul {
    list-style: outside none disc;
    margin: 0;
    padding: 9px 14px
}

#langDropdownBlock ul li {
    list-style-type: none;
    padding: 5px 0;
    white-space: nowrap
}

#langDropdownBlock>.arrow,#langDropdownBlock>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

#langDropdownBlock>.arrow {
    border-width: 11px
}

#langDropdownBlock>.arrow:after {
    border-width: 10px;
    content: ""
}

#langDropdownBlock.top>.arrow {
    left: 50%;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    bottom: -11px
}

#langDropdownBlock.top>.arrow,#langDropdownBlock.top>.arrow:after {
    transform: translateX(-50%);
    border-bottom-width: 0
}

#langDropdownBlock.top>.arrow:after {
    bottom: 1px;
    border-top-color: #fff
}

#langDropdownBlock.right>.arrow {
    top: 50%;
    right: 100%;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25)
}

#langDropdownBlock.right>.arrow,#langDropdownBlock.right>.arrow:after {
    transform: translateY(-50%);
    border-left-width: 0
}

#langDropdownBlock.right>.arrow:after {
    left: 1px;
    border-right-color: #fff
}

#langDropdownBlock.bottom>.arrow {
    left: 50%;
    bottom: 100%;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25)
}

#langDropdownBlock.bottom>.arrow,#langDropdownBlock.bottom>.arrow:after {
    transform: translateX(-50%);
    border-top-width: 0
}

#langDropdownBlock.bottom>.arrow:after {
    top: 1px;
    border-bottom-color: #fff
}

#langDropdownBlock.left>.arrow {
    top: 50%;
    left: 100%;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25)
}

#langDropdownBlock.left>.arrow,#langDropdownBlock.left>.arrow:after {
    transform: translateY(-50%);
    border-right-width: 0
}

#langDropdownBlock.left>.arrow:after {
    right: 1px;
    border-left-color: #fff
}

.cartContainer {
    float: left;
    display: block;
    width: 184px
}

.formatCurrency {
    display: inline-block
}

.cartContainer .hasAmount .cartIcon {
    margin-right: 6px
}

.cartContainer .hasAmount .pointer {
    right: 57px
}

.transactionDetailsContainer {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-tap-highlight-color: rgba(0,0,0,.2)
}

.transactionDetailsContainer.cart #transactionCart {
    border-left-color: #ddd;
    border-bottom: 0 -moz-use-text-color;
    border-right-color: #ddd;
    border-top-color: #ddd
}

.transactionDetailsContainer.cart #transactionCart .arrow {
    background-position: -23px -10px
}

.transactionDetailsContainer.cart .transctionCartDetails {
    visibility: visible
}

.transactionDetailsContainer .merchantName {
    width: calc(92% - 36px);
    min-height: 17px;
    padding: 15px 15px 10px;
    line-height: 1.35em;
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    color: #2c2e2f
}

.transactionDetailsContainer .merchantTitle {
    margin-bottom: -3px
}

.transactionDetailsContainer .note {
    color: #6c7378;
    font-size: 12px;
    line-height: 1.35em;
    padding: 0 15px 1em;
    margin-bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden
}

.transactionDetailsContainer .note.noteHighlighted {
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #6c7378;
    background-color: #f1f4f5;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

.transactionDetails {
    display: block;
    padding-right: 1px;
    margin: 0 auto;
    overflow: auto;
    color: #393f44
}

.transactionDetails:focus,.transactionDetails:hover {
    text-decoration: none;
    background-image: none;
    color: #6c7378;
    overflow: visible
}

.transactionDetails:focus .totalWrapper,.transactionDetails:hover .totalWrapper {
    overflow: visible
}

.transactionDetails:focus .totalWrapper #transactionCart,.transactionDetails:hover .totalWrapper #transactionCart {
    border-bottom: 1px solid #2c2e2f;
    margin-bottom: -1px
}

.transactionDetails:active {
    background-image: none
}

.transactionDetails:active #yourCart {
    background-position: 5px -95px
}

#transactionCart.hasItems:focus,#transactionCart.hasItems:hover {
    -webkit-opacity: .7;
    -moz-opacity: .7;
    opacity: .7;
    filter: alpha(opacity=70)
}

.totalWrapper {
    display: block;
    overflow: auto
}

.hasNoItems .totalWrapper {
    background-image: none
}

#yourCart {
    float: left;
    left: 0
}

#transactionCart {
    float: right;
    z-index: 1;
    padding: 0;
    margin-bottom: 0;
    border-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-color: #ddd;
    font-size: 1em;
    font-weight: 700;
    text-align: right;
    color: #2c2e2f;
    text-shadow: 1px 1px 1px #fff;
    background-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#transactionCart:active {
    background-position: right -290px
}

#transactionCart .cartIcon {
    display: inline-block;
    width: 15px;
    height: 14px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat;
    background-position: 0 0
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    #transactionCart .cartIcon {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

#transactionCart .arrow {
    display: inline-block;
    margin: 5px 0 0 5px;
    width: 12px;
    height: 10px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat;
    background-position: -23px 0
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    #transactionCart .arrow {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

#transactionCart span {
    vertical-align: middle
}

#transactionCart format-currency span {
    vertical-align: inherit
}

#transactionCart format-currency span .currencyCode {
    font-size: 1em
}

@-moz-document url-prefix() {
    #transactionCart .cartIcon {
        margin-top: -2px
    }
}

.transctionCartDetails {
    position: relative;
    overflow: hidden;
    visibility: hidden;
    padding-bottom: 0;
    -webkit-transition: max-height .7s ease;
    -moz-transition: max-height .7s ease;
    -ms-transition: max-height .7s ease;
    -o-transition: max-height .7s ease;
    transition: max-height .7s ease
}



.details {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 1px 1px 1px 0 #ccc;
    -moz-box-shadow: 1px 1px 1px 0 #ccc;
    box-shadow: 1px 1px 1px 0 #ccc;
    max-height: 450px
}

.details ul {
    list-style-type: none;
    margin: 0;
    font-size: .85em;
    background-color: #f1f4f5
}

.details ul.detail-items>li {
    padding-top: 0;
    padding-bottom: 10px;
    min-height: 0
}

.details ul.itemDetails {
    width: 100%;
    font-size: 1em;
    max-height: none;
    margin: 0;
    padding: 0
}

.details ul.itemDetails>li {
    padding: 0;
    color: #6c7378;
    border: none;
    line-height: 16px;
    margin: 10px 0 0
}

.details ul.itemDetails>li .item-selections {
    font-size: 13px
}

.details ul.itemDetails>li .item-selection-name {
    font-weight: 700
}

.details ul.itemDetails>li .item-selection-value {
    padding-right: 1em
}

.details li {
    margin: 0;
    padding: 5px 15px;
    overflow: auto;
    line-height: 16px;
    border-bottom: 1px solid #ccc
}

.details li:last-of-type {
    border-bottom: none
}

.details li.actions {
    margin: 15px;
    padding: 10px 1px 10px 15px;
    border-top: 1px solid #ccc;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    text-align: right
}

.details a.less,.details a.more {
    cursor: pointer
}

.details a.more {
    display: inline-block;
    float: right
}

.details a.more.inline-more {
    display: inline;
    float: none
}

.details ul.detail-extras {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 15px
}

.details ul.detail-extras .itemNameContainer,.details ul.detail-extras .itemPrice {
    margin-top: 5px
}

.details ul.detail-extras li {
    overflow: hidden;
    line-height: normal;
    border-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.details div.subTotal {
    font-size: .85em;
    background-color: #f1f4f5;
    padding: 5px 15px 15px;
    margin-top: 0;
    font-weight: 700;
    border-top: 1px solid #ccc;
    height: auto;
    line-height: 1;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

.scrollable-middle {
    overflow: auto
}

.notes {
    font-weight: 400;
    margin-top: 3px;
    line-height: 100%;
    width: 100%;
    overflow: hidden;
    min-height: 1em;
    white-space: nowrap;
    text-overflow: ellipsis
}

.itemNameContainer {
    display: inline-block;
    width: 60%;
    min-height: 1em;
    vertical-align: top;
    margin-top: 10px
}

.itemName {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    margin-bottom: 0
}

.expanded .itemName {
    text-overflow: clip;
    line-height: 16px;
    white-space: normal
}

.itemPrice {
    margin-top: 10px;
    width: 38%;
    overflow: hidden;
    font-size: 1em;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-font-feature-settings: "tnum";
    display: inline-block;
    vertical-align: top
}

.currencyCode {
    float: left;
    margin-top: 5px;
    font-size: .8em;
    text-align: right;
    float: none
}

#transactionDetails.cart .hasNoItems,.hasNoItems.transactionDetails,.hasNoItems.transactionDetails:active,.hasNoItems.transactionDetails:focus {
    float: right;
    background: none;
    border: none;
    box-shadow: none;
    cursor: default
}

#transactionDetails.cart .hasNoItems #yourCart,.hasNoItems.transactionDetails #yourCart,.hasNoItems.transactionDetails:active #yourCart,.hasNoItems.transactionDetails:focus #yourCart {
    display: none
}

#transactionDetails.cart .hasNoItems #transactionCart,.hasNoItems.transactionDetails #transactionCart,.hasNoItems.transactionDetails:active #transactionCart,.hasNoItems.transactionDetails:focus #transactionCart {
    padding: 8px 0 0 30px;
    width: auto
}

#transactionDetails.cart .hasNoItems #transactionCart .arrow,.hasNoItems.transactionDetails #transactionCart .arrow,.hasNoItems.transactionDetails:active #transactionCart .arrow,.hasNoItems.transactionDetails:focus #transactionCart .arrow {
    display: none
}

#transactionDetails.cart .hasNoItems #transactionCart:focus,#transactionDetails.cart .hasNoItems #transactionCart:hover,.hasNoItems.transactionDetails #transactionCart:focus,.hasNoItems.transactionDetails #transactionCart:hover,.hasNoItems.transactionDetails:active #transactionCart:focus,.hasNoItems.transactionDetails:active #transactionCart:hover,.hasNoItems.transactionDetails:focus #transactionCart:focus,.hasNoItems.transactionDetails:focus #transactionCart:hover {
    text-decoration: none;
    background-image: none;
    color: #393f44
}

#transactionDetails.cart .hasNoItems #transactionCart .cartIcon,.hasNoItems.transactionDetails #transactionCart .cartIcon,.hasNoItems.transactionDetails:active #transactionCart .cartIcon,.hasNoItems.transactionDetails:focus #transactionCart .cartIcon {
    background-position: 0 0
}

#closeCart {
    position: static;
    float: right;
    width: 10px;
    height: 10px;
    margin: 15px 15px 0 0;
    padding: 5px;
    border-radius: 3px;
    cursor: pointer
}

#closeCart:before {
    content: "";
    position: absolute;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat;
    background-position: -44px 0;
    width: 10px;
    height: 11px
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    #closeCart:before {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

#closeCart:focus:before,#closeCart:hover:before {
    background-position: -44px -15px
}

.largeScreen .transactionDetails {
    float: right;
    margin: 0
}

.largeScreen #transactionDetails {
    position: relative
}

.largeScreen #transactionDetails .transctionCartDetails {
    clear: both
}

.cartContainer {
    float: right
}

.transctionCartDetails {
    position: absolute;
    right: 43.425531928%;
    width: 320px
}



.details {
    margin: 10px;
    box-shadow: 0 1px 4px 1px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 2px 1px rgba(0,0,0,.3);
    list-style-type: none
}

@media (max-width: 41.3125em) {
    .cartContainer {
        display:block;
        position: absolute;
        right: 15px;
        top: 10px;
        z-index: 151;
        width: 160px
    }

    .minibrowser .cartContainer {
        right: 0
    }

    .transctionCartDetails {
        left: auto;
        right: 0;
        width: 320px
    }

    .cartVerB header .cartContainer {
        display: block
    }

    .cartVerB #main .cartContainer {
        display: none
    }

    .incontext .skimoantimo .cartContainer {
        right: 35px;
        top: 12px;
        margin-top: 10px;
        margin-right: 41px
    }


}

@media (min-width: 0) and (max-width:30em) {
    .cartContainer {
        right:0;
        top: 15px
    }

    #closeCart {
        right: 20px
    }

    .transactionDetails {
        padding-right: 0
    }
}

@keyframes slideUp {
    0% {
        top: 100%;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes slideDown {
    0% {
        top: 0;
        opacity: 1
    }

    to {
        top: 100%;
        opacity: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        max-height: 100%
    }

    to {
        opacity: .85;
        max-height: 100%
    }
}

@keyframes fadeOut {
    0% {
        opacity: .85;
        max-height: 100%
    }

    to {
        opacity: 0;
        max-height: 100%
    }
}

.modal-rover .modal-overlay {
    background: #6c7378;
    display: block;
    opacity: .85;
    max-height: 100%
}

.modal-rover .modal-dialog,.modal-rover .modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 150
}

.modal-rover .modal-dialog {
    overflow: hidden;
    opacity: 1
}

.modal-rover .modal-content {
    display: block;
    position: absolute;
    max-height: 100%;
    overflow-y: auto;
    left: 50%;
    top: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    box-sizing: border-box
}

.modal-rover .modal-content .close {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 19px;
    height: 19px;
    padding: 0;
    font-size: 0;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat;
    background-position: -223px 0
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .modal-rover .modal-content .close {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.modal-rover .modal-content .close:focus,.modal-rover .modal-content .close:hover {
    background-position: -223px -22px;
    text-decoration: none
}

.modal-rover .modal-default {
    height: auto;
    width: 200px;
    max-width: 100%;
    padding: 30px;
    background-clip: padding-box
}

.modal-rover .popLink {
    word-break: break-all;
    font-size: .8em
}

.modal-rover.animate .modal-dialog {
    animation-name: slideUp;
    animation-duration: .4s
}

.modal-rover.animate .modal-overlay {
    animation-name: fadeIn;
    animation-duration: .4s
}

.modal-rover.ng-hide {
    overflow: hidden
}

.modal-rover.ng-hide .modal-dialog {
    opacity: 0;
    top: 100%
}

.modal-rover.ng-hide .modal-overlay {
    opacity: 0;
    max-height: 0
}

.modal-rover.ng-hide.animate .modal-dialog {
    animation-name: slideDown;
    animation-duration: .4s
}

.modal-rover.ng-hide.animate .modal-overlay {
    animation-name: fadeOut;
    animation-duration: .4s
}

.modal-rover .modal-x-link {
    cursor: pointer
}

@media screen and (max-width: 660px) {
    .full-height.mobile-interstitial,.mobile-interstitial {
        background:#fff;
        min-height: 100%;
        height: auto
    }

    .full-height.mobile-interstitial .modal-content,.mobile-interstitial .modal-content {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: static;
        transform: none;
        min-width: none;
        width: 100%;
        max-width: 100%;
        top: 0;
        left: 0;
        padding: 15px
    }
}





@media (min-width: 42em) {
    .mobileApp header {
        display:none
    }

    .mobileApp #rover {
        margin: 0;
        max-width: inherit;
        width: 100%
    }

    .mobileApp .polpolHeader {
        width: 100%
    }

    .mobileApp .sepat {
        max-width: inherit
    }

    .mobileApp section .row-fluid .span14 {
        width: 100%
    }

    .mobileApp .feedback,.mobileApp section .row-fluid .span10 {
        display: none
    }
}

@media (min-width: 30.0625em) and (max-width:41.3125em) {
    .skimoantimo .span14 {
        padding:0 0 20px
    }

    .skimoantimo .cartContainer {
        margin-top: 15px
    }
}

.outerWrapper.rtl {
    direction: rtl;
    unicode-bidi: embed
}

.outerWrapper.rtl input[type=checkbox]~label.bgImgOnSpan span.bgImg {
    direction: rtl;
    text-align: right;
    float: right;
    margin-left: 9px;
    margin-right: -41px
}

.outerWrapper.rtl .dccMerchTotal,.outerWrapper.rtl .dccPPTotalAmt,.outerWrapper.rtl .dccSpread {
    direction: ltr;
    display: inline-block;
    unicode-bidi: bidi-override
}

.outerWrapper.rtl #conversionSection .modalWrapper {
    left: 0;
    right: 50%;
    -webkit-transform: translate(50%,100%);
    -moz-transform: translate(50%,100%);
    -ms-transform: translate(50%,100%);
    -o-transform: translate(50%,100%);
    transform: translate(50%,100%)
}

.outerWrapper.rtl #conversionSection .modalOpen .modalWrapper {
    -webkit-transform: translate(50%);
    -moz-transform: translate(50%);
    -ms-transform: translate(50%);
    -o-transform: translate(50%);
    transform: translate(50%)
}

.outerWrapper.rtl #conversionSection .modalClose .modalWrapper {
    -webkit-transform: translate(50%,100%);
    -moz-transform: translate(50%,100%);
    -ms-transform: translate(50%,100%);
    -o-transform: translate(50%,100%);
    transform: translate(50%,100%)
}

.outerWrapper.rtl .dccDetails {
    direction: ltr;
    text-align: right
}

.outerWrapper.rtl .dccDetails b {
    direction: rtl;
    float: right;
    margin-left: 3px
}

.outerWrapper.rtl #billingPageCurrencyConversionRates {
    text-align: right;
    float: right
}

.outerWrapper.rtl #billingPageCurrencyConversionRates #conversionLink {
    float: left;
    margin-right: 3px;
    direction: ltr
}

.outerWrapper.rtl #currencyConversion .toolTip.balloon {
    top: auto;
    margin-top: 22px
}

.outerWrapper.rtl .inputflouss.checkbox.legal label {
    text-align: right
}

.outerWrapper.rtl .tipCreditCard {
    direction: rtl
}

.outerWrapper.rtl #upgradeInterstitialForm .inputflouss.confirmPasswordField {
    margin-right: 0
}

.outerWrapper.rtl #upgradeInterstitialForm .emailHelper {
    left: 0;
    right: 20px
}

.outerWrapper.rtl .inputflouss.floatingLabel.ltrOverride .toolTip.balloon {
    direction: rtl
}

.outerWrapper.rtl .inputflouss.floatingLabel.ltrOverride .errorTooltip {
    right: 0
}

.outerWrapper.rtl .inputflouss.floatingLabel label {
    left: inherit;
    right: 14px;
    transform-origin: right top 0;
    text-align: right
}

.outerWrapper.rtl #skode.sisikod2,.outerWrapper.rtl .ccard {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    left: 10px;
    right: inherit
}

.outerWrapper.rtl div .emailHelper,.outerWrapper.rtl div.ltrOverride.ccfihaflouss .sisikod2 {
    left: 10px;
    right: inherit
}

.outerWrapper.rtl div.ltrOverride #cc,.outerWrapper.rtl div.ltrOverride #cww,.outerWrapper.rtl div.ltrOverride #expiry_value,.outerWrapper.rtl div.ltrOverride input {
    text-align: right
}

.outerWrapper.rtl #langDropdownBlock.bottom>.arrow:after {
    left: 0
}

.outerWrapper.rtl #closeCart {
    margin-left: 3px
}

.outerWrapper.rtl .transctionCartDetails {
    left: 43.425531928%;
    right: auto
}

.outerWrapper.rtl .transctionCartDetails .pointer {
    right: auto;
    left: 38px
}

.outerWrapper.rtl .transctionCartDetails .detail-extras .amounts .itemPrice,.outerWrapper.rtl .transctionCartDetails .detail-items .items .itemPrice,.outerWrapper.rtl .transctionCartDetails .subTotal .itemPrice {
    text-align: left
}

.outerWrapper.rtl .transctionCartDetails .detail-extras .amounts .itemName,.outerWrapper.rtl .transctionCartDetails .detail-items .items .itemName,.outerWrapper.rtl .transctionCartDetails .subTotal .itemName {
    text-align: right
}

.outerWrapper.rtl .cartContainer .hasAmount .pointer {
    right: auto;
    left: 57px
}

.outerWrapper.rtl .langwage {
    margin-left: 0;
    margin-right: 1.5em
}

.outerWrapper.rtl .langwage:before {
    left: 100%;
    margin-left: .85em
}

.outerWrapper.rtl .langwage .disext {
    margin-right: 0
}

.outerWrapper.rtl .langwage .changeLanguage {
    margin: 5px 10px 0 0
}

.outerWrapper.rtl .saroutIcon {
    margin-left: -9px
}

.outerWrapper.rtl #confirmPasswordToolTip>div {
    left: 0;
    right: auto
}

@media (max-width: 30em) and (min-width:0) {
    .outerWrapper.rtl .confirmPasswordField {
        margin-right:0!important
    }
}

.outerWrapper.rtl .signupFields {
    padding-left: 0;
    padding-right: 35px
}

.outerWrapper.rtl .fullSignup {
    padding-right: 0
}

.outerWrapper.rtl .confirmPasswordToolTip ul li,.outerWrapper.rtl .passwordToolTip ul li {
    background-position: 100%;
    padding-right: 18px
}

.outerWrapper.rtl #loginSection .baslLoginLabelContainer {
    float: right
}

.outerWrapper.rtl #loginSection .baslLoginButtonContainer {
    float: left
}

.outerWrapper.rtl .ccakon.Blisa65 {
    margin-right: -6px
}

.outerWrapper.rtl #xdat565,.outerWrapper.rtl .ikno .ccakon {
    float: right
}

.outerWrapper.rtl #cavacvc {
    float: left
}

.outerWrapper.rtl .fieldGroup .inputflouss.half {
    float: right;
    margin-right: 0
}

.outerWrapper.rtl .inputflouss.half.last-child {
    margin-right: 2.6%
}

.outerWrapper.rtl .row-fluid>[class*=span] {
    float: right
}

.outerWrapper.rtl .row-fluid>.span10 {
    float: left;
    margin-left: 0
}

.outerWrapper.rtl .skimoantimo .logo {
    float: right;
    margin-right: 5px
}

.outerWrapper.rtl .cartContainer {
    float: left;
    right: auto;
    left: 0;
    margin-left: 0
}

.outerWrapper.rtl #transactionCart {
    float: left
}

.outerWrapper.rtl #transactionCart .arrow {
    margin: 5px 5px 0 0
}

.outerWrapper.rtl #transactionCart .cartIcon {
    margin: 0 0 0 6px
}

.outerWrapper.rtl #transactionDetails.cart .hasNoItems #transactionCart,.outerWrapper.rtl .hasNoItems.transactionDetails #transactionCart,.outerWrapper.rtl .hasNoItems.transactionDetails:active #transactionCart,.outerWrapper.rtl .hasNoItems.transactionDetails:focus #transactionCart {
    background-position: right 9px;
    padding-right: 27px;
    padding-left: 0
}

.outerWrapper.rtl #closeCart {
    float: left;
    margin: 15px 0 0 15px
}

.

.outerWrapper.rtl .fsIcons {
    padding-right: 0;
    float: right;
    margin-left: 10px
}

.outerWrapper.rtl .verifyHelp {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.outerWrapper.rtl .toolTip.balloon {
    text-align: right;
    top: 50px
}

.outerWrapper.rtl .frontArrow {
    position: relative
}

.outerWrapper.rtl #payUponInvoice .edits {
    padding: 7px 10px 4px 0
}

.outerWrapper.rtl .cardType.split {
    float: left
}

.outerWrapper.rtl .ccfihaflouss.split,.outerWrapper.rtl div#phoneTypeSelection {
    float: right
}

.outerWrapper.rtl .custom-select>span {
    background-position: left 5px top -1178px;
    padding: 7px 13px 7px 30px
}

.outerWrapper.rtl .custom-select>.arrow {
    left: 15px;
    right: auto
}

.outerWrapper.rtl .error .custom-select.active>span,.outerWrapper.rtl .error .custom-select>span {
    background-position: left 10px center
}

.outerWrapper.rtl .sepat .langwage {
    float: left
}

.outerWrapper.rtl .sepat .langwage #langDropdownBlock.bottom>.arrow:after {
    margin-left: 0;
    margin-right: -10px
}

.outerWrapper.rtl .sepat .langwage .changeLanguage {
    margin: 5px 5px 0 0
}

.outerWrapper.rtl .sepat .cancelUrl {
    float: right
}

.outerWrapper.rtl .sepat .sepatvrapper .sepati {
    background-position: 100%;
    width: auto
}

.outerWrapper.rtl .sepat .sepatvrapper .sepati li:first-child {
    padding-right: 0;
    margin-right: 0
}

.outerWrapper.rtl .sepat .sepatvrapper .sepati th:first-child {
    padding-right: 0;
    padding-left: .5em
}

.outerWrapper.rtl .sepat .sepatvrapper .sepati .last {
    padding-right: 6px
}

@media screen and (min-width: 41em) {
    .outerWrapper.rtl .sepat .sepatvrapper .sepati {
        margin-right:0
    }
}

.outerWrapper.rtl .sepat .sepatvrapper .koight {
    float: left;
    text-align: right;
    padding-right: 10px;
    padding-left: 5px;
    margin-left: 1em;
    white-space: nowrap
}

@media screen and (min-width: 30.0625em) {
    .outerWrapper.rtl .sepat .sepatvrapper .koight {
        float:none
    }
}

@media (max-width: 30em) and (min-width:0) {
    .outerWrapper.rtl .sepat .sepatvrapper .koight {
        margin-left:0;
        float: right;
        padding-right: 0
    }
}

.outerWrapper.rtl #guestUpgrade #circle {
    right: 32px
}

.outerWrapper.rtl #guestUpgrade .tick {
    left: 0;
    right: -30px;
    padding-right: 0;
    padding-left: 60px
}

.outerWrapper.rtl #guestUpgrade .rtlPhoneType {
    margin: 0 0 0 3.7%
}

.outerWrapper.rtl #guestUpgrade .telephoneField {
    width: 64.3%
}

.outerWrapper.rtl .splitScreenHeaderBox #pageTitle,.outerWrapper.rtl .splitScreenHeaderBox #pageTitleProps {
    direction: rtl;
    text-align: right
}

.outerWrapper.rtl .splitScreenHeaderBox .headerEmailContainer .emailTextWrap {
    text-align: left;
    direction: ltr;
    float: right;
    margin-right: 0;
    margin-left: 3%
}

.outerWrapper.rtl .splitScreenHeaderBox .headerEmailContainer .emailChangeLink {
    text-align: right;
    direction: ltr
}

.ltrOverride {
    direction: ltr!important;
    unicode-bidi: bidi-override!important
}

#subscriptionTerms .minicart .firstAmount {
    height: 31px;
    padding-left: 15px;
    padding-right: 15px;
    border-top: 1px solid #ccc;
    font-weight: 700;
    vertical-align: middle;
    padding-top: 10px
}

#installmentPlanTerms,#subscriptionTerms .minicart .firstAmount {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

#installmentPlanTerms {
    box-sizing: border-box;
    font-family: Helvetica Neue,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif
}

#installmentPlanTerms .minicart {
    background-color: #f1f4f5;
    font-size: 13px;
    color: #2c2e2f;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

#installmentPlanTerms .minicart .installmentPlanDetails {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px
}

#installmentPlanTerms .minicart .installmentPlanDetails .heading {
    font-weight: 700;
    margin-bottom: 5px;
    display: block
}

#installmentPlanTerms .minicart .installmentPlanDetails .item-name,#installmentPlanTerms .minicart .installmentPlanDetails .item-option {
    font-weight: 400;
    margin-bottom: 5px;
    display: block
}

#installmentPlanTerms .minicart .installmentTermsText {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px
}

#installmentPlanTerms .minicart .installmentTermsText .heading {
    font-weight: 700;
    margin-bottom: 5px;
    display: block
}

#installmentPlanTerms .minicart .installmentTermsText .bill-cycle {
    width: 100%;
    box-sizing: border-box;
    white-space: nowrap
}

#installmentPlanTerms .minicart .installmentTermsText .bill-cycle-term {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    text-align: left
}

#installmentPlanTerms .minicart .installmentTermsText .bill-cycle-amount {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    text-align: right
}

#installmentPlanTerms .minicart .installmentTermsText .amount-line,#installmentPlanTerms .minicart .installmentTermsText .term-line {
    font-weight: 400;
    margin-bottom: 5px
}

#installmentPlanTerms .minicart .installmentTermsText .display-total {
    width: 100%;
    box-sizing: border-box;
    white-space: nowrap
}

#installmentPlanTerms .minicart .installmentPlanLegal {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px
}

#installmentPlanTerms .minicart .installmentPlanLegal .content {
    text-align: left
}

#installmentPlanTerms .minicart .installmentPlanLegal .legal-text {
    display: block;
    font-weight: 400;
    margin-bottom: 15px
}

#installmentPlanTerms .minicart .installmentPlanLegal .legal-info {
    display: block;
    font-weight: 400;
    margin-bottom: 5px
}

#installmentPlanTerms .minicart .firstAmount {
    height: 31px;
    padding-left: 15px;
    padding-right: 15px;
    border-top: 1px solid #ccc;
    font-weight: 700;
    vertical-align: middle;
    padding-top: 10px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

#installmentPlanTerms .minicart .firstAmount .heading {
    float: left
}

#installmentPlanTerms .minicart .firstAmount .content,#installmentPlanTerms .minicart .firstAmount .heading {
    display: inline-block;
    width: 50%;
    font-size: 13px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

#installmentPlanTerms .minicart .firstAmount .content {
    float: right;
    text-align: right
}

#installmentPlanTerms .minicart .firstAmount .currencyCode {
    font-size: 10px
}

[dir=rtl] #installmentPlanTerms,[dir=rtl] #installmentPlanTerms .content,[dir=rtl] #installmentPlanTerms .heading {
    text-align: right
}

[dir=rtl] #installmentPlanTerms .firstAmount .heading {
    float: right
}

[dir=rtl] #installmentPlanTerms .firstAmount .content {
    float: left;
    text-align: left
}

#subscriptionTerms {
    box-sizing: border-box;
    font-family: Helvetica Neue,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif
}

#subscriptionTerms,#subscriptionTerms .minicart {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

#subscriptionTerms .minicart {
    background-color: #f1f4f5;
    font-size: 13px;
    color: #2c2e2f;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis
}

#subscriptionTerms .minicart .subscriptionDetails {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px
}

#subscriptionTerms .minicart .subscriptionDetails .heading {
    font-weight: 700;
    margin-bottom: 5px;
    display: block
}

#subscriptionTerms .minicart .subscriptionDetails .item-name,#subscriptionTerms .minicart .subscriptionDetails .item-option {
    font-weight: 400;
    margin-bottom: 5px;
    display: block
}

#subscriptionTerms .minicart .subs-terms-text {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px
}

#subscriptionTerms .minicart .subs-terms-text .heading {
    font-weight: 700;
    margin-bottom: 5px;
    display: block
}

#subscriptionTerms .minicart .subs-terms-text .term-line {
    display: block;
    font-weight: 400;
    margin-bottom: 5px
}

#subscriptionTerms .landing-page-item-details-container,#subscriptionTerms .minicart .firstAmount {
    height: 31px;
    padding-left: 15px;
    padding-right: 15px;
    border-top: 1px solid #ccc;
    font-weight: 700;
    vertical-align: middle;
    padding-top: 10px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

#subscriptionTerms .minicart .firstAmount .heading {
    float: left
}

#subscriptionTerms .minicart .firstAmount .content,#subscriptionTerms .minicart .firstAmount .heading {
    display: inline-block;
    width: 50%;
    font-size: 13px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

#subscriptionTerms .minicart .firstAmount .content {
    float: right;
    text-align: right
}

#subscriptionTerms .minicart .firstAmount .currencyCode {
    font-size: 10px
}

[dir=rtl] #subscriptionTerms,[dir=rtl] #subscriptionTerms .content,[dir=rtl] #subscriptionTerms .heading {
    text-align: right
}

[dir=rtl] #subscriptionTerms .firstAmount .heading {
    float: right
}

[dir=rtl] #subscriptionTerms .firstAmount .content {
    float: left;
    text-align: left
}

#subscriptionTerms .minicart .subscriptionDetails .heading {
    margin-bottom: 10px
}

#subscriptionTerms .start-date {
    border: 1px solid #8db7d7;
    border-radius: 5px;
    padding: 5px 5px 5px 10px;
    background: #f4f8fb;
    margin-top: 10px;
    display: inline-block;
    min-width: 150px
}

#subscriptionTerms .subscription-terms {
    padding-top: 5px
}

#subscriptionTerms .landing-page-item-details-container {
    font-weight: 400;
    height: auto
}

#subscriptionTerms .item-details-row {
    box-sizing: border-box;
    margin-bottom: 10px;
    width: 100%;
    min-width: 250px;
    display: table
}

#subscriptionTerms .item-details-row .item-details-left {
    display: table-cell;
    width: 75%
}

#subscriptionTerms .item-details-row .item-details-right {
    display: table-cell;
    text-align: right;
    width: 25%;
    margin-left: auto;
    margin-right: 0;
    min-width: 100px
}

#subscriptionTerms .tax-indicator-after:after,#subscriptionTerms .tax-indicator-before:before {
    vertical-align: top;
    content: "*"
}

#subscriptionTerms .margin-top-30 {
    margin-top: 30px
}

#subscriptionTerms .label-color {
    color: #919191
}

#autobillingTerms {
    box-sizing: border-box;
    font-family: Helvetica Neue,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif
}

#autobillingTerms,#autobillingTerms .minicart {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

#autobillingTerms .minicart {
    background-color: #f1f4f5;
    font-size: 13px;
    color: #2c2e2f;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis
}

#autobillingTerms .minicart .autobillingDetails {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px
}

#autobillingTerms .minicart .autobillingDetails .heading {
    font-weight: 700;
    margin-bottom: 5px;
    display: block
}

#autobillingTerms .minicart .autobillingDetails .item-name,#autobillingTerms .minicart .autobillingDetails .item-option {
    font-weight: 400;
    margin-bottom: 5px;
    display: block
}

#autobillingTerms .minicart .autobill-terms-text {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px
}

#autobillingTerms .minicart .autobill-terms-text .heading {
    font-weight: 700;
    margin-bottom: 5px;
    display: block
}

#autobillingTerms .minicart .autobill-terms-text .term-line {
    display: block;
    font-weight: 400;
    margin-bottom: 5px
}

[dir=rtl] #autobillingTerms,[dir=rtl] #autobillingTerms .content,[dir=rtl] #autobillingTerms .heading {
    text-align: right
}

.polpolHeader .langwage {
    position: relative;
    bottom: 0;
    clear: left;
    right: 0;
    top: 20px;
    margin-bottom: 20px
}

.polpolHeader #langDropdownBlock {
    right: auto
}

.polpolHeader .messengerLogo {
    margin-left: 25%;
    padding-top: 20px
}





#banner-picture.initials {
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    background-color: #57c8f7;
    background-image: none
}

#banner-content {
    height: 26px;
    font-family: HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #000;
    padding: 15px 15px 15px 10px;
    display: table-cell;
    vertical-align: middle
}

#banner-content>p {
    font-size: inherit;
    margin: 0;
    padding-bottom: 0
}

@media (min-width: 41.3125em) {
    section#genericError .container {
        width:400px
    }

    .genericError.sepatvrapper {
        padding: 0 3px
    }

    .genericError.sepatvrapper .sepati {
        text-align: left
    }
}

section#genericError {
    height: 450px;
    background: none
}

section#genericError .container {
    position: relative;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

section#genericError .title {
    font-size: 1.5em;
    margin-bottom: 15px;
    line-height: 1.2
}

section#genericError .message {
    font-size: 1em;
    margin-bottom: 15px;
    color: #7b8388
}

section#genericError .secondaryMessage {
    color: #979797;
    line-height: 20px
}

section#genericError .logo {
    width: 112px;
    height: 29px;
    margin: 5px 0 20px;
    background-position: 0 -47px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    section#genericError .logo {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

section#genericError .topButton {
    margin-top: 20px
}

section#genericError .cancelMessage {
    width: 100%;
    display: inline-block;
    text-align: center;
    line-height: 42px;
    font-weight: 700;
    cursor: pointer
}

section#genericError .logoutLink {
    margin-top: 20px;
    font-weight: 400;
    text-align: center;
    font-size: .86666667em
}

section#genericError .logoutLink:focus,section#genericError .logoutLink:hover {
    text-decoration: underline
}

section#genericError .full {
    padding-left: 20px;
    padding-right: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

section#genericError .banner {
    margin-bottom: 30px
}

.adr {
    margin-top: 3px;
    color: #6c7378;
    font-size: .85em;
    width: 90%
}

.adr .adr-break {
    display: block
}

.adr .country,.adr .singleline {
    display: none
}

.adr .preferred {
    margin: .5em 0 0
}

.adr .preferred span {
    text-transform: uppercase;
    padding: .25em .5em;
    background-color: #eaf7e9;
    color: #2a5327;
    font-size: .65em
}

.addressDisplay .adr .streets {
    display: inline;
    white-space: normal
}

.addressDisplay .adr .adr-break,.addressDisplay .adr .postal-code,.addressDisplay .adr .singleline,.addressDisplay .adr .streets,.addressDisplay .adr .streets+div {
    display: inline
}

.tabContainer {
    display: table;
    margin: 0 auto;
    text-align: center;
    height: 42px;
    width: 100%;
    cursor: pointer
}

.tabContainer .tab {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    padding: 11px;
    color: #0070ba;
    font-weight: 500;
    border: 1px solid #c5ccd1
}

.tabContainer .tab:first-of-type {
    border-radius: 5px 0 0 5px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #0070ba
}

.tabContainer .tab:last-of-type {
    border-radius: 0 5px 5px 0;
    border-right-style: solid;
    border-left-style: none
}

.tabContainer .tab.active {
    border-color: #0070ba;
    background-color: #e4f1fb;
    color: #0070ba;
    font-weight: 600
}

.uiSelectSimple .custom-select>span {
    padding: 11px 30px 7px 13px
}

@media (max-width: 40em) and (orientation:landscape),(min-width:0) and (max-width:30em) {
    .uiSelectSimple.inputflouss label {
        left:14px;
        top: 14px
    }
}

#shippingOptionsForm .changeShipping {
    font-size: .85em;
    padding: 7px 10px 4px;
    position: absolute;
    top: -7px;
    color: #0070ba;
    cursor: pointer;
    box-sizing: border-box
}

#shippingOptionsForm .address {
    position: relative;
    margin-bottom: 15px;
    margin-top: 15px
}

#shippingOptionsForm .address.noTop {
    margin-top: 0
}

#shippingOptionsForm .address:hover {
    cursor: pointer
}

#shippingOptionsForm .optionTypeInfo {
    color: #6c7378;
    font-size: 13px;
    margin-bottom: 16px;
    margin-top: 16px;
    line-height: 1.5em
}

#shippingOptionsForm .optionTypeInfo.noTop {
    margin-top: 0
}

#shippingOptionsForm .missing-message {
    margin-bottom: 8px
}

.xo-phone-confirmation-interstitial-rover .phoneConfirmationContainer {
    min-width: 350px;
    min-height: 350px;
    margin: 30px
}

.xo-phone-confirmation-interstitial-rover .phoneConfirmationContainer h1 {
    font-weight: 400
}

.xo-phone-confirmation-interstitial-rover .phoneConfirmationContainer .confirmationCodeField input.confirmationCode {
    float: left
}

.xo-phone-confirmation-interstitial-rover .phoneConfirmationContainer .confirmationCodeField .resend {
    right: 12px;
    position: absolute
}

.xo-phone-confirmation-interstitial-rover .phoneConfirmationContainer .confirmationCodeField .resend button {
    border: none;
    color: #0070ba;
    cursor: pointer;
    padding: 15px;
    background: none;
    font-size: 15px
}

.xo-phone-confirmation-interstitial-rover .phoneConfirmationContainer .errorMessage {
    color: #c72e2e
}

.xo-phone-confirmation-interstitial-rover .phoneConfirmationContainer #phoneConfirmationSubmit {
    margin-top: 30px;
    text-decoration: none
}

@media screen and (max-width: 660px) {
    .xo-phone-confirmation-interstitial-rover .phoneConfirmationContainer {
        min-width:80%
    }
}

#currencyConversion .modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10
}

#currencyConversion .modalWrapperAnimation {
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.conversionOptions {
    list-style: none;
    margin: 0
}

.conversionOptions p {
    margin: 0;
    padding: 0
}

.conversionOptions .conversionOption {
    margin-left: 0
}

.conversionOptions .conversionOption+.conversionOption {
    padding-top: 10px
}

.conversionOptions .conversionOption+.conversionOption .radioButton {
    margin: 0
}

.conversionOptions .dccDetails {
    font-size: 13px
}

.conversionOptions .conversionDate,.conversionOptions .dccDetails {
    color: #6c7378;
    font-family: Helvetica Neue,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    line-height: 1.3
}

.conversionOptions .conversionDate {
    font-size: 11px;
    margin-bottom: 15px
}

.conversionOptions .spread {
    line-height: 1.3
}

.conversionOptions .ppConversionTotal,.conversionOptions .spread {
    color: #6c7378;
    font-family: Helvetica Neue,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    font-size: 13px
}

.conversionOptions .merchantPrice {
    margin-top: 20px;
    margin-bottom: 20px
}

.conversionOptions .merchantPrice,.conversionOptions .nonVisaDCCTaxDisclosureLATAM {
    color: #6c7378;
    font-family: Helvetica Neue,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    font-size: 13px;
    line-height: 1.3
}

.conversionOptions label {
    font-weight: 700;
    padding-top: 2px
}

.conversionOptions ul {
    margin: 0 0 0 30px;
    overflow-y: hidden
}

.conversionOptions .conversion {
    margin: 0 0 4px 35px
}

.conversionOptions input[name=ppconversion] {
    margin-bottom: 5px;
    margin-right: 5px;
    vertical-align: middle
}

.conversionOptions .conversionCC {
    margin-top: 20px
}

.conversionOptions li {
    margin-bottom: 5px;
    margin-left: 5px;
    font-size: .92em
}

.conversionOptions .radioButton input[type=radio]~label {
    line-height: 1.35em
}

.conversionOptions li:last-child .radioButton {
    margin: 5px 0
}

.conversionOptions li ul {
    list-style-type: none
}

.currencyConversion {
    overflow-y: auto;
    overflow-x: hidden;
    height: 470px
}

.invRegE {
    position: relative;
    font-size: .87em;
    line-height: 1.15em;
    margin-top: 15px;
    color: #6c7378
}

#conversionSection .modalMask,#conversionSection .modalWrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10
}

#conversionSection .close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 19px;
    height: 10px;
    padding: 5px;
    border-radius: 3px
}

#conversionSection .close:before {
    content: "";
    position: absolute;
    width: 19px;
    height: 19px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat;
    background-position: -223px 0
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    #conversionSection .close:before {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

#conversionSection .close:focus:before,#conversionSection .close:hover:before {
    background-position: -223px -22px
}

#conversionSection .modalMask {
    background: #cbd2d6;
    opacity: .7
}

#conversionSection .modalWrapperAnimation {
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

#conversionSection .modalWrapper {
    background: #fff;
    width: 620px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    padding: 80px 120px 0;
    overflow: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transform: translate(-50%,100%);
    -moz-transform: translate(-50%,100%);
    -ms-transform: translate(-50%,100%);
    -o-transform: translate(-50%,100%);
    transform: translate(-50%,100%)
}

#conversionSection .modalWrapper .logo {
    position: relative;
    margin-top: -60px;
    left: 50%;
    width: 25px;
    height: 30px;
    background-position: 0 -47px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    #conversionSection .modalWrapper .logo {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

#conversionSection .modalWrapper .conversion-options-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px
}

#conversionSection .modalWrapper .buyer-fx-interstitial-header {
    color: #6c7378;
    font-size: 24px;
    margin-bottom: 40px;
    text-align: center
}

#conversionSection .modalWrapper .conversion-total {
    margin-top: 30px
}

#conversionSection .modalWrapper .conversion-disclaimers {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-end;
    margin-top: 30px
}

#conversionSection .modalWrapper .conversion-disclaimers__disclaimer {
    text-align: center
}

#conversionSection .modalWrapper .conversion-disclaimers__disclaimer:first-child {
    margin-top: 0
}

#conversionSection .modalContainer {
    min-height: 99%;
    width: 380px;
    display: block
}

#conversionSection .modalContainer .pushlogo {
    height: 90px
}

#conversionSection .processing input {
    background-color: #f2f3f4
}

#conversionSection .modalOpen .modalWrapper {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%)
}

#conversionSection .modalClose .modalWrapper {
    -webkit-transform: translate(-50%,100%);
    -moz-transform: translate(-50%,100%);
    -ms-transform: translate(-50%,100%);
    -o-transform: translate(-50%,100%);
    transform: translate(-50%,100%)
}

#conversionSection .heading {
    margin: 5px 0 10px;
    font-size: 1.6em;
    font-family: Helvetica Neue,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif
}

@media (max-width: 40em) and (orientation:landscape),(min-width:0) and (max-width:30em) {
    #conversionSection .modalWrapper {
        width:100%;
        padding: 60px 15px 0
    }

    #conversionSection .modalWrapper .modalContainer {
        width: auto
    }
}

.inputflouss.floatingLabel input {
    height: 49px
}

.inputflouss.floatingLabel select {
    height: 48px;
    font-size: 15px
}

.inputflouss.floatingLabel select.focused~label.hide,.inputflouss.floatingLabel select:focus~label.hide {
    display: none
}

.inputflouss.floatingLabel.dropdown label {
    color: transparent
}

.inputflouss.floatingLabel.dropdown .custom-select span {
    padding: 0 14px;
    position: relative;
    height: 47px
}

.inputflouss.floatingLabel.dropdown .custom-select span span {
    top: 18px;
    padding: 0
}

.inputflouss.floatingLabel.dropdown .custom-select span span.noValue {
    top: 9px
}

.inputflouss.floatingLabel input.focused,.inputflouss.floatingLabel input:focus,.inputflouss.floatingLabel select.focused,.inputflouss.floatingLabel select:focus {
    padding-top: 16px
}

.inputflouss.floatingLabel input.focused::-webkit-input-placeholder,.inputflouss.floatingLabel input:focus::-webkit-input-placeholder,.inputflouss.floatingLabel select.focused::-webkit-input-placeholder,.inputflouss.floatingLabel select:focus::-webkit-input-placeholder {
    color: #6c7378
}

.inputflouss.floatingLabel input.focused:-moz-placeholder,.inputflouss.floatingLabel input.focused::-moz-placeholder,.inputflouss.floatingLabel input:focus:-moz-placeholder,.inputflouss.floatingLabel input:focus::-moz-placeholder,.inputflouss.floatingLabel select.focused:-moz-placeholder,.inputflouss.floatingLabel select.focused::-moz-placeholder,.inputflouss.floatingLabel select:focus:-moz-placeholder,.inputflouss.floatingLabel select:focus::-moz-placeholder {
    color: #6c7378
}

.inputflouss.floatingLabel input.focused:-ms-input-placeholder,.inputflouss.floatingLabel input:focus:-ms-input-placeholder,.inputflouss.floatingLabel select.focused:-ms-input-placeholder,.inputflouss.floatingLabel select:focus:-ms-input-placeholder {
    color: #6c7378
}

.inputflouss.floatingLabel input.focused~label,.inputflouss.floatingLabel input:focus~label,.inputflouss.floatingLabel select.focused~label,.inputflouss.floatingLabel select:focus~label {
    color: #0070ba;
    -webkit-transform: translate3d(0,-7px,0) scale(.8);
    transform: translate3d(0,-7px,0) scale(.8);
    text-overflow: ellipsis;
    overflow-x: hidden;
    width: 100%;
    display: inline-block;
    white-space: nowrap
}

.inputflouss.floatingLabel input.focused:not(:focus)~label,.inputflouss.floatingLabel select.focused:not(:focus)~label {
    color: #6c7378
}

.inputflouss.floatingLabel input::-webkit-input-placeholder,.inputflouss.floatingLabel select::-webkit-input-placeholder {
    color: transparent
}

.inputflouss.floatingLabel input:-moz-placeholder,.inputflouss.floatingLabel input::-moz-placeholder,.inputflouss.floatingLabel select:-moz-placeholder,.inputflouss.floatingLabel select::-moz-placeholder {
    color: transparent
}

.inputflouss.floatingLabel input:-ms-input-placeholder,.inputflouss.floatingLabel select:-ms-input-placeholder {
    color: transparent
}

.inputflouss.floatingLabel label {
    color: #6c7378;
    position: absolute;
    top: 14px;
    left: 14px;
    pointer-events: none;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    transform-origin: left top 0;
    transition: all .25s ease-in-out;
    text-overflow: ellipsis;
    overflow-x: hidden;
    width: 90%;
    display: inline-block;
    white-space: nowrap
}

.validated .inputflouss.floatingLabelDropdown input.ng-invalid.focused::-webkit-input-placeholder,.validated .inputflouss.floatingLabelDropdown input.ng-invalid:focus::-webkit-input-placeholder,.validated .inputflouss.floatingLabel input.ng-invalid.focused::-webkit-input-placeholder,.validated .inputflouss.floatingLabel input.ng-invalid:focus::-webkit-input-placeholder,.validated .inputflouss.noFloatingLabel input.ng-invalid.focused::-webkit-input-placeholder,.validated .inputflouss.noFloatingLabel input.ng-invalid:focus::-webkit-input-placeholder {
    color: #6c7378
}

.validated .inputflouss.floatingLabelDropdown input.ng-invalid.focused:-moz-placeholder,.validated .inputflouss.floatingLabelDropdown input.ng-invalid.focused::-moz-placeholder,.validated .inputflouss.floatingLabelDropdown input.ng-invalid:focus:-moz-placeholder,.validated .inputflouss.floatingLabelDropdown input.ng-invalid:focus::-moz-placeholder,.validated .inputflouss.floatingLabel input.ng-invalid.focused:-moz-placeholder,.validated .inputflouss.floatingLabel input.ng-invalid.focused::-moz-placeholder,.validated .inputflouss.floatingLabel input.ng-invalid:focus:-moz-placeholder,.validated .inputflouss.floatingLabel input.ng-invalid:focus::-moz-placeholder,.validated .inputflouss.noFloatingLabel input.ng-invalid.focused:-moz-placeholder,.validated .inputflouss.noFloatingLabel input.ng-invalid.focused::-moz-placeholder,.validated .inputflouss.noFloatingLabel input.ng-invalid:focus:-moz-placeholder,.validated .inputflouss.noFloatingLabel input.ng-invalid:focus::-moz-placeholder {
    color: #6c7378
}

.validated .inputflouss.floatingLabelDropdown input.ng-invalid.focused:-ms-input-placeholder,.validated .inputflouss.floatingLabelDropdown input.ng-invalid:focus:-ms-input-placeholder,.validated .inputflouss.floatingLabel input.ng-invalid.focused:-ms-input-placeholder,.validated .inputflouss.floatingLabel input.ng-invalid:focus:-ms-input-placeholder,.validated .inputflouss.noFloatingLabel input.ng-invalid.focused:-ms-input-placeholder,.validated .inputflouss.noFloatingLabel input.ng-invalid:focus:-ms-input-placeholder {
    color: #6c7378
}

.validated .inputflouss.floatingLabelDropdown input.ng-invalid:not(:focus):not(.focused)~label,.validated .inputflouss.floatingLabel input.ng-invalid:not(:focus):not(.focused)~label,.validated .inputflouss.noFloatingLabel input.ng-invalid:not(:focus):not(.focused)~label {
    color: #c72e2e
}

.validated .inputflouss.floatingLabelDropdown input.ng-invalid::-webkit-input-placeholder,.validated .inputflouss.floatingLabel input.ng-invalid::-webkit-input-placeholder,.validated .inputflouss.noFloatingLabel input.ng-invalid::-webkit-input-placeholder {
    color: transparent
}

.validated .inputflouss.floatingLabelDropdown input.ng-invalid:-moz-placeholder,.validated .inputflouss.floatingLabelDropdown input.ng-invalid::-moz-placeholder,.validated .inputflouss.floatingLabel input.ng-invalid:-moz-placeholder,.validated .inputflouss.floatingLabel input.ng-invalid::-moz-placeholder,.validated .inputflouss.noFloatingLabel input.ng-invalid:-moz-placeholder,.validated .inputflouss.noFloatingLabel input.ng-invalid::-moz-placeholder {
    color: transparent
}

.validated .inputflouss.floatingLabelDropdown input.ng-invalid:-ms-input-placeholder,.validated .inputflouss.floatingLabel input.ng-invalid:-ms-input-placeholder,.validated .inputflouss.noFloatingLabel input.ng-invalid:-ms-input-placeholder {
    color: transparent
}

.validated .inputflouss.floatingLabelDropdown input.ng-invalid~label,.validated .inputflouss.floatingLabel input.ng-invalid~label,.validated .inputflouss.noFloatingLabel input.ng-invalid~label {
    color: #c72e2e
}

.validated .inputflouss.floatingLabelDropdown input.ng-invalid~label.hide,.validated .inputflouss.floatingLabel input.ng-invalid~label.hide,.validated .inputflouss.noFloatingLabel input.ng-invalid.focused~label,.validated .inputflouss.noFloatingLabel input.ng-invalid~label.hide {
    color: transparent
}

.inputflouss.noFloatingLabel label {
    color: transparent;
    left: 14px;
    text-overflow: ellipsis;
    overflow-x: hidden;
    width: 90%;
    white-space: nowrap;
    pointer-events: none
}

.inputflouss.noFloatingLabel input {
    height: 49px
}

.inputflouss.noFloatingLabel input::-webkit-input-placeholder {
    color: transparent
}

.inputflouss.noFloatingLabel input:-moz-placeholder,.inputflouss.noFloatingLabel input::-moz-placeholder {
    color: transparent
}

.inputflouss.noFloatingLabel input:-ms-input-placeholder {
    color: transparent
}

.inputflouss.noFloatingLabel input:focus.focused~label {
    color: transparent
}

.inputflouss.noFloatingLabel input:not(.focused):focus~label {
    color: #6c7378
}

.inputflouss.noFloatingLabel input:not(.focused):focus.hasPlaceholder~label {
    color: transparent
}

.inputflouss.noFloatingLabel input:not(.focused):focus.hasPlaceholder::-webkit-input-placeholder {
    color: #6c7378
}

.inputflouss.noFloatingLabel input:not(.focused):focus.hasPlaceholder:-moz-placeholder,.inputflouss.noFloatingLabel input:not(.focused):focus.hasPlaceholder::-moz-placeholder {
    color: #6c7378
}

.inputflouss.noFloatingLabel input:not(.focused):focus.hasPlaceholder:-ms-input-placeholder {
    color: #6c7378
}

.inputflouss.noFloatingLabel input:not(:focus):not(.focused)~label {
    color: #6c7378
}

.inputflouss.noFloatingLabel select {
    height: 48px;
    font-size: 15px
}

.inputflouss.noFloatingLabel select.focused~label,.inputflouss.noFloatingLabel select:focus~label {
    color: transparent
}

.inputflouss.noFloatingLabel .custom-select span {
    padding: 0 14px;
    position: relative;
    height: 47px
}

.inputflouss.noFloatingLabel .custom-select span span {
    top: 11px;
    padding: 0
}

.inputflouss.noFloatingLabel#countryOfResidenceDropDown,.inputflouss.noFloatingLabel#nationalityDropDown {
    min-height: 87px
}

.inputflouss.noFloatingLabel#countryOfResidenceDropDown .custom-select,.inputflouss.noFloatingLabel#countryOfResidenceDropDown select,.inputflouss.noFloatingLabel#nationalityDropDown .custom-select,.inputflouss.noFloatingLabel#nationalityDropDown select {
    top: 20px
}

.inputflouss.noFloatingLabel#countryOfResidenceDropDown label,.inputflouss.noFloatingLabel#nationalityDropDown label {
    color: #6c7378;
    top: 0;
    left: 0
}

.emailHelper {
    position: absolute;
    right: 7px;
    top: 14px;
    z-index: 1
}

.emailHelper .verifyHelp {
    text-indent: -999em;
    cursor: pointer;
    background-color: transparent;
    border: 0
}

.emailHelper .verifyHelp img {
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat;
    background-position: -164px -1px
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .emailHelper .verifyHelp img {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.emailHelper .verifyHelp:focus img {
    background-position: -164px -44px
}

.backendError~div.emailHelper,.validated #email.ng-invalid~div.emailHelper {
    display: none
}

.dualInputElements .halfInputElement {
    width: 48.7%;
    margin-right: 2.6%;
    float: left
}

.dualInputElements .halfInputElement.last-child {
    margin-right: 0
}

@media (max-width: 30em) and (min-width:0) {
    .dualInputElements .halfInputElement {
        width:100%;
        float: none;
        margin-right: 0
    }
}

.editBtnFieldContainer .editBtn {
    border: none;
    font-weight: 700;
    height: auto;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    padding: 16px;
    outline: 0;
    background: transparent;
    color: #0070ba
}

#primaryResidentialAddress {
    padding-right: 48px!important;
    text-overflow: ellipsis
}

.editBtnFieldContainer .editBtn:hover {
    color: #005ea6
}

.editBtnFieldContainer .editBtn:focus {
    text-decoration: underline
}

.xo-primary-residential-address-rover .modal-content {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

#residentialAddressForm.ng-invalid {
    border: 0
}

.xo-primary-residential-address-interstitial-rover .primaryResAddressInterstitialContainer {
    min-width: 375px;
    min-height: 350px;
    margin: 30px
}

.xo-primary-residential-address-interstitial-rover .primaryResAddressInterstitialContainer .interstitialTitle {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 24px
}

@media screen and (max-width: 660px) {
    .xo-primary-residential-address-interstitial-rover .primaryResAddressInterstitialContainer {
        min-width:80%
    }
}

.xo-redirecting-from-xoon-warning-rover .modal-content {
    width: 350px;
    height: auto;
    background-color: #fff;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

#redirectPromptBox .informationContent {
    padding: 30px 0
}

#redirectPromptBox .informationContent h1,#redirectPromptBox .informationContent p {
    margin-left: 20px;
    margin-right: 20px
}

#redirectPromptBox .promptActionLinks {
    border-top: 1px solid #dbdbdb
}

#redirectPromptBox .promptActionLinks a {
    float: left;
    padding: 20px 8%;
    display: block;
    min-width: 30%
}

#redirectPromptBox .promptActionLinks a.first {
    border-right: 1px solid #dbdbdb
}

#selectShippingMethod .merchantOptionsStyle {
    padding-top: 2%;
    padding-bottom: 3%
}

#selectShippingMethod .shippingMethodTitle {
    font-family: Helvetica Neue,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    color: #2c2e2f
}

#selectShippingMethod #merchantOptions p {
    display: inline
}

#selectShippingMethod #merchantOptions .guestMerchantOptions {
    font-size: .9em;
    font-weight: 400;
    line-height: 1.385em;
    height: 18px;
    font-family: Helvetica Neue,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    color: #7b8388;
    margin: 10px 0
}

#selectShippingMethod #merchantOptions .zipCodeOptions {
    color: #7b8388
}

#selectShippingMethod #merchantOptions .addressOptions,#selectShippingMethod #merchantOptions .zipCodeOptions {
    font-size: .9em;
    font-weight: 700;
    line-height: 1.385em;
    margin: 10px 0
}

#selectShippingMethod .shippingMethod {
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.2em;
    margin: 10px 0
}

#selectShippingMethod .shippingAmountWithCurrency {
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.2em;
    margin: 10px 0
}

#selectShippingMethod .shippingDeliveryTime {
    font-size: .8em;
    font-weight: 400;
    line-height: 1.2em;
    margin: 10px 0
}

#selectShippingMethod .pickUpStoreText {
    font-size: .9em;
    font-weight: 400;
    line-height: 1.2em;
    font-family: Helvetica Neue,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    color: #2c2e2f;
    margin: 8px 0
}

#selectShippingMethod .changeShippingMethodEnabled {
    cursor: pointer;
    color: #2c2e2f
}

#selectShippingMethod .changeShippingMethodDisabled {
    font-family: Helvetica Neue,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    color: #cbd2d6;
    cursor: default;
    pointer-events: none;
    text-decoration: none
}

#selectShippingMethod .normalBackground {
    background-color: #fff
}

#selectShippingMethod .processingBackground {
    opacity: .8;
    border-radius: 2px;
    background-color: #e1e7eb;
    color: #cbd2d6
}

#selectShippingMethod .singleShipping span {
    color: #dcdcdc
}

#selectShippingMethod .disableShippingMethod span {
    color: #cbd2d6
}

#selectShippingMethod .enableShippingMethod {
    color: #2c2e2f
}

#selectShippingMethod #shippingMethodProcessing {
    vertical-align: middle;
    font-size: 32px;
    height: 10px
}

#selectShippingMethod #shippingMethodProcessing .loader,#selectShippingMethod #shippingMethodProcessing .spinner {
    height: 25px;
    width: 25px;
    position: static;
    display: inline-block
}

#selectShippingMethod #shippingMethodProcessing .loader {
    margin: -38px 10px 100px 180px;
    padding: 0;
    background-color: transparent;
    border: 1.5px solid #fff;
    border-top-color: #2180c0
}

#selectShippingMethod .shippingMethodApplyInsuranceContainer {
    margin-top: 10px
}

#travelRuleForm .nolap {
    margin-top: 15px;
    margin-bottom: 20px
}

#travelRuleForm .address p {
    margin-top: 21px;
    margin-bottom: 21px
}

.headerBox.addBottomBorder {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 25px;
    margin-bottom: 15px
}

.headerBox #headerEmailCheckInfo {
    text-align: left
}

.headerBox .headerEmailContainer {
    height: 20px;
    margin-top: 20px
}

.headerBox .headerEmailContainer .emailTextWrap {
    float: left;
    max-width: 82%;
    margin-right: 3%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 700
}

.headerBox .headerEmailContainer .emailChangeLink {
    float: left;
    width: 15%
}

#addressNormalization .addrRadio {
    position: relative
}

#addressNormalization .addrLabel {
    display: inline-block;
    padding-left: 5px;
    vertical-align: top;
    width: 75%
}

#addressNormalization .normalizedAdrSection {
    margin-bottom: 10px
}

#addressNormalization .adr {
    margin-top: -2px;
    margin-left: 10px
}

#addressNormalization .subContainer {
    border-top: none
}

#addressNormalization #fullContinue {
    width: 100%
}

@media (min-width: 0) and (max-width:30em) {
    #addressNormalization .addrRadio {
        position:relative;
        float: left
    }

    #addressNormalization .adr {
        margin-top: -2px;
        margin-left: 20px
    }

    #addressNormalization .buttons {
        margin-top: -5px;
        overflow: visible
    }

    #addressNormalization .subContainer {
        border-top: none;
        margin-top: -10px
    }

    #addressNormalization .row-fluid>[class*=span] {
        width: auto
    }
}

.multistepSignupForm .telefkontainer.inputflouss.half.dialCodeVisible,.payUponInvoiceForm .telefkontainer.inputflouss.half.dialCodeVisible,.singlePagePaymentForm .telefkontainer.inputflouss.half.dialCodeVisible {
    width: 32.7%
}

.multistepSignupForm .dialingCodeContainer.inputflouss.half,.payUponInvoiceForm .dialingCodeContainer.inputflouss.half,.singlePagePaymentForm .dialingCodeContainer.inputflouss.half {
    width: 16%
}

.multistepSignupForm .phoneNumber.inputflouss.half,.payUponInvoiceForm .phoneNumber.inputflouss.half,.singlePagePaymentForm .phoneNumber.inputflouss.half {
    width: 48.7%
}

.multistepSignupForm .singleLineMobile,.payUponInvoiceForm .singleLineMobile,.singlePagePaymentForm .singleLineMobile {
    float: none!important
}

.multistepSignupForm .phoneNumber .fixedCode,.payUponInvoiceForm .phoneNumber .fixedCode,.singlePagePaymentForm .phoneNumber .fixedCode {
    position: absolute;
    top: 24px;
    left: 14px;
    font-size: 13px;
    color: #6c7378
}

.multistepSignupForm .phoneNumber .telephone,.payUponInvoiceForm .phoneNumber .telephone,.singlePagePaymentForm .phoneNumber .telephone {
    padding-top: 16px
}

.multistepSignupForm .phoneNumber .telephone.digit4,.payUponInvoiceForm .phoneNumber .telephone.digit4,.singlePagePaymentForm .phoneNumber .telephone.digit4 {
    padding-left: 54px
}

.multistepSignupForm .phoneNumber .telephone.digit3,.payUponInvoiceForm .phoneNumber .telephone.digit3,.singlePagePaymentForm .phoneNumber .telephone.digit3 {
    padding-left: 47px
}

.multistepSignupForm .phoneNumber .telephone.digit2,.payUponInvoiceForm .phoneNumber .telephone.digit2,.singlePagePaymentForm .phoneNumber .telephone.digit2 {
    padding-left: 40px
}

.multistepSignupForm .phoneNumber .telephone.digit1,.payUponInvoiceForm .phoneNumber .telephone.digit1,.singlePagePaymentForm .phoneNumber .telephone.digit1 {
    padding-left: 33px
}

.multistepSignupForm .phoneNumber.inputflouss.floatingLabel label,.payUponInvoiceForm .phoneNumber.inputflouss.floatingLabel label,.singlePagePaymentForm .phoneNumber.inputflouss.floatingLabel label {
    -webkit-transform: translate3d(0,-7px,0) scale(.8);
    transform: translate3d(0,-7px,0) scale(.8)
}

.multistepSignupForm .phoneNumber.ltrOverride,.payUponInvoiceForm .phoneNumber.ltrOverride,.singlePagePaymentForm .phoneNumber.ltrOverride {
    text-align: left
}

.multistepSignupForm #dialingCodeContainer .custom-select>span,.payUponInvoiceForm #dialingCodeContainer .custom-select>span,.singlePagePaymentForm #dialingCodeContainer .custom-select>span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.multistepSignupForm .telephoneField.dialCodeVisible #telephone.telephone,.payUponInvoiceForm .telephoneField.dialCodeVisible #telephone.telephone,.singlePagePaymentForm .telephoneField.dialCodeVisible #telephone.telephone {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.multistepSignupForm .phoneNumber.inputflouss.floatingLabel select.focused~label,.payUponInvoiceForm .phoneNumber.inputflouss.floatingLabel select.focused~label,.singlePagePaymentForm .phoneNumber.inputflouss.floatingLabel select.focused~label {
    -webkit-transform: translate3d(-28px,-7px,0) scale(.8);
    transform: translate3d(-28px,-7px,0) scale(.8)
}


.intl-tel-input .country-list {
    list-style: none;
    position: absolute;
    z-index: 100;
    padding: 0;
    margin: 0 0 0 -1px;
    background-color: #fff;
    border: 1px solid #009cde;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    font-size: 13px;
    width: 403.5%;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    top: 46px;
    left: 1px
}

.intl-tel-input .country-list .flag {
    display: inline-block;
    width: 20px
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.intl-tel-input .country-list .country {
    padding: 10px;
    border: none
}

.intl-tel-input .country-list .country.highlight {
    background-color: #f1f8fc
}

.intl-tel-input .country-list .country.selected {
    background-color: #009cde
}

.intl-tel-input .country-list .country .dial-code {
    color: #6c7378
}

.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code,.intl-tel-input .country-list .flag {
    vertical-align: middle
}

.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .flag {
    margin-right: 6px
}

.intl-tel-input select {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 42px;
    height: 100%;
    opacity: 0
}



.singleLineMobile {
    float: none!important
}

.xo-three-ds-rover .modal-content,.xo-three-ds-rover .threeDSModalContainer {
    min-width: 560px;
    max-width: 100%;
    min-height: 750px
}

@media screen and (max-width: 660px) {
    .xo-three-ds-rover .modal-content,.xo-three-ds-rover .threeDSModalContainer {
        background:#fff;
        min-height: 100%;
        min-width: 100%;
        height: auto;
        margin: 0
    }

    .xo-three-ds-rover .threeDSModalContainer .showNetworkLogo .networkLogo,.xo-three-ds-rover .threeDSModalContainer .staticSpinner {
        width: 90%
    }

    .xo-three-ds-rover .threeDSModalContainer #threedsIframeV2 {
        min-width: 100%;
        min-height: 1000px
    }

    .xo-three-ds-rover .threeDSModalContainer .logo {
        display: block;
        width: 112px;
        height: 29px;
        background-position: 0 -47px;
        background-size: 250px 350px;
        background-image: url(../statics/images/img/sarout.png);
        background-repeat: no-repeat
    }

    .xo-three-ds-rover .threeDSModalContainer .cardinalIframeContainer .infoHeader {
        text-align: center;
        padding: 5px;
        font-size: 13px;
        font-weight: 400;
        border-bottom: 1px solid #ececec;
        margin: 15px 0 5px
    }
}

@media screen and (max-width: 660px) and only screen and (-o-min-device-pixel-ratio:2/1),screen and (max-width:660px) and only screen and (-webkit-min-device-pixel-ratio:2),screen and (max-width:660px) and only screen and (min--moz-device-pixel-ratio:2),screen and (max-width:660px) and only screen and (min-device-pixel-ratio:2),screen and (max-width:660px) and only screen and (min-resolution:2dppx),screen and (max-width:660px) and only screen and (min-resolution:192dpi) {
    .xo-three-ds-rover .threeDSModalContainer .logo {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.threeDSModalContainer .logo,.threeDSModalContainer .networkLogo {
    display: none
}

.threeDSModalContainer .showNetworkLogo .networkLogo {
    display: block;
    position: absolute;
    top: 60%;
    width: 100%
}

.threeDSModalContainer .showNetworkLogo .networkLogo .sizeId_0 {
    width: 150px;
    height: 150px;
    margin: auto;
    display: block;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.threeDSModalContainer .showNetworkLogo .staticSpinner {
    top: 20%
}

.threeDSModalContainer .cardinalIframeContainer .infoHeader {
    text-align: center;
    margin: 25px 0 15px;
    padding: 20px 15px 15px;
    font-size: 15px;
    font-weight: 700;
    color: #6c7378;
    border-bottom: 1px solid #ececec
}



.threeDSModalContainer #threedsIframeV2 {
    min-width: 560px;
    min-height: 600px
}

#ccBlock {
    margin-bottom: 10px
}

#ccBlock span {
    display: inline-block
}

#ccBlock .date {
    color: #6c7378;
    font-size: 90%
}

.massbnader3 {
    padding: 10px 0
}

.massbnader3.topBorder {
    border-top: 1px solid #dbdbdb
}

.massbnader3.khayte7t {
    border-bottom: 1px solid #dbdbdb
}

.massbnader3 .messengerBAHeader {
    font-family: HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    color: #2c2e2f;
    font-weight: lighter
}

.massbnader3 .supermsg {
    margin-top: 10px;
    word-wrap: break-word;
    padding-bottom: 10px
}

blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,legend,li,ol,p,pre,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,img {
    border: 0
}

address,caption,cite,code,dfn,em,strong,th,var {
    font-style: normal;
    font-weight: 400
}

ol,ul {
    list-style: none
}

caption,th {
    text-align: left
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 400
}

q:after,q:before {
    content: ""
}

abbr,acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    *font-size: 100%
}

legend {
    color: #000
}

body {
    font-family: Helvetica Neue,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    font-size: 95%;
    color: #2c2e2f;
    line-height: 1.35em
}

h1 {
    font-size: 138.5%
}

h2 {
    font-size: 123.1%
}

h3 {
    font-size: 108%
}

h1,h2,h3 {
    margin: 1em 0
}

h1,h2,h3,h4,h5,h6,strong {
    font-weight: 700
}

a {
    color: #0070ba
}

abbr,acronym {
    border-bottom: 1px dotted #000;
    cursor: help
}

em {
    font-style: italic
}

blockquote,dl,ol,ul {
    margin: 1em
}

dl,ol,ul {
    margin-left: 2em
}

ol {
    list-style: decimal outside
}

ul {
    list-style: disc outside
}

dl dd {
    margin-left: 1em
}

td,th {
    border: 1px solid #000;
    padding: .5em
}

th {
    font-weight: 700;
    text-align: center
}

input {
    margin-bottom: 10px
}

caption {
    margin-bottom: .5em;
    text-align: center
}

fieldset,legend,p,pre,table {
    margin-bottom: 1em
}

input[type=password],input[type=text],textarea {
    width: 12.25em;
    *width: 11.9em
}

.row-fluid {
    width: 100%;
    *zoom:1}

.row-fluid:after,.row-fluid:before {
    display: table;
    content: ""
}

.row-fluid:after {
    clear: both
}

.row-fluid>[class*=span] {
    float: left;
    margin-left: 4.127659574%
}

.row-fluid>[class*=span]:first-child {
    margin-left: 0
}

.row-fluid>.span24 {
    width: 99.999999978%
}

.row-fluid>.span23 {
    width: 95.74468083%
}

.row-fluid>.span22 {
    width: 91.48936168200001%
}

.row-fluid>.span21 {
    width: 87.234042534%
}

.row-fluid>.span20 {
    width: 82.97872338599998%
}

.row-fluid>.span19 {
    width: 78.723404238%
}

.row-fluid>.span18 {
    width: 74.46808508999999%
}

.row-fluid>.span17 {
    width: 70.212765942%
}

.row-fluid>.span16 {
    width: 65.95744679399999%
}

.row-fluid>.span15 {
    width: 61.702127646%
}

.row-fluid>.span14 {
    width: 54.446808497999996%
}

.row-fluid>.span13 {
    width: 53.19148935%
}

.row-fluid>.span12 {
    width: 48.936170202%
}

.row-fluid>.span11 {
    width: 44.680851054%
}

.row-fluid>.span10 {
    width: 40.425531905999996%
}

.row-fluid>.span9 {
    width: 36.170212758%
}

.row-fluid>.span8 {
    width: 31.91489361%
}

.row-fluid>.span7 {
    width: 27.659574462000002%
}

.row-fluid>.span6 {
    width: 23.404255313999997%
}

.row-fluid>.span5 {
    width: 19.148936166%
}

.row-fluid>.span4 {
    width: 14.893617018%
}

.row-fluid>.span3 {
    width: 10.638297869999999%
}

.row-fluid>.span2 {
    width: 6.382978722%
}

.row-fluid>.span1 {
    width: 2.127659574%
}

.container-fluid {
    padding-left: 20px;
    padding-right: 20px;
    *zoom:1}

.container-fluid:after,.container-fluid:before {
    display: table;
    content: ""
}

.container-fluid:after {
    clear: both
}

.mt10,.mt15 {
    margin-top: 10px
}

.pt10 {
    padding-top: 10px
}

.pt15 {
    padding-top: 15px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.pb10 {
    padding-bottom: 10px
}

.pb15 {
    padding-bottom: 15px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.pl10 {
    padding-left: 10px
}

.pl15 {
    padding-left: 15px
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px
}

.pr10 {
    padding-right: 10px
}

.pr15 {
    padding-right: 15px
}

.btn {
    height: 44px;
    margin-bottom: 0;
    width : 100%;
    border: 1px solid #142c8e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 23px;
    *margin-left: .3em;
    display: inline-block;
    *display: inline;
    background-color: #142c8e;
    -webkit-transition: background-color .4s ease-out 0s;
    -moz-transition: background-color .4s ease-out 0s;
    -ms-transition: background-color .4s ease-out 0s;
    -o-transition: background-color .4s ease-out 0s;
    transition: background-color .4s ease-out 0s;
    font-size: 1em;
    font-weight: 700;
    line-height: 42px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    outline: none;
    -webkit-font-smoothing: antialiased
}

.btn .btn-secondary {
    -webkit-font-smoothing: auto
}

.btn:focus,.btn:hover {
    background-color: #1040c1;
    border-color: #1040c1;
}

.btn:focus {
    text-decoration: underline
}

.btn.active,.btn:active {
    background-color: #005ea6;
    outline: 0
}

.btn.disabled,.btn[disabled] {
    background-color: #b2d9ea;
    border-color: #b2d9ea;
    cursor: default
}

.btn.firstHalf {
    float: left
}

.btn.firstHalf,.btn.secondHalf {
    width: 46.4%;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.btn.secondHalf {
    float: right
}

a.btn:focus,a.btn:hover {
    color: #fff
}

.btn:first-child {
    *margin-left: 0
}

.btn-large {
    padding: 8px 15px;
    font-size: 18px;
    line-height: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.btn-small {
    padding: 5px 9px;
    font-size: 11px;
    line-height: 16px
}

.btn-mini {
    padding: 2px 6px;
    font-size: 11px;
    line-height: 14px
}

.btn-secondary {
    border-style: solid;
    border-color: #e1e7eb;
    color: #393f44;
    background-color: #e1e7eb
}

.btn-secondary:hover {
    color: #393f44;
    border-color: #edf2f5;
    background-color: #edf2f5;
    text-decoration: none
}

.btn-secondary:active,.btn-secondary:focus {
    border-color: #c5ccd1;
    background-color: #c5ccd1;
    text-decoration: underline
}

.btn-secondary.disabled,.btn-secondary[disabled] {
    color: #393f55
}

a.btn-secondary:active,a.btn-secondary:focus,a.btn-secondary:hover {
    color: #393f44;
    border-color: #c5ccd1;
    background-color: #c5ccd1
}

a.btn-secondary.disabled,a.btn-secondary[disabled] {
    color: #393f55;
    background-color: #e7edf0
}

button.btn,input[type=submit].btn {
    *padding-top: 2px;
    *padding-bottom: 2px
}

button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner {
    padding: 0;
    border: 0
}

button.btn.btn-large,input[type=submit].btn.btn-large {
    *padding-top: 7px;
    *padding-bottom: 7px
}

button.btn.btn-small,input[type=submit].btn.btn-small {
    *padding-top: 3px;
    *padding-bottom: 3px
}

button.btn.btn-mini,input[type=submit].btn.btn-mini {
    *padding-top: 1px;
    *padding-bottom: 1px
}

#largeScreenAccountCreation .buttons #backButton,section .buttons #backButton {
    width: 30%
}

#largeScreenAccountCreation .buttons #proceedButton,section .buttons #proceedButton {
    width: 65%
}

#largeScreenAccountCreation .buttons #proceedButton-venmoBA,#largeScreenAccountCreation .buttons #proceedButton.full,section .buttons #proceedButton-venmoBA,section .buttons #proceedButton.full {
    width: 100%
}

.custom-select-container,select.replaced {
    position: relative
}

select.replaced {
    z-index: 8;
    width: 100%;
    height: 44px;
    border: 0;
    line-height: 2;
    opacity: 0;
    filter: alpha(opacity=0)
}

.custom-select {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    -webkit-transition: border-color .3s ease 0s;
    -moz-transition: border-color .3s ease 0s;
    -ms-transition: border-color .3s ease 0s;
    -o-transition: border-color .3s ease 0s;
    transition: border-color .3s ease 0s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.custom-select,.custom-select>span {
    display: block;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

.custom-select>span {
    padding: 7px 30px 7px 13px;
    border: 1px solid #ccd0d4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: url(../statics/images/img/njma.png);
    background-repeat: no-repeat;
    background-position: right -7px top -1178px;
    color: #000;
    line-height: 28px
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .custom-select>span {
        background-image:url(../statics/images/img/njma.png);
        background-size: 40px 8000px
    }
}

.disabled .custom-select>span {
    background-position: right -7px top -6990px
}



.custom-select span span {
    display: block;
    overflow: hidden;
    height: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1em
}

.custom-select.active>span {
    border: 1px solid #009cde;
    outline: 0
}

#task .custom-select {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

.mobile .dob label {
    position: static;
    top: 0;
    left: 0
}



input[type=date]:focus {
    border-color: #39f
}

.showDropdopwnLabels .labelText {
    float: left;
    color: #aaa
}

.showDropdopwnLabels .valueText {
    float: right;
    min-width: 90px
}

@media (min-width: 0) and (max-width:40em) {
    .showDropdopwnLabels .labelText {
        display:none
    }

    .showDropdopwnLabels .valueText {
        float: none;
        min-width: 0
    }
}

.multiline-select-container {
    outline: 0 none
}

.multiline-select-container:active .innerContainer,.multiline-select-container:focus .innerContainer {
    border-color: #009cde
}

.multiline-select-container.open:active .innerContainer,.multiline-select-container.open:focus .innerContainer {
    border-color: #ccd0d4
}

.multiline-select-container option,.multiline-select-container select {
    position: absolute!important;
    left: -9999px
}

.multiline-select-container .custom-select {
    position: relative
}

.multiline-select-container .custom-select span span {
    height: auto;
    white-space: normal
}

.multiline-select-container .custom-select>span {
    background: none
}

.multiline-select-container.open .custom-select>span {
    border-radius: 5px 5px 0 0;
    border-bottom-color: #eee
}



.backendError .multiline-select-container .ng-invalid+.custom-select .arrow,.validated .multiline-select-container .ng-invalid+.custom-select .arrow {
    display: none
}

.multiline-select-list {
    position: absolute;
    list-style: none;
    margin: 0;
    background-color: #fff;
    z-index: 1000;
    border-radius: 0 0 5px 5px;
    border-bottom: 1px solid #ccd0d4;
    max-height: 200px;
    overflow: auto;
    box-shadow: 0 -1px 1px 0 #ccc
}

.multiline-select-list li {
    padding: 10px;
    border-top: 1px solid #eee;
    border-color: currentcolor #ccd0d4 #eee;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    cursor: pointer;
    line-height: 1.35em;
    vertical-align: middle
}

.multiline-select-list li:active,.multiline-select-list li:focus,.multiline-select-list li:hover {
    background-color: #e5f5fc;
    outline: 0 none
}

.multiline-select-list li:first-of-type {
    border-top: 0
}

.multiline-select-list li:last-of-type {
    border-bottom: 0
}

.multiline-select-list:hover li:focus {
    background-color: #fff
}

.multiline-select-list:hover li:focus:active,.multiline-select-list:hover li:focus:hover {
    background-color: #e5f5fc
}

#midflash,.accessAid {
    position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    padding: 0!important;
    border: 0!important;
    height: 1px!important;
    width: 1px!important;
    overflow: hidden
}

body {
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fff
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,.2)
}

a:focus,a:hover {
    color: #005ea6;
    text-decoration: underline;
    outline: none
}

a.dashed {
    text-decoration: none;
    border-bottom: 1px dashed #0070ba;
    font-size: .9em
}

[tabindex="-1"] {
    outline: none
}

em {
    font-style: normal;
    font-weight: 700
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

fieldset legend {
    padding-bottom: .5em;
    font-size: 1.5em
}

section:focus {
    outline: none
}

.show-section {
    display: block
}

hr.faded {
    width: 100%;
    height: 1px;
    margin: 10px 0;
    border: 0;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,transparent),color-stop(.5,rgba(0,0,0,.3)),color-stop(1,transparent));
    background-image: -webkit-linear-gradient(left,transparent,rgba(0,0,0,.3),transparent);
    background-image: -moz-linear-gradient(left,transparent,rgba(0,0,0,.75),transparent);
    background-image: -ms-linear-gradient(left,transparent,rgba(0,0,0,.75),transparent);
    background-image: -o-linear-gradient(left,transparent,rgba(0,0,0,.75),transparent)
}

.alpha {
    font-size: 1.5em;
    font-family: HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    color: #2c2e2f;
    font-weight: lighter;
    margin: .5em 0;
    line-height: 1.154em
}

#loginSection h1.alpha {
    max-width: 240px
}

.asideAlpha {
    font-size: 1.44em
}

aside .aside .header.noButtons .walletHeading {
    text-align: center;
    line-height: 1.05em
}

.beta {
    font-size: 1.54em;
    color: #2c2e2f;
    font-weight: lighter;
    line-height: 1.2em
}

.gamma {
    font-size: 1.3em
}

.gamma,.zeta {
    font-family: HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    color: #2c2e2f;
    font-weight: lighter;
    margin-bottom: .75em
}

.zeta {
    font-size: 1.25em
}

.delta {
    font-size: 1.1em;
    font-family: Helvetica Neue,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    color: #2c2e2f;
    margin-bottom: 12px;
    font-weight: 400
}

.vprop-header {
    font-size: 1.6em;
    font-family: Helvetica Neue,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    margin: 10px 0;
    font-family: HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif
}

.vprop-content,.vprop-header {
    color: #2c2e2f;
    font-weight: lighter;
    line-height: 1.2em
}

.vprop-content {
    font-size: 1em;
    font-family: HelveticaNeue,helvetica,arial,sans-serif
}

.vprop-image {
    margin-top: 25px
}

.eta {
    font-size: 1.1em
}

.eta,.theta {
    font-family: Helvetica Neue,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    color: #2c2e2f;
    font-weight: 400
}

.theta {
    font-size: 1em
}

.value-prop-title {
    color: #2c2e2f;
    font-size: 24px;
    font-weight: lighter;
    margin: 10px 0
}

.props {
    padding: 0 0 0 5px;
    clear: both;
    text-align: center
}

.props li,.props p {
    line-height: 1.154em;
    font-size: .9em;
    font-weight: 400;
    line-height: 1.2em;
    margin: 5px 0
}

.secondary {
    color: #6c7378;
    font-size: .85em
}

.legal {
    color: #6c7378;
    font-size: .75em;
    line-height: 1.154em
}

.legal a {
    font-weight: 700
}

.mu {
    font-size: 2.46em;
    font-family: HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    font-weight: 400;
    text-shadow: 0 1px 0 #fff;
    color: #0079c1
}

.noHead {
    margin-top: 0
}

.monbotn {
    margin-bottom: 0
}

.showTray #task {
    overflow: hidden;
    margin-left: 0
}

#spinner,.hide {
    display: none
}

.stoptalk,.loading #spinner,.media .img img,html[xmlns] .stoptalk {
    display: block
}

#billingToggleLink {
    display: inline-block
}

.left {
    float: left
}

.right {
    float: right
}

.center {
    text-align: center
}

.heightHundredPercent {
    height: 100%!important
}

.outerWrapper {
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    height: 100vh;
    overflow-y: auto
}

header {
    z-index: 2
}

.framed #rover,html.framed {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

html.framed .trayOpen #main {
    height: 585px
}

html.framed .trayOpen .asideContent {
    height: 495px
}

body>iframe,body>img {
    display: none
}

#rover {
    margin: 0 auto;
    max-width: 780px;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow-y: visible;
    outline: none
}

#rover,#rover #header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    background-color: #fff
}

#rover #header {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    width: 100%;
    z-index: 4;
    -webkit-box-shadow: 0 0 3px 0;
    -moz-box-shadow: 0 0 3px 0;
    box-shadow: 0 0 3px 0
}

#contents {
    position: relative;
    z-index: 1
}

.active #rover {
    visibility: visible;
    -webkit-animation-duration: .4s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-name: slideUp
}

#logo {
    margin: 22px 0 0 20px
}

.container {
    clear: both;
    padding: 20px
}

.containerNoHead {
    padding-top: 0
}

.noPaddingBottom {
    padding-bottom: 0
}

.noPaddingTop {
    padding-top: 0
}

.subContainer {
    border-top: 1px solid #e3e3e3;
    padding: 20px 0;
    position: relative
}

#proceedButton {
    width: 46.4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: right
}

#proceedButton.full {
    width: 100%
}

#proceedButton:focus {
    color: #fff
}

#backButton {
    width: 46.4%;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left
}

#backButton:focus,#backButton:hover {
    color: #2c2e2f
}

.middleName {
    display: none;
    float: right
}

.h2,h2 {
    font-size: 1.2em;
    font-family: HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    margin-top: 0;
    font-weight: 400;
    color: #0666b3
}

.stoptalk:after {
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
    overflow: auto;
    line-height: 0;
    content: " "
}

* html .stoptalk {
    height: 1%
}

#sliding-area {
    overflow: hidden
}

#main {
    padding: 25px 30px 15px;
    -webkit-transition: margin .3s ease-out;
    -moz-transition: margin .3s ease-out;
    -ms-transition: margin .3s ease-out;
    -o-transition: margin .3s ease-out;
    transition: margin .3s ease-out;
    width: 100%;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.loading #main {
    background: none
}

.bmlLoadingMessage,.loginLoadingMessage,.loginProcessing .genericLoadingMessage {
    display: none
}

.loginProcessing .loginLoadingMessage {
    display: block
}

.full {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-decoration: none
}

.trayInner {
    padding: 20px 0
}

.disclaimer {
    font-size: .75em;
    color: #6c7378
}

.reviewMsg {
    margin-top: 10px;
    line-height: 1.5
}

.infoTxt {
    clear: both;
    padding-top: 10px
}

.help {
    color: #a9a9a9
}

.keyValue label {
    color: #292929
}

.frontArrow {
    position: absolute;
    display: inline-block;
    width: 9px;
    height: 15px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat;
    background-position: -196px -177px
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .frontArrow {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.focusableIcon:focus {
    box-shadow: 0 0 1px #6c7378
}

.caret-down {
    width: 20px;
    height: 20px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat;
    background-position: -223px -233px
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .caret-down {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

input[type=button],input[type=submit] {
    -webkit-appearance: none
}

.inputflouss input[disabled=disabled],.inputflouss input[disabled=disabled]:active,input[disabled=disabled] {
    background: #f7f9fa;
    border: 1px solid #cbd2d6;
    color: #6c7378
}

input::-ms-clear {
    display: none
}

input.link:hover {
    cursor: pointer
}

input.xsmall {
    width: 2em
}

input.small {
    width: 3.35em;
    font-size: 1em
}

input.medium {
    width: 7em
}

input.large {
    width: 14em
}

input.xlarge {
    width: 20em
}

.button-as-link {
    margin: 0;
    padding: 0;
    border: none;
    width: auto;
    font-size: .85em;
    background: transparent;
    color: #0070ba;
    cursor: pointer
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.buttons {
    margin-top: 15px;
    margin-bottom: 15px;
    overflow: hidden
}

.inputflouss {
    position: relative
}

.inputflouss input,.inputflouss label {
    display: block;
    vertical-align: top
}

.ignoreValidation .inputflouss.error input,.inputflouss input,.validated .ignoreValidation .inputflouss input.backendError,.validated .ignoreValidation .inputflouss input.ng-invalid {
    width: 100%;
    height: 44px;
    padding: 0 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #c5ccd1;
    color: #000;
    -webkit-transition: border-color .3s ease 0s;
    -moz-transition: border-color .3s ease 0s;
    -ms-transition: border-color .3s ease 0s;
    -o-transition: border-color .3s ease 0s;
    transition: border-color .3s ease 0s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background: none
}

.ignoreValidation .inputflouss.error input::-webkit-input-placeholder,.inputflouss input::-webkit-input-placeholder,.validated .ignoreValidation .inputflouss input.backendError::-webkit-input-placeholder,.validated .ignoreValidation .inputflouss input.ng-invalid::-webkit-input-placeholder {
    color: #6c7378
}

.ignoreValidation .inputflouss.error input:-moz-placeholder,.ignoreValidation .inputflouss.error input::-moz-placeholder,.inputflouss input:-moz-placeholder,.inputflouss input::-moz-placeholder,.validated .ignoreValidation .inputflouss input.backendError:-moz-placeholder,.validated .ignoreValidation .inputflouss input.backendError::-moz-placeholder,.validated .ignoreValidation .inputflouss input.ng-invalid:-moz-placeholder,.validated .ignoreValidation .inputflouss input.ng-invalid::-moz-placeholder {
    color: #6c7378
}

.ignoreValidation .inputflouss.error input:-ms-input-placeholder,.inputflouss input:-ms-input-placeholder,.validated .ignoreValidation .inputflouss input.backendError:-ms-input-placeholder,.validated .ignoreValidation .inputflouss input.ng-invalid:-ms-input-placeholder {
    color: #6c7378
}

.inputflouss input:active,.inputflouss input:focus {
    border: 1px solid #009cde;
    outline: 0
}

.inputflouss select {
    font-size: 1.5em;
    margin-bottom: 10px
}

.custom-select-container select {
    font-size: 15px
}

.inputflouss label {
    position: absolute;
    top: 14px;
    left: 14px;
    cursor: text;
    text-align: left;
    color: #666;
    font-size: 1em
}

.no-js .dropdown label,.no-js .inputflouss label {
    position: static
}

.fieldGroup .inputflouss {
    float: left;
    padding: 0 .5em 0 0
}




.ccfihaflouss.valid input {
    background: #fff
}

.dropdown.error select,.inputflouss.error select {
    border: 1px solid #c72e2e
}

.selectLabel {
    display: block
}

input::-webkit-input-placeholder {
    color: #6c7378;
    font-family: Helvetica Neue,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    font-size: 1em
}

input:-moz-placeholder,input::-moz-placeholder {
    color: #6c7378;
    opacity: 1;
    font-family: Helvetica Neue,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif
}

input:-ms-input-placeholder {
    color: #6c7378;
    font-family: Helvetica Neue,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif
}

.checkbox input[type=checkbox] {
    position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    padding: 0!important;
    border: 0!important;
    height: 1px!important;
    width: 1px!important;
    overflow: hidden
}



.inputflouss label.nolap {
    position: relative;
    top: auto;
    left: auto;
    color: #2c2e2f
}

.inputflouss.half {
    width: 48.15%;
    margin-right: 3.7%;
    padding-right: 0
}

.multistepSignupForm .inputflouss.half,.singlePagePaymentForm .inputflouss.half {
    width: 48.7%;
    margin-right: 2.6%;
    padding-right: 0
}

.inputflouss.half.issueNo {
    width: 42%;
    margin-top: 15px
}

.inputflouss.half.startDate {
    width: 54%;
    margin-right: 10px
}

#cardIssueInfo .inputflouss.half.startDate {
    width: 48%;
    margin-right: 0
}

#cardIssueInfo .inputflouss.half.issueNo {
    width: 48%;
    margin-top: 0;
    float: right
}

#cardIssueInfo .inputflouss.half.issueNo:before {
    content: "\200C"
}

.inputflouss.half.last-child {
    margin-right: 0
}

.fieldGroup .inputflouss.last-child {
    padding-right: 0
}

.fidobDay {
    width: 30%;
    float: left
}

.fidobDay .custom-select>span {
    border-radius: 5px 0 0 5px;
    border-right: 0
}

.fidobMonth {
    width: 30%;
    float: left
}

.fidobMonth .custom-select>span {
    border-radius: 0
}

.fidobYear {
    width: 40%;
    float: left
}

.fidobYear .custom-select>span {
    border-radius: 0 5px 5px 0;
    border-left: 0
}

.cardDOB {
    width: 100%;
    clear: both
}

.dobLabel {
    top: auto;
    left: auto;
    position: relative;
    display: block;
    bottom: 4px
}

.dobTXT {
    margin-top: 10px
}



.merchantHeader img {
    vertical-align: middle;
    max-height: 60px;
    margin: 10px auto
}

.skimoantimo .logo {
    float: left;
    width: 112px;
    height: 29px;
    margin-top: 0;
    background-position: 0 -47px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .skimoantimo .logo {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.skimoantimo .span14 {
    padding-bottom: 20px;
    border-bottom: 1px solid #dbdbdb
}

.skimoantimo .cartContainer {
    position: static;
    line-height: 29px
}

.skimoantimo .transctionCartDetails {
    z-index: 2
}

.skimoantimo.polpolCredit .logo {
    height: 35px;
    background-position: 0 -129px
}

.aside .header {
    padding: 15px;
    vertical-align: middle;
    line-height: 50px;
    border-bottom: 1px solid #e3e3e3
}

.aside .header.tall {
    min-height: 65px;
    line-height: normal;
    padding: 13px 15px 10px;
    margin-bottom: 0
}

.aside .asideAlpha {
    padding: 0 30px;
    text-align: center;
    line-height: 1.2em
}

.aside .walletHeading {
    text-align: center
}

.aside .close {
    top: 10px;
    right: 15px;
    padding: 5px;
    border-radius: 3px
}

.aside .close,.aside .close:before {
    position: absolute;
    width: 19px;
    height: 19px
}

.aside .close:before {
    content: "";
    display: inline-block;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat;
    background-position: -223px 0
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .aside .close:before {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.aside .close:focus:before,.aside .close:hover:before {
    background-position: -223px -22px
}

.aside .backArrow {
    position: absolute;
    top: 10px;
    left: 15px;
    width: 9px;
    height: 18px;
    padding: 5px;
    border-radius: 3px
}

.aside .backArrow:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 9px;
    height: 18px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat;
    background-position: -232px -46px
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .aside .backArrow:before {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.aside .backArrow:focus:before,.aside .backArrow:hover:before {
    background-position: -232px -68px
}

.aside .addOptions {
    margin-top: 20px
}

.aside .addOptions h2 {
    float: left;
    width: 70%;
    margin-bottom: 0
}

.aside .addOptions a {
    float: right;
    display: block;
    line-height: 1.9em;
    font-size: .85em
}

.aside .subHeader {
    margin-top: 20px
}

.CYCOPage .polpolHeader.span14,.pageSepaAgreementContingency .polpolHeader.span14,.pageSepaMandate .polpolHeader.span14,.pageSepaMandateContingency .polpolHeader.span14 {
    width: 100%
}

#mobileMerchantHeader {
    display: none
}

@media (max-width: 41.3125em) {
    .merchantHeader {
        display:none
    }

    .skimoantimo {
        height: 65px
    }

    .skimoantimo .cartContainer {
        margin-top: 15px;
        margin-bottom: -5px;
        margin-right: 15px
    }

    .skimoantimo .logo {
        margin: 15px 0 0 30px
    }

    .skimoantimo.polpolCredit .logo {
        height: 35px;
        margin: 15px 0 0;
        background-position: 0 -129px
    }
}

@media (max-width: 30em) and (min-width:0) {
    .skimoantimo .cartContainer {
        margin-top:15px;
        margin-bottom: -10px;
        margin-right: 0
    }

    .skimoantimo .logo {
        margin: 15px 12px 0;
    }

    .skimoantimo.polpolCredit .logo {
        height: 35px;
        margin: 15px 0 0;
        background-position: 0 -129px
    }

    .header {
        height: 55px
    }

    .aside .header {
        height: auto
    }

    .aside .close {
        right: 15px
    }
}

.sepat {
    max-width: 780px;
    margin: 10px auto;
    font-size: .75em
}

.cancelUrl {
    float: left
}

.micaLender {
    display: none;
    color: #2c2e2f;
    clear: both
}

.sepatvrapper {
    text-align: left
}

@media screen and (min-width: 41em) {
    .sepatvrapper {
        float:right
    }
}

.sepatvrapper table {
    display: inline;
    float: left;
    table-layout: fixed;
    border: none
}

.sepatvrapper td,.sepatvrapper th,.sepatvrapper tr {
    border: none;
    font-weight: 400;
    padding-bottom: 0;
    padding-top: 0;
    text-align: left
}

.sepatvrapper .sepati {
    float: left;
    border: none
}

@media screen and (min-width: 41em) {
    .sepatvrapper .sepati {
        margin-right:1em
    }
}

.sepatvrapper .sepati li {
    padding: 0 .5em;
    color: #6c7378
}

.sepatvrapper .sepati li:first-child {
    padding-left: 0
}

.sepatvrapper .sepati li.feedbackLink {
    color: #0070ba
}

.sepatvrapper .sepati .underline th {
    border-bottom: 1px solid #ccc
}

@media screen and (min-width: 41em) {
    .sepatvrapper .langwage {
        clear:none;
        margin-left: 1.5em
    }

    .sepatvrapper .langwage:before {
        border-left: 2px solid #9da3a6;
        content: " ";
        display: inline-block;
        height: 1em;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 .15em 0 -.85em
    }
}

.sepati {
    margin: 0;
    display: inline-block;
    text-align: left
}

.sepati a {
    color: #6c7378;
    cursor: pointer;
}

.sepati a.feedbackLink {
    color: #0070ba;
    margin-left: 5px
}

.sepati th,td {
    border: none
}

.policyInfoWrapper {
    color: #6c7378
}

.policyInfoWrapper p.moreInfo {
    padding: 15px 0 20px;
    float: left
}

.koight {
    display: inline;
    width: auto;
    float: right;
    margin: 0;
    vertical-align: top;
    color: #6c7378
}

@media screen and (min-width: 41em) {
    .koight {
        float:left
    }
}

.saroutIcon {
    display: inline-block;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat;
    background-position: 0 -33px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 3px;
    width: 10px;
    height: 12px;
    vertical-align: top
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .saroutIcon {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.poweredBy {
    float: right;
    margin-top: -49px
}

.poweredBy .text {
    float: left;
    margin-top: 8px;
    margin-right: 8px;
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    color: #6c7378
}

.sepati li {
    padding: 0 12px 0 0;
    display: inline-block
}

.sepati .last {
    padding-right: 18px;
    border-right: none
}

.sepat .policyInfoWrapper p {
    line-height: 1.3em
}

.sepat .policyInfoWrapper p a {
    font-weight: 700
}

.minibrowser .APAC.sepat,.minibrowser.AU .sepat {
    position: relative;
    bottom: 0;
    width: auto
}

.minibrowser .APAC.sepat .policyInfoWrapper,.minibrowser.AU .sepat .policyInfoWrapper {
    padding: 0
}

.minibrowser .cancelUrl {
    display: none
}

.minibrowser .sepatvrapper {
    padding: 0 10px;
    float: none;
    width: 95%;
    margin: 0
}

.minibrowser .sepati li {
    padding: 0 5px 0 0
}

.APAC .policyInfoWrapper {
    padding: 5px 0 10px
}

.APAC .policyInfoWrapper p.moreInfo {
    line-height: 1.3em
}

.AU .policyInfoWrapper,.en_AU .policyInfoWrapper {
    padding: 20px 0 10px;
    color: #6c7378
}

.AU .policyInfoWrapper p.moreInfo,.en_AU .policyInfoWrapper p.moreInfo {
    border-bottom: 1px solid #ccc
}

.AU .policyInfoWrapper p.moreCopyRight,.en_AU .policyInfoWrapper p.moreCopyRight {
    padding: 5px 0 0;
    clear: both
}

.fr_XC .sepatvrapper {
    float: left;
    width: 70%;
    text-align: left;
    padding-left: 0;
    margin-left: -7px
}

@media (max-width: 41.25em) {
    .sepat {
        border-top:1px solid #ccc;
        padding: 5px 20px;
        margin-top: 10px
    }

    .sepat .policyInfoWrapper {
        padding: 0 10px
    }

    .sepatvrapper {
        padding: 0;
        margin: 0
    }

    .sepatvrapper:after {
        height: 0;
        display: block;
        visibility: hidden;
        clear: both;
        overflow: auto;
        line-height: 0;
        content: " "
    }

    .sepati {
        float: left;
        width: 70%;
        text-align: left
    }

    .sepati .feedback {
        display: none
    }

    .minibrowser .sepati .feedback {
        display: inline-block
    }

    .cancelUrl {
        float: none;
        margin: 5px 0
    }
}

@media (max-width: 30em) and (min-width:0) {
    .sepat {
        margin-top:0;
        padding: .5em 2em
    }

    .sepat .policyInfoWrapper {
        padding: 0
    }

    .cancelUrl,.sepatvrapper {
        padding: 0;
        margin: 5px 0;
        width: 100%
    }

    .DE .sepati,.sepati,.fr.FR .sepati {
        width: 65%
    }

    .DE .sepati li,.sepati li,.fr.FR .sepati li {
        padding: 0;
        margin-right: 10px
    }

    .DE .sepati li.last,.sepati li.last,.fr.FR .sepati li.last {
        margin-right: 0
    }

    .DE .sepati .feedback,.sepati .feedback,.fr.FR .sepati .feedback {
        display: none
    }

    .minibrowser .koight {
        margin-right: 0;
        width: 30%
    }

    .minibrowser .sepati .feedback {
        display: inline-block
    }
}

.modal-open {
    overflow: hidden
}

.modal-open #contents,.modal-open #rover,.modal-open .outerWrapper {
    position: static
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 140;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop,.modal-backdrop.fade.in {
    opacity: .54
}

.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 150
}

.modal.fade .modal-wrap {
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    transform: translateY(-25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.fade.in .modal-wrap {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0)
}

.modal-wrap {
    position: relative;
    margin: 10px;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.3);
    -moz-box-shadow: 0 3px 9px rgba(0,0,0,.3);
    box-shadow: 0 3px 9px rgba(0,0,0,.3);
    outline: none
}

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee
}

.modal-header .close {
    margin-top: 2px
}

.modal-header h3 {
    margin: 0;
    line-height: 30px
}

.modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 400px;
    padding: 15px
}

.modal-sepat,.modal-form {
    margin-bottom: 0
}

.modal-sepat {
    padding: 14px 15px 15px;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff
}

.modal-sepat:after,.modal-sepat:before {
    display: table;
    content: "";
    line-height: 0
}

.modal-sepat:after {
    clear: both
}

.modal-sepat .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-sepat .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-sepat .btn-block+.btn-block {
    margin-left: 0
}




.infoIcon {
    width: 19px;
    height: 18px;
    display: inline-block;
    position: absolute;
    top: 25px;
    right: 20px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat;
    background-position: -89px -1px
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .infoIcon {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.addOption {
    padding: 25px 10px;
    margin: 0 0 0 44px;
    color: #0070ba;
    font-size: .85em
}

.plusicon {
    display: block;
    position: absolute;
    left: 15px;
    top: 22px;
    width: 20px;
    height: 20px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat;
    background-position: -223px -97px
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .plusicon {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.infoIcon+.checkIcon {
    display: none
}

.infoMsg {
    margin: 0;
    overflow: hidden;
    font-size: .85em
}


.expiredIcon,.plccIcon {
    display: inline-block;
    position: relative
}

.plccIcon {
    float: left;
    height: 20px;
    background: none;
    width: 32px
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .fsIcon,.fsIcons {
        height:20px
    }
}



hr.sep,hr.sepPlain {
    padding: 0;
    margin-top: 25px;
    height: auto;
    border: none;
    border-top: 1px solid #ccc;
    color: #2c2e2f;
    text-align: center;
    overflow: visible
}

hr.sep:after,hr.sepPlain:after {
    content: "or";
    display: inline-block;
    position: relative;
    top: -.7em;
    font-size: 1em;
    padding: 0 .5em;
    background: #fff;
    color: #6c7378;
    font-weight: 400
}



hr.sepPlain:after {
    content: ""
}

@media (min-width: 0) and (max-width:23em) {
    #loginSection .xoTitle h1 {
        max-width:10em
    }
}

@media (max-width: 40em) and (orientation:landscape),(min-width:0) and (max-width:30em) {
    body {
        -webkit-text-size-adjust:100%
    }

    .merchantBrand {
        display: none
    }

    .outerWrapper {
        background-position: left 50px
    }

    .centerTray.loginSignup {
        margin-bottom: 60px
    }

    #main {
        padding: 0;
        background: none;
        z-index: 2
    }

    #contents {
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box
    }

    .tokenization #contents {
        padding: 0 30px
    }

    .polpolHeader {
        padding: 0 20px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box
    }

    .props,header {
        display: none
    }

    .review #rover {
        min-height: 512px
    }

    #contents {
        min-height: 0;
        margin-bottom: 0
    }

    .bmlAppProcessing,.loginProcessing {
        background-color: #f9f9f9
    }

    .loggingIn {
        margin: 0 25px
    }

    .mobile .loggingIn {
        margin: 0
    }

    .saferEasier,.simpler {
        display: none
    }

    #login .row-fluid {
        padding-top: 0
    }

    #login .centerTray {
        padding: 0
    }

    #login #signupLink.btn {
        margin: 5px 0
    }

    #rover {
        margin: 0;
        width: auto;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        border: none
    }

    #task {
        width: 295px
    }

    .loading .spinner {
        background-position-y: 35%
    }

    .centerTray {
        width: auto
    }

    .accountTerms .tray .inner,.tray .inner {
        padding: 10px
    }

    .row-fluid>[class*=span],.signup {
        width: 100%;
        margin-left: 0;
        float: none
    }

    #notifications {
        width: 100%
    }

    .delta,.gamma {
        font-size: 1.2em
    }

    .inputflouss label {
        left: 7px;
        top: 13px
    }

    .saferEasier {
        display: none
    }

    #fundingInstruments .buttons {
        height: 40px
    }

    .cityState select {
        font-size: 14px
    }

    .cityState .city {
        width: 100%
    }

    .cityState .state {
        width: 55%
    }

    .cityState .postalCode {
        width: 40.8%
    }

    #tab {
        margin-top: 0;
        height: 125px
    }

    .toolTip.whatsthis ul {
        width: 242px;
        left: 9px
    }

    .toolTip.whatsthis ul li {
        font-size: .9em
    }

    #expiration.varB .expires {
        width: 49%
    }

    #expiration .inputflouss {
        padding: 0
    }

    #expiration .cvc {
        width: 44%;
        float: right
    }

    #expiration.varB .cvc {
        width: 49%
    }

    .month {
        margin-left: 46px
    }

    .separator {
        margin-left: 5px;
        margin-top: 3px
    }

    .year {
        margin-left: 0
    }

    #expiration .ccakon {
        position: absolute;
        right: 4px
    }

    .details {
        margin-right: 2px
    }

    .mask #closeButton,.mask #header {
        display: none
    }
}

@media (min-width: 30.0625em) and (max-width:41.25em) {
    #notifications,.row-fluid>.span10,.row-fluid>.span12,.row-fluid>.span14 {
        width:100%
    }

    .outerWrapper {
        background-position: left 59px
    }

    .props,header {
        display: none
    }

    #rover {
        margin: 0;
        border: none
    }

    #main {
        padding: 0
    }

    #contents {
        padding: 0 25px
    }
}

@media (min-width: 41.3125em) {
    .banner {
        display:block
    }

    #rover {
        min-height: 0
    }

    #rover,.sepat,.merchantHeader {
        width: 95%
    }

    .largeScreen .centerTray {
        margin-top: 0
    }

    .signup {
        margin-bottom: 0
    }



    #transactionDetails .merchantName {
        display: none
    }
}

@media (device-height: 568px) and (-webkit-min-device-pixel-ratio:2) {
    #contents {
        min-height:0;
        margin-bottom: 0
    }

    .pageLanding #contents {
        margin: 70px auto 40px 0
    }
}



.outerWrapper.rtl .sepatvrapper .sepati,[dir=rtl] .sepatvrapper .sepati {
    float: right
}

.outerWrapper.rtl .sepatvrapper .sepati li:first-child,[dir=rtl] .sepatvrapper .sepati li:first-child {
    padding-left: 12px
}

@media screen and (max-width: 41em) {
    .outerWrapper.rtl .sepatvrapper,[dir=rtl] .sepatvrapper {
        float:none;
        clear: both
    }
}

@media screen and (min-width: 41em) {
    .outerWrapper.rtl .sepatvrapper,[dir=rtl] .sepatvrapper {
        float:left
    }

    .outerWrapper.rtl .sepatvrapper .langwage:before,[dir=rtl] .sepatvrapper .langwage:before {
        right: 0;
        margin-left: .85em
    }
}

.outerWrapper.rtl .polpolHeader .langwage,[dir=rtl] .polpolHeader .langwage {
    float: right
}

.spinnerBtn .spinner {
    margin: 8px 0 0;
    height: 25px;
    width: 25px;
    position: static;
    display: inline-block;
    z-index: 10;
    padding: 0;
    background-color: transparent;
    border-radius: 100%;
    border: 1.5px solid #fff;
    border-top-color: #009cde;
    top: 0;
    left: 50%;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-animation: rotation .7s linear infinite;
    -moz-animation: rotation .7s infinite linear;
    -o-animation: rotation .7s infinite linear;
    animation: rotation .7s linear infinite
}

#upopConfirmation .ppLogoContainer {
    text-align: center
}

#upopConfirmation .ppLogoContainer .logo {
    display: inline-block
}

#upopConfirmation .modalMask,#upopConfirmation .modalWrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10
}

#upopConfirmation .close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 19px;
    height: 12px;
    padding: 5px;
    border-radius: 3px
}

#upopConfirmation .close:before {
    content: "";
    position: absolute;
    width: 19px;
    height: 19px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat;
    background-position: -223px 0
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    #upopConfirmation .close:before {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

#upopConfirmation .close:focus:before,#upopConfirmation .close:hover:before {
    background-position: -223px -22px
}

#upopConfirmation .modalMask {
    background: #cbd2d6;
    opacity: .7
}

#upopConfirmation .modalWrapperAnimation {
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

#upopConfirmation .modalWrapper {
    background: #fff;
    width: 620px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    padding: 80px 120px 0;
    overflow: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transform: translate(-50%,100%);
    -moz-transform: translate(-50%,100%);
    -ms-transform: translate(-50%,100%);
    -o-transform: translate(-50%,100%);
    transform: translate(-50%,100%)
}

#upopConfirmation .modalWrapper .logo {
    position: relative;
    margin-top: -60px;
    width: 25px;
    height: 30px;
    background-position: 0 -47px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    #upopConfirmation .modalWrapper .logo {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

#upopConfirmation .modalContainer {
    min-height: 99%;
    width: 380px;
    display: block
}

#upopConfirmation .modalContainer .pushlogo {
    height: 90px
}

#upopConfirmation .processing input {
    background-color: #f2f3f4
}

#upopConfirmation .upopOpen .modalWrapper {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%)
}

#upopConfirmation .upopConfirm .header {
    border-bottom: none
}

#upopConfirmation .upopConfirm .timingFields {
    padding-bottom: 35px
}

#upopConfirmation .upopConfirm .counter {
    float: left
}

#upopConfirmation .upopConfirm a.resendCode {
    float: right
}

#upopConfirmation .upopConfirm #notifications {
    padding: 0 0 5px
}

#upopConfirmation .expiration {
    display: inline-flex
}

#upopConfirmation .expiration .expires {
    position: relative;
    top: auto;
    left: auto
}

#upopConfirmation .expiration .xdat565 {
    margin-right: 10px
}

#upopConfirmation .expiration input.ng-invalid {
    padding-right: 13px
}

#upopConfirmation .expiration label {
    margin-bottom: 5px;
    color: #000
}

#upopConfirmation .telephoneField {
    clear: both;
    padding: 0;
    float: none
}

#upopConfirmation .heading {
    margin: 5px 0 10px;
    font-size: 1.6em;
    font-family: HelveticaNeue-Light,Helvetica Neue Light,Helvetica,Arial,sans-serif
}

#upopConfirmation .timer {
    margin-bottom: 20px
}

#upopConfirmation .timeLeft {
    margin-left: 5px;
    font-weight: 700
}

#upopConfirmation .confirmMsg {
    color: #6c7378;
    margin-bottom: 20px
}

#upopConfirmation .resendLink {
    font-size: .85em
}

#upopConfirmation .btn {
    margin-top: 10px
}

@media (max-width: 40em) and (orientation:landscape),(min-width:0) and (max-width:30em) {
    #upopConfirmation .modalWrapper {
        width:100%;
        padding: 60px 15px 0
    }

    #upopConfirmation .modalWrapper .modalContainer {
        width: auto
    }
}

#addCard.aside #upopConfirmation #notifications {
    padding: 0 0 5px;
    margin-bottom: 0
}

.dolphinContainer {
    min-height: 50px
}

.dolphinBanner {
    background-color: #003087;
    padding: 12px;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 9
}

.dolphinBanner .dolphinBannerContent {
    color: #fff;
    font-size: .9em;
    max-width: 780px;
    width: 95%;
    position: relative
}

.dolphinBanner .dolphinBannerContent a {
    border-bottom: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    padding-bottom: 2px;
    text-decoration: none
}

.dolphinBanner .dolphinBannerContent a:hover {
    text-decoration: none
}

.dolphinBanner .dolphinBannerContent button {
    width: 250px;
    height: 40px;
    background: #fff;
    color: #0070ba;
    border-radius: 20px;
    border: 1px solid #fff;
    font-weight: 700;
    cursor: pointer
}

.dolphinBanner .dolphinBannerCloseIcon {
    background-position: -220px 1px;
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 30px;
    top: 12px;
    width: 24px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat;
    filter: brightness(2);
    -webkit-filter: brightness(2)
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .dolphinBanner .dolphinBannerCloseIcon {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.dolphinBanner .dolphinBannerSuccessIcon {
    background-position: -111px -21px;
    cursor: pointer;
    height: 22px;
    width: 22px;
    display: inline-block;
    position: absolute;
    left: 0;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .dolphinBanner .dolphinBannerSuccessIcon {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

.dolphinBanner .dolphinBannerSuccessContent {
    display: inline-block;
    padding-left: 28px;
    height: 22px
}

.dolphinBannerFixed {
    position: fixed
}

@media screen and (max-width: 600px) {
    .dolphinBanner {
        width:inherit
    }

    .dolphinBanner .dolphinBannerCloseIcon {
        right: 10px
    }

    .dolphinContainer {
        min-height: 100px
    }

    .add1,.add2,.confirm1,.confirm2 {
        display: block;
        margin: 0 24px 0 0
    }

    .add1 button,.add2 button,.confirm1 button,.confirm2 button {
        display: block;
        margin: 14px auto 0
    }
}

.xo-dolphin-rover .spinner {
    height: inherit;
    width: inherit
}

@media screen and (min-width: 600px) {
    .add1,.add2,.confirm1,.confirm2 {
        display:flex;
        justify-content: space-between;
        align-items: center
    }

    .dolphinBanner .dolphinBannerContent {
        margin: 0 auto
    }

    .dolphinBanner .dolphinBannerContent button {
        margin-left: 3px
    }
}

@media (min-width: 41.3125em) {
    section#routecss .container {
        width:400px
    }

    .routecss.sepatvrapper {
        float: none;
        width: 99.4%;
        padding: 0 3px
    }

    .routecss.sepatvrapper .sepati {
        float: left;
        text-align: left
    }
}

section#routecss {
    height: 450px;
    background: none
}

section#routecss .container {
    position: relative;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

section#routecss .title {
    font-size: 1.5em;
    margin-bottom: 15px
}

section#routecss .message {
    font-size: 1em;
    margin-bottom: 15px;
    color: #7b8388
}

section#routecss .secondaryMessage {
    color: #979797;
    line-height: 20px
}

section#routecss .logo {
    width: 112px;
    height: 29px;
    margin: 5px 0 20px;
    background-position: 0 -47px;
    background-image: url(../statics/images/img/sarout.png);
    background-repeat: no-repeat
}

@media only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    section#routecss .logo {
        background-image:url(../statics/images/img/sarout.png);
        background-size: 250px 350px
    }
}

section#routecss .cancelLink {
    margin-top: 20px
}


.demoInputBox {
    padding: 10px;
    border: #a5d2ca 1px solid;
    border-radius: 4px;
    background-color: #FFF;
    width: 100%;
    margin-top: 5px;
}
.error {
    background-color: #FF6600;
    padding: 8px 10px;
    color: #FFFFFF;
    border-radius: 4px;
    font-size: 0.9em;
}

.success {
    background-color: #c3c791;
    padding: 8px 10px;
    color: #FFFFFF;
    border-radius: 4px;
    font-size: 0.9em;
}
#error-message {
    margin: 20px 0px 0px;
    background: #fff;
    padding: 10px;
    border-radius: 4px;
    line-height: 25px;
    font-size: 0.9em;
    color: #ea0606;
    display:none;
    border: 2px solid #ea0606;
}