/*
    673px => 42.0625em
    672px => 42em
    1024px => 64em
    1025px => 64.0625em
    1440px => 90em
    1199px => 
    1200px => 
*/
/*
@media (max-width: 575.98px) { ... }// Extra small devices (portrait phones, less than 576px)
@media (min-width: 576px) and (max-width: 672.98px) { ... }// Small devices (landscape phones, 576px and up)
@media (min-width: 673px) and (max-width: 767.98px) { ... }// Small devices (landscape phones, 576px and up)
@media (min-width: 768px) and (max-width: 991.98px) { ... }// Medium devices (tablets, 768px and up)
@media (min-width: 992px) and (max-width: 1199.98px) { ... }// Large devices (desktops, 992px and up)
@media (min-width: 1200px) { ... }// Extra large devices (large desktops, 1200px and up)
*/
.card-gallery .k-pager-wrap .k-link {
    background-color: transparent !important;
    box-shadow: none;
}

.card-gallery .k-pager-wrap.k-widget.k-floatwrap {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none;
    /*padding-left: 469px;*/
    /*padding-right: 469px;*/
    text-align: center;
}

    .card-gallery .k-pager-wrap.k-widget.k-floatwrap ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        /* For IE, the outcast */
        zoom: 1;
        *display: inline;
    }

    .card-gallery .k-pager-wrap.k-widget.k-floatwrap li {
        float: left;
        padding: 2px 5px;
    }

.card-gallery .k-widget.k-listview {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none;
}

.card-gallery .k-pager-nav.k-link {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none;
}

.card-gallery .k-pager-numbers .k-link {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none;
}

.ken-data-control {
    width: 100% !important;
    margin-bottom: 3px;
    margin-left: 3px;
    margin-top: 4px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.item-in-sub-menu {
    position: relative;
    display: block;
    padding: 5px 5px;
    margin-bottom: -1px;
    background-color: transparent !important;
    /*border: 1px solid #ddd;*/
    height: 100%;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

small, .small {
    font-size: 85%;
}

.option-project {
    font-size: 19px;
    background-color: #ffcc99;
    text-align: center;
    padding-bottom: 4px;
    padding-top: 0px;
    margin-top: -33px;
    margin-bottom: 3px;
    line-height: 35px;
    border-radius: 3px;
    font-weight: bold;
    cursor: pointer;
}

.thumb.thumb-card {
    text-align: center;
    padding: 16px 0px 10px 0px;
}

.sub-thumbnail {
    width: 210px;
    /*background-color: white;*/
}

.main-view {
    height: 100%;
}

/*#ContentFont {
    width: 100%;
    height: 100%;
    visibility: visible;
    font-size: 31px;
}*/

.row .row {
    margin: 0 -10px !important;
}

.k-loading-image {
    /*background-image: url(/Resources/assets/animations/Image_Loader.gif) !important;*/
    /*background-size: 60px 60px !important;*/
}

/*.writing-area #message {
    height: 100%;
    border-width: 0.5px !important;
    padding: 1px;
}

    .writing-area #message.has-back-card {
        height: 50%;
    }*/

.option-project-preview {
    font-size: 19px;
    background: #a7a7ed;
    /*color: #fff;*/
    text-align: center;
    padding-bottom: 4px;
    /*line-height: 55px;*/
    border-radius: 3px;
    font-weight: bold;
    cursor: pointer;
}

.panel .panel-header,
.panel-next__header[data-v-3845f25a],
.panel-next__header,
.active.tab-button {
    background: #6666cc;
}

.panel .panel-icon img.schedule-icon {
    width: auto;
}

.category-sub-nav .full-width-search input {
    background-image: url("../../RCC/Img/searchicon copy.png");
}

@media only screen and (max-width:425px) {
    .main-header {
        height: 2.8125rem !important;
        background-image: none;
        padding: .5625rem 1rem;
    }

        .main-header .button-cart {
            position: absolute;
            top: 8px;
            right: 10px;
        }

        .main-header .logo {
            display: block;
            float: none;
            margin: 0 auto;
        }
}

.main-header {
    /*background-image: linear-gradient(to bottom, #54b4eb, #2fa4e7) !important;*/
    padding-top: 0px;
    padding-left: 24px;
    padding-bottom: 0px;
    background: rgba(16, 16, 207);
    background: -moz-linear-gradient(left, rgba(16, 16, 207) 0%, rgba(112,112,217,1) 30%, rgba(168, 169, 234) 55%, rgba(16, 16, 207) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(16, 16, 207)), color-stop(30%, rgba(112,112,217,1)), color-stop(55%, rgba(168, 169, 234)), color-stop(100%, rgba(16, 16, 207)));
    background: -webkit-linear-gradient(left, rgba(16, 16, 207) 0%, rgba(112,112,217,1) 30%, rgba(168, 169, 234) 55%, rgba(16, 16, 207) 100%);
    background: -o-linear-gradient(left, rgba(16, 16, 207) 0%, rgba(112,112,217,1) 30%, rgba(168, 169, 234) 55%, rgba(16, 16, 207) 100%);
    background: -ms-linear-gradient(left, rgba(16, 16, 207) 0%, rgba(112,112,217,1) 30%, rgba(168, 169, 234) 55%, rgba(16, 16, 207) 100%);
    background: linear-gradient(to right, rgba(16, 16, 207) 0%, rgba(112,112,217,1) 30%, rgba(168, 169, 234) 55%, rgba(16, 16, 207) 100%);
}

    .main-header .logo {
        height: 100%;
    }

        .main-header .logo .hide-for-small {
            height: 100%;
        }

            .main-header .logo .hide-for-small span.navbar-text {
                font-family: 'fontsystem-dos';
                font-size: 30px;
                color: white;
                height: 100%;
            }

            .main-header .logo .hide-for-small img.navbar-brand-logo,
            .main-header .logo .hide-for-small span.navbar-text {
                padding-right: 10px;
            }

            .main-header .logo .hide-for-small img.navbar-brand-logo-sec {
                width: 200px;
            }

            .main-header .logo .hide-for-small img.navbar-brand-logo,
            .main-header .logo .hide-for-small span.navbar-brand-text,
            .main-header .logo .hide-for-small img.navbar-brand-logo-sec {
                max-height: 50px;
            }

    .main-header.simple {
        height: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }

        .main-header.simple .logo .hide-for-small {
            padding-top: 3px;
        }

        .main-header.simple .logo span {
            font-size: 25px;
            text-decoration: none;
            color: white;
            line-height: 45px;
        }

            .main-header.simple .logo span:focus,
            .main-header.simple .logo span:active,
            .main-header.simple .logo span:hover {
                text-decoration: none;
            }


        .main-header.simple .main-nav {
            padding-top: 5px;
        }

            .main-header.simple .main-nav li a {
                font-family: Arial;
                font-size: 12px;
                line-height: 40px;
            }

            .main-header.simple .main-nav.isLogged li a {
                font-size: 12px;
                padding-right: 4px;
            }

    .main-header .main-nav {
        margin: 0 0 0 0;
        line-height: 30px;
        padding-top: 14px;
        padding-left: 0px;
    }

        .main-header .main-nav li {
            margin-left: 0px;
        }

            .main-header .main-nav li a {
                font-family: 'fontsystem-dos';
                font-size: 30px;
            }

                .main-header .main-nav li a.active, .main-nav li a:hover {
                    color: #0d6092;
                }

.category-sub-nav .main-sub-nav > li > a {
    font-family: 'fontsystem-dos';
    font-size: 32px;
}

.category-sub-nav .main-sub-nav a {
    font-family: 'fontsystem-dos';
}

.banner-card-animation .card {
    left: 23.7%;
    -webkit-transform: rotate(-13deg);
    -moz-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    transform: rotate(-13deg);
}

.banner-card-animation .envelope-background {
    width: 50%;
    bottom: -10%;
    left: -23%;
}

div.login-footer .account-terms {
    margin-bottom: 1.75rem;
}

.login-footer .img-rcc {
    width: 150px;
}

.logo-large {
    /*position: fixed;*/
}

.envelope-sample .env-address.return {
    font-size: 18px;
}

.section-title .h3 a:hover, .section-title h3 a:hover {
    color: #9999ff;
}

.section-title .h3 small, .section-title .h3 small a, .section-title h3 small, .section-title h3 small a {
    color: #9999ff;
}

.banner-artist .artist-description .name,
.login .h1, .login h1,
#CountResults {
    color: #3333cc;
}

#form-login input {
    /*background-color: #6666cc !important;*/
    background-color: #ffd579 !important;
    color: black;
    /*color: white;*/
}

    #form-login input::placeholder {
        /*background-color: #6666cc !important;*/
        color: black;
        /*color: white;*/
    }

#btn-login,
.button,
.button-panel, .button-panel:focus {
    background-color: #ff9966;
    color: black;
}

a.forgot-password {
    color: #3333cc;
}

.main-footer a :hover, .main-footer a :focus {
    color: #157ab5;
    text-decoration: underline;
}

.main-footer a:hover, .main-footer a:active {
    outline: 0;
}

.main-footer a {
    color: #2fa4e7;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: small;
    font-weight: lighter;
}

.main-footer {
    background-color: #e0e0e0; /* #f5f5f5; */
    margin: 10px 50px 10px 50px;
}

    .main-footer p {
        color: black;
    }

    .main-footer ul.footer-links {
        margin: 3px;
    }

        .main-footer ul.footer-links > li {
            margin: 0 3px 0 5px;
        }

.payment-paypal-img {
    width: 170px;
}

.icon-why-create-account {
    width: 90px;
}

    .icon-why-create-account.offer {
        width: 70px;
    }

.banner-section.banner-confirmation {
    font-family: 'fontsystem-dos';
}

    .banner-section.banner-confirmation .content .text-block .h1, .banner-section.banner-confirmation .content .text-block h1 {
        font-family: 'fontsystem-dos';
    }

.h1, h1 {
    font-family: 'fontsystem-dos';
}

.card-thumb .card-info .title {
    font-family: 'fontsystem-dos';
}

#ContentCreditCardInfo {
    height: 300px;
    position: relative;
}


@media only screen and (min-width: 673px) {
    .h1, h1 {
        font-size: 3rem;
    }
}

@media only screen and (min-width: 768px) {
    .tab-button h4.reduce-on-small {
        font-size: 1.125rem !important;
    }
}

/* EMPEZANDO CON EL LOGO DE PRINTCARDS */
.logo {
    top: 0px;
}

.logo-large {
    padding-top: 0px;
}

    .logo-large img {
        height: 100%;
    }


@media only screen and (min-width: 673px) {

    .logo-large img {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .main-header.simple .logo .isAdmin span {
        font-size: 15px;
    }

    .main-header.simple .main-nav.isAdmin li {
        margin-left: 0px;
    }

        .main-header.simple .main-nav.isAdmin li a {
            font-size: 11px;
            line-height: 45px;
        }

    /**/

    .main-header.simple .logo span {
        font-size: 18px;
    }

    .main-header.simple .main-nav li {
        margin-left: 0px;
    }

        .main-header.simple .main-nav li a {
            padding: 0px 0px 0px 0px;
            margin: 0px 7px 0px 0px;
            font-size: 12px;
            line-height: 45px;
        }

    /**/

    .main-header.simple .logo .isLogged span {
        font-size: 16px;
    }

    .main-header.simple .main-nav.isLogged li {
        margin-left: 0px;
    }

        .main-header.simple .main-nav.isLogged li a {
            font-size: 11px;
            line-height: 45px;
        }
}

@media only screen and (min-width: 768px) {

    .main-header.simple .logo .isAdmin span {
        font-size: 16px;
    }

    .main-header.simple .main-nav.isAdmin li {
        margin-left: 0px;
    }

        .main-header.simple .main-nav.isAdmin li a {
            font-size: 12px;
            line-height: 45px;
        }
    /**/

    .main-header.simple .logo span {
        font-size: 23px;
        line-height: 42px;
    }

    .main-header.simple .main-nav li {
        margin-left: 0px;
    }

        .main-header.simple .main-nav li a {
            font-size: 13px;
            line-height: 45px;
        }
    /**/
    .main-header.simple .logo .isLogged span {
        font-size: 20px;
    }

    .main-header.simple .main-nav.isLogged li {
        margin-left: 0px;
    }

        .main-header.simple .main-nav.isLogged li a {
            font-size: 12px;
            line-height: 45px;
        }
}

@media only screen and (min-width: 992px) {
    .main-header.simple .logo .hide-for-small {
        padding-top: 0px;
    }

    .main-header.simple .logo .isAdmin span {
        font-size: 27px;
    }

    .main-header.simple .main-nav.isAdmin li {
        margin-left: 0px;
    }

        .main-header.simple .main-nav.isAdmin li a {
            font-size: 14px;
            line-height: 45px;
        }


    /**/
    .main-header.simple .logo span {
        font-size: 27px;
    }

    .main-header.simple .main-nav li {
        margin-left: 0px;
    }

        .main-header.simple .main-nav li a {
            font-size: 14px;
            line-height: 45px;
        }
    /**/
    .main-header.simple .logo .isLogged span {
        font-size: 27px;
    }

    .main-header.simple .main-nav.isLogged li {
        margin-left: 0px;
    }

        .main-header.simple .main-nav.isLogged li a {
            font-size: 14px;
            line-height: 45px;
        }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .logo-large img {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
    }
}


@media only screen and (min-width: 1024px) {

    #ContentCreditCardInfo {
        padding-left: 17%;
    }

    .main-nav li a {
        font-size: 25px;
    }

    .tab-button h4.reduce-on-small {
        font-size: inherit !important;
    }
}

@media only screen and (min-width: 1200px) {
    #ContentCreditCardInfo {
        padding-left: 21%;
    }

    .logo-large img {
        padding-top: 0px;
        padding-bottom: 0px;
        width: 50px;
    }

    .logo-large.isAdmin img {
        padding-top: 0px;
        padding-bottom: 0px;
        /*width: 570px;*/
    }
}

@media only screen and (max-width: 672px) {
    .main-header {
        background: rgb(124, 124, 208);
    }
}


@media only screen and (max-width: 1024px) {
    .envelope-sample {
        width: 560px !important;
    }
}

/* TERMINANDO CON EL LOGO DE PRINTCARDS */

@media only screen and (max-width: 767px) {
    .logo .logo-small img {
        height: 48px;
    }

    .envelope-sample {
        width: 390px !important;
    }

        .envelope-sample .env-address.return {
            width: 66%;
        }
}

@media only screen and (min-width: 425px ) and (max-width: 1024px) {
    .envelope-sample {
        width: 390px !important;
    }

        .envelope-sample .env-address.return {
            width: 53%;
        }
}

@media only screen and (max-width: 1199px) {
    .main-footer {
        margin: 10px 10px 10px 10px;
    }
}

.author {
    font-family: 'fontsystem-dos';
}

.about-card-category .category-description h2 {
    font-family: 'fontsystem-dos';
    font-size: 40px;
    font-weight: bold;
}

.about-card-category .category-description p {
    font-family: 'fontsystem-dos';
    font-size: 20px;
}

.section-title a {
    font-family: 'fontsystem-dos';
    font-size: 30px;
    font-weight: bold;
}

    .section-title a small {
        font-size: 25px;
        font-family: 'fontsystem-dos';
    }

.login-footer .account-terms {
    font-family: 'fontsystem-dos';
}

    .login-footer .account-terms a {
        font-family: 'fontsystem-dos' !important;
        font-size: 25px;
        font-weight: bold;
    }

.compose-sub-nav-header .subnav-title {
    font-family: 'fontsystem-dos',sans-serif;
    font-weight: bold;
}

.sub-progress-nav a {
    font-family: 'fontsystem-dos',sans-serif;
    font-weight: bold;
}

@media only screen and (max-width:42em) {
    .writing-area .writing-field {
        border: inherit;
        opacity: inherit;
        pointer-events: inherit;
    }

    .option-project {
        margin-top: 0px;
    }
}

.content-card-text-principal {
    z-index: 1;
}


div.split-view.horizontal .main-view,
div.split-view.vertical .main-view {
    overflow: hidden;
}

@media only screen and (min-width: 768px) {
    div.split-view.horizontal .main-view {
        height: 518px;
    }

    div.split-view.vertical .main-view {
        height: 530px;
    }
}

@media only screen and (min-width: 1024px) {
    div.split-view.horizontal .main-view {
        height: 538px;
    }

    div.split-view.vertical .main-view {
        height: 530px;
    }
}

@media only screen and (min-width: 1200px) {
    div.split-view.horizontal .main-view {
        height: 578px;
    }

    div.split-view.vertical .main-view {
        height: 540px;
    }

    #contentEnvelope {
        padding-left: 100px;
        padding-right: 77px;
    }
}

.button-facebook {
    -khtml-background-size: 11px 7px;
    -ms-background-size: 11px 7px;
    background-size: 11px 7px;
    background-image: url(../images/icon_facebook.jpg);
    background-repeat: no-repeat;
    background-position: right .8rem center;
    padding-right: 2rem;
}

.img-favorite {
    width: 20px;
    opacity: 0.2;
}

    .img-favorite:hover {
        opacity: 0.7;
    }

a.active > .img-favorite,
a.active > .img-favorite:hover {
    opacity: 1;
}


.card-thumb-image.category:before {
    padding-top: 70%;
}

.card-thumb.category .card-info .title {
    font-size: 2.1rem;
    line-height: 37px;
}

@media only screen and (min-width: 1600px) {
    .split-view .sub-view {
        padding-left: 160px;
    }

    .sections-three .main-view,
    .main-view.sub-thumbnail-shown {
        max-width: 750px;
    }

    .envelope-sample {
        width: 800px !important;
        height: 620px !important;
    }
}

@media only screen and (min-width: 2000px) {
    .split-view .sub-view {
        padding-left: 225px;
    }

    .sections-three .main-view,
    .main-view.sub-thumbnail-shown {
        max-width: 900px;
    }
}

@media only screen and (min-width: 2600px) {
    .split-view .sub-view {
        padding-left: 525px;
    }

    .sections-three .main-view,
    .main-view.sub-thumbnail-shown {
        max-width: 1480px;
    }
}

.button-panel-custom {
    min-width: 0px;
    margin: 0;
    width: -webkit-fill-available;
    width: 100%;
}


/*========================================================*/
@-webkit-keyframes animFade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes animFade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#tabReview .reduce-on-small span.label.changing {
    -webkit-animation-name: animFade;
    animation-name: animFade;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.7,0,0.3,1);
    animation-timing-function: cubic-bezier(0.7,0,0.3,1);
}


.envelope-sample {
    width: 600px;
    height: 400px;
}


/*--------------------
Credit Card
--------------------*/
.credit-card-box {
    -webkit-perspective: 1000;
    perspective: 1000;
    width: 400px;
    height: 280px;
    position: absolute;
}

    .credit-card-box:hover .flip, .credit-card-box.hover .flip {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    .credit-card-box .front,
    .credit-card-box .back {
        width: 400px;
        height: 250px;
        border-radius: 15px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: linear-gradient(135deg, #bd6772, #53223f);
        position: absolute;
        color: #fff;
        font-family: Inconsolata;
        top: 0;
        left: 0;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
    }

        .credit-card-box .front::before,
        .credit-card-box .back::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: url("https://image.flaticon.com/icons/svg/44/44386.svg") no-repeat center;
           
            background-size: cover;
            opacity: .05;
        }
    /* cdn.flaticon.com/svg/44/44386.svg */

    .credit-card-box .flip {
        transition: 0.6s;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        position: relative;
    }

    .credit-card-box .logo {
        position: absolute;
        top: 9px;
        right: 20px;
        width: 60px;
    }

        .credit-card-box .logo svg {
            width: 100%;
            height: auto;
            fill: #fff;
        }

    .credit-card-box .front {
        z-index: 2;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    .credit-card-box .back {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

        .credit-card-box .back .logo {
            top: 185px;
        }

    .credit-card-box .chip {
        position: absolute;
        width: 60px;
        height: 45px;
        top: 20px;
        left: 20px;
        background: linear-gradient(135deg, #ddccf0 0%, #d1e9f5 44%, #f8ece7 100%);
        border-radius: 8px;
    }

        .credit-card-box .chip::before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            border: 4px solid rgba(128, 128, 128, 0.1);
            width: 80%;
            height: 70%;
            border-radius: 5px;
        }

    .credit-card-box .strip {
        background: linear-gradient(135deg, #404040, #1a1a1a);
        position: absolute;
        width: 100%;
        height: 50px;
        top: 30px;
        left: 0;
    }

    .credit-card-box .number {
        position: absolute;
        margin: 0 auto;
        top: 103px;
        left: 19px;
        font-size: 38px;
    }

    .credit-card-box label {
        font-size: 10px;
        letter-spacing: 1px;
        text-shadow: none;
        text-transform: uppercase;
        font-weight: normal;
        opacity: 0.5;
        display: block;
        margin-bottom: 3px;
    }

    .credit-card-box .card-holder,
    .credit-card-box .card-expiration-date {
        position: absolute;
        margin: 0 auto;
        top: 180px;
        left: 19px;
        font-size: 22px;
        text-transform: capitalize;
    }

    .credit-card-box .card-expiration-date {
        text-align: right;
        left: auto;
        right: 20px;
    }

    .credit-card-box .ccv {
        height: 36px;
        background: #fff;
        width: 91%;
        border-radius: 5px;
        top: 110px;
        left: 0;
        right: 0;
        position: absolute;
        margin: 0 auto;
        color: #000;
        text-align: right;
        padding: 10px;
    }

        .credit-card-box .ccv label {
            margin: -25px 0 14px;
            color: #fff;
        }

    .credit-card-box.sign-up {
        position: relative;
        width: 100%;
        padding: 15px 50px 0 50px;
    }

        .credit-card-box.sign-up .front,
        .credit-card-box.sign-up .back {
            width: 100%;
        }

@media only screen and (max-width: 1199px) {
    .credit-card-box.sign-up {
        padding: 5px 0px 0 0px;
    }
}

@media only screen and (max-width: 672px) {
    #ContentCreditCardInfo {
        padding: 0;
    }

    .credit-card-box {
        width: 100%;
    }

        .credit-card-box .front, .credit-card-box .back {
            width: 100%;
            max-height: 250px;
        }

        .credit-card-box.sign-up {
            padding: 5px 0px 0 0px;
        }
}

@media only screen and (max-width: 542px) {
    .credit-card-box .number {
        font-size: 30px;
    }

    .credit-card-box .card-holder, .credit-card-box .card-expiration-date {
        font-size: 15px;
    }

    .credit-card-box.sign-up .front, .credit-card-box.sign-up .back {
        max-height: 210px;
    }
}

/*--------------------
Credit Card - End
--------------------*/

.cc-logo {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

    .cc-logo.visa {
        background: url("/Resources/assets/images/visa_svg.png") no-repeat scroll center center / cover;
        height: 25px;
    }

    .cc-logo.mastercard {
        background: url("/Resources/assets/images/mastercard.png") no-repeat scroll center center / cover;
        height: 50px;
        width: 81px;
        margin-left: -15px;
    }

    .cc-logo.amex {
        background: url(/Resources/assets/images/american_express_curved.png) no-repeat scroll center center / cover;
        height: 45px;
        width: 102px;
        margin-left: -38px;
    }

.confirmation-steps {
    font-family: fontsystem-dos,sans-serif;
}

    .confirmation-steps .label-email,
    .confirmation-steps .email {
        display: inline;
    }

    .confirmation-steps .register-email,
    .confirmation-steps .email {
        width: 300px;
        display: -webkit-inline-box;
        display: -moz-inline-box;
        display: inline-block;
    }

    .confirmation-steps .save-email {
        padding-bottom: 20px;
    }

        .confirmation-steps .save-email label {
            font-size: 20px;
        }

.custom-panel-rcc *, .custom-panel-rcc:before {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

canvas {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

@media only screen and (max-width:42em) {
    .card-gallery > ul li {
        width: 100%;
    }
}

/*#sidebar {
   width: 20%;
    min-width: 250px;
    max-width: 250px;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    min-height: 100vh;
    color: black;
    transition: all 0.3s;
    margin: 20px 0px 0px 15px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    font-family: inherit;
    border-radius: 5px;
}

    #sidebar.active {
        margin-left: -250px;
    }

    #sidebar ul p {
        color: #fff;
        padding: 10px;
    }

    #sidebar ul li {
        list-style: none;
    }

        #sidebar ul li a {
            padding: 5px;
            font-size: 1.1em;
            display: block;
        }

            #sidebar ul li a:hover {
                color: #7386D5;
            }

        #sidebar ul li > a {
            color: #484444;
        }

        #sidebar ul li.active > a, a[aria-expanded="true"] {
            color: #6666cc;
        }


a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

#content {
    width: 80%;
    display: inline-block;
    margin-top: 20px;
}



@media (max-width: 768px) {
    #sidebar {
        display: none;
    }

    #content {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    #sidebar {
        min-width: 138px;
        max-width: 178px;
    }

        #sidebar ul li a {
            padding: 10px;
            font-size: 0.7em;
            display: block;
        }
}*/

#title-main {
    text-align: center;
    font-family: KBREINDEERGAMES;
    color: black;
    font-size: 50px;
}

.searching-rcc {
    padding-top: 16px;
    padding-left: 10px;
}

.body-background-imaged {
    background-image: url(../../RCC/Img/god_bday_02.gif);
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

body.body-background-imaged #app {
    background-color: #ffffffba;
}



.input-group {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    width: initial !important;
}

    .input-group .k-textbox {
        border-radius: 0 4px 4px 0;
    }

    .input-group.apend .k-textbox {
        border-radius: 4px 0 0 4px;
        margin-right: 0;
    }

    .input-group.apend .input-group-addon {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left: 0;
        margin-top: 3px;
        margin-bottom: 3px;
        height: 100%;
    }

.input-group-addon {
    padding: 10px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 0.5;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 34px;
}

    .input-group-addon:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: 0;
    }

@media (max-width: 768px) {
    .input-group .k-textbox {
        height: 34px;
    }
}
/*=============================================================================================*/

.ac.card-thumb {
    max-height: 250px;
}

    .ac.card-thumb .card-info .title.custom {
        line-height: 14px;
    }

        .ac.card-thumb .card-info .title.custom a {
            font-family: fontsystem-tres;
            font-size: 23px;
        }

#content-wrapper.with-side-bar {
    padding-left: 5px;
}

.ac-title {
    margin-left: 0px;
    margin-top: 10px;
    font-family: helvetica neue, helvetica, arial sans-serif;
}

    .ac-title.new {
        font-family: helvetica neue, helvetica, arial sans-serif;
        margin-bottom: 15px;
    }

        .ac-title.new h1 {
            font-size: 32px;
        }

/*.ac-title h1 {
        font-size: 32px;
    }*/

.card-video {
    padding-left: .9375rem;
    padding-right: .9375rem;
}

.center {
    margin: 0 auto;
}

video.center {
    width: 600px;
}

.card-video {
    width: 600px;
}

.CardVideoSmall {
    width: inherit;
}

.divider {
    height: 3px;
    background-color: cadetblue;
    margin-bottom: 1%;
}

.animated-card.card-thumb .card-thumb-image {
    height: auto;
}

    .animated-card.card-thumb .card-thumb-image .card-image {
        top: 0;
    }

.animated-card .title {
    /*height: 75px;*/
    padding: 0 10px 0 10px;
    font-family: Arial;
    display: table-cell;
    vertical-align: middle;
}

@media only screen and (min-width: 673px) and (max-width: 1024px) {
    .animated-card .title {
        font-size: 17px;
    }
}

.animated-card.card-thumb .card-thumb-image:before {
    content: none;
}


/* 
 * CSS to Solution #4.
 */
.animated-card.thumb {
    background-color: white;
    display: block;
    height: auto;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    border-radius: 4px;
}

    .animated-card.thumb .thumb-img-content {
        /*min-height: 150px;*/
    }

    .animated-card.thumb .thumb-img-content {
        padding: 10px;
        width: 100%;
        height: 110px;
        display: table;
    }

    .animated-card.thumb .thumb-title-content {
        width: 100%;
        display: table;
    }

.clearfix {
    clear: both;
}

    .clearfix:after {
        clear: both;
        /*content: "";*/
        display: table;
    }


.animated-card.thumb .thumb-title-content.no-rollover:hover + div,
.animated-card.thumb .thumb-title-content.rollover:hover {
    opacity: 1;
    transform: translateX(0);
}

.animated-card.thumb .thumb-title-content.rollover {
    background: white;
    opacity: 0;
    transform: translateX(100%);
    transition: all 1s ease;
    position: absolute;
}

    .animated-card.thumb .thumb-title-content.rollover .title {
        font-size: 13px;
    }

@media only screen and (min-width: 575.98px) {
    .animated-card.thumb .thumb-img-content {
        position: relative;
    }
}


@media only screen and (min-width: 992px) {

    .animated-card.thumb .thumb-title-content {
        height: 115px;
    }

    .animated-card.thumb .thumb-img-content img {
        min-height: 12vw;
        max-height: 12vw;
    }
}

@media only screen and (min-width: 1200px) {
    .animated-card.thumb .thumb-img-content {
        max-height: 171px;
    }
}

@media only screen and (min-width: 673px) {

    .animated-card.thumb:hover {
        -webkit-box-shadow: 0 6px 18px rgba(0,0,0,.2);
        -ms-box-shadow: 0 6px 18px rgba(0,0,0,.2);
        -o-box-shadow: 0 6px 18px rgba(0,0,0,.2);
        box-shadow: 0 6px 18px rgba(0,0,0,.2);
        -webkit-transform: scale(1.05);
        -khtml-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transform: translateY(-5px);
        -khtml-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    .animated-card.thumb .thumb-img-content {
        max-height: 149px;
    }


        .animated-card.thumb .thumb-img-content img {
            max-height: 121px;
        }
}


@media only screen and (max-width: 1023px) {
    .animated-card .title {
        height: 82px;
    }

    .animated-card.thumb .thumb-title-content.rollover {
        margin-top: -123px;
    }
}

@media only screen and (max-width: 991px) {
    .animated-card.thumb .thumb-title-content.rollover {
        margin-top: -82px;
    }
}

@media only screen and (max-width: 672px) {
    .animated-card .title {
        height: 50px;
    }

    .animated-card.thumb .thumb-title-content.rollover {
        margin-top: -60px;
    }

        .animated-card.thumb .thumb-title-content.rollover .title {
            font-size: 15px;
            height: 60px;
        }
}

@media only screen and (min-width: 768px) {

    .animated-card.thumb .thumb-img-content {
        /*min-height: 130px;*/
        min-height: 25vh;
    }

    #app.toggled .animated-card.thumb .thumb-img-content {
        min-height: 92px;
    }
}

@media only screen and (min-width: 1024px) {

    .animated-card.thumb .thumb-img-content {
        /*min-height: 193px;*/
        min-height: 25vh;
    }

    .animated-card.thumb .title {
        height: 60px;
    }



    #app.toggled .animated-card.thumb .thumb-img-content {
        min-height: 156px;
    }

    .animated-card.thumb .thumb-title-content.rollover {
        margin-top: -120px;
    }
}

@media only screen and (max-width: 1199px) {
    video.center {
        width: 100%;
    }
}

@media only screen and (min-width: 1200px) {
    .animated-card.thumb .thumb-img-content {
        min-height: 200px;
    }

    #app.toggled .animated-card.thumb .thumb-img-content {
        min-height: 186px;
    }

    video.center {
        width: 100%;
    }
}

#card-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin: 0 auto;
    max-width: 75rem;
}

    #card-content.new {
        background-color: #f0f0f0ad;
        padding-bottom: 15px;
        padding-top: 15px;
    }

input[type=checkbox] {
    margin: 0;
    padding: 0;
}

div.k-window-content {
    position: relative;
    height: 100%;
    padding: .58em;
    overflow: auto;
    outline: 0;
}

div.overflow-hidden {
    overflow: hidden;
}

.subscription-content {
    background-color: white;
    margin: 10px;
    padding: 10px;
    border-radius: 5px;
}

.k-widget.k-numerictextbox {
    padding-top: 3px;
}

    .k-widget.k-numerictextbox .k-numeric-wrap.k-state-focused {
        height: 38px;
    }

        .k-widget.k-numerictextbox .k-numeric-wrap .k-formatted-value.ken-data-control.k-input,
        .k-widget.k-numerictextbox .k-numeric-wrap.k-state-focused,
        .k-widget.k-numerictextbox .k-numeric-wrap .k-formatted-value.ken-data-control.k-input,
        .k-widget.k-numerictextbox .k-numeric-wrap.k-state-focused .k-formatted-value.ken-data-control.k-input,
        .k-widget.k-numerictextbox .k-numeric-wrap.k-state-focused .ken-data-control.k-input {
            height: 38px;
        }

.prepay-banner-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #faedd9;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding: 10px;
    margin: 10px 0px 10px 0px;
}

.panel-content-custom {
    background-color: white;
    position: relative;
    display: inherit;
    height: 100%;
    padding: 12px;
}

.banner-card-menu {
    width: 100%;
    position: absolute;
    z-index: 10000000000000;
}

.main-nav li a {
    border-right: none;
}

.banner-card-menu .main-nav li a {
    font-family: "fontsystem-dos";
    padding-left: 20px;
    padding-right: 20px;
}

.banner-card-menu .main-nav li:last-child a {
    background-color: yellow;
    border: 3px black solid;
    word-wrap: break-word;
    color: black;
    padding: 10px 20px 13px 20px;
    margin-right: 5px;
    text-align: center;
    font-weight: bolder;
    line-height: 20px;
}

.input-group.searching-control {
    margin-top: 0px;
}



@media only screen and (min-width: 992px) {
    .card-gallery > ul li {
        width: 20%;
    }
}

@media only screen and (min-width: 1200px) {
    .animated-card.thumb .thumb-img-content {
        /*min-height: 169px;
        min-width: 15vw;*/
        min-height: 169px;
        max-height: 41vh;
    }
}

hr.hr {
    margin-top: 5px;
    margin-bottom: 10px;
}

.searching-rcc .ken-data-control,
.searching-rcc .ken-data-control span,
.searching-rcc .k-textbox,
.searching-rcc .k-textbox span,
.searching-rcc .input-group.searching-control .input-group-addon {
    height: 27px;
    padding: 0px 0px 0px 0px;
    vertical-align: baseline;
}

    .searching-rcc .input-group.searching-control .input-group-addon span.k-icon {
        padding: 25px 25px 3px 10px;
    }

.simple-page .animated-card.thumb {
    position: relative;
    border-radius: 0px;
    box-shadow: 0 0 0 2px hsl(0, 5%, 69%), 0 0 0 3px hsl(0, 0%, 100%), 0 0 0 5px hsl(0, 3%, 71%);
}

.banner-card-animation .envelope-background.second {
    -webkit-animation: banner-envelope-animation .1s ease-out forwards .1s;
    animation: banner-envelope-animation .1s ease-out forwards .1s;
}

.banner-card-animation .envelope-background.first {
    -webkit-animation: banner-envelope-animation .6s ease-out forwards .2s;
    animation: banner-envelope-animation .6s ease-out forwards .2s;
}

.k-textbox-toolbar {
    margin: 0 !important;
    height: 100%;
    width: 100% !important;
    height: 30px;
}

.signup-form h3 {
    text-align: center;
    color: #bd4247;
}

.signup-form h5 {
    /*text-align  :center;*/
    color: #5542bd;
}

.login p {
    margin-top: -2%;
}

.content-register-left {
    width: 40%;
    margin: 50px;
}

.content-register-right {
    width: 40%;
    margin: 50px;
}

.content-register-center {
    width: 40%;
    margin: 50px;
}

.register-form {
    background-color: white;
    padding: 30px;
    border-color: #e6e5e5;
    border-style: solid;
}

.text-warning {
    color: #dd5600;
}







a.link-url-carousel {
    color: white;
    text-decoration: none;
}

    a.link-url-carousel:hover {
        color: white;
        text-decoration: none;
    }

#cont {
    user-select: none;
    margin: 60px 5px auto;
    padding: 60px 4px 30px 4px;
    background: grey;
    height: 360px;
    width: 1024px;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    cursor:;
}

    #cont:active {
        cursor: e-resize;
    }

#slider-container {
    width: 900%;
    margin: 0 auto;
}

@media only screen and (min-width: 575px) {
    #slider-container {
        width: 450%;
    }
}

@media only screen and (min-width: 1024px) {
    #slider-container {
        width: 300%;
    }
}

@media only screen and (min-width: 1200px) {
    #slider-container {
        width: 225%;
    }
}

#right-btn, #left-btn {
    font-size: 3em;
    color: #006dbd;
    position: absolute;
    top: 8px;
    transition: all .4s ease-out;
    cursor: pointer;
    border-radius: 50%;
    height: 40px;
    line-height: 0.9em;
}

#right-btn {
    right: 3.4%;
    box-shadow: 3px 0px 12px black;
}

    #right-btn:hover {
        color: #2ecdff;
        box-shadow: 1px 0px 12px black;
    }

#left-btn {
    right: 8%;
    box-shadow: -3px 0px 12px black;
}

    #left-btn:hover {
        color: #2ecdff;
        box-shadow: -1px 0px 12px black;
    }

.item-container {
    padding-top: 6px;
    border-radius: 4px;
    margin: 0 8px;
    height: 354px;
    width: 10.46%;
    display: inline-block;
    background: #006dbd;
    transition: all .2s ease-out;
    cursor: pointer;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

    .item-container:hover {
        box-shadow: 0px 6px 20px rgba(0,0,0,0.5);
    }

.item-image-wrapper {
    height: 180px;
    width: 90%;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 2px 10px black;
    border-radius: 2px;
    margin: auto;
    background: blue;
}

    .item-image-wrapper:before {
        content: "";
        position: absolute;
        background-color: rgba(250,250,250,0.4);
        width: 380px;
        height: 100px;
        transform: translate(106px,-116px) rotateZ(30deg);
    }

    .item-image-wrapper:hover:before {
        transform: translate(-180px,198px) rotateZ(30deg);
        transition: .4s ease-in-out;
        z-index: 99;
    }

    .item-image-wrapper img {
        width: 100%;
        height: 100%;
        transition: all .4s ease-out;
    }

        .item-image-wrapper img:hover {
            transform: scale(1.2) rotateZ(-6deg);
        }

.item-title {
    color: #0107e1;
    font-family: arial;
    font-size: 1.8em;
    margin: 20px 10px;
}

.item-desc {
    margin: 0 10px;
    color: #f1f0f0;
    font-weight: bold;
    font-family: calibri;
}

.item-stars {
    float: left;
    margin: 24px 14px;
    color: orange;
}

.item-link {
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    background-color: #0a4977;
    float: right;
    margin: 10px;
    padding: 10px 16px;
    border-radius: 6px;
}

    .item-link:hover {
        color: #eee;
        background-color: #01355a;
    }

#cont {
    background-color: #ddd;
    margin-top: 1%;
    height: auto;
    width: 100%;
}

#slider-container {
    margin-top: -4%;
    display: flex;
}

.item-desc {
    margin: 0;
    margin-top: 10px;
    text-align: center;
}

.item-container {
    height: auto;
    min-width: 7.8%;
}

#contentMoreSuggestions {
    margin-top: -4%;
}

.full-height {
    height: 100%;
}

.title-text-owner {
    text-transform: inherit;
    font-size: 60px;
}

.sub-text-owner {
    text-transform: inherit;
    font-size: 40px;
    font-family: 'fontsystem-dos';
}

.banner-content.owner {
    max-height: 368px;
    max-width: 86rem;
}

    .banner-content.owner .full-height img {
        max-width: 100%;
        min-width: 100%;
        max-height: 100%;
        min-height: 100%;
    }

.sub-text-owner-large {
    text-transform: inherit;
    font-size: 20px;
    font-family: 'fontsystem-dos';
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

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

.padding-bottom-10 {
    padding-bottom: 10px;
}

.row-custom {
    width: 100%;
    margin-left: 10px;
    margin-right: 5px;
}

.banner-cards.layout {
    padding: 0 1px;
}

    .banner-cards.layout .banner-content {
        height: 24vw;
    }

    .banner-cards.layout .banner-card-animation .envelope-background {
        width: 25%;
    }

        .banner-cards.layout .banner-card-animation .envelope-background.first {
            left: -20%;
            margin-bottom: -25px;
        }

            .banner-cards.layout .banner-card-animation .envelope-background.first img {
                -webkit-transform: rotate(-13deg);
                -moz-transform: rotate(-13deg);
                -ms-transform: rotate(-13deg);
                transform: rotate(-13deg);
            }

        .banner-cards.layout .banner-card-animation .envelope-background.second {
            left: 20%;
            margin-bottom: 0px;
        }

        .banner-cards.layout .banner-card-animation .envelope-background.third {
            left: 60%;
            margin-bottom: -25px;
        }

            .banner-cards.layout .banner-card-animation .envelope-background.third img {
                -webkit-transform: rotate(13deg);
                -moz-transform: rotate(13deg);
                -ms-transform: rotate(13deg);
                transform: rotate(13deg);
            }


.banner-cards .banner-content .banner-text .title-text {
    font-family: 'fontsystem-dos';
}

.banner-cards .banner-card-animation {
    bottom: 16%;
}

.banner-cards.first {
    background-color: #fbffb9;
    color: black;
}

    .banner-cards.first .text {
        height: 100%;
    }

        .banner-cards.first .text .title-text-owner,
        .banner-cards.first .text .sub-text-owner {
            color: black;
        }

        .banner-cards.first .text .sub-text-owner {
            margin: 36px;
        }

    .banner-cards.first .image {
        height: 100%;
        padding: 7px;
    }

        .banner-cards.first .image img {
            height: 100%;
        }

.banner-cards.second {
    background-color: #69efef75;
    color: black;
}

    .banner-cards.second .banner-content.owner {
        height: 270px;
    }

    .banner-cards.second .text {
        height: 100%;
    }

        .banner-cards.second .text .title-text-owner,
        .banner-cards.second .text .sub-text-owner {
            color: black;
        }

    .banner-cards.second .image {
        height: 100%;
        padding: 7px;
    }

        .banner-cards.second .image img {
            height: 100%;
        }

.banner-cards.third {
    background-color: #fbffb9;
    color: black;
}

    .banner-cards.third .text {
        height: 100%;
    }

        .banner-cards.third .text .title-text-owner,
        .banner-cards.third .text .sub-text-owner {
            color: #1e3fe8;
        }

        .banner-cards.third .text .title-text-owner {
            font-size: 41px;
        }

        .banner-cards.third .text .sub-text-owner {
            font-size: 17px;
            font-family: 'Arial';
        }

            .banner-cards.third .text .sub-text-owner .autor {
                color: black;
                font-style: oblique;
            }

    .banner-cards.third .image {
        height: 100%;
        padding: 7px;
    }

        .banner-cards.third .image img {
            height: 100%;
        }

.banner-cards.fourth {
    background-color: #2694ec;
}

    .banner-cards.fourth .text {
        height: 100%;
    }

        .banner-cards.fourth .text .title-text-owner {
            font-size: 80px;
            padding: 17px;
        }

        .banner-cards.fourth .text .title-text-owner,
        .banner-cards.fourth .text .sub-text-owner {
            color: #fff;
        }

            .banner-cards.fourth .text .sub-text-owner .autor {
                color: black;
                font-style: oblique;
            }

    .banner-cards.fourth .image {
        height: 100%;
        padding: 7px;
    }

        .banner-cards.fourth .image img {
            height: 100%;
        }

.banner-cards.fifth {
    background-color: #69efef75;
}

    .banner-cards.fifth .owner .your-store {
        background-image: url(/Resources/RCC/Img/Panel5_YourStoryFrame_img_01.png) !important;
        background-repeat: no-repeat;
        background-size: auto 100%;
    }

    .banner-cards.fifth .owner .your-store,
    .banner-cards.fifth .owner .plus,
    .banner-cards.fifth .owner .logo {
        /*width: 250px;*/
        text-align: center;
    }

        .banner-cards.fifth .owner .your-store h1 {
            line-height: 42px;
        }

        .banner-cards.fifth .owner .your-store h1,
        .banner-cards.fifth .owner .image .signal {
            font-size: 47px;
            color: black;
        }

        .banner-cards.fifth .owner .your-store img,
        .banner-cards.fifth .owner .logo img {
            width: 150px;
        }

    .banner-cards.fifth .image {
        height: 100%;
        padding: 7px;
    }

    .banner-cards.fifth .text {
        height: 100%;
    }

        .banner-cards.fifth .text .title-text-owner {
            font-size: 80px;
            padding: 17px;
        }

        .banner-cards.fifth .text .title-text-owner,
        .banner-cards.fifth .text .sub-text-owner {
            color: black;
            font-size: 50px;
            text-align: center;
        }

    .banner-cards.fifth .image .friky {
        margin: 18% 0 0 0;
    }

.banner-cards.sixth {
    background-color: #fbffb9;
}

    .banner-cards.sixth .image {
        height: 100%;
        padding: 7px;
    }

    .banner-cards.sixth .text {
        height: 100%;
    }

        .banner-cards.sixth .text .title-text-owner {
            font-size: 80px;
            padding: 17px;
        }

        .banner-cards.sixth .text .title-text-owner,
        .banner-cards.sixth .text .sub-text-owner {
            color: black;
            font-size: 50px;
            text-align: center;
        }


.banner-cards.banner-land1first {
    background-color: #69efef75;
    color: black;
}

    .banner-cards.banner-land1first .banner-content.owner {
        height: 100%;
        max-height: none;
    }

        .banner-cards.banner-land1first .banner-content.owner .sub-text-owner {
            font-family: 'SupersonicRocketship';
            font-size: 31px;
            padding: 50px 30px 30px 30px;
            text-align: center;
            word-spacing: 10px;
            line-height: 50px;
        }

        .banner-cards.banner-land1first .banner-content.owner .btn-main-landing {
            padding: 20px;
        }

            .banner-cards.banner-land1first .banner-content.owner .btn-main-landing button {
                font-family: 'SupersonicRocketship';
                font-size: 30px;
                padding: 20px 20px 20px 20px;
                text-align: center;
            }

        .banner-cards.banner-land1first .banner-content.owner .btn-main-landing-two button {
            font-family: 'SupersonicRocketship';
            font-size: 23px;
            padding: 5px 25px 5px 25px;
            text-align: center;
        }


    .banner-cards.banner-land1first .buttons {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .banner-cards.banner-land1first .text {
        height: 100%;
        text-align: center;
    }

        .banner-cards.banner-land1first .text .title-text-owner,
        .banner-cards.banner-land1first .text .sub-text-owner {
            color: black;
            font-size: 43px;
            font-family: 'SupersonicRocketship';
            padding-top: 20px;
            text-shadow: 2px 8px #fafafa;
        }

        .banner-cards.banner-land1first .text .sub-text-owner {
            margin: 36px;
        }

    .banner-cards.banner-land1first .image {
        height: 100%;
        padding: 7px;
        text-align: center;
    }

        .banner-cards.banner-land1first .image img {
            height: 300px;
            border: 4px #cdcdcd solid;
        }

.banner-cards.banner-land1second {
    background-color: #fdffdf;
    color: black;
}

    .banner-cards.banner-land1second .banner-content.owner {
        height: 100%;
        max-height: none;
    }

        .banner-cards.banner-land1second .banner-content.owner .title-text-owner,
        .banner-cards.banner-land1second .banner-content.owner .sub-text-owner {
            color: black;
            font-family: 'SupersonicRocketship';
            line-height: 55px;
        }

        .banner-cards.banner-land1second .banner-content.owner .title-text-owner {
            font-size: 50px;
            text-align: center;
            font-family: 'SupersonicRocketship';
            padding: 20px 0px 15px 0px;
            text-shadow: 4px 4px #d2d3cf;
            width: 100%;
        }

        .banner-cards.banner-land1second .banner-content.owner .sub-text-owner {
            font-size: 26px;
        }

    .banner-cards.banner-land1second .text .title-text-owner {
        font-size: 30px;
        text-align: center;
        font-family: 'SupersonicRocketship';
    }


    .banner-cards.banner-land1second .image {
        height: 100%;
        padding: 7px;
    }

        .banner-cards.banner-land1second .image img {
            height: 100%;
        }

.banner-cards.banner-land1third {
    background-color: #ffc7c7;
    color: black;
}

    .banner-cards.banner-land1third .banner-content.owner {
        height: 100%;
        max-height: none;
    }

        .banner-cards.banner-land1third .banner-content.owner .title-text-owner {
            font-size: 61px;
            padding-top: 20%;
            font-family: HappyKids;
            font-weight: 100;
            text-shadow: 1px 2px white;
            text-align: center;
        }

    .banner-cards.banner-land1third .text {
        padding: 0;
    }

        .banner-cards.banner-land1third .text .sub-text-owner {
            font-size: 21px;
            font-family: 'SupersonicRocketship';
            padding-top: 20px;
            line-height: 40px;
        }

    .banner-cards.banner-land1third .image {
        padding: 15px 14px 13px 13px;
    }

        .banner-cards.banner-land1third .image img {
            max-width: -webkit-fill-available;
        }

.banner-cards.banner-land1fourth {
    background-color: #fbffb9;
}

    .banner-cards.banner-land1fourth .banner-content.owner {
        height: 100%;
        max-height: none;
    }

        .banner-cards.banner-land1fourth .banner-content.owner .title-text-owner {
            color: #3145e0;
            font-size: 61px;
            font-family: HappyKids;
            font-weight: 100;
            text-shadow: 1px 2px white;
            text-align: center;
        }

    .banner-cards.banner-land1fourth .text {
        height: 100%;
    }


        .banner-cards.banner-land1fourth .text .sub-text-owner {
            font-size: 21px;
            font-family: 'SupersonicRocketship';
            padding-right: 100px;
            line-height: 33px;
        }

        .banner-cards.banner-land1fourth .text .title-text-owner,
        .banner-cards.banner-land1fourth .text .sub-text-owner {
            color: black;
        }

            .banner-cards.banner-land1fourth .text .sub-text-owner .autor {
                color: black;
                font-style: oblique;
            }

    .banner-cards.banner-land1fourth .image {
        height: 100%;
        padding: 7px;
    }

        .banner-cards.banner-land1fourth .image img {
            max-height: 250px;
            box-shadow: -1px 1px 8px 7px #878787ab;
        }

    .banner-cards.banner-land1fourth .btn-main-landing-two button {
        font-size: 25px;
        padding: 20px;
        line-height: 45px;
        word-spacing: 15px;
    }

.banner-cards.banner-land1fifth {
    background-color: #d9d9d975;
}

    .banner-cards.banner-land1fifth .banner-content.owner {
        max-height: none;
        height: 100%;
    }

    .banner-cards.banner-land1fifth .image {
        height: 100%;
        padding: 7px;
        text-align: center;
    }

        .banner-cards.banner-land1fifth .image img {
            max-height: 179px;
            max-width: 160px;
            vertical-align: baseline;
        }

    .banner-cards.banner-land1fifth .image-secondary {
        height: 100%;
        padding: 7px;
    }

        .banner-cards.banner-land1fifth .image-secondary img {
            max-height: 198px;
            max-width: 190px;
            vertical-align: baseline;
        }

    .banner-cards.banner-land1fifth .text {
        height: 100%;
    }

        .banner-cards.banner-land1fifth .text .title-text-owner {
            font-size: 40px;
            padding: 17px;
            text-align: center;
        }

        .banner-cards.banner-land1fifth .text .sub-title-text-owner {
            font-size: 20px;
            padding: 17px;
            text-transform: inherit;
            font-family: 'SupersonicRocketship';
            color: black;
        }

        .banner-cards.banner-land1fifth .text .sub-text-owner {
            font-size: 16px;
            padding: 8px;
            word-spacing: 12px;
            line-height: 36px;
        }

        .banner-cards.banner-land1fifth .text .title-text-owner,
        .banner-cards.banner-land1fifth .text .sub-text-owner {
            color: black;
            font-family: 'SupersonicRocketship';
        }

    .banner-cards.banner-land1fifth .image .friky {
        margin: 18% 0 0 0;
    }

.banner-cards.banner-land1sixth {
    background-color: #f8f8f8;
}

    .banner-cards.banner-land1sixth .banner-content.owner {
        max-height: none;
        height: 100%;
    }

        .banner-cards.banner-land1sixth .banner-content.owner .title-text-owner {
            font-size: 35px;
            padding: 17px;
            font-family: 'HappyKids';
            text-align: center;
        }

    .banner-cards.banner-land1sixth .image {
        height: 100%;
        padding: 7px;
    }

    .banner-cards.banner-land1sixth .text .title-text-owner,
    .banner-cards.banner-land1sixth .text .sub-text-owner {
        color: black;
        font-size: 14px;
        font-family: arial;
    }

@media only screen and (max-width: 1024px) {
    .banner-cards.banner-land1first .banner-content.owner .sub-text-owner {
        padding: 0px;
    }

    .banner-cards.banner-land1fourth .btn-main-landing-two button {
        padding: 0px;
        line-height: 35px;
    }

    .large-down-no-padding-up {
        padding-top: 0 !important;
    }

    .large-down-no-padding-lateral {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .banner-cards.banner-land2first .text .title-text-owner {
        font-size: 40px;
    }
}

@media only screen and (min-width:1025px) { /* Large */

}

@media only screen and (min-width:673px) { /* Medium */

}

@media only screen and (max-width:672px) {
    .medium-down-no-padding-lateral {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .medium-down-no-padding-up {
        padding-top: 0 !important;
    }

    .medium-down-no-padding-down {
        padding-bottom: 0 !important;
    }
}

.banner-cards.banner-land2first {
    background-color: #a99de075;
    color: black;
}

    .banner-cards.banner-land2first .banner-content.owner {
        height: 100%;
        max-height: none;
    }

        .banner-cards.banner-land2first .banner-content.owner .btn-main-landing button {
            font-family: 'fontsystem-dos';
            font-size: 30px;
            padding: 20px 40px 20px 40px;
            text-align: center;
        }

        .banner-cards.banner-land2first .banner-content.owner .btn-main-landing-two button {
            font-family: 'fontsystem-dos';
            font-size: 23px;
            padding: 5px 25px 5px 25px;
            text-align: center;
        }


    .banner-cards.banner-land2first .buttons {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .banner-cards.banner-land2first .text {
        height: 100%;
        text-align: center;
    }

        .banner-cards.banner-land2first .text .title-text-owner,
        .banner-cards.banner-land2first .text .sub-title-text-owner,
        .banner-cards.banner-land2first .text .sub-text-owner {
            color: black;
            font-size: 43px;
            font-family: 'fontsystem-dos';
            text-shadow: 2px 2px #fafafa;
            text-transform: initial;
        }

        .banner-cards.banner-land2first .text .title-text-owner {
            font-size: 60px;
        }

        .banner-cards.banner-land2first .text .sub-text-owner {
            font-size: 30px;
        }

    .banner-cards.banner-land2first .image {
        height: 100%;
        padding: 0px;
        text-align: center;
    }

.banner-cards.banner-land2second {
    background-color: #fdffdf;
    color: black;
}

    .banner-cards.banner-land2second .banner-content.owner {
        height: 100%;
        max-height: none;
    }

        .banner-cards.banner-land2second .banner-content.owner .title-text-owner,
        .banner-cards.banner-land2second .banner-content.owner .sub-text-owner {
            color: black;
            font-family: 'fontsystem-dos';
            /*line-height: 55px;*/
        }

        .banner-cards.banner-land2second .banner-content.owner .title-text-owner {
            font-size: 50px;
            text-align: center;
            font-family: 'fontsystem-dos';
            padding: 20px 0px 15px 0px;
            text-shadow: 4px 4px #d2d3cf;
        }

        .banner-cards.banner-land2second .banner-content.owner .sub-text-owner {
            font-size: 35px;
            padding-top: 20px;
        }

        .banner-cards.banner-land2second .banner-content.owner .image-two img {
            height: 100px;
            padding: 5px;
        }

    .banner-cards.banner-land2second .text .title-text-owner {
        font-size: 30px;
        text-align: center;
        font-family: 'fontsystem-dos';
    }


    .banner-cards.banner-land2second .image {
        height: 100%;
        padding: 7px;
    }

        .banner-cards.banner-land2second .image img {
            height: 220px;
        }

.banner-cards.banner-land2third {
    background-color: #ffc7c7;
    color: black;
}

    .banner-cards.banner-land2third .banner-content.owner {
        height: 100%;
        max-height: none;
    }

        .banner-cards.banner-land2third .banner-content.owner .title-text-owner,
        .banner-cards.banner-land2third .banner-content.owner .sub-text-owner {
            color: black;
            font-family: 'fontsystem-dos';
            /*line-height: 55px;*/
        }

        .banner-cards.banner-land2third .banner-content.owner .title-text-owner {
            font-size: 61px;
            font-weight: 100;
            text-shadow: 1px 2px white;
            text-align: center;
        }

    .banner-cards.banner-land2third .text-v-center {
        max-height: 320px;
        height: 400px;
    }

    .banner-cards.banner-land2third .text {
        padding: 0;
    }

        .banner-cards.banner-land2third .text .sub-text-owner {
            font-size: 38px;
            padding-top: 20px;
            line-height: 40px;
        }

    .banner-cards.banner-land2third .image {
        padding: 15px 14px 13px 13px;
    }

        .banner-cards.banner-land2third .image img {
            max-height: 300px;
        }

.banner-cards.banner-land2fourth {
    background-color: #fbffb9;
}

    .banner-cards.banner-land2fourth .banner-content.owner {
        height: 100%;
        max-height: none;
    }

        .banner-cards.banner-land2fourth .banner-content.owner .title-text-owner {
            font-size: 61px;
            font-family: fontsystem-dos;
            font-weight: 100;
            text-shadow: 1px 2px white;
            text-align: center;
            margin: 30px;
        }

    .banner-cards.banner-land2fourth .text {
        height: 100%;
    }


        .banner-cards.banner-land2fourth .text .sub-text-owner {
            font-size: 18px;
            font-family: 'Arial';
            line-height: 20px;
        }

        .banner-cards.banner-land2fourth .text .title-text-owner,
        .banner-cards.banner-land2fourth .text .sub-text-owner {
            color: black;
        }

            .banner-cards.banner-land2fourth .text .sub-text-owner .autor {
                color: black;
                font-style: oblique;
            }

    .banner-cards.banner-land2fourth .image {
        height: 100%;
        padding: 7px;
    }

        .banner-cards.banner-land2fourth .image img {
            max-height: 250px;
            box-shadow: 0px 0px 0px 2px black;
            border-radius: 60px;
            width: 120px;
            height: 120px;
        }

    .banner-cards.banner-land2fourth .btn-main-landing-two button {
        font-size: 25px;
        padding: 20px;
        line-height: 45px;
        word-spacing: 15px;
    }

.banner-cards.banner-land2fifth {
    background-color: #d9d9d975;
}

    .banner-cards.banner-land2fifth .banner-content.owner {
        max-height: none;
        height: 100%;
    }

    .banner-cards.banner-land2fifth .image {
        height: 100%;
        padding: 7px;
        text-align: center;
    }

    .banner-cards.banner-land2fifth .image-secondary {
        height: 100%;
        padding: 7px;
    }

        .banner-cards.banner-land2fifth .image-secondary img {
            max-height: 198px;
            max-width: 190px;
            vertical-align: baseline;
        }

    .banner-cards.banner-land2fifth .text {
        height: 100%;
    }

        .banner-cards.banner-land2fifth .text .title-text-owner {
            font-size: 55px;
            padding: 17px;
            text-align: center;
        }

        .banner-cards.banner-land2fifth .text .sub-title-text-owner {
            font-size: 20px;
            padding: 17px;
            text-transform: inherit;
            font-family: 'fontsystem-dos';
            color: black;
        }

        .banner-cards.banner-land2fifth .text .sub-text-owner {
            font-size: 40px;
            padding: 8px;
            word-spacing: 12px;
            line-height: 36px;
        }

        .banner-cards.banner-land2fifth .text .title-text-owner,
        .banner-cards.banner-land2fifth .text .sub-text-owner {
            color: black;
            font-family: 'fontsystem-dos';
        }

    .banner-cards.banner-land2fifth .image .friky {
        margin: 18% 0 0 0;
    }

.banner-cards.banner-land2sixth {
    background-color: #b7fdff;
}

    .banner-cards.banner-land2sixth .banner-content.owner {
        max-height: none;
        height: 100%;
    }

        .banner-cards.banner-land2sixth .banner-content.owner .title-text-owner {
            font-size: 55px;
            padding: 17px;
            font-family: 'fontsystem-dos';
            text-align: center;
        }

    .banner-cards.banner-land2sixth .image {
        height: 100%;
        padding: 7px;
    }

    .banner-cards.banner-land2sixth .text .title-text-owner,
    .banner-cards.banner-land2sixth .text .sub-text-owner {
        color: black;
    }


.banner-cards.banner-land2seventh {
    background-color: #f2f2f2;
}

    .banner-cards.banner-land2seventh .banner-content.owner {
        max-height: none;
        height: 100%;
    }

    .banner-cards.banner-land2seventh .image {
        height: 270px;
        max-height: 230px;
    }

    .banner-cards.banner-land2seventh .text .sub-text-owner {
        font-family: 'Arial';
        font-size: 30px;
        line-height: 52px;
        color: #2737ff;
    }


.banner-cards.banner-land3first {
    background-color: transparent;
    color: black;
}

    .banner-cards.banner-land3first .banner-content.owner {
        height: 100%;
        max-height: none;
    }

        .banner-cards.banner-land3first .banner-content.owner .btn-main-landing button {
            font-family: 'fontsystem-dos';
            font-size: 30px;
            padding: 20px 40px 20px 40px;
            text-align: center;
        }

        .banner-cards.banner-land3first .banner-content.owner .btn-main-landing-two button {
            font-family: 'fontsystem-dos';
            font-size: 23px;
            padding: 5px 25px 5px 25px;
            text-align: center;
        }


    .banner-cards.banner-land3first .buttons {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .banner-cards.banner-land3first .text {
        height: 100%;
        text-align: center;
    }

        .banner-cards.banner-land3first .text .title-text-owner,
        .banner-cards.banner-land3first .text .sub-title-text-owner,
        .banner-cards.banner-land3first .text .sub-text-owner {
            color: black;
            font-size: 43px;
            font-family: 'Arial';
            text-shadow: 1px 2px #fafafa;
            text-transform: initial;
        }

        .banner-cards.banner-land3first .text .title-text-owner {
            font-size: 24px;
            font-family: fontsystem-uno;
            margin-top: 50px;
            margin-bottom: 25px;
        }


        .banner-cards.banner-land3first .text h2.title-text-owner {
            font-size: 30px;
            font-family: 'SupersonicRocketship';
            margin-top: 20px;
        }

        .banner-cards.banner-land3first .text h2.sub-text-owner {
            font-size: 25px;
            text-transform: uppercase;
            color: red;
        }

        .banner-cards.banner-land3first .text h3.sub-text-owner {
            font-size: 20px;
        }

    .banner-cards.banner-land3first .image {
        height: 100%;
        padding: 0px;
        text-align: center;
    }

.banner-cards.banner-land3second {
    background-color: #fdffdf;
    color: black;
}

    .banner-cards.banner-land3second .banner-content.owner {
        height: 100%;
        max-height: none;
    }

        .banner-cards.banner-land3second .banner-content.owner .title-text-owner,
        .banner-cards.banner-land3second .banner-content.owner .sub-text-owner {
            color: black;
            font-family: 'SupersonicRocketship';
            line-height: 55px;
        }

        .banner-cards.banner-land3second .banner-content.owner .title-text-owner {
            font-size: 50px;
            text-align: center;
            font-family: 'SupersonicRocketship';
            padding: 20px 0px 15px 0px;
            text-shadow: 4px 4px #d2d3cf;
            width: 100%;
        }

        .banner-cards.banner-land3second .banner-content.owner .sub-text-owner {
            font-size: 26px;
        }

    .banner-cards.banner-land3second .text .title-text-owner {
        font-size: 30px;
        text-align: center;
        font-family: 'SupersonicRocketship';
    }


    .banner-cards.banner-land3second .image {
        height: 100%;
        padding: 7px;
    }

        .banner-cards.banner-land3second .image img {
            height: 100%;
        }

.banner-cards.banner-land3third {
    background-color: #e5f2ff;
    color: black;
}

    .banner-cards.banner-land3third .banner-content.owner {
        height: 100%;
        max-height: none;
    }

        .banner-cards.banner-land3third .banner-content.owner .title-text-owner,
        .banner-cards.banner-land3third .banner-content.owner .sub-text-owner {
            color: black;
            font-family: 'fontsystem-dos';
            /*line-height: 55px;*/
        }

        .banner-cards.banner-land3third .banner-content.owner .title-text-owner {
            font-size: 25px;
            font-weight: 100;
            text-shadow: 1px 2px white;
            font-family: helveticarounded-std,brandongrotesque-regular,sans-serif;
            color: #00b7b5;
            text-transform: uppercase;
        }

    .banner-cards.banner-land3third .text-v-center {
        max-height: 320px;
        height: 400px;
    }

    .banner-cards.banner-land3third .text {
        padding: 0;
    }

        .banner-cards.banner-land3third .text .sub-text-owner {
            font-size: 38px;
            padding-top: 20px;
            line-height: 40px;
        }

    .banner-cards.banner-land3third .image {
        padding: 15px 14px 13px 13px;
    }

        .banner-cards.banner-land3third .image img {
            max-height: 300px;
        }

.banner-cards.banner-land3fourth {
    background-color: #fbffb9;
}

    .banner-cards.banner-land3fourth .banner-content.owner {
        height: 100%;
        max-height: none;
    }

        .banner-cards.banner-land3fourth .banner-content.owner .title-text-owner {
            font-size: 40px;
            font-family: 'SupersonicRocketship';
            font-weight: 100;
            text-shadow: 1px 2px white;
            text-align: center;
            margin: 30px;
            color: #000;
        }

    .banner-cards.banner-land3fourth .text {
        height: 100%;
    }


        .banner-cards.banner-land3fourth .text .sub-text-owner {
            font-size: 18px;
            font-family: 'Arial';
            line-height: 20px;
        }

        .banner-cards.banner-land3fourth .text .title-text-owner,
        .banner-cards.banner-land3fourth .text .sub-text-owner {
            color: black;
        }

            .banner-cards.banner-land3fourth .text .sub-text-owner .autor {
                color: black;
                font-style: oblique;
            }

    .banner-cards.banner-land3fourth .image {
        height: 100%;
        padding: 7px;
    }


    .banner-cards.banner-land3fourth .btn-main-landing-two button {
        font-size: 25px;
        padding: 20px;
        line-height: 45px;
        word-spacing: 15px;
    }

.banner-cards.banner-land3fifth {
    background-color: #d9d9d975;
}

    .banner-cards.banner-land3fifth .banner-content.owner {
        max-height: none;
        height: 100%;
    }

    .banner-cards.banner-land3fifth .image {
        height: 100%;
        padding: 7px;
        text-align: center;
    }

    .banner-cards.banner-land3fifth .image-secondary {
        height: 100%;
        padding: 7px;
    }

        .banner-cards.banner-land3fifth .image-secondary img {
            max-height: 198px;
            max-width: 190px;
            vertical-align: baseline;
        }

    .banner-cards.banner-land3fifth .text {
        height: 100%;
    }

        .banner-cards.banner-land3fifth .text .title-text-owner {
            font-size: 55px;
            padding: 17px;
            text-align: center;
        }

        .banner-cards.banner-land3fifth .text .sub-title-text-owner {
            font-size: 20px;
            padding: 17px;
            text-transform: inherit;
            font-family: 'fontsystem-dos';
            color: black;
        }

        .banner-cards.banner-land3fifth .text .sub-text-owner {
            font-size: 40px;
            padding: 8px;
            word-spacing: 12px;
            line-height: 36px;
        }

        .banner-cards.banner-land3fifth .text .title-text-owner,
        .banner-cards.banner-land3fifth .text .sub-text-owner {
            color: black;
            font-family: 'fontsystem-dos';
        }

    .banner-cards.banner-land3fifth .image .friky {
        margin: 18% 0 0 0;
    }

.banner-cards.banner-land3sixth {
    background-color: #b7fdff;
}

    .banner-cards.banner-land3sixth .banner-content.owner {
        max-height: none;
        height: 100%;
    }

        .banner-cards.banner-land3sixth .banner-content.owner .title-text-owner {
            font-size: 55px;
            padding: 17px;
            font-family: 'fontsystem-dos';
            text-align: center;
        }

    .banner-cards.banner-land3sixth .image {
        height: 100%;
        padding: 7px;
    }

    .banner-cards.banner-land3sixth .text .title-text-owner,
    .banner-cards.banner-land3sixth .text .sub-text-owner {
        color: black;
    }


.banner-cards.banner-land3seventh {
    background-color: #f2f2f2;
}

    .banner-cards.banner-land3seventh .banner-content.owner {
        max-height: none;
        height: 100%;
    }

    .banner-cards.banner-land3seventh .image {
        height: 270px;
        max-height: 230px;
    }

    .banner-cards.banner-land3seventh .text .sub-text-owner {
        font-family: 'Arial';
        font-size: 30px;
        line-height: 52px;
        color: #2737ff;
    }

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

    .banner-cards.banner-land2first .text .title-text-owner, .banner-cards.banner-land2first .text .sub-title-text-owner, .banner-cards.banner-land2first .text .sub-text-owner {
        font-size: 30px;
    }

    .banner-cards.banner-land2first .banner-content.owner .title-text-owner {
        font-size: 50px;
    }

    .banner-cards.banner-land2third .banner-content.owner .title-text-owner {
        font-size: 50px;
    }

    .banner-cards.banner-land2fifth .text .sub-text-owner {
        font-size: 28px;
        line-height: 26px;
    }


    .banner-cards.banner-land3first .text .title-text-owner, .banner-cards.banner-land3first .text .sub-title-text-owner, .banner-cards.banner-land3first .text .sub-text-owner {
        font-size: 30px;
    }

    .banner-cards.banner-land3first .banner-content.owner .title-text-owner {
        font-size: 50px;
    }


    .banner-cards.banner-land3third .banner-content.owner .title-text-owner {
        font-size: 50px;
    }

    .banner-cards.banner-land3fifth .text .sub-text-owner {
        font-size: 28px;
        line-height: 26px;
    }
}

.btn-main-landing button,
.btn-main-landing-two button {
    background-color: yellow;
    border: 3px black solid;
    word-wrap: break-word;
    color: black;
    font-weight: bolder;
    line-height: 20px;
    font-family: 'SupersonicRocketship';
    font-size: 30px;
    padding: 20px 20px 20px 20px;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}

.btn-main-landing-two button {
    white-space: inherit;
    font-size: 30px;
    line-height: unset;
    background: #48abe6;
    color: white;
    width: 100%;
}

    .btn-main-landing-two button:hover {
        background: white;
        color: black;
    }


.btn-main-landing-print button,
.btn-main-landing-print-two button {
    background-color: red;
    border: 3px black solid;
    word-wrap: break-word;
    color: white;
    font-weight: bolder;
    font-family: 'fontsystem-dos';
    font-size: 30px;
    text-align: center;
    width: 100%;
}

.btn-main-landing-print-two button {
    white-space: inherit;
    font-size: 30px;
    line-height: unset;
    background: #009cf8;
    color: white;
    width: 100%;
}

    .btn-main-landing-print-two button:hover {
        background: white;
        color: black;
    }

input.validation-error, select.validation-error, textarea.validation-error, span.validation-error, span.validation-error .k-dropdown-wrap .k-input {
    color: #e6176d !important;
}

.full-width-dropdown .large-2.medium-4.columns {
    /*background-color: gray;
    height: 100%;*/
}

.media-well {
    background-color: #e8e8e8;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 6px;
    border: 1px lightgrey solid;
}

    .media-well blockquote {
        border-left: 5px solid #cfcfcf;
        margin-left: 15px;
    }

        .media-well blockquote p {
            color: black;
            margin-bottom: 1px;
        }

        .media-well blockquote small {
            color: black;
        }


.padding-left-15 {
    padding-left: 15px;
}

.address-book-rcc {
    float: left;
    margin-right: -11%;
    width: 44px;
    padding: 0;
    margin-bottom: -9px;
    margin-top: -8px;
}

.modal-body .columns {
    padding: 0 !important;
    margin: 0;
}

    .modal-body .columns input.k-textbox,
    .modal-body .columns span.k-dropdown,
    .modal-body .columns span.k-numerictextbox {
        margin: 2px 0 2px 0 !important;
        padding: 0 !important;
    }

    .modal-body .columns .k-numerictextbox {
        padding-top: 0px;
        margin-top: 2px;
    }

.k-grid td.column-options-button-adjust {
    margin: 0 !important;
    padding: 0 !important;
}

.text-v-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.row {
    max-width: none;
    margin: 0px;
    margin-left: 0px !important;
}

.above-footer-text {
    color: #818080;
    font-size: 30px;
    padding: 10px;
}

#banner-code {
    background-image: url("/resources/RCC/img/topBanner_print_animated_01_empty.jpg");
    background-repeat: no-repeat;
    background-position-x: center;
    height: 100px;
}

    #banner-code span {
        font-size: 30px;
        font-family: SupersonicRocketship;
        /* font-family: KBREINDEERGAMES; */
        float: right;
        font-weight: bolder;
        text-transform: uppercase;
        color: black;
        padding-right: 0px;
        padding-top: 0;
        line-height: 35px;
        /*background-color: #feffd5;*/
        margin-top: 15px;
        margin-right: 6%;
        /*display: none;*/
    }


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

    #banner-code {
        background-size: 101% 100%;
        height: 74px;
    }

        #banner-code span {
            margin-right: 1%;
            font-size: 18px;
            margin-top: 12px;
            line-height: 27px;
        }
}

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

    #banner-code {
        background-size: 100% 100%;
        height: 45px;
    }

        #banner-code span {
            margin-right: 1%;
            font-size: 12px;
            margin-top: 8px;
            line-height: 16px;
        }
}

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

    #banner-code span {
        font-size: 10px;
    }
}

@media only screen and (min-width: 1024px) {

    #banner-code {
        background-size: 101% 100%;
    }

        #banner-code span {
            margin-right: 1%;
            font-size: 27px;
        }
}

@media only screen and (min-width: 1440px) {

    #banner-code {
        background-size: 91% 97%;
    }

        #banner-code span {
            margin-right: 6%;
            font-size: 30px;
        }
}

@media only screen and (min-width: 2560px) {

    #banner-code {
        background-size: 49% 100%;
    }

        #banner-code span {
            margin-right: 26%;
        }
}

.card-gallery > ul {
    max-width: none;
}

.searching-rcc .k-dropdown span {
    font-size: 13px;
}

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

    .banner-cards.layout {
        height: 300px;
    }

        .banner-cards.layout .banner-content .banner-text,
        .banner-cards.layout .banner-content .banner-card-animation {
            width: 100%;
            display: inline-block;
            position: absolute;
        }

        .banner-cards.layout .banner-content .banner-card-animation {
            margin-left: 5%;
            bottom: 40%;
        }

        .banner-cards.layout .banner-content .banner-text {
            text-align: center;
        }


        .banner-cards.layout .banner-card-animation .envelope-background {
            width: 20%;
        }

            .banner-cards.layout .banner-card-animation .envelope-background.first {
                left: 0%;
                margin-bottom: -195px;
            }

            .banner-cards.layout .banner-card-animation .envelope-background.second {
                left: 35%;
                margin-bottom: -170px;
            }

            .banner-cards.layout .banner-card-animation .envelope-background.third {
                left: 70%;
                margin-bottom: -195px;
            }
}

@media only screen and (min-width: 673px) and (max-width: 1024px) {

    .banner-cards.layout {
        height: 300px;
    }

        .banner-cards.layout .banner-content {
            margin-top: 60px;
        }

            .banner-cards.layout .banner-content .banner-card-animation {
                margin-left: 5%;
            }
}

@media only screen and (min-width: 1025px) {

    .banner-cards.layout .banner-content {
        height: 27vw;
    }
}

.category-sub-nav .main-sub-nav > li > a.logo {
    margin-top: 0px;
    position: absolute;
    left: 1.25rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

    .category-sub-nav .main-sub-nav > li > a.logo img {
        width: 50px;
    }

a.btn-facebook:not([href]):not([tabindex]) {
    color: white;
}

.div-card-sign-up {
    height: 260px;
    text-align: center;
    padding-top: 5px;
}

.btn.btn-send-card-account {
    width: 190px;
    font-weight: 700;
}

.btn.btn-add-favorite-card-account {
    width: 165px;
    font-size: 14px;
    color: white;
}

a.btn-add-favorite-card-account:not([href]):not([tabindex]) {
    color: white;
}


@media only screen and (min-width: 1025px) {
    .content-register-left-3 {
        padding-left: 50px;
        padding-right: 80px;
    }

    .content-register-right-3 {
        padding-right: 120px;
    }
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

@media only screen and (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media only screen and (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media only screen and (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media only screen and (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

.contentImgThumb {
    border-style: double;
}


.banner-social-media {
    min-height: 50px;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 10px;
    background-color: #45aeea;
    background-image: -moz-linear-gradient(top, #54b4eb, #2fa4e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#54b4eb), to(#2fa4e7));
    background-image: -webkit-linear-gradient(top, #54b4eb, #2fa4e7);
    background-image: -o-linear-gradient(top, #54b4eb, #2fa4e7);
    background-image: linear-gradient(to bottom, #54b4eb, #2fa4e7);
    background-repeat: repeat-x;
    border: 1px solid #1990d5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff54b4eb', endColorstr='#ff2fa4e7', GradientType=0);
    zoom: 1;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

    .banner-social-media div.buttons-container {
        margin-top: 10px;
    }


.btn-mini.btn-primary,
.btn-mini.btn-default {
    height: 20px;
    font-size: 12px;
    padding-top: 1px;
    line-height: 17px;
    font-family: Helvetica, Arial, sans-serif;
    border-radius: 3px;
    /*display: initial;*/
}

.btn-mini.btn-primary {
    background-color: #3daae9;
}

.btn-mini.btn-default {
    background-color: #ffffff;
    color: black;
    border: 1px solid;
}

.scratch-content {
    padding: 10px;
}

    .scratch-content .background-scratch {
        background-color: #f0f0f0;
        /*margin: 10px;*/
    }

    .scratch-content .title-scratch {
        padding: 10px 0px 5px 0px;
        min-height: 90px;
        width: 100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
    }

        .scratch-content .title-scratch h3 {
            height: 100%;
            width: 100%;
            font-size: 30px;
            color: #317eac;
            font-family: 'Roboto', sans-serif;
            text-transform: capitalize;
            font-weight: 550;
        }

    .scratch-content .image-content a {
        max-height: 250px;
        min-height: 250px;
    }

    .scratch-content .description-content {
        margin-top: 15px;
        margin-bottom: 25px;
    }

    .scratch-content .buttons-content {
        margin-bottom: 5px;
        margin-top: 5px;
        padding-bottom: 10px;
        height: 35px;
    }

        .scratch-content .buttons-content .twitter-share-button {
            margin-bottom: -6px;
        }


.carousel2 {
    position: relative;
    margin-bottom: 20px;
    line-height: 1;
    background-color: #f0f0f0;
}

.carousel2-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel2-inner > .item {
        position: relative;
        display: none;
        -webkit-transition: 0.6s ease-in-out left;
        -moz-transition: 0.6s ease-in-out left;
        -o-transition: 0.6s ease-in-out left;
        transition: 0.6s ease-in-out left;
    }

        .carousel2-inner > .item > img,
        .carousel2-inner > .item > a > img {
            display: block;
            line-height: 1;
        }

    .carousel2-inner > .active,
    .carousel2-inner > .next,
    .carousel2-inner > .prev {
        display: block;
    }

    .carousel2-inner > .active {
        left: 0;
    }

    .carousel2-inner > .next,
    .carousel2-inner > .prev {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .carousel2-inner > .next {
        left: 100%;
    }

    .carousel2-inner > .prev {
        left: -100%;
    }

        .carousel2-inner > .next.left,
        .carousel2-inner > .prev.right {
            left: 0;
        }

    .carousel2-inner > .active.left {
        left: -58%;
    }

    .carousel2-inner > .active.right {
        left: 100%;
    }

.carousel2-control {
    position: absolute;
    top: 40%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 17px;
    color: #ffffff;
    text-align: center;
    background: #222222;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    padding-left: 0px;
}

    .carousel2-control.right {
        right: 15px;
        left: auto;
        padding-left: 4px;
    }

    .carousel2-control:hover,
    .carousel2-control:focus {
        color: #ffffff;
        text-decoration: none;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

.carousel2-indicators {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 5;
    margin: 0;
    list-style: none;
}

    .carousel2-indicators li {
        display: block;
        float: left;
        width: 10px;
        height: 10px;
        margin-left: 5px;
        text-indent: -999px;
        background-color: #ccc;
        background-color: rgba(255, 255, 255, 0.25);
        border-radius: 5px;
    }

    .carousel2-indicators .active {
        background-color: #fff;
    }

.carousel2-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px;
    background: #333333;
    background: rgba(0, 0, 0, 0.75);
}

    .carousel2-caption h4,
    .carousel2-caption p {
        line-height: 20px;
        color: #ffffff;
    }

    .carousel2-caption h4 {
        margin: 0 0 5px;
    }

    .carousel2-caption p {
        margin-bottom: 0;
    }

body#index main.socialmedia {
    display: inline-block;
}

ul.sidebar-nav-social {
    background-color: #f0f0f0;
    margin-left: 0;
}

    ul.sidebar-nav-social li {
        padding: 5px 0px 0px 20px;
        font-size: 16px;
        list-style: none;
    }

        ul.sidebar-nav-social li a {
            color: #2fa4e7;
        }

        ul.sidebar-nav-social li.nav-header {
            color: #8b8b8b;
        }

.social-media-cards-title {
    color: cadetblue;
}

.social-newsletter .input-group.apend .input-group-addon {
    height: 39px;
    line-height: 15px;
}

.social-newsletter h2 {
    text-transform: capitalize;
}

.div-stars {
    padding-top: 10px;
}

.greeting-title {
    padding-bottom: 20px;
}
/*COmentado k-item-list*/
/*.k-item .k-list-item-custom {
    height: 100%;
}

    .k-item .k-list-item-custom p {
        font-size: 12px;
    }*/

.link-blank-cards a {
    font-size: 22px;
}

.k-grid-edit-row .btn-add-contact {
    /*display: none;*/
    color: green;
}

/*.k-header-column-menu .k-icon,
      .k-icon,
      .k-sprite {
        background-image: none;
        font-size: 1em;
        font-family: FontAwesome;
      }

      .k-header-column-menu .k-icon:before,
      .k-header-column-menu .k-sprite:before,
      .k-icon:before,
      .k-sprite:before {       
        display: inline-block;
        padding-top: 0.5em;
        color: #2e2e2e;
      }

      .k-i-arrow-e:before {
        content: "\f061";
      }
      .k-header-column-menu .k-i-arrowhead-s:before{
        content: "\f063";
      }

      .k-filter:before {
        content: "\e129";
      }

      .k-i-columns:before {
        content: "\f0db";
      }

      .k-i-sort-asc:before {
        content: "\f0dd";
      }

      .k-i-sort-desc:before {
        content: "\f0de";
      }*/

.k-filter:before {
    content: "\e13e";
}

/*===============================  NEW  LAYOUT =================================================================*/


.main-header.new {
    /*background-image: linear-gradient(to bottom, #54b4eb, #2fa4e7) !important;*/
    padding-top: 0px;
    padding-left: 24px;
    padding-bottom: 0px;
    background: rgba(255,232,161,0.6509803921568628);
    /*#ffe8a1a6;*/
    background-color: rgba(255,232,161,0.6509803921568628);
    /*#ffe8a1a6;*/
}

@media (max-width: 673px ) {
    .main-header.new {
        /*background-image: linear-gradient(to bottom, #54b4eb, #2fa4e7) !important;*/
        padding-top: 0px;
        padding-left: 24px;
        padding-bottom: 0px;
        background: #fff;
        background-color: #fff;
    }

    #banner-home{
        display:none;
    }
}


.main-header .logo {
    height: 100%;
}

    .main-header .logo .hide-for-small {
        height: 100%;
    }

        .main-header .logo .hide-for-small span.navbar-text {
            font-family: 'fontsystem-dos';
            font-size: 30px;
            color: white;
            height: 100%;
        }

        .main-header .logo .hide-for-small img.navbar-brand-logo,
        .main-header .logo .hide-for-small span.navbar-text {
            padding-right: 10px;
        }

        .main-header .logo .hide-for-small img.navbar-brand-logo-sec {
            width: 200px;
        }

        .main-header .logo .hide-for-small img.navbar-brand-logo,
        .main-header .logo .hide-for-small span.navbar-brand-text,
        .main-header .logo .hide-for-small img.navbar-brand-logo-sec {
            max-height: 50px;
        }

.main-header.simple {
    height: 65px;
    padding-left: 10px;
    padding-right: 10px;
}

    .main-header.simple .logo .hide-for-small {
        padding-top: 3px;
    }

    .main-header.simple .logo span {
        font-size: 25px;
        text-decoration: none;
        color: white;
        line-height: 45px;
    }

        .main-header.simple .logo span:focus,
        .main-header.simple .logo span:active,
        .main-header.simple .logo span:hover {
            text-decoration: none;
        }


    .main-header.simple .main-nav {
        padding-top: 5px;
    }


.main-header.new .main-nav li a:not(.not-background) {
    font-family: Arial;
    font-size: 12px;
    line-height: 40px;
    height: 60px;
    background: url(/Resources/RCC/newindex/nav-bar.png) bottom center no-repeat;
    background-size: 1090px;
}

@-moz-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}
/*.main-header.new .main-nav li a:not(.not-background)::after {
        background: #fff;
        content: "";
        height: 155px;
        left: -75px;
        opacity: .2;
        position: absolute;
        top: -50px;
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg);
        transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
        width: 50px;
        z-index: -10;
    }*/

.main-header.new .main-nav li a:not(.not-background):hover {
    animation-name: parpadeo;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}


.main-header.new .main-nav li a.nav-print-cards {
    background-position: 0px;
    width: 220px;
}

.main-header.new .main-nav li a.nav-social-cards {
    background-position: 0px;
    width: 220px;
}

.main-header.new .main-nav li a.nav-animated-cards {
    background-position: -230px;
    width: 131px;
}

.main-header.new .main-nav li a.nav-help {
    background-position: -595px;
    width: 54px;
}

.main-header.new .main-nav li a.nav-login {
    background-position: -365px;
    width: 113px;
}

.main-header.new .main-nav li a.nav-sign-up {
    background-position: -480px;
    width: 114px;
}

.main-header.new .main-nav li a.nav-account {
    background-position: -895px;
    width: 113px;
}

.main-header.new .main-nav li a.nav-logout {
    background-position: -780px;
    width: 113px;
}

.main-header.new .main-nav li a.nav-admin {
    background-position: -1006px;
    width: 70px;
}

@media (min-width: 673px) and (max-width: 991.98px) {
    .main-header.new .main-nav li a:not(.not-background) {
        background-size: 714px;
      
    }


    .main-header.new .main-nav li a.nav-print-cards {
        background-position: 0px;
        width: 145px;
    }

    .main-header.new .main-nav li a.nav-animated-cards {
        background-position: -150px;
        width: 80px;
    }

    .main-header.new .main-nav li a.nav-help {
        background-position: -390px;
        width: 35px;
    }

    .main-header.new .main-nav li a.nav-social-cards {
        background-position: -1px;
        width: 174px;
    }

    .main-header.new .main-nav li a.nav-login {
        background-position: -240px;
        width: 73px;
    }

    .main-header.new .main-nav li a.nav-sign-up {
        background-position: -315px;
        width: 74px;
    }

    .main-header.new .main-nav li a.nav-account {
        background-position: -585px;
        width: 72px;
    }

    .main-header.new .main-nav li a.nav-logout {
        background-position: -510px;
        width: 75px;
    }

    .main-header.new .main-nav li a.nav-admin {
        background-position: -659px;
        width: 46px;
    }
}

/*

.main-header.new .main-nav li a.nav-print-cards {
    background-position: -1px;
    width: 174px;
}

.main-header.new .main-nav li a.nav-social-cards {
    background-position: -1px;
    width: 174px;
}

.main-header.new .main-nav li a.nav-animated-cards {
    background-position: -192px;
    width: 131px;
}

.main-header.new .main-nav li a.nav-help {
    background-position: -572px;
    width: 54px;
}

.main-header.new .main-nav li a.nav-login {
    background-position: -332px;
    width: 113px;
}

.main-header.new .main-nav li a.nav-sign-up {
    background-position: -452px;
    width: 114px;
}

.main-header.new .main-nav li a.nav-account {
    background-position: -886px;
    width: 113px;
}

.main-header.new .main-nav li a.nav-logout {
    background-position: -766px;
    width: 113px;
}

.main-header.new .main-nav li a.nav-admin {
    background-position: -1006px;
    width: 70px;
}

@media (min-width: 673px) and (max-width: 991.98px) {
    .main-header.new .main-nav li a:not(.not-background) {
        background-size: 714px;
    }


    .main-header.new .main-nav li a.nav-print-cards {
        background-position: -1px;
        width: 109px;
    }

    .main-header.new .main-nav li a.nav-animated-cards {
        background-position: -128px;
        width: 80px;
    }

    .main-header.new .main-nav li a.nav-help {
        background-position: -376px;
        width: 35px;
    }

    .main-header.new .main-nav li a.nav-social-cards {
        background-position: -1px;
        width: 174px;
    }

    .main-header.new .main-nav li a.nav-login {
        background-position: -219px;
        width: 73px;
    }

    .main-header.new .main-nav li a.nav-sign-up {
        background-position: -297px;
        width: 74px;
    }

    .main-header.new .main-nav li a.nav-account {
        background-position: -580px;
        width: 72px;
    }

    .main-header.new .main-nav li a.nav-logout {
        background-position: -501px;
        width: 75px;
    }

    .main-header.new .main-nav li a.nav-admin {
        background-position: -659px;
        width: 46px;
    }
}


*/


.main-header.new .main-nav li.last {
    background-color: #172a91;
    border-radius: 30px 30px 30px 30px;
    padding-left: 3px;
    padding-right: 0px;
}

.main-header.simple .main-nav.isLogged li a {
    font-size: 12px;
    padding-right: 4px;
}

.main-header .main-nav {
    margin: 0 0 0 0;
    line-height: 30px;
    padding-top: 14px;
    padding-left: 0px;
}

    .main-header .main-nav li {
        margin-left: 0px;
    }

        .main-header .main-nav li a {
            font-family: 'fontsystem-dos';
            font-size: 30px;
        }

            .main-header .main-nav li a.active, .main-nav li a:hover {
                color: #0d6092;
            }


/*.header-lists {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #434abf;
}

    .header-lists button {
        text-transform: uppercase;
        font-size: 20px;
        color: white;
        background-color: #434abf;
        border: 1px white solid;
        font-weight: 600;
        line-height: 4.375rem;
    }*/
.banner-cards.banner-print-start-here {
    padding: 0px;
}

    .banner-cards.banner-print-start-here .banner-content {
        background: url(/Resources/RCC/newindex/startHere2.png) bottom left no-repeat;
        max-width: 100%;
        align-items: center;
        background-color: white;
        height: 200px;
        background-size: auto 100%;
        border-bottom: 5px solid #a3aaf6;
    }

        .banner-cards.banner-print-start-here .banner-content div.image img {
            margin: 10px 10px 36px 220px;
        }

        .banner-cards.banner-print-start-here .banner-content div.buttons a {
            height: 140px;
            background-color: red;
            display: list-item;
            list-style: none;
            width: 100%;
        }

            .banner-cards.banner-print-start-here .banner-content div.buttons a.Birthday {
                background: url(/Resources/RCC/newindex/envelopes_birthday.png) no-repeat center;
                background-size: auto 100%;
            }

            .banner-cards.banner-print-start-here .banner-content div.buttons a.Holidays {
                background: url(/Resources/RCC/newindex/envelopes_holidays.png) no-repeat center;
                background-size: auto 100%;
            }

            .banner-cards.banner-print-start-here .banner-content div.buttons a.ThankYou {
                background: url(/Resources/RCC/newindex/envelopes_thankyou.png) no-repeat center;
                background-size: auto 100%;
            }

            .banner-cards.banner-print-start-here .banner-content div.buttons a.ThinkingOf {
                background: url(/Resources/RCC/newindex/envelopes_thinkYou.png) no-repeat center;
                background-size: auto 100%;
            }

.banner-cards.banner-print-proccess {
    background-color: #ffc750;
    color: #ffffff;
    height: 100%;
    width: 100%;
    padding: 0px;
}

    .banner-cards.banner-print-proccess .banner-content {
        background: url(/Resources/RCC/newindex/Image1.png) top center no-repeat;
        background-size: 100% contain;
        background-size: contain;
        margin: 0;
        padding: 0px;
        max-width: 100%;
        border: none;
        height: 600px;
        align-items: center;
    }

        .banner-cards.banner-print-proccess .banner-content div {
            text-align: center;
            position: absolute;
            width: 100%;
        }


.banner-cards.banner-print-choose-a-card {
    background-color: #ffc750;
    color: #ffffff;
    height: 100%;
    width: 100%;
    padding: 0px;
}

    .banner-cards.banner-print-choose-a-card .banner-content {
        background: url(/Resources/RCC/newindex/chooseACard.png) top center no-repeat;
        background-size: 100% contain;
        margin: 0;
        background-size: contain;
        padding: 0px;
        max-width: 100%;
        border: none;
        height: 170px;
        align-items: center;
    }

        .banner-cards.banner-print-choose-a-card .banner-content div {
            text-align: center;
            position: absolute;
            width: 100%;
        }

.banner-cards.banner-unlimited-send-cards {
    background-color: #ffc750;
    color: #ffffff;
    height: 100%;
    width: 100%;
    padding: 0px;
}

    .banner-cards.banner-unlimited-send-cards .banner-content {
        background: url(/Resources/RCC/newindex/kimmi_middle.png) bottom center no-repeat;
        background-size: auto;
        margin: 0;
        background-size: contain;
        padding: 0px;
        max-width: 100%;
        border: none;
        height: 337px;
        align-items: center;
    }

        .banner-cards.banner-unlimited-send-cards .banner-content div {
            text-align: center;
            position: absolute;
            width: 100%;
        }

        .banner-cards.banner-unlimited-send-cards .banner-content div {
            text-align: center;
            position: absolute;
            width: 100%;
        }

.banner-cards.banner-start-here {
    padding: 0px;
}

    .banner-cards.banner-start-here .banner-content {
        background: url(/Resources/RCC/newindex/startHere2.png) bottom left no-repeat;
        max-width: 100%;
        align-items: center;
        background-color: white;
        height: 200px;
        background-size: auto 100%;
        border-bottom: 5px solid #a3aaf6;
    }

        .banner-cards.banner-start-here .banner-content div.image img {
            margin: 10px 10px 36px 220px;
        }

        .banner-cards.banner-start-here .banner-content div.buttons a {
            height: 190px;
            background-color: red;
            display: list-item;
            list-style: none;
            width: 100%;
        }

            .banner-cards.banner-start-here .banner-content div.buttons a.Birthday {
                background: url(/Resources/RCC/newindex/categories_startarea_birthday.png) no-repeat center;
                background-size: auto 100%;
            }

            .banner-cards.banner-start-here .banner-content div.buttons a.Holidays {
                background: url(/Resources/RCC/newindex/categories_startarea_holidays.png) no-repeat center;
                background-size: auto 100%;
            }

            .banner-cards.banner-start-here .banner-content div.buttons a.ThankYou {
                background: url(/Resources/RCC/newindex/categories_startarea_thankyou.png) no-repeat center;
                background-size: auto 100%;
            }

            .banner-cards.banner-start-here .banner-content div.buttons a.ThinkingOf {
                background: url(/Resources/RCC/newindex/categories_startarea_thinkof.png) no-repeat center;
                background-size: auto 100%;
            }

.main-sub-nav-rcc {
    display: inline-block;
    list-style: none;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #434abf;
    width: 100%;
    text-align: center;
}

    .main-sub-nav-rcc > li {
        display: inline-block;
        margin: 0 14px;
        font-size: 1.25rem;
        text-align: center;
    }


        .main-sub-nav-rcc > li > a {
            /*font-family: 'fontsystem-dos';*/
            text-transform: uppercase;
            font-size: 25px;
            color: white;
            background-color: #434abf;
            border: 2px white solid;
            font-weight: 600;
            line-height: 4.375rem;
            padding: 10px 50px 10px 50px;
        }

        .main-sub-nav-rcc > li:hover > a {
            color: #00b7b5;
        }

        .main-sub-nav-rcc > li:hover .full-width-dropdown {
            display: block;
            padding-top: 20px;
            width: available;
            width: -moz-available;
            width: -webkit-fill-available;
        }

    .main-sub-nav-rcc .full-width-dropdown {
        z-index: 1600;
        background: #fff;
        display: none;
        left: 0;
        margin-right: 50px;
        position: absolute;
        text-align: left;
        margin-left: 50px;
        background-color: white;
        margin-top: 2px;
    }

    .main-sub-nav-rcc > li .full-width-dropdown a {
        color: black;
        font-size: 20px;
    }

    .main-sub-nav-rcc > li .full-width-dropdown div.item {
        height: 60px;
    }

        .main-sub-nav-rcc > li .full-width-dropdown div.item h4 {
            line-height: 18px;
        }


    .main-sub-nav-rcc > li .full-width-dropdown div.socialmedia {
        border-left: 1px solid gray;
        padding-left: 20px;
        padding-bottom: 20px;
    }

        .main-sub-nav-rcc > li .full-width-dropdown div.socialmedia a {
            font-size: 22px;
        }


@media (max-width: 1199.98px) {
    .main-sub-nav-rcc > li > a {
        padding: 10px 30px 10px 30px;
    }
}

@media (max-width: 1023.98px) {
    .main-sub-nav-rcc .full-width-dropdown {
        margin-right: 0px;
        margin-left: 0px;
    }
}

@media (max-width: 991.98px) {
    .main-sub-nav-rcc > li {
        margin: 0 10px;
    }

        .main-sub-nav-rcc > li > a {
            padding: 10px 10px 10px 10px;
            font-size: 23px;
        }


    .banner-cards.banner-start-here .banner-content {
        height: 200px;
        background-size: auto 100%;
        border-bottom: 5px solid #a3aaf6;
    }

        .banner-cards.banner-start-here .banner-content div.buttons a {
            height: 140px;
            width: 190px;
        }

    .banner-cards.banner-print-start-here .banner-content {
        height: 200px;
        background-size: auto 100%;
        border-bottom: 5px solid #a3aaf6;
    }

        .banner-cards.banner-print-start-here .banner-content div.buttons a {
            height: 140px;
            width: 190px;
        }
}

@media (max-width: 767.98px) {
    .main-sub-nav-rcc > li > a {
        padding: 10px 10px 10px 10px;
        font-size: 18px;
    }


    .banner-cards.banner-unlimited-send-cards .banner-content {
        margin: 0;
        padding: 10px 0px 0px 0px;
        align-items: baseline;
    }

    .banner-cards.banner-start-here .banner-content {
        height: 100px;
        background-size: auto 100%;
        border-bottom: 5px solid #a3aaf6;
    }

        .banner-cards.banner-start-here .banner-content div.buttons a {
            height: 90px;
            width: 90px;
        }

    .banner-cards.banner-print-proccess .banner-content {
        height: 150px;
    }

    .banner-cards.banner-print-choose-a-card .banner-content {
        height: 70px;
    }

    .banner-cards.banner-print-start-here .banner-content {
        height: 100px;
        background-size: auto 100%;
        border-bottom: 5px solid #a3aaf6;
    }

        .banner-cards.banner-print-start-here .banner-content div.buttons a {
            height: 70px;
            width: 122px;
        }
}


@media (max-width: 577.98px) {
    .card-video {
        width: 100%;
    }

    .main-sub-nav-rcc > li {
        margin: 0 3px;
    }

        .main-sub-nav-rcc > li > a {
            padding: 10px 10px 10px 10px;
            font-size: 13px;
        }

    .banner-cards.banner-start-here .banner-content {
        height: 100px;
        background-size: auto 100%;
        border-bottom: 5px solid #a3aaf6;
    }

        .banner-cards.banner-start-here .banner-content div.buttons a {
            height: 70px;
            width: 110px;
        }
    /*Anderson*/
    .banner-cards.banner-print-start-here .banner-content {
        height: 100px;
        background-size: auto 100%;
        border-bottom: 5px solid #a3aaf6;
    }

        .banner-cards.banner-print-start-here .banner-content div.buttons a {
            height: 40px;
            width: 110px;
        }
}

@media (max-width: 424.98px) {

    .main-sub-nav-rcc > li > a {
        padding: 5px 5px 5px 5px;
        font-size: 10px;
    }

    .banner-cards.banner-unlimited-send-cards .banner-content {
        margin: 0;
        padding: 10px 0px 0px 0px;
        height: 207px;
        align-items: baseline;
    }
}

.column.row, .columns.row {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.main-nav > li, .main-nav > li > .searching-control {
    display: flex;
}

.main-header.new .main-nav li.last.not-last {
    background-color: inherit;
}

    .main-header.new .main-nav li.last.not-last .searching-control {
        margin-top: 7px;
        margin-right: 5px;
    }

        .main-header.new .main-nav li.last.not-last .searching-control .filter-text {
            width: 180px;
        }

        .main-header.new .main-nav li.last.not-last .searching-control .filter-text,
        .main-header.new .main-nav li.last.not-last .searching-control .input-group-addon {
            height: 38px;
        }

@media (min-width: 992px) and (max-width: 1199.98px) {
    .main-header.new .main-nav li.last.not-last .searching-control .filter-text {
        width: 110px;
    }
}

@media (max-width: 991.98px) {

    .main-header.new .main-nav li.last.not-last .searching-control {
        margin-top: 14px;
    }

        .main-header.new .main-nav li.last.not-last .searching-control .filter-text {
            font-size: 11px;
            width: 80px;
            text-indent: 3px;
            padding: 0;
        }

        .main-header.new .main-nav li.last.not-last .searching-control .input-group-addon {
            padding-top: 5px;
            width: 26px;
            padding-left: 5px;
        }

        .main-header.new .main-nav li.last.not-last .searching-control .filter-text,
        .main-header.new .main-nav li.last.not-last .searching-control .input-group-addon {
            height: 28px;
        }
}

@media (max-width: 767.98px) {

    .main-header.new .main-nav li.last.not-last .searching-control {
        margin-top: 14px;
    }

        .main-header.new .main-nav li.last.not-last .searching-control .filter-text {
            font-size: 11px;
            width: 71px;
            text-indent: 0;
            padding: 0;
            border-radius: 4px 4px 4px 4px;
        }

        .main-header.new .main-nav li.last.not-last .searching-control .input-group-addon {
            display: none;
        }

        .main-header.new .main-nav li.last.not-last .searching-control .filter-text,
        .main-header.new .main-nav li.last.not-last .searching-control .input-group-addon {
            height: 25px;
        }
}

#preview-project {
    text-align: center;
}

    #preview-project .card-name,
    #preview-project .card-author,
    #preview-project .description,
    #preview-project .options,
    #preview-project .card-name,
    #preview-project .card-name,
    #preview-project label {
        font-size: 25px;
        line-height: 30px;
    }

        #preview-project .card-name,
        #preview-project .options .title {
            font-weight: 600;
            font-size: 28px;
        }

    #preview-project hr {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    #preview-project .options {
        text-align: justify;
    }

        #preview-project .options .title {
            text-align: center;
        }

.vertical #sub-thumbnail .btn-preview.blank {
    height: 200px;
}

.horizontal #sub-thumbnail .btn-preview.blank {
    height: 100px;
}

#table-membership div.bordered-membership {
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-color: #eaeaea;
}

    #table-membership div.bordered-membership.benefits {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        padding-top: 15px;
    }

    #table-membership div.bordered-membership.our-best-value-no {
        background-color: inherit;
        border-left-color: transparent;
        border-right-color: transparent;
    }

#table-membership div.bordered-membership {
    margin-top: 0px;
    margin-bottom: -1px;
    background-color: white;
    min-height: 50px;
}

#table-membership .our-best-value,
#table-membership .our-best-value-no {
    min-height: 55px;
}

#table-membership .our-best-value-no {
    border: none;
}

    #table-membership .our-best-value-no span {
        display: none;
    }

#table-membership div.bordered-membership.our-best-value {
    background-color: #85bdc6;
    text-align: center;
    font-size: 19px;
    border-color: #7b97a6;
    border-width: 2px;
    border-style: solid;
    padding: 10px 0px 10px 0px;
    color: white;
}

    #table-membership div.bordered-membership.our-best-value span {
        font-weight: bolder;
    }

#table-membership .title {
    text-align: center;
    font-size: 19px;
    padding-top: 10px;
}

#table-membership .free {
    text-align: center;
    color: #c4c4c4;
}

#table-membership .cost {
    text-align: center;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#table-membership .continue {
    text-align: center;
    font-size: 17px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px;
    cursor: pointer;
}

    #table-membership .continue span {
        border: 2px black solid;
        cursor: pointer;
        padding: 10px 10px 10px 10px;
    }

#table-membership .benefits {
    padding-left: 60px;
    cursor: pointer;
}

.membership-title-content.register {
    min-height: 290px;
}

    .membership-title-content.register .membership-title {
        padding-top: 20px;
    }

        .membership-title-content.register .membership-title h3 {
            white-space: pre-line;
            font-weight: bold;
        }

.membership-title-content {
    background-color: #49d1e8;
    min-height: 300px;
}

    .membership-title-content .membership-title {
        text-align: center;
        font-size: 30px;
        margin: 15px 0px 20px 0px;
        display: grid;
    }

        .membership-title-content .membership-title img {
            float: left;
            max-width: 170px;
            padding-left: 20px;
            padding-top: 20px;
            max-height: 150px;
        }

        .membership-title-content .membership-title span {
            margin-top: -40px;
            font-family: 'fontsystem-dos' !important;
            font-size: 50px;
        }
        .membership-title-content .membership-title span.cardwith {
            margin-top: -80px;
        }

.membership-table-content {
    margin-top: -150px;
}

#table-membership div.bordered-membership.description {
    white-space: pre-line;
    background-color: #f2dede;
    border: black solid;
    padding-top: 0px;
}

    #table-membership div.bordered-membership.description.notshow {
        white-space: normal;
        border: 0px black solid;
        padding: 1px;
        background-color: initial;
    }

        #table-membership div.bordered-membership.description.notshow p {
            display: none;
        }

    #table-membership div.bordered-membership.description p {
        padding-left: 15px;
    }

#table-membership .row .row {
    margin: 0 -15px !important;
}

.register-our-best-description {
    white-space: pre-line;
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
}

.register-our-best-image span {
    margin-top: -30px;
    display: inherit;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}