@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;600&family=Nunito:wght@200;600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald:300');
/* Colors 
azuloscuro  #022e48
azulmedio   #023b5d
azulclaro   #087e95
naranja     #f4881c
gris        #EBEBEB
text        #999
LILA FUERTE: #1b1122
LILA : #2c1b37
CREMA: #f5e4cb
HOOD
MARROM: #8a6242
LILLA3: #7d00aa
CREMA-ITEM-3D: 248,228,201
**new blue**
AZUL OSCURO #003366
AZUL CLARO #4997f6



*/
*:focus,*:hover{
    outline:none;
}

* a{
color: #ffffff;
cursor: pointer;
text-decoration: none;
}

* a:hover{
color: #f4881c !important;
}



body {
font-family: "Nunito Sans", sans-serif !important;
margin: 0;
font-size: 14px!important;
line-height: 16px!important;
}
* p{
margin-bottom: 0.2rem;
color: #003366;
}
h1 {
font-family: "Mulish", sans-serif;
font-size: 24px  !important;
	color: #003366;
}
h2 {
font-family: "Mulish", sans-serif;
font-size: 20px  !important;
color: #1b1122	
}
h3 {
font-family: "Mulish", sans-serif;
font-size: 18px !important;
display: inline-table;
padding: 20px 0px 10px 0;
}
h4 {
font-family: "Mulish", sans-serif;
font-size: 18px !important;
padding-left: 16px;
}

h5 {
font-family: "Mulish", sans-serif;	
font-size: 20px  !important;
font-weight: bold !important; 
line-height:24px!important;
color: #003366
}

h6{
font-family: "Mulish", sans-serif;
font-size: 24px  !important;
color:#8a6242;
}

hr{
margin: 5px !important;
background-color: #fff !important;	
}


.t1{
font-family: "Mulish", sans-serif;
font-size: 28px;
color:#fff;	
line-height: 28px;
}
.t2{
font-family: "Mulish", sans-serif;	
font-family: 22px;
color: #fff;	
line-height: 22px;

}



.text-lila1{
color: 	#2c1b37 !important;
}
@media (max-width:730px) {
.hidden-sm{
display: none;	
}
}
.breadcrumbs{
padding-top: 2rem;	
padding-bottom:0.5rem;
}
@media (max-width: 992px){
.breadcrumbs{
padding-top: 0.5rem;			
}	
}
/*************   CM-TOP ************************/	

.cm-top{
margin-top:90px;
}
@media (max-width:730px) {
.col-12 {
max-width: 730px;	
width: 100% !important;
}	
}
@media (max-width:777px) {
.cm-top{
margin-top:50px;
}	
}
@media (max-width:1399px) {
.cm-top{
max-width: 1400px;
min-width: 100% !important;	
}	
}
	
/********************   CAROUSEL  ************************/			

.carousel-control-prev-icon, .carousel-control-next-icon {
background-image: none;
}
.carousel-control-next-icon:after {
font-family: FontAwesome;
content: "\f105";
font-size: 55px;
color: #126682;
}
.carousel-control-prev-icon:after {
font-family: FontAwesome;
content: "\f104";
font-size: 55px;
color: #126682;
}

/*******************  TABLA ************************/	

#tabla {
margin: 0px 10px 0px 0;
text-align: left;
	color: #2c1b37;
}
#tabla div {
padding: 3px 0px;
}
#tabla div:nth-of-type(2n+1) {
text-align: right;
padding: 2px 10px 0px 0px;
font-weight:bold;
}

/*****************  TEXT  ***********************/


.more-info{
color: #f4881c;
font-size:20px;
padding-top: 14px;
padding-left: 10px;
}
.more-info:hover  {
transform: translate(5px, 0px);
animation-duration: 20s;
color: #6acbda;
}
.txt-price {
font-family: "Mulish", sans-serif;	
font-size: 24px;
}
.price-small-cart{
font-size: 18px !important;	
margin-bottom: 5px;
color: #f4881c;	
}
.multiples tr td{
color: #ccc;
font-size: 14px;
padding: 4px 0;
text-align: center;
}
.product-cart-small{
font-family: "Mulish", sans-serif;
color: #f4881c;
}

/*************   MODAL  ************************/	


.modal-body-extra{
flex: 0 1 auto !important;
	
}




/*************      BOTONES  ************************/	

.btn-round {

text-align: center;
display: inline-flex;
font-size: 0.8rem;
width: 22px;
height: 22px;
margin-right: 5px;
border: 1px solid  #2c1b37;
border-radius: 50%;
align-items: center;
justify-content: center;
}

.btn-link{
padding: 12px 10px !important;	
width: 100%;
border: 1px solid #EBEBEB;
display: block;
text-align: center;
color: #666 !important;	
}
a.btn-link{
text-decoration: none;
}
 
.btn-link:hover{
border: 1px solid #f4881c;	
}







.btn{
font-weight: 600 !important;	
font-family: "Mulish", sans-serif;	
font-size: 14px !important;
border-radius: 0 !important;
border: 0 !important;
display: block;
position: relative;
overflow: hidden;

}	
.btn-secondary{
background-color:#f4881c !important;	
padding: 12px 0px !important;	
width: 100%;	
}
.btn-secondary:hover{
box-shadow: inset 3px 3px 6px #993300;
}
.btn-tercero{
background: url(bg-menu-11.png);	
padding: 12px 0px !important;	
width: 100%;
color: #ffffff !important;	
}
.btn-tercero:hover{
box-shadow: inset 3px 3px 6px #000;
color: #ffffff !important;
}
.btn-submit {
color: #ffffff !important;
background: rgba(244,136,28,1);
background: linear-gradient(45deg, rgba(244,102,0,1) 0%, rgba(255,153,0,1) 60%) !important;
padding: 12px 50px !important;	
width: 100%;
max-width: 300px!important;	
}
.btn-submit:hover, .btn-submit:focus {
box-shadow: inset 3px 3px 6px #993300;
}


button {
	padding: 0px; 
	border-radius: 0px; 
	border: 0px currentColor; 
	border-image: none; 
	font-family: inherit; 
	font-size: inherit;
}

.btn-Button {
	border-radius: 0px; 
	transition:background-color 0.5s, border 0.5s, color 0.5s, opacity 0.5s; 
	text-align: center; 
	overflow: hidden; 
	display: inline-block; 
	position: relative; 
	z-index: 0;
}

.btn-Button_Icon {
	transition: transform 0.3s;
	left: 2px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
	z-index: 1;
	transform: translateX(-101%);
	justify-content: center;
	align-items: center;
	color: #fff;
}

.btn-Button_Icon svg {
	width:24px; 
	height:24px;
}
.btn-Button_Text {
	transition:transform 0.3s; 
	display: block;
}
:not([disabled]).btn-Button-primary:hover .btn-Button_Text {
	transform: translateX(200%);
}
:not([disabled]).btn-Button-primary:hover .btn-Button_Icon {
	transform: none;
}

/*****************  BACKGROUND  ***********box-shadow: inset 2px 2px 5px #d8d9de, inset -3px -3px 7px #fff;*********3px 3px 6px #f1f1f1, -6px -6px 12px #fff;***/


.bg-payment{
color: #999999;
}


.bg-1{
background:  url(bg-menu-1.png) top repeat;		
}
.bg-2{
background:  url(bg-menu-2.png) top repeat;		
}
.bg-3{
background:  url(bg-menu-3.png) top repeat;		
}

.bg-4{
background:  url(bg-menu-4.png) top repeat;	
}

.bg-5{
font-family: "Mulish", sans-serif;
font-size: 15px;
line-height: 17px;
color: #003366;
}


.bg-footer{
background:  url(bg-menu-11.png) top repeat;	
font-family: "Mulish", sans-serif;
font-size: 15px;
line-height: 17px;
color: rgba(255,255,255,.55)
}
.bg-footer a{
	color: #6acbda;
	text-decoration: none;
}

.title-1{
font-family: "Mulish", sans-serif;
font-size: 20px  !important;
color: #8a6242	!important;	
}



.bg-hood-b1{
background-color: #5e4028;	
}
.bg-marron{
background-color: #8a6242;
padding-top: 100px;
color: #f5e4cb !important;
}
.bg-marron-inside{
background: url(../images/hood/9.jpg) no-repeat center center;
text-align: center;
height: 580px;
}
.bg-marron-inside-inside{
height: 500px;	
}
.bg-marron-titulo{
background-color: #8a6242;
color: #f5e4cb !important;
}
.bg-marron-logo{
width: 400px;
height: auto;
margin: 0 auto; 
vertical-align: middle;
}

@media (max-width:730px) {
.bg-marron{
padding-top: 0px;	
}
.bg-marron-inside{	
height: 480px;	
}
}





.bg-lila3{
background-color: #7d00aa;
	color: #f5e4cb !important;
}




.card-left ~ div{
color: #999999;	
}
.card-right {
padding: 20px 5px;
}
.card-page {
padding: 0 10px;
}
@media (max-width:1200px) {
.card-right {
padding: 0;
margin: 0;
}
.card-page {
margin: 0;
}	
.container {
min-width: 100%;
}

	
	
}
@media (min-width:900px) {
	.container-sm{
		max-width: 800px !important;
	}		
}

/*************   NAV TAB ************************/	
	
.cm-nav .card-body .nav-tabs .nav-link{
background-color: #fff;
color: #495057;
font-family: "Mulish", sans-serif;
font-weight: 600;
border-top-left-radius: 0;
border-top-right-radius: 0;		
border-bottom: 0px #ccc solid;
outline: 0px solid white;	
}
@media (max-width:766px) {
.cm-nav .card-body .nav-tabs .nav-link{
padding: 10px 10px;
}	
}
.cm-nav .card-body .nav-tabs {
border-bottom: 1px;
}

.cm-nav .card-body .nav-tabs .nav-link.active{
border-color: #fff #fff #f4881c #fff;	
border-bottom-width:3px;
outline: 0px solid white;
color:  #f4881c;
}	
.cm-nav .card-body .nav-tabs .nav-link:hover {
color:  #f4881c;
border-color: #fff #fff #fff #fff;	
outline: 0px solid white;	
}
.cm-nav .card-body{
padding: 0 0 ;
min-height: 360px;
}	
.card{
border-radius: 0 !important;
box-shadow: 2px 2px 10px -5px rgb(0 0 0 / 75%);	
}



/*************   ALL RADIO ************************/	

.accradio{
border: 1px solid #EBEBEB;
cursor:pointer;
color: #666666;
}	
.accradio:Hover{
border: 1px solid #F99300;  
}	
.acc input[type="radio"]{
display: none;
}	
.acc input[type="radio"]:checked  ~ * {
border-color: #F99300 ;
color: #F99300 ;
}	
input[type="radio"] {
display: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 1px solid white;
}
input[type="radio"]:checked{
border:1px solid #f90;
}

/*************   ALL SELECT  ************************/	


@media (max-width:1082px) and (min-width:992px) {
.form-floating > label{
padding-left: 0px !important;
padding-right: 0px !important;
}
}
@media (max-width:874px) and (min-width:768px) {
.form-floating > label{
padding-left: 0px !important;
padding-right: 0px !important;
}	
}
.select label, .form-floating label {
font-family: "Mulish", sans-serif;
font-size: 16px;	
}
.select select, .select input {
color:  #2c1b37;
font-size: 16px;	
}
.form-select, .form-control{
border-radius: 0 !important;
font-family: "Mulish", sans-serif;
font-size: 16px;	
}

.form-floating>.form-select {
padding-bottom: .325rem !important;
}

.form-floating>label {
color: 	 #2c1b37;
}

.form-select{

color: 	 #2c1b37;	
}
/******************* MYCART ************************ box-shadow: inset 2px 2px 5px #f1f1f1, inset -3px -3px 10px #fff; **/	


.modal {	
padding-right: 0 !important;
}
@media (min-width:576px) {
	.modal-dialog {
	width: 500px !important;
	margin: 0 !important;
	float: right;
	height: 100% !important;
	min-height: 100% !important;
	position: fixed;
	right: 0;
	top: 0;
	border-radius: 0 !important;
	background-color: white;
}}
.modal-content {
height: 100%;
border: 0px !important;
border-radius: 0 !important;
background-color: white;	
}
.modal-header, .modal-footer, .modal-body{
border: 0px !important;
background-color: white !important;	
border-radius: 0 !important;	
}	
.modal-footer{
height: 150px;
background-color: white !important;	
}
/******************* TABLE CART ************************/	


.table-cart tr td{
font-family: "Mulish", sans-serif;	
}
.table-cart th{
color: #999999;
font-weight: 600;	
font-family: "Mulish", sans-serif;	
}
.delete, #clear_cart{
color: #f4881c !important;
}
.table-striped tbody tr:nth-of-type(odd) {
}


/*****************  FOOTER  ***********************/








/*****************  MSCROLL ANIMACION  ***********************/


#scroll-x{
overflow-x: auto; 
white-space: nowrap; 
flex-wrap: nowrap !important;
}
#scroll-x a{
font-family: "Mulish", sans-serif;

color: #fff;
text-align: center;
padding: 0.8rem 0.6rem;
}
#scroll-x a:last-child{
}
#scroll-x a:hover{	
color: #f4881c;	
}


/*****************  MENU  ***********************/


.top-menu{
z-index:2 !important;	
box-shadow: 3px 3px 12px #111;
}
.sub-menu{
z-index:1 !important;
margin-top:56px !important;
border-bottom: 4px solid #f5e4cb;
padding-bottom: 0 !important;
}

@media (max-width:776px){
.top-menu .nav-link {
display: block;
padding: .5rem 0rem;
}}





.navbar-brand{
font-family: "Oswald",sans-serif;
}
#navbarsblue * a{
font-family: "Mulish", sans-serif;	
font-weight: 600;
text-align: center;
}
#navbarsblue * a:hover{
color: #f4881c;	
}

.cart a{
font-family: "Oswald",sans-serif;
color:#ffffff;
text-decoration: none;
font-size: 18px;
}
.cart a:hover{
color: #f4881c;
}
.cart i{
color:#f4881c;	
}

.card-footer {
	background-color: #fff !important;
}


.badge {
background-color: white;
font-size: 18px !important;
color:#1b1122 !important;
width: 24px;
height: 24px;
padding: 2px 2px !important;
}
@media (max-width:991px){
body{
padding-top: 20px;	
}
}
@media (max-width:776px){
body{
padding-top:80px;	
}
}