/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Tuna Signup Form Wizard
Version:	1.0
Last change:	30/06/17 [first release]
Assigned to:	Wmedya
Primary use:	Signup, Login, Reservation etc. 
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Body 
2. Input & Labels
3. Buttons
    4. Loader / .tuna-loader-container
    5. Signup Container / .tuna-signup-container
        5.1. Left Panel / .tuna-signup-left
            5.1.1. Logo / .tuna-signup-logo
            5.1.2. Testimonial Slider / .tuna-slider-container
        5.2. Right Panel / .tuna-signup-right
            5.2.1. Steps Counts / .steps-count
            5.2.2. Steps / .tuna-steps
            5.2.2.1 Step Content / .step
            5.2.2.2 Confirm Step / .step-confirm
            5.2.3. Buttons / .button-container
6. Animations
7. Theme Options
    7.1. Green Theme
    7.2. Yellow Theme
    7.3. Darkblue Theme
8. Responsive Styles
9. Bootstrap Select

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. Body / body]
*/
body {
    font-size: 13px;
    font-family: 'Open Sans', arial, helvetica, sans-serif;
    color: #333;
    background: #f55661;
}

/*------------------------------------------------------------------
[2.Input & Labels ]
*/
.formLabel {
    display: none;
    color: darkslategray;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;
    transition: all .2s;
    padding-top: 10px;
}
.formLabel.active {
    -webkit-transform: translateY(-140%);
    transform: translateY(-140%);
    font-size: 20px;
}
.formInput {
    background-color: transparent;
    border: 1px solid #ccc;
    font-size: 14px; 
    width: 100%;
    color: gray;
    display: block;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 10px;
    height: 34px;
}
.formInput:focus {
    outline: none;
    -webkit-transition: border-bottom .5s;
    -moz-transition: border-bottom .5s;
    -ms-transition: border-bottom .5s;
    -o-transition: border-bottom .5s;
    transition: border-bottom .5s;
}
.formInput.input-error {
    border-color: rgba(0, 0, 0, 0.5);
}
.help-error {
    font-size: 14px;
    font-style: italic;
    color: rgba(0, 0, 0, 0.5);
    font-weight: bold;
    padding: 10px 0;
    display: none;
    text-align: right;
}
.help-error i {
    font-weight: bold;
    font-size: 16px;
    vertical-align: middle;
    float: right;
    margin-left: 20px;
}
.help-info {
    text-align: right;
    font-size: 13px;
    font-style: italic;
    font-weight: 600;
    padding: 10px 0;
}

.txtCapitalize {
    text-transform: capitalize;
}

/*------------------------------------------------------------------
[3. Buttons ]
*/
.btn {
    font-weight: 700;
    font-size: 18px;
}
.btn-rounded {
    border-radius: 30px;
}
.btn-white {
    background: #fff;
    color: #777;
    padding: 10px 30px !important;
    border: solid 2px #777;
}
.btn-white:hover {
    background: #F7F7F7;
    color: #333;
}
.btn-white-transparent {
    border: 2px solid #FFF;
    background: none;
    color: #FFF;
    padding: 10px 30px !important;
}
.btn-white-transparent:hover {
    background: #FFF;
    color: #777;
}


/*------------------------------------------------------------------
[4. Loader / .tuna-loader-container]
*/
.tuna-loader-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background: #FFF;
    z-index: 1000;
}
.tuna-loader {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 50%;
    margin-left: -25px;
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}


/*------------------------------------------------------------------
[5. Signup Container / .tuna-signup-container]
*/
.tuna-signup-container {
    display: none;
    position: relative;
    z-index: 0;
    overflow: hidden;
    background-color: #fff;
}
.tuna-signup-container:after {
    z-index: -1;
    position: absolute;
    height: 2000px;
    display: block;
    content: '';
    top: 0;
    right: 0;
    width: 40%;
    background: #f55661;
}

/*------------------------------------------------------------------
[5.1 Left Panel / .tuna-signup-left]
*/
.tuna-signup-left {
    padding: 60px 30px 30px;
}
.tuna-signup-left p {
    font-size: 18px;
    line-height: 30px;
    color: #999;
}
.tuna-trial {
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    font-weight: bold;
}

/*------------------------------------------------------------------
[5.1.1. Logo / .tuna-signup-logo]
*/
.tuna-signup-logo {
    margin-bottom: 20px;
    max-width: 80%;
}

/*------------------------------------------------------------------
[5.1.2. Testimonial Slider / .tuna-slider-container]
*/
.bx-wrapper {
    background: none;
    border: none;
    box-shadow: none;
}
.tuna-signup-testimonial {
    margin-top: 0px;
    height: 300px;
}
.tuna-signup-testimonial:after {
    clear: both;
    content: '';
    display: block;
}
.tuna-signup-testimonial img {
    height: 60px;
    float: right;
}
.tuna-signup-testimonial b {
    font-size: 16px;
    color: #999;
    display: block;
    margin-top: 20px;
}
.tuna-signup-testimonial b span {
    font-size: 14px;
    color: #CCC;
    display: block;
    font-weight: normal;
    margin-top: 3px;
}
.tuna-signup-testimonial i {
    font-size: 30px;
}
.tuna-signup-testimonial p {
    color: #666;
    font-weight: normal;
    font-size: 16px;
    margin-top: 15px;
}
.tuna-signup-testimonial h2 {
    font-size: 24px;
}

/*------------------------------------------------------------------
[5.2. Right Panel / .tuna-signup-right]
*/
.tuna-signup-right {
    color: darkslategray;
    background: #f55661;
    position: relative;
    overflow-y: auto;
    padding: 60px 30px 0 0
}

/*------------------------------------------------------------------
[5.2.1 Steps Counts / .steps-count]
*/
.steps-count {
    font-weight: bold;
    font-size: 13px;
    text-align: right;
}

/*------------------------------------------------------------------
[5.2.2 Steps / .tuna-steps]
*/
.tuna-steps {
    border: solid 1px #f1f1f1;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}
.tuna-steps h1 {
    font-size: 18px;
}
.tuna-steps .step {
    padding-left: 0px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    right: 30px;
}
.step.step-active {
    transform: none;
    visibility: visible;
    opacity: 1;
}
.step-hide {
    -webkit-transform: translateY(-50px) !important;
    transform: translateY(-50px) !important;
}
.tuna-steps .step-confirm {
    position: initial;
    top: initial;
    margin-top: 0;
    padding-top: 30px;
    overflow-x: hidden;
    display: none;
}
.tuna-steps .step-confirm.step-active {
    display: block;
}
.step-label { 
    font-size:40px; 
    margin-bottom:20px; 
    font-weight:300; 
    font-size:32px; 
}

.tuna-steps .checkbox-inline, .tuna-steps .radio-inline{
    font-size:16px; 
    font-weight:300;
    padding-left:25px;
    line-height: 20px;
    margin-right: 20px;
    margin-bottom:10px;
}
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { 
    margin-left:0;
}

/*------------------------------------------------------------------
[5.2.2.2 Confirm Step / .step-confirm]
*/
.step-confirm .form-group {
    opacity: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding: 20px 0;
}
.step-confirm.step-active .form-group {
    animation: animateInput .3s forwards;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}
.step-confirm .form-group:nth-of-type(1) {
    animation-delay: .1s;
}
.step-confirm .form-group:nth-of-type(2) {
    animation-delay: .3s;
}
.step-confirm .form-group:nth-of-type(3) {
    animation-delay: .5s;
}
.step-confirm .form-group:nth-of-type(4) {
    animation-delay: .7s;
}
.step-confirm .form-group:nth-of-type(5) {
    animation-delay: .9s;
}
.step-confirm .control-label {
    text-align: left;
    color: rgba(255, 255, 255, 0.7);
    font-weight: normal;
    font-size: 20px;
}
.step-confirm input {
    box-shadow: none;
    background: none;
    border: none;
    box-shadow: none;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    padding: 10px 20px;
    height: auto;
    transition: all .35s ease;
    font-weight: 600;
}
.step-confirm input:hover {} .step-confirm input:focus {
    box-shadow: none;
    background: rgba(255, 255, 255, 0.5);
    color: #333;
}
.step-confirm .input-container {
    position: relative;
}
.step-confirm .input-container>a {
    position: absolute;
    top: 15px;
    right: 0;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8)
}
.step-confirm .input-container>a:hover {
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
}
.step-confirm .input-container>a.showPass {
    right: 60px;
}
.step-confirm-buttons {
    text-align: right;
    margin-top: 35px;
}
.step-confirm-buttons a {
    display: block;
    margin-bottom: 10px;
}
.step-confirm-buttons>div {
    display: inline-block;
    text-align: center;
    padding-bottom: 10px;
}
.step-confirm .confirm-input-error,
.step-confirm .confirm-input-error:focus {
    background: #b74950 !important;
    color: #FFF;
}

.step-confirm .bootstrap-select button {
    border-bottom:none;
    font-weight: 600;
    font-size: 20px;
    padding: 10px 20px;
}

.step-confirm .bootstrap-select.btn-group .dropdown-toggle .caret {
    display:none;
}

.agreement {
    font-size: 14px;
}
.agreement a {
    color: #FFF;
    text-decoration: underline;
    font-weight: 600;
}


/*------------------------------------------------------------------
[5.2.3 Buttons / .button-container]
*/
.button-container {
    position: absolute;
    bottom: 100px;
    right: 50px;
    text-align: right;
    width: 100%;
}
.button-container>div {
    display: inline-block;
    text-align: center;
    float: right;
    margin-left: 10px;
}
.button-container>div a {
    margin-bottom: 10px;
    display: block;
}
.prevStep {
    outline: none;
    display: none;
}
.button-container a,
.button-container a:hover,
.button-container a:focus,
.button-container a:active,
.button-container a:active:focus {
    outline: none;
}

/*------------------------------------------------------------------
[6. Animations]
*/

.tuna_loading {
  width: 60px;
  height: 60px;
  margin:auto;
  margin-bottom:20px;
  display:block;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes animateInput {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes animateInput {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}


/*------------------------------------------------------------------
[7. Theme Options]

[7.1 Green Theme]
*/
.body-green {
    background: #fff;
}
.tuna-green {} .tuna-green .tuna-signup-right {
    background: #fff;
}
.tuna-green:after {
    background: #fff;
}


/*------------------------------------------------------------------
[7.2 Yellow Theme]
*/
.body-yellow {
    background: #DE991A
}
.tuna-yellow {
    background: url(../images/backgrounds/yellow-bg.jpg);
}
.tuna-yellow .tuna-signup-right {
    background: #DE991A;
}
.tuna-yellow:after {
    background: #DE991A;
}
.tuna-yellow .tuna-signup-left p {
    color: #cacaca;
}
.tuna-yellow .tuna-signup-testimonial i {
    color: #ffc926;
}


/*------------------------------------------------------------------
[7.3 DarkBlue Theme]
*/
.body-darkblue {
    background: #364bb7
}
.tuna-darkblue {
    background: url(../images/backgrounds/darkblue-bg.jpg);
}
.tuna-darkblue .tuna-signup-right {
    background: #364bb7;
}
.tuna-darkblue:after {
    background: #364bb7;
}
.tuna-darkblue .tuna-signup-left p {
    color: #fff;
}
.tuna-darkblue .tuna-signup-testimonial i {
    color: #CCC;
}
.tuna-darkblue .bx-wrapper .bx-pager.bx-default-pager a {
    background: #FFF;
}
.tuna-darkblue .bx-wrapper .bx-pager.bx-default-pager a.active,
.tuna-darkblue .bx-wrapper .bx-pager.bx-default-pager a:focus,
.tuna-darkblue .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: rgba(0, 0, 0, 0.6);
}



/*------------------------------------------------------------------
[8. Responsive Styles]
*/

@media only screen and (max-width: 990px) {
    .tuna-signup-left {
        padding: 60px 15px 30px
    }
    
    .tuna-signup-testimonial { 
        height:360px;  
    }
}
    
@media only screen and (max-width: 760px) {
    .container{
        width:100%;
    }
    
    .tuna-signup-container:after {
        display: none;
    }
    .tuna-signup-left {
        padding: 15px;
        display: none;
    }
    .tuna-signup-left hr {
        display: none;
    }
    .tuna-signup-right {
        min-height: 400px;
        padding: 15px 0;
    }
    .tuna-steps .step {
        padding: 0 15px;
    }
    .steps-count,
    .button-container {
        padding-right: 15px;
    }
    .step-confirm .form-group {
        margin-bottom: 0;
        padding: 10px 0;
    }
    .step-confirm .control-label {
        font-size: 16px;
    }
    .step-confirm input,.step-confirm .bootstrap-select button {
        padding: 6px 15px;
        font-size: 16px;
    }
    
    .button-container { bottom:15px; }
    
    .formLabel,
    .formInput,.step-label {
        /*font-size: 20px;*/
    }
    
    .warranty img {
        display: none;
    }
    
    .tuna-steps { 
        width: calc(100% - 20px);
        margin: 10px;
    }
    
    .tuna-steps .step {
        padding: 0px;
    }
}

/*------------------------------------------------------------------
[9. BootStrap Select]
*/
.bootstrap-select.form-control {
    background:none;
    border-radius: 0;
    box-shadow:none;
    height:auto;
}

.bootstrap-select button { 
    border:none;
    background:none;
    color:#FFF;
    border-bottom:2px solid #FFF;
    border-radius: 0;
    box-shadow:none;
    outline: none !important;
    font-size:16px;
    font-weight:300;
}

.bootstrap-select .btn-default:hover, .bootstrap-select.open>.dropdown-toggle.btn-default:hover {
    background:none;
    border-color:#FFF;
    color:#FFF;
    box-shadow:none !important;
}

.btn-group.open .dropdown-toggle
{
    box-shadow: none;
}

.bootstrap-select .btn-default.active, 
.bootstrap-select .btn-default:active, 
.bootstrap-select.open>.dropdown-toggle.btn-default,
.bootstrap-select .btn-default.focus, 
.bootstrap-select  .btn-default:focus{
    background:none;
    outline:none !important;
    border-color:#FFF;
    color:#FFF;
}

.bootstrap-select .dropdown-menu {
    box-shadow:rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    background-color:#FFF;
    border-radius:0;
}

.bootstrap-select .dropdown-menu a:focus { 
    outline: none; 
}

.bootstrap-select.btn-group .dropdown-menu li a {
    padding:6px 20px;
}

.bootstrap-select.btn-group .dropdown-menu li.selected a {
    color:#FFF;
    background:#f55661;
}

@media (min-width: 1200px) {
    .container {
        width: 1040px;
    }
}

.plan {
    cursor: pointer;
    border: 2px solid #ddd;
    padding: 40px 0;
    border-radius: 5px;
    text-align: center;    
    min-height: 310px;
    margin-bottom: 20px;

}

.plan_name {
    font-size: 30px;
    margin-bottom: 10px;
}

.plan_normal_price { 
    font-size: 16px;
    text-decoration: line-through;
}

.plan_price span {
    font-size: 16px;
    font-weight: bold;
}

.plan_price {
    font-size: 34px;
    font-weight: 700;
}

.plan_highlight {
    font-size: 14px;
}

.plan-description-alert {
    border: solid 1px gray;
    border-radius: 10px;
    padding: 0px 10px 10px 10px;
    background-color: cornsilk;
    padding-left: 10px !important;
}

.plan-description-alert h1 {
    font-size: 14px;
    font-weight: 600;
}

.plan-active {
    cursor: pointer;
    background: lightgreen;
    color: #ECF0F1;
    border: 2px solid gray;
    padding: 40px 0;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
}

.payment {
    border: 1px solid #ddd;
    float: left;
    border-radius: 10px;
    cursor: pointer;
    width: 100%;
}

.payment-active {
    color: darkslategray;
    border: 1px solid gray;
    float: left;
    border-radius: 10px;
    cursor: pointer;
}

.payment-image {
    width: 40%;
    float: left;
}

.payment-image img {
    max-width: 100%;
    padding: 5px;
}

.payment-name {
    float: left;
    width: 60%;
    font-size: 18px;
    padding-top: 20px;
}

.payment-active .payment-name {
    font-weight: bold;
}

.payment-name small {
    float: left;
    width: 100%;
    font-size: 14px;
    padding-top: 5px;
}

.warranty {
    padding-bottom: 20px;
}

.warranty img {
    max-width: 80%;
    float: right;
    max-height: 120px;
}

.title-cart h3 {
    font-weight: 700;
}

.title-cart h4 {
    font-weight: 600;
}

.title-cart h5 {
    
}

.top-lane {
    background: yellowgreen;
    color: rgb(255, 255, 255);
    height: 60px;
    text-align: center;
    font-size: 38px;
}

.top-lane img {
    max-width: 90%;
}

.tip-lane {
    background: darkseagreen;
}

.tip h1 {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    
}

.total {
    
}

.total h1 {
    font-size: 22px;
    font-weight: bold;
    text-align: right;
}

.total h3 {
    text-align: right;
    font-size: 16px;
}

.total h5 {
    text-align: right;
    font-size: 11px;
}

.submit {
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
    padding-bottom: 40px;
}

.captcha {
    padding-bottom: 0px;
}

.submit img {
    max-height: 70px;
    float: right;
}

.submit input, .submit #btn_submit {
    font-size: 24px;
    margin-left: 15px;
    float: right;
    max-width: 95%;
}

.g-recaptcha {
    float: right;
}

.plan-single {
    
}

.plan-single .plan_name {
    float: left;
    width: 60%;
    padding-top: 10px;
    height: 90px;
    font-size: 18px;
}

.plan-single .plan_name small {
    float: left;
    width: 100%;
    font-size: 14px;
}

.plan-single .plan_normal_price {
    text-align: center;
    float: left;
    width: 40%;
    font-size: 16px;
}

.plan-single .plan_price {
    text-align: center;
    float: left;
    width: 40%;
    font-size: 32px;
}

.plan-single .plan_highlight {
    text-align: center;
    float: left;
    width: 40%;
    font-size: 14px;
}

.padding0 {
    padding: 0px;
}

.paddingL15 {
    padding-left: 15px;
}

.payment-card {
    padding-top: 20px;
    border: none;
    float: left;
}

.total-lane, .submit, .payment-card, .payments-method {
    display: none;
}

.cart {
    float: right;
    width: 100%;
    text-align: right;
}

.cart_total {
    font-size: 18px;
    font-weight: 600;
    display: none;
}

.cart_tax {
    font-size: 14px;
    display: none;
}

.cart_discount {
    font-size: 14px;
    display: none;
}

.cart_amount {
    font-size: 16px;
    display: none;
}

.cart msg1 {
    font-size: 14px;
    font-weight: 600;
    display: none;
}

.cart msg2 {
    font-size: 14px;
    display: none;
}

.cart msg3 {
    font-size: 14px;
    display: none;
}

.cart msg4 {
    font-size: 14px;
    display: none;
}

.cart msg5 {
    font-size: 14px;
    display: none;
}

.cart msg6 {
    font-size: 14px;
    display: none;
}


.visa {
    background: url(data:image/png;base64,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) #fff;
}

.mastercard {
    background: url(data:image/png;base64,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) #fff;
}
.dinersclub {
    background: url(data:image/png;base64,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) #fff;
}
.elo {
    background: url(data:image/png;base64,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) #fff;
}
/*
.discover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAYAAABqpJ3BAAAABHNCSVQICAgIfAhkiAAABMNJREFUWIXVWF1oU2cYfnJ6WrTYbE2oBEpko9JQaosQsChjggqhiobdWC+qd2V/udCOXUmkdlUYvciuKsxhV3B0qx1tJrgJrZqua1eKmmKWpkbr2lg12BobNSfJ+c55djEX7FrFn2KTB76L877v937PA8/Hd3gNAHD9+vVSAB6S20makMUwGAwPDAZDP4BD5eXlMwa/319aWFh4zWw2rzEajfmyLK80xxdCCIF4PK7Ozc09TiQSVXJhYaHHbDYXmUym7Gb+FLIsw2Qy5QNYA8Aj6bq+w2g05gT5Z2E0GvN1Xd8hASjOdtsshaeci6WVJvKmyHkBi7xz9OhRRCIRrFq1Cna7Hfv374csy3C73XC5XFAUBS0tLYhGo6ivr0ddXR1mZ2fR2tqKYDCIyspKHD58GEVFRdBu/QF1+FsgEYNU9iHyP3Dh+9OdMJlMcDqdAIBTp05h3bp1GBgYwJ07dwAAJSUlOH78OBoaGgAAxcXFOHDgAKqqqhYrCIVCfBbV1dU8efIke3t76XQ6uWfPHpKkzWbjxMQEHQ4HW1tbOTw8zNHRUSqKQpvNxubmZgYCAXo8HobDYYrpUT5pfp9Pmt/LrOSZz3j27Flu3LiRJJlOp2mxWDg9Pc2Kigq2t7ezv7+fQ0NDFEJQkiSOjIywvb2dFouF/0coFOKSt3fTpk2orq7Grl27YLFYEIlEMrnS0lJ4vV6sX78eu3fvRl9fH8xmM9xuNwCgsrISAJD65UsAXNBXGz+H2sYWfP7gAcbGxnDjxg1s3rwZVqsVADA5OYlEIgGr1QqDwQAAiEQimJ6eRklJyctZaEFSllFQUABVVTOxEydOoKurC8eOHYPX64XT6cTq1asXb5byluwp5eWhoaEBHR0dmJiYQGNjYyaXTCahKApSqRQAgCR8Ph86OzsRCoWWJrmUhS5evMhgMEiXy8WtW7cusJDP52MsFmNPTw/tdjvn5uZosVjY3d1NIQS7u7sZCAQoZvx88lXZQgv1HCJJ3r17l2vXruWGDRsy51ZUVHBwcJDRaJTRaJRCCObl5ZEkHQ4H29ralrTQIgH19fWsqanhtm3b2NTUxPn5eZLk3r17OTU1xSNHjrC8vJx2u52XLl0iSfr9fu7cuZNlZWWsra1lOBwmSYrIFSbPfEqlo47pwTbqIpU55+DBg+zo6Mh879u3jzU1NZmlqiq3bNlCkgwEAnQ4HFQUJVOvhs4vLSAXIG4NMdG2naFQiDn3DujRcaTOfALoGoAce8j0e0EkT9cDyXgmljM/Qdrfw0h1fQykHi2I54QA9fIPUH9rAnSxKJfVAph6jPSvbmjXep9bk7UCtKkRpL1fgPMzL6zLOgFMxJC+8DW0qz+9VH3WCKCWhrjSCdX3DaA8fOl9Ky6AugYt4IXq84APb7/y/hUTQFWB8HdB/PndaxH/D29dgD57E+LqjxBj3a9klefhrQig8hBa6DzE2M/QI6PL01T6l7oMICaEWPbJBB/fhxa+ABE8B/3WHwC1Ze2Pd60AEJMlSeqLx+Mfvelgi2oS+u3L0G4OQJv8HYyOLw/R5yBlcwpJkvpee7RITYV+7y/ot69An7kKPToOaIuf+mWFXAC8Y0XK5hT3iyoeAagyALk93P0HjHXGXp92US0AAAAASUVORK5CYII=) #fff;
}

*/
.amex {
    background: url(data:image/png;base64,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) #fff;
}

.card-image {
    background-repeat: no-repeat;
    padding-right: 50px;
    background-position: right 0px center;
    background-size: auto 90%;
}

.payment-message {
    padding-top: 20px;
    font-size: 18px;
    border-radius: 10px;
    border: solid 1px;
    padding: 10px;
    margin-top: 30px;
    background-color: honeydew;
}

.payment-alert {
    padding-top: 20px;
    font-size: 14px;
    border-radius: 10px;
    padding: 10px;
    margin-top: 30px;
    text-align: left;
}

#divBoleto {
    padding: 20px;
}

#divPix {
    padding: 20px;
}

#linkCartao, #linkBoleto {
    font-size: 28px;
    width: 60%;
    margin-left: 20%;
}

@media only screen and (max-width: 760px) {
    width: 90%;
    margin-left: 5%;
}

.linkShowAllData {
    color: #337ab7;
    padding: 10px 0px;
    float: left;
    font-size: 125%;
    font-weight: bold;
    cursor: pointer;
}

.dataForm {
    display: none;
}

.productThumb {
    float: left;
    margin: 0 10px 20px 0px;
    width: 18%;
}

.productThumb img {
    width: 100%;
    border-radius: 10px;
}

.productDetails {
    float: left;
    width: 60%;
    padding-left: 15px;
}

.productDetails h3 {
    margin-top: 10px;
}

.total-lane {
    background-color: aliceblue;
}

.fldAddress {
    display: none;
}

@media only screen and (max-width: 760px) {
    

    .productThumb {
        display: none;
    }
    
    .productDetails {
        width: 100%;
    }

    .productDetails h3 {
        font-size: 16px;
    }
    .productDetails h4 {
        font-size: 14px;
    }
    
    #linkCartao, #linkBoleto {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    
}

/* Container needed to position the overlay. Adjust the width as needed */
.container2 {
  position: relative;
  width: 100%;
  border-radius: 5px;
}

/* Make the image to responsive */
.image2 {
  width: 100%;
  height: auto;
  border-radius: 5px;
}

/* The overlay effect (full height and width) - lays on top of the container and over the image */
.overlay2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: .3s ease;
}

/* The icon inside the overlay is positioned in the middle vertically and horizontally */
.icon2 {
  color: white;
  font-size: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 0px;
}

.terms-of-use {
    float: left;
    width: 100%;
    text-align: right;
    font-size: 110%;
    padding-top: 10px;
}