body {
    font-family: open sans,sans-serif;
    color: #4e4e4e;
    line-height: 22px;
    background-color: black;
}

/*address locales*/
.container-address {
    max-width: 1200px;
    margin: 20px auto;
    padding: 10px;
    /* background: white; */
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.address-map-pair {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.address {
    width: 30%;
    padding: 10px;
    text-align: center;
    background: #efc422;
    border-right: 7px solid #000000;
}
.map {
    width: 70%;
    height: 300px;
}
.map iframe {
    width: 100%;
    height: 100%;
}
/*fin address locales*/


/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

#content-desktop {display: block;}
#content-mobile {display: none;}

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

#content-desktop {display: none;}
#content-mobile {display: block;}

}

.navbar {
    padding: 15px;
    margin-bottom: 0;
}

.navbar-inverse .navbar-nav > li > a {
    border-radius: 3px;
    color: #fff;
}

    .navbar-inverse .navbar-nav > li > a:hover {
        background-color: #efc422;
        color: #000;
    }

.nav.navbar-nav.navbar-right .dropdown-menu {
    background-color: black;
    color: white;
}


    .nav.navbar-nav.navbar-right .dropdown-menu > li > a {
        color: white;
    }


        .nav.navbar-nav.navbar-right .dropdown-menu > li > a:focus, .nav.navbar-nav.navbar-right .dropdown-menu > li > a:hover {
            background-color: #efc422;
            color: #000;
        }





.navbar-brand.img-ve {
    background-image: url('Img/Logo_Cordialito_LA.png');
    background-repeat: no-repeat;
    background-size: 100% 99%;
    font-size: 0;
    width: 200px;
}


.navbar-brand.img-pe {
    background-image: url('Img/Logo_Cordialito_LA.png');
    background-repeat: no-repeat;
    background-size: 100% 99%;
    font-size: 0;
    width: 200px;
}

.navbar-brand.img-int {
    background-image: url('Img/Logo_Cordialito_LA.png');
    background-repeat: no-repeat;
    background-size: 100% 99%;
    font-size: 0;
    width: 200px;
}

#bottom {
    background: #000;
    border-bottom: 5px solid #efc422;
    font-size: 14px;
    padding-top: 25px;
    padding-bottom: 5px;
}

    #bottom .widget {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        color: white;
    }

        #bottom .widget ul {
            list-style: none;
            padding: 0;
        }

            #bottom .widget ul:first-child {
                margin-left: 68px;
            }

        #bottom .widget h7 {
            font-size: 22px;
            color: #efc422;
            font-weight: 400;
        }

        #bottom .widget a {
            color: gray;
        }



.partners ul {
    list-style: none;
    margin: 0;
    padding: 0
}

    .partners ul li {
        display: inline-block;
        float: left;
        width: 16%;
    }

footer {
    padding: 30px 15px;
}

    footer, footer a {
        color: white;
    }

        footer .pull-right {
            list-style: none;
        }


#partner {
    background: url('Img/Partner_ve/partner_bg.jpg') 50% 50% no-repeat;
    background-size: cover;
    padding: 15px;
}

    #partner.rkpe {
        background: url('Img/Partner_pe/partner_bg_peru.jpg')50% 50% no-repeat;
        background-size: cover;
        padding: 15px;
    }

    #partner ul {
        display: flex;
        justify-content: space-around;
    }

.buttonshadow {
    background-color: #efc422;
    color: #000;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 0;
    color: #6b4801;
    cursor: pointer;
    display: inline-block;
    font-family: Arial;
    font-size: 20px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
    margin: 0 10px;
}

    .buttonshadow[href="#login"] {
        color: black;
    }

@-webkit-keyframes glowing {
    40% {
        background-color: #8e5d07;
        -webkit-box-shadow: 0 0 3px #8e5d07
    }

    70% {
        background-color: #ecdb96;
        -webkit-box-shadow: 0 0 10px #ecdb96
    }

    50% {
        background-color: #886512;
        -webkit-box-shadow: 0 0 3px #886512
    }
}

@-moz-keyframes glowing {
    40% {
        background-color: #8e5d07;
        -moz-box-shadow: 0 0 3px #8e5d07
    }

    70% {
        background-color: #ecdb96;
        -moz-box-shadow: 0 0 10px #ecdb96
    }

    50% {
        background-color: #886512;
        -moz-box-shadow: 0 0 3px #886512
    }
}

@-o-keyframes glowing {
    40% {
        background-color: #8e5d07;
        box-shadow: 0 0 3px #8e5d07
    }

    70% {
        background-color: #ecdb96;
        box-shadow: 0 0 10px #ecdb96
    }

    50% {
        background-color: #886512;
        box-shadow: 0 0 3px #886512
    }
}

@keyframes glowing {
    40% {
        background-color: #8e5d07;
        box-shadow: 0 0 3px #8e5d07
    }

    70% {
        background-color: #ecdb96;
        box-shadow: 0 0 10px #ecdb96
    }

    50% {
        background-color: #886512;
        box-shadow: 0 0 3px #886512
    }
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: auto;
        left: 0;
    }
}

#tdc {
    padding: 15px;
}

.rk_btnYellow a {
    background-color: #efc422;
    color: black;
}

.nav-tabs > li > a {
    background: #333333;
}

    .nav-tabs > li > a:hover {
        background: #333333;
        color: #B59824;
    }

ul.nav-justified > li > a {
    color: #B59824;
    border: none !important;
}

ul.nav-stacked > li > a,
ul.nav-stacked > li > a:active,
ul.nav-stacked > li > a:focus,
ul.nav-stacked > li > a:hover {
    background-color: #333333 !important;
    color: white;
    /*border: none;*/
    margin-right: 0px;
}

ul.nav-stacked {
    background-color: #333333 !important;
    border-bottom: 1px;
    /*margin-left: 7px;*/
}

#ulnav > li.active > a,
#ulnav > li.active > a:active,
#ulnav > li.active > a:focus,
#ulnav > li.active > a:hover,
#ulnav > li > a:hover,
#ulnav > li > a:active,
#ulnav > li > a:focus {
    background-color: black;
    border: none;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:active,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: black;
    color: #B59824;
}

#container > div > ul.nav {
    border-bottom: 6px solid #B59824;
}

div.tab-pane > div.panel.panel-default > div,
.panel {
    background-color: black;
    color: white;
    margin-bottom: 0px !important;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body,
.panel-default {
    border: none !important;
    background: black;
    color: white;
}

div.panel-group > div > div.panel-heading {
    background-color: #333333;
    /*color:white !important;*/
}

.panel-title > a {
    color: white;
}

.table-hover > tbody > tr:hover {
    background-color: #e7d780;
}

.richText-toolbar ul {
    padding: 0
}


/*************************
********* Contact Us CSS ******
**************************/

.gmap-area {
    background-image: url('Img/map.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
}

    .gmap-area .gmap iframe {
        border-radius: 50%;
        height: 500px;
        width: 500px;
    }

.gmap {
    border: 10px solid #f6f5f0;
    border-radius: 50%;
    height: 500px;
    width: 500px;
    box-shadow: 0px 0px 3px 3px #e7e4dc;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.gmap-area .map-content ul {
    list-style: none;
}

.gmap-area .map-content address h5 {
    font-weight: 700;
}

#contact-page {
    padding-top: 0;
}

    #contact-page .contact-form .form-group label {
        color: #adadad;
        font-size: 16px;
        font-weight: 300;
    }

.form-group .form-control {
    padding: 7px 12px;
    border-color: #f2f2f2;
    box-shadow: none;
}

textarea#message {
    resize: none;
    padding: 10px;
}

#contact-page .contact-wrap {
    margin-top: 20px;
}

.center h2 {
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 20px;
    color: white;
    text-align: center;
}

.lead {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #adadad;
    text-align: center;
}

#bottom .row {
    margin: 0 !important;
}


#CheckIndex {
    margin-top: 100px;
}

    #CheckIndex .well {
        background-color: rgb(120, 112, 97);
        color: #f0eb9d;
    }

    #CheckIndex label {
        font-size: 20px;
        margin-bottom: 30px;
    }


    #CheckIndex input {
        margin-top: 20px;
    }

        #CheckIndex input.form-control {
            background-color: goldenrod;
            background-image: none;
            border: 1px solid darkgoldenrod;
            color: black;
            font-weight: bold;
        }

#helpvideo {
    background: #101010;
    font-size: 14px;
    padding-top: 30px;
    padding-bottom: 50px;
}

    #helpvideo hdepret {
        color: #fdfdfd;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 15px;
        font-weight: normal;
        font-style: normal;
        text-align: justify;
    }

#portfolio {
    padding-top: 20px;
}

.pricing-page {
    background: black;
}

    .pricing-page .center {
        background-color: rgba(105, 105, 105, 0.2784313725490196);
        padding: 50px 0;
    }

    .pricing-page h4 {
        color: white;
    }

    .pricing-page .btn.btn-primary.btn-large {
        background: #7a5929;
        border-radius: 0;
        border: none;
    }

#feature h7 {
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 22px;
    color: #efc422;
    font-weight: 400;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

#deposito .lead, #retiro .lead {
    padding: 0 10px;
}

    #deposito .lead:hover, #retiro .lead:hover {
        color: white;
    }

    #deposito .lead + h5.text-center, #retiro .lead + h5.text-center {
        color: white;
    }

#Rk_BtnScrollTop {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: goldenrod; /* Set a background color */
    box-shadow: black 2px 2px 2px;
    color: black; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    border-radius: 100%;
    padding: 10px 5px;
    /*padding: 4% 2.3%;*/
    font-weight: bold;
    animation-name: color_change;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes color_change {
    from {
        background-color: #efc422;
        color: dimgray;
    }

    to {
        background-color: darkgoldenrod;
    }
}



.row.form_image h1 {
    color: goldenrod;
}

.row.form_image .well, .rk_stgestionar .well {
    background-color: rgba(255, 255, 255, 0.2196078431372);
    color: white;
}

.btn.btn-primary.btn-file.btn-block {
    margin-top: 20px;
}

.row.form_image .btn.btn-primary, .row.form_image .btn.btn-default.btn-file {
    background-color: goldenrod;
    border: none;
    color: black;
}

.row.form_image #fieldUploaImg {
    text-align: center;
    margin: auto;
    display: block;
}

    .row.form_image #fieldUploaImg strong {
        animation-name: Rk_fadeAlert;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }

@keyframes Rk_fadeAlert {
    from {
        opacity: 0.5;
        color: goldenrod;
    }

    to {
        opacity: 1;
        color: darkgoldenrod;
    }
}


.rk_stgestionar .table-hover > tbody > tr:hover {
    background-color: #e7d780;
    color: black;
}

.rk_stgestionar .well > h1, .rk_linkGestionar {
    color: goldenrod
}

.rk_back.btn.btn-primary.btn-block {
    margin-top: 10px;
}

h4 b a {
    color: white;
}

#contact-page .btn.btn-primary.btn-block {
    background-color: #efc422;
    border-color: #efc422;
    color: black;
}

#contact-page label {
    font-weight: 400;
    color: #adadad;
}


.container.rk_gallery .well {
    background-color: rgba(128, 128, 128, 0.28);
    border: none;
    padding-bottom: 200px;
}

    .container.rk_gallery .well h1 {
        color: goldenrod;
        text-align: center;
    }


        .container.rk_gallery .well h1 + label {
            display: block;
            text-align: center;
        }


.container.rk_gallery .rk_panel {
    width: 300px;
    height: 300px;
    display: inline-block;
    margin-bottom: 100px !important;
    margin-left: 20px;
    margin-right: 20px;
    vertical-align: top;
}

    .container.rk_gallery .rk_panel .panel-footer {
        background-color: white;
        color: black;
        max-height: 200px;
        overflow-y: scroll;
    }

address span {
    cursor: pointer;
}

    address span:hover {
        background-color: goldenrod;
    }


.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: 1px solid #000;
}

div[id^="ReglasNivel_"].tab-pane.fade .well {
    background-color: #333333;
    border:  1px solid black;
    color:white;
}
.modal-content{
    background-color:#1c1c1c;
}


.close {
    color:white;
    text-shadow: 0 1px 0 white;
    opacity: 1;
}


.alert.alert-success.rk_alert_contact {
    position: fixed;
    top: 20%;
    left: 40%;
    /* right: 0; */
    /* bottom: 0; */
    z-index: 100;
    color: #262827;
    background-color: goldenrod;
    border-color: #f2af09;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}
@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: none
    }
}

.bounceInDown {
    animation-name: bounceInDown
}


ul.list_rk {
    display: flex;
    list-style: none;
    flex-direction: row;
    flex-flow: row wrap;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
}
    ul.list_rk li {
        padding: 5px;
        margin-top: 10px;
        line-height: 150px;
        text-align: center;
    }

    ul.list_rk p {
        overflow-wrap: break-word;
    }

@media only screen 
    and (min-width: 900px) {
        ul.list_rk li {
            width: 20%;
        }
}
@media only screen and (max-width: 900px) {
    ul.list_rk li {
        width: 100%;
    }
}

.thumbnail {
    background-color: #6a6767;
    border: 1px solid #6a6767;
    color: white;
}
    .thumbnail .caption {
        color: unset;
        height:100px;
        overflow: auto;
    }
    .thumbnail .caption .title{
        color: #fec431;
    }


.promociones-title{
    text-align:center;
    color:gold;
}


table.dataTable tbody tr {
    background-color: transparent !important;
}
.rk_stgestionar .table-hover > tbody > tr:hover {
    background-color: #e7d780;
    color: gold;
}

#rk_slide_admin_length select, #rk_slide_admin_length select option, #rk_slide_admin_filter input {
    color: black;
}


.nav > li > a:focus, .nav > li > a:hover {
    background-color: gold;
    color:black;
}

table label{
    color:white;
}
#btn-country{
    background-color:goldenrod;
    color:black;
    border-color:goldenrod;
    border-radius:0;
    font-size:20px;
    font-weight:bold;

}
.img-responsive.rk-register {
    cursor: pointer
}

#helpvideo {
    background: #101010;
    font-size: 14px;
    padding-top: 0;
    padding-bottom: 50px
}

h2 {
    font-size: 20px;
    color: #fff;
}

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

    .d-flex.list-flex .list-item-flex h5{
        font-size:18px;

    }

#recordar_contrasena .panel-footer, #recordar_contrasena .panel-default > .panel-heading {
    background-color: #000000;
    border-top: 1px solid #cea119;
    border-color: #cea119;
}

#recordar_contrasena .panel-default > .panel-heading {
    color: white;
}
.g-recaptcha{
    margin:0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.g-recaptcha-response {
    width: 250px;
    height: 40px;
    border: 1px solid rgb(193, 193, 193);
    margin: 10px 25px;
    padding: 0px;
    resize: none;
    display: none;
}
#banner-registrate + hr{
    border-color: goldenrod;
}
.footer-text {
    font-size: 12px;
}