/*------------------------------------
- COLOR orange
------------------------------------*/
.alert-orange {
    color: #b77103;
    background-color: #ff100102;
    border-color: #fef8ee;
}

.alert-orange hr {
    border-top-color: #feeed5;
}

.alert-orange .alert-link {
    color: #855202;
}

.badge-orange {
    color: #212529;
    background-color: #FBB03B;
}

.badge-orange[href]:hover, .badge-orange[href]:focus {
    color: #212529;
    background-color: #f99b09;
}

.bg-orange {
    background-color: #FBB03B !important;
}

a.bg-orange:hover, a.bg-orange:focus,
button.bg-orange:hover,
button.bg-orange:focus {
    background-color: #f99b09 !important;
}

.border-orange {
    border-color: #FBB03B !important;
}

.btn-orange {
    color: #212529;
    background-color: #FBB03B;
    border-color: #FBB03B;
}

.btn-orange:hover {
    color: #212529;
    background-color: #faa118;
    border-color: #f99b09;
}

.btn-orange:focus, .btn-orange.focus {
    box-shadow: 0 0 0 0.2rem rgba(251, 176, 59, 0.5);
}

.btn-orange.disabled, .btn-orange:disabled {
    color: #212529;
    background-color: #FBB03B;
    border-color: #FBB03B;
}

.btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active, .show > .btn-orange.dropdown-toggle {
    color: #212529;
    background-color: #f99b09;
    border-color: #ee9304;
}

.btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus, .show > .btn-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(251, 176, 59, 0.5);
}

.btn-outline-orange {
    color: #FBB03B;
    background-color: transparent;
    border-color: #FBB03B;
}

.btn-outline-orange:hover {
    color: #212529;
    background-color: #FBB03B;
    border-color: #FBB03B;
}

.btn-outline-orange:focus, .btn-outline-orange.focus {
    box-shadow: 0 0 0 0.2rem rgba(251, 176, 59, 0.5);
}

.btn-outline-orange.disabled, .btn-outline-orange:disabled {
    color: #FBB03B;
    background-color: transparent;
}

.btn-outline-orange:not(:disabled):not(.disabled):active, .btn-outline-orange:not(:disabled):not(.disabled).active, .show > .btn-outline-orange.dropdown-toggle {
    color: #212529;
    background-color: #FBB03B;
    border-color: #FBB03B;
}

.btn-outline-orange:not(:disabled):not(.disabled):active:focus, .btn-outline-orange:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(251, 176, 59, 0.5);
}

.list-group-item-orange {
    color: #b77103;
    background-color: #fef8ee;
}

.list-group-item-orange.list-group-item-action:hover, .list-group-item-orange.list-group-item-action:focus {
    color: #b77103;
    background-color: #feeed5;
}

.list-group-item-orange.list-group-item-action.active {
    color: #212529;
    background-color: #b77103;
    border-color: #b77103;
}

.table-orange,
.table-orange > th,
.table-orange > td {
    background-color: #fef8ee;
}

.table-hover .table-orange:hover {
    background-color: #feeed5;
}

.table-hover .table-orange:hover > td,
.table-hover .table-orange:hover > th {
    background-color: #feeed5;
}

.text-orange {
    color: #FBB03B !important;
}

a.text-orange:hover, a.text-orange:focus {
    color: #f99b09 !important;
}


.textMenuMBMobile{
    padding-top: 30px !important;
}

a{
    color: inherit;
}

a:hover {
    color: inherit;
    text-decoration: none;
}

body{
    font-family: 'Filson Soft';
}



.containerHeader{
    background-color: #233977ab;
    
    position: fixed;
    z-index: 1000;
}

.containerHeaderMenuMobile{
    position: fixed;
    z-index: 900;
    padding-top:81px;
}

.logoHeader{
    margin-left: 30px;
    width: 130px;
    padding: 12px 0;
}

.principalMenu{
    display: flex;
    align-items: center;
    height: 100%;
}

.principalMenu>ul {
	display: inline-flex;
	list-style: none;
	margin: 0;
	width: 100%;
	justify-content: flex-end;
    padding-right: 15px;
}

.principalMenu>ul>li {
	padding: 0 23px;
	text-align: center;
}

.principalMenu>ul>li>a {
	color: #FFFFFF;
	font-size: 15px;
	text-decoration: none;
	text-transform: uppercase;
	
	transition: 0.3s;
}

.principalMenu>ul>li>a:hover {
	color: #F8AD3B;
}

.RRSSMenu{
    display: flex;
    align-items: center;
    height: 100%;
}

.RRSSMenu>ul {
	display: inline-flex;
	list-style: none;
	margin: 0;
	width: 100%;
	justify-content: flex-end;
    position: relative;
    z-index: 10;
}

.RRSSMenu>ul>li {
	padding: 0 31px;
	text-align: center;
}

.RRSSMenu>ul>li>a {
	color: #0A034F;
	font-size: 26px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	transition: 0.3s;
}

.RRSSMenu>ul>li>a:hover {
	color: #B593EC;
}

.mobileRow{
    display:none;
}

.desktopRow{
    display:flex;
    height: 100px;
}

.mobileCol{
    display:none;
}

.desktopCol{
    display:inherit;
}

.burguerButtonCol{
    font-size: 29px;
    display: flex;
    align-items: center;
    color:#0A034F;
    cursor: pointer;
}

.menuMobileRow{
    padding-bottom: 17px;
    background-color:#233977;
    
}

.textMenuMB{
    color: #FFFFFF;
    border-bottom: 2px solid white;
    font-size: 14px;
    text-transform: uppercase;
    padding: 14px 14px;
    font-weight: 400;    
}

.menuMobileRow > a{
    width: 90%;
    margin-left: 5%;
}
.colIconosHeaderMB{
    text-align: center;
}

.colIconosHeaderMB > a > img{
    width: 27px;
    margin-right: 10px;
    margin-top: 20px;
}
 
@media (max-width: 1199.98px) {
    .principalMenu>ul>li>a {
        font-size: 14px;
    }

    .principalMenu>ul>li {
        padding: 0 18px;
    }
}

@media (max-width: 991.98px) {
    .principalMenu>ul>li>a {
        font-size: 13px;
    }
    .principalMenu>ul>li {
        padding: 0 17px;
    }

    .RRSSMenu>ul>li>a {
        font-size: 24px;
    }
    .RRSSMenu>ul>li {
        padding: 0 14px;
    }
    .RRSSMenu>ul {
        justify-content: flex-end;
    }

}

@media (max-width: 767.98px) {
    .mobileRow{
        display: flex;
    }

    .desktopRow{
        display:none !important;
    }

    .mobileCol{
        display: inherit;
    }

    .desktopCol{
        display:none !important;
    }

    .logoHeader{
        width: 100px;
    }

    .logoHeaderCol{
        display:flex;
        justify-content: center;
    }


}
@media (max-width: 575.98px) {
    
}