body {
    font-family: 'Arial';
    background-color: #333333;
}

.navbar-default {
    background-color: #002F87;
    border-color: #C8D41F;
}

.navbar-default .navbar-brand {
    color: #ffffff;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #1ecf2d;
}

.navbar-default .navbar-text {
    color: #ffffff;
}

.navbar-default .navbar-nav>li>a {
    color: #ffffff;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #ebee40;
    /*cuando se pasa el mause en la lista*/
}

.navbar-default .navbar-nav>li>.dropdown-menu {
    background-color: #999999;
    /*color del cuadro de texto de la lista despegable*/
}

.navbar-default .navbar-nav>li>.dropdown-menu>li>a {
    color: #ffffff;
}

.navbar-default .navbar-nav>li>.dropdown-menu>li>a:hover,
.navbar-default .navbar-nav>li>.dropdown-menu>li>a:focus {
    color: #002F87;
    /* color del texto de cuando se da click en la lista*/
    background-color: #999999;
    /*color del enfoque en el cuadro de texto de la lista despegable*/
}

.navbar-default .navbar-nav>li>.dropdown-menu>li.divider {
    background-color: #999999;
    /* color de la rayita de la lista*/
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #ffffff;
    background-color: #002F87;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #FFF;
    background-color: #999999;
    /*cuando tiene el click en la lista*/
}

.navbar-default .navbar-toggle {
    border-color: #c84403;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #c84403;
    /*cuando se desglosa la lista*/
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #ffffff;
}

.navbar-default .navbar-link {
    color: #ffffff;
}

.navbar-default .navbar-link:hover {
    color: #050505;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #ffffff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #050505;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #050505;
        background-color: #c84403;
    }
}


/* Carousel Styles */

.carousel-control {
    color: brown;
}

.carousel-indicators .active {
    background-color: #ff5900;
    width: 20px;
    height: 20px;
    margin: 1px;
}

.carousel-inner img {
    width: 100%;
}

.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
    opacity: 1;
    filter: alpha(opacity=100);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
    margin-right: 25px;
}

.carousel-control.left span {
    margin-left: 0px;
    font-size: 60px;
}

.carousel-control.right span {
    font-size: 60px;
    /* margin-right: 50px;*/
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
    position: absolute;
    top: 45%;
    z-index: 5;
    display: inline-block;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    left: 0;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    right: 0;
}

.carousel-control.left span,
.carousel-control.right span {
    background-color: none;
}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
    opacity: .7;
    filter: alpha(opacity=70);
}


/* Carousel Header Styles */

.header-text {
    position: absolute;
    top: 35%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #000;
}

.header-text h2 {
    font-size: 30px;
}

.header-text h2 span {
    padding: 10px;
}

.header-text h3 span {
    padding: 15px;
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}

.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}


/*below banner text  */

.banner-bottom {
    padding: 3em 0 3em;
}

.bigpixi_head {
    font-size: 35px;
}

.bigpixi_head span {
    color: #212121;
}

.bigpixi_head {
    font-size: 36px;
    color: #c8d41f;
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: .8em;
    position: relative;
}

.bigpixi_head:before {
    width: 11%;
    bottom: 8%;
    left: 44.5%;
}

.bigpixi_head:after {
    width: 18%;
    right: 41%;
    bottom: 0%;
}

.bigpixi_head:before {
    position: absolute;
    background: #c8d41f;
    height: 2px;
    content: '';
}

p.bigpixipara {
    font-size: 14px;
    color: #777;
    width: 100%;
    margin: 0 auto;
    line-height: 25px;
    text-align: center;
}

.tbpadding {
    padding: px 10px;
}

.theadc {
    font-size: 36px;
    color: #545450;
    font-weight: 600;
    margin: 0 0 10px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
}

.tituloBat {
    font-size: 22px;
    margin: 0 0 10px;
    color: #1F3B71;
    font-weight: 600;
    text-align: center;
    position: relative;
}

.theadc2 {
    font-size: 30px;
    color: #616161;
    margin: 0 0 10px;
    font-weight: 400;
    text-align: center;
    position: relative;
}

.theadc2a {
    font-size: 24px;
    color: #797979;
    margin: 0 0 10px;
    font-weight: 400;
    text-align: center;
    position: relative;
}

.theadSub {
    font-size: 24px;
    color: #676767;
    margin: 0 0 10px;
    font-weight: bold;
    text-align: left;
    position: relative;
}

.divider-custom {
    margin: 1.25rem 0 1.5rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.divider-custom.divider-light .divider-custom-line {
    border-top: 2px solid #603913;
}

.divider-custom .divider-custom-line:first-child {
    margin-right: 1rem;
}

.divider-custom .divider-custom-line {
    width: 60%;
    max-width: 100%;
    height: .20rem;
    border-radius: 1rem;
}

.divider-custom .divider-custom-line:last-child {
    margin-left: 1rem;
}

.divider-custom-icon {
    width: 100%;
    text-align: center;
    color: #848586;
}