/* Var style */
:root {

    /*colors*/
    --dark:#444;
    --blue: #1e90ff;
    --white: #ffffff;
    --light:whitesmoke;
    --second:rgb(47, 3, 65);
    --goldy:gold;
    --purpli:#8E388E;
   --alert:#0c5460;
      /*font*/
     --mainfont:'Segoe UI';

  }


  /* Var style */

*{
box-sizing:border-box;
padding:0px;
margin:0px;
}

body{
font-family: var(--mainfont);
margin:0px;
padding:0px;
margin-top:5px;
font-size:16px;
text-align: justify;
background:whitesmoke;

}
        
img{
display:block;
width:100%;
max-width:100%;
object-fit:cover;
}

.container{
margin:auto;
width:100%;

/** Added in new CSS file *****/
margin-top:30px;

/** Added in new CSS file *****/

/*background:rgb(255, 208, 0);*/
}


/*******estilos generales********/


.container-flex{

    
    display:flex;
    flex-wrap: wrap; 
    width:100%;
    justify-content: space-around; /* cuando cambio aca los elementos en grande toman mas espacio entre ellos, pero en pequeño se ve ok*/
    align-items: center;  
      
}

/*******estilos generales********/

/*contact forms administration*/

.title-cartcheckout{

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:rgb(47, 3, 65);
    font-weight:400;
    padding-left:8px;
    display:inline-block;
}

.sub-cartcheckout{
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     color:rgb(47, 3, 65);
     font-weight:300;
     padding-left:50px;
}


.customer-form{

width:90%;
margin-bottom:20px;
    
}

.form{
margin:auto;
width:300px;
/*height:200px;*/
/*background: rgb(121, 118, 118);*/
border-radius: 20px;
text-align:center;
border:4px solid #87b200;
margin-top:5px; 
margin-bottom:5px;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}
.form-headline{
padding:5px;
display:block;  
margin:auto;
}

input{ /*cambio ancho de los input box */
width:70%;
padding:5px;
}

input:focus {
background-color: white;
/*border: 2px solid rgb(47, 3, 65);*/ /* Si lo coloco el borde negor aparece en los input de cada form*/
}

input[type=submit] {
width: 50%;
background-color: #87b200;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}

input[type=submit]:hover {
background-color: rgb(47, 3, 65);
transition:1s;
}

.alert-form{
font-weight:700;
}

/*contact forms from client in cartkunashow DOWN*/


.client-group-data{
background: rgb(255, 255, 255);
border:1px solid rgba(128, 128, 128, 0.5);
width:90%;
padding:0%;
margin:auto;
border-radius:4px;
text-align:center;
box-shadow: 5px 5px 15px 4px rgba(94, 94, 95, 0.3);
margin-top:0px;
margin-bottom:50px;
}

.client-group-data>h1{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.data-client{    
margin:auto;
/*background:rgb(236, 228, 228);*/
border-radius:4px;
padding:5px 0px;
box-shadow: 0 5px 15px 4px rgba(94, 94, 95, 0.3);
}

.label-st{
display:block;
text-align:center;
font-weight:700;
padding:10px;
color:var(--second);
cursor:pointer;
}

.content-input-field{
display:block;
text-align:center;
}


.form-group-input{
position:relative;
}


.form-Data {
text-align:center;
border:none;/*1px solid #88b2005d;*/
border:1px solid rgba(68, 68, 68, 0.3);
/*border-radius: 2em;
margin:5px 0px;*/
background:#f5f5f5;
/*padding:5px;*/
height:40px;
line-height:40px;
}

.form-Data::placeholder {
color:gray;
font-size:12px;   
}

.form-Data:focus{
outline:none;
border:2.5px solid #1ED12E;
/*background-color: #88b200;
* transition:1s;*/   
}

.form-valid-status{
position:absolute;
top:10px;
opacity:0;    
}


.form-input-error{
font-size:12px;
margin-bottom:0;
display:none;
}

.form-input-error-active{ 
display:block;  
}

.form-message{
height:40px;
width:100%;
text-align: center;
background-color:#F66060;
display:none;
}





.form-message-active{

    display:block; 
}

/*Estilos validacion*/

.content-input-field-correct .form-valid-status{
color:#1ED12E;
opacity:1;
}


.content-input-field-incorrect .label-st{
color:#BB2929;
opacity:1;
}

.content-input-field-incorrect .form-valid-status{
color:#BB2929;
opacity:1;
}

.content-input-field-incorrect .form-Data{
border:2.5px solid #BB2929;
opacity:1;
}


/*Estilos validacion*/
.province-list,.client_City{
width:40%;
margin:auto;
font-size:16px;
display:block;
text-align-last:center;
border:none;
border-radius: 2em;
color:#88b200;
box-shadow: 0 5px 15px 4px rgba(94, 94, 95, 0.3);
height:30px;
}

.province-list:focus{
outline:red;
}

textarea{
resize:none;
}

.text-area-clientdata{
border:none;
border:#88b200 1px solid;
width:60%;
border-radius:4px;
text-align:center;
}

.text-area-clientdata::placeholder{
font-family:'Arial Narrow Bold', sans-serif;
padding-top:8%;
}

.alert_forms {
text-align:center;
margin:auto;    
}

.alert_forms ul li{
background-color:#fff3cd;
border: #ffeeba 1px solid;
width:100%;
color:#856404;
}



/* Alter text  General Style*/
/* DOWN NO SE DE QUE ES*/
.alert_text{
color:var(--dark);
padding:30px 0px;
font-size:25px;
font-weight:300;
/*border: #ffeeba 1px solid;*/
background-color:#f5f5f5;
text-align:center;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* UP NO SE DE QUE ES*/


/* Alter text  General Style in category.php DOWN*/
.changeinfo_action{
color:#0c5460;
background-color:#d1ecf1;
border: #bee5eb 1px solid;
font-weight: 600;
font-size:18px;
text-align: center;
}

.addeditem{
text-align:center;
}

/* Added just to new php section */
.newcolortextproducts{
    background-color:rgba(0, 0, 0, 0.461);
   /*background-color:steelblue;  */
padding:5px 0;
}

.newcolortextproducts:hover{
background-color: #1ed12dc7;
transition: ease-in 1s;

}

.newcolortextproducts a{

color:white;

}



/* Added just to new php section */


.cart_items_alert{
text-decoration:none;
color:rgb(47, 3, 65);
}

/* Alter text  General Style in category.php UP*/

/* -----ALERT Messages Bootstrap DOWN -------*/

/*success
color:#155724
background-color:#d4edda
border-color:#c3e6cb

/*info
color:#0c5460
background-color:#d1ecf1
border-color:#bee5eb

Warning
color:#856404
background-color:#fff3cd
border-color:#ffeeba*/

.warning_alert{

color:#721c24;
background-color:#f8d7da;
border-color:#f5c6cb;
text-align:center;
font-weight:900;
}


/*Secondary
color:#383d41
background-color:#e2e3e5
border-color:#d6d8db

/*Dark
color:#1b1e21
background-color:#d6d8d9
border-color:#c6c8ca

/* -----ALERT Messages Bootstrap UP -------*/

/*cpanel.php*/

.cpanel-form{
    margin:auto;
    width:400px;
  /*  height:200px;*/
    background:rgb(172, 169, 169);
    border-radius: 20px;
    text-align:center;
    border:2px solid #87b200;
    margin-top:5px; 
    margin-bottom:5px;

}

.cpanel-form a{

    text-decoration:none;
    display:block;
    padding:4px;
    font-size:18px;
    color:white;
  
      
    
}

.cpanel-form a:hover{

    color: rgb(47, 3, 65);
    transition:1s ease-out;
    font-weight:500;
    
}

.cpanel-form p{

  
    padding:4px;
    position:block;
    width:100%; 
    
    
    
}


/*a:visited {
    color: #87b200;
    
  }*/



 /**** Alerta en paginas confirmacion***/ 

.alert-change{

    display:inline-block;
    padding:5px;
    background: rgb(47, 3, 65);
    color:white;
    margin-top:20px;
    border-radius:5px;
}

.new-alert-text{

font-size:20px;
margin:20px 0px;

}


 
 /**** Alerta en paginas confirmacion***/ 


/*estilo de imagenes para los productos que se incluyen*/

.img-art{

padding:5px;

}


/*estilo de imagenes para los productos que se incluyen*/




/*Productos delete*/

.productsdelete {

    margin:auto;
    margin-bottom:10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;


}

.productsdelete th{

    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    background-color: var(--white);
    color: var(--second);

}

.productsdelete td{

    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    background-color: rgba(236, 228, 228, 0.507);
    color: black;

}

.productsdelete tr{

    font-size: 14px;

}


/*Productos delete*/



/* ACA EMPIEZA EL ORDEN    *//* ACA EMPIEZA EL ORDEN    *//* ACA EMPIEZA EL ORDEN    *//* ACA EMPIEZA EL ORDEN    */
/* ACA EMPIEZA EL ORDEN    *//* ACA EMPIEZA EL ORDEN    *//* ACA EMPIEZA EL ORDEN    *//* ACA EMPIEZA EL ORDEN    */

/*---------------------info ini DIV name : main-upperhead-----------------------------------------------*/
.infoini{
  /*  background:#87b200;
    background:rgb(163, 160, 160);*/
    background-color:#EEEEEE;
    height:55px;
    color:white;
    padding: 0px 0px;
    text-align:center;
}

.column--33{
display:block;
width:33%;
}

.top-text{
/*Esta podria quitarla*/
margin-left:-10%;
display:none;
}


.infoini a{
    color:var(--second);
    text-decoration:none;    
}

.social-icon{
display:flex;
/*justify-content: space-between;*/
justify-content: space-around;
}

.social-icon [class*="icon-"]{

    /*color:rgb(255, 255, 0);
    color:var(--white);*/
    color:var(--second);
    font-size: 1.8em;
    display:flex;
    width:50px;
    height:50px;
    justify-content: center;
    align-items: center;
   /* border:solid 1px #87b200;*/
    margin-right:12px; /*separa el icono del carrito del conjunto de tres iconos sociales*/
   
}

.circle{
    margin-top:-20px;
    width:25px;
    height:25px;
    border-radius:50%;
  display:flex;
  justify-content: center;
  align-items: center;
  /*  background-color:#4B0082;*/
  background-color:var(--goldy);
    font-size:14px;
    
}

.free-ship{
    color:VAR(--second);
    margin:auto;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size:16px;
    /*font-style: italic;*/
    letter-spacing:2px;
    font-weight:900;
}

/*Carkuna Show Icon bag*/

.icon-bag{

    font-size:28px;
    color:var(--second);
    
}
/*Carkuna Show Icon bag*/

/*------------------estilos header--------------------------------------*/
/*header DOWN*/

.header-title{
    height:80px;
    /*background-image: url(/img/Logo-Kuna-Yute.jpg);*/
    background:var(--white);
    width:100%;
    color:var(--second);
    position:relative;   
    font-size:30px;
    z-index:1000;
    padding:0px 0px;
    box-shadow:1px 2px 5px  #666;
    
}
/*#logo{
    width:40%;
    }*/

/*
.logo{
height:100%;
width:50%;
overflow:hidden;  
height:100px;
width:400px;
background: url("../img/Logo-Kuna-Yute.jpg");
background-attachment: fixed;
background-repeat:no-repeat;
margin:0;
} 
.logo img{
    object-fit: cover;
}*/



/* This block will give style to the image and name of the store*/
.header-title a{
color:var(--second);
text-decoration: none;
font-family:var(--mainfont);
}
/* This block will give style to the image and name of the store*/

.main-nav{
position:absolute;
/*left:-100px;*/
top:84px;
left:-100%;
width:100%;
/*background-color:rgba(236, 26, 26, 0.76);*/

}

/*header UP*/

/*menu item en header DOWN*/

.menu-item{

    list-style-type: none;
    text-indent:35px;    
    font-family:var(--mainfont);
    font-size:16px;
    
   
}


.linksnav{
    display:block;
    padding:10px 0px;
    width:100%;
    margin:auto;
    text-decoration:none;
   /* background:rgba(94, 94, 95, 0.8);*/
    background-color:var(--white);
    transition:all 1s ease-out;
}

.linksnav:hover{
color:var(--goldy);
text-decoration:underline;

}


.mostrar{
    left:0;  

}

.icon-menu{

/*font-size:1.3em;
border:solid 1.2px white;
display:flex;
width:40px;
height:40px;
justify-content: center;
align-items: center;
border-radius:4px;*/

display:block;
width:40px;
height:40px;
font-size:30px;
background: #FBA919;
color:white;
text-align:center;
line-height:50px;
border-radius:5px;
margin-top:10px;
margin-right:5px;
cursor:pointer;



}

#close-mobmenu{
    text-indent:35px;
}

/*.menu-info{
    height:50px;
    background-color:#EEEEEE;
}*/

/*menu item en header UP*/



/*-------------------main banner in Index.php-------------------------------------*/

.bannershow{

position:relative;

}
.banner{
/*position:relative;*/
margin-top:6px;
/*padding:3px;*/
border: 1px solid #d6d6d6;
height:400px;
width:100%;
background:yellow;
overflow:hidden;
}

.banner>img{

height:400px;


}
.infobanner{
position:absolute;
/*width:100%;
height:50px;
color:black;*/
background-color:gold;
/*width:100%;*/
text-align: center;
padding:15px;
right:10px;
bottom:10px;
text-decoration:none;
border-radius: 5%;


}

.banner-links{
    cursor:pointer;
    z-index:10;
    text-decoration:none;
}

.banner-links:visited{
    color:var(--second);
}



/*.infobanner p {

font-size:14px;
}*/

    
/*--------------------estilos home------------------------------------*/

.home{

    background:var(--white);
    padding:10px;
    text-align:center;
    color:var(--dark);
   /* margin:6px 0px 6px 0px;*/
    font-size:17px;
    padding:30px;

}

.home>div{

    padding:20px;

}



/*--------------------estilos contenido vedette------------------------------------*/



.vedette-box{

/*background:rgb(47, 3, 65);*/
/*background:#4f517d93;*/


/*color:white;
width:100%;
margin:auto;*/
}


.column33{
    
width:100%;
background-color:yellow;
height:300px;
 
 
}

.img-body{

    height:300px;
    object-fit:cover;
  


}
.vedette-text{

text-align:center;
/*background-color:#D8BFD8;
color:#8E388E;*/
color:var(--second);
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height:30px;

/*border:	#D3BECF solid 2px;*/

}
.vedette-link{

    border:none;
    border-radius:4px;
    padding:5px;
    background:#D8BFD8;
    font-weight:600;
    margin:20px 0px;
    display:inline-block;
    color:var(--purpli);
    text-decoration:none;
    transition:all 1s linear;
   
}

.vedette-link:hover{

    background:rgb(216, 213, 213);
    border:solid #8E388E 1px;

}
.corto-texto-vedette{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
display:block;
/*text-decoration:underline;*/
font-size:28px;
padding:20px;

}
.long-text-vedette{
    margin:10px;
}



/*.vedette-wrap{
    margin:center;
    height:100%;
    padding:0px 40px;
}

.vedette-menu{

background-color:#D8BFD8;
width:100%;
padding:6px 0px;
color:#8E388E;

} los quite porque en html estan comentados 10 09 2021*/


/*--------------------estilos contenido SECUNDARIO DOWN------------------------------------*/

.detalle-info-box{
color:var(--second);
padding:10px;
text-align:justify;
}
.detalle-box{
 margin-top:10px;
 text-align:left;
 line-height:26px;
 color:var(--dark);
 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }
 
.detalle-box div{   
text-align:justify; 
}


.subtitle-nivel3{
margin-top:20px;
font-size:30px;
color:#8E388E;
}

.important-text{

color:var(--dark);
font-size:16px;
margin-top:20px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;   

}   



/*--------------------estilos contenido SECUNDARIO UP------------------------------------*/

/*--------------------estilos contenido TERCIARIO DOWN------------------------------------*/

.thirdcontent-main{

padding:10px;
width:100%;
/*background-color:#87b200;*/
background-color: rgb(209, 206, 206);

}

.text-moreproducts{

text-align:center;
margin: 20px 0px;
color:rgb(47, 3, 65);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.text-title-deco{

display:inline-block;
border-bottom:4px rgb(47, 3, 65) solid;
padding-bottom:10px;
margin-bottom:20px;

}
.inner-text-main{

width:90%;
margin:auto;
line-height:25px;

}

.deco-text{

border:gray solid 0.5px;  
padding:12px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


.third-content{   
align-items: flex-start;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/*--------------------estilos contenido TERCIARIO UP------------------------------------*/

/*--------------------estilos contenido TRENDING ITEMS DOWN------------------------------------*/
.imageteam{

width:60%;
border-radius:50%;
padding:8px 25px;
margin:auto;
}

.column100--33{

width:100%;

}

/*--------------------estilos contenido TRENDING ITEMS UP------------------------------------*/


/*--------------------estilos contenido COMMENTS CUSTOMERS DOWN------------------------------------*/


.clientes-text-main-comments{
text-align:center;
color:#87b200;
padding-top:15px;

}

.clientes-text{

text-align:center;
padding:10px 0px;

}


.clientes-comments{

display:flex;
align-items:center;
line-height:1.7em;
background:#87b200;
width:70%;
margin:auto;
height:250px;
padding:5px 5px;
margin-top:5px;
border-radius:6px;
color:rgb(47, 3, 65);

}

.comments{
display:block;
font-size:140px;
width:100%;
font-family: Arial;

}

/*--------------------estilos contenido COMMENTS CUSTOMERS UP------------------------------------*/


/*--------------------estilos contenido TEXT SEO DOWN------------------------------------*/

.text-seo{

color:rgb(47, 3, 65);
padding:10px;
text-align:justify;
line-height:26px;

    
}
/*--------------------estilos contenido TEXT SEO UP------------------------------------*/


/*--------------------Footer page DOWN------------------------------------*/
footer{
background-color:rgb(33,33,33);
/*color:var(--goldy);*/
color:white;
margin-top:50px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size:14px;
/*text-align:left;*/
}

.footer-content{   
align-items: flex-start;
/*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
}

.text-footer{
padding:10px;
}

.text-footer a{
text-decoration:none;
color:white;
}

.text-footer:visited{
color:white;
}

.fotter-title-style{
display:block;
font-size:22px;
text-decoration:underline;
margin-bottom:5px;
font-size:16px;
}


.link-menu-footer{
text-decoration:none;
color:white;
text-align: left;
}
    
.menu-item-footer{
list-style:none;
padding:5px;
display:inline; /*poner menu de footer en flex*/
}

.menu-item-footer a{
text-decoration:white;
}

.menu-item-footer a:visited{
color:white;
}

.menu-item-footer a:hover{
color:var(--goldy);     
}


/*.icon-map:before{*/
/* le doy espacio al icono de email de abajo*/
/*padding:5px;
}*/

.footer-footer{
padding:15px;
text-align:center;
line-height:25px;
}

/*--------------------Footer page UP------------------------------------*/


/*--------------------main content category page DOWN------------------------------------*/
.title-dinamic-category{
font-size:35px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
display:block;
width:100%;
font-weight:600;
background-color:white;
text-align:center;
color:var(--second);
/*text-shadow: 1px 1px 1px var(--alert);*/
}

.productosgeneral{
/* #ee3625
 #87b200*/
 background:white;
 padding:10px 10px;
 margin:1px;
 border-radius:5px;
 margin-bottom:10px;
 border:solid 1px rgba(128, 128, 128, 0.4);  

}

.productosgeneral a{
color:black;
/*color:rgb(47, 3, 65);
font-weight:900;*/
text-decoration:none;
font-family: var(--mainfont);
}

.productosgeneral p{
text-align:center;
}

.lineup{
align-items:stretch;
}

.lineup--100{
width:100%;
}

.name-pr{
font-size:17px;
padding:10px 0px;
color:rgb(47, 3, 65);
}

/*.imagenfront{
    width:100%;  
     
}*/

.mainline-pr{
padding:12px;
}
.price-pr{
padding-top:10px;
color:var(--second);
}


/**** Selection sizes style ****/

.custom-select{
text-align:center;
margin:auto;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.size-list{   
border-radius: 5px;
margin:auto;
background-color:rgb(47, 3, 65);
color:white;
/* font-weight:900;*/
border:rgb(47, 3, 65) 2px solid;   
}
/**** Selection sizes style ****/



/*--------------------main content category page UP------------------------------------*/


/*-----------------------SKU por producto --------------------*/
.Tabpanel{
display:none;
margin:auto;
}

.detalleproducto{
background-color:#ffffff;
padding:10px;
width:100%;
justify-content: space-around;
/*border: 2px solid #88b20042;*/
}

.column--25{
width:24%;
}

.cabecerasku{
padding:15px;
background-color: #ffffff;
/*color:#87b200;*/
color:var(--second);
text-align:justify;
width:100%;
}

/*.cabecerasku a{
text-decoration:none;
color:#595c59;;
}*/

/*** Description product DOWN in SKU PAGE****/

.generalfeatures{  
background-color: white;
color:#595c59;
text-align:justify;
width:100%;
border:solid 2px white;
/* box-shadow: 5px 5px 15px 4px rgba(94, 94, 95, 0.3);*/
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.generalfeatures .title-description{
padding:10px;
}
.generalfeatures .text-description{
padding:10px;        
}
.generalfeatures .text-additional{
padding:10px;        
}   

/*** Description product UP in SKU PAGE****/

/*Add to cart button styles en category page*/ 

.ButtoCart {
display:block;
background-color:rgba(128, 128, 128, 0.507);
color:var(--dark);
/* border:1px solid var(--white);*/
cursor:pointer;
font-weight:600;
width:90%;
padding:4px 2px;
margin-left:50%;
transform:translatex(-50%);
margin-top:30px;
height:50px;
border:none;   
}

.ButtoCart:hover {
background-color:var(--second);
transition: 0.5s linear;
color:white;
border:gold solid 2px;
border-radius:4px;
}

.ButtoCart:active {
background-color:gold;
/* transition: 0.5s linear;*/  
color:white;    
}

/****show images slide rgb(3,8,53)***/
/****show images slide***/
/***Links admin ***/
/***Links admin ***/
/****Final message purchases***/










/*
.order-summary-checkout{
box-shadow: 5px 5px 15px 4px rgba(94, 94, 95, 0.3);
background-color:white;
width:100%;
margin:auto;
margin-top:30px;  
padding-bottom:50px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
/* border:3px green solid;    
*/

/*Page Cartkuna SHOW DOWN*/

#cartSummary{
width:100%;
}

/*ESTILOS TABLA RESUMEN PRODUCTOS DOWN*/
.productosresumen{
text-align:center;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    
}

.productosresumen .ButtoCart{
background:transparent;
font-size:23px;
/*color: #155724;*/
color:#0c5460;
}

.productosresumen th,td{
border-bottom:solid rgba(128, 128, 128, 0.507) 1px;
padding:6px;
}

.order-summary{
/* background-color:#d1ecf1;
color:#0c5460;*/
box-shadow: 5px 5px 15px 4px rgba(94, 94, 95, 0.3);
background-color:#f5f5f5;    
/* color:#d1ecf1;*/
text-align:center;
align-content: center;
width:100%;
margin:auto;
}
 
.title-order-summary{
box-shadow: 5px 5px 15px 4px rgba(94, 94, 95, 0.3);
background-color:#f5f5f5;
/*background-color:#0c5460;
color:#d1ecf1;*/
text-align:center;
padding:5px;
/* border:red 2px solid;*/
}

.title-order-summary h1{ 
background-color:transparent;
color:black;  
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.order-summary h1{
/*background-color:#f5f5f5;*/
/*background-color:#0c5460;*/
/*color:#d1ecf1;*/
/*text-align:center;*/
}

.order-summary hr{ 

}

.order-summary .order-details{
padding:10px;
}

.order-summary .order-details span{
 font-weight: 900;
}

.Payment-methods-info{
padding:10px;
background:var(--alert);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color:white;
}

/*ESTILOS TABLA RESUMEN PRODUCTOS UP*/



/*Page Cartkuna SHOW UP*/



.complete-process{
/*background-color:#e3e4de;*/
margin-top:50px;
background-color:white;
width:100%;
height:100%;
text-align:center;
padding:5%;
border:solid 1px rgb(223, 215, 215);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.success{    
font-size: 25px;
color:var(--second);
/*color:#87b200;*/
}


.pay-coplet{
    padding-bottom:2%;
    color:gray;
}

.text-sub{
    padding:5%;
}

.text-sub a{

    text-decoration: none;
    color:var(--second);
    font-size: 18px;
    /*font-weight: 600;*/
    
}

.text-sub a:visited{

    color:var(--second);
    
}
.info-cli{

    padding:0px;
    /*background-color:#88b20071;*/
    background-color:white;
    box-shadow: 5px 5px 15px 4px rgba(94, 94, 95, 0.3);
    color:rgb(83, 81, 81);
}

.main-data-client-delivery{
    background-color:rgb(228, 220, 220);
    box-shadow: 5px 5px 15px 4px rgba(94, 94, 95, 0.3);
    padding:10px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size:18px;
    font-weight:400;

}

.title-store-customer-confirmation-details{

    padding:5px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    
}

.customer-confirmation-details{
    
margin:center;
padding:40px 0px;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif

}

.footer-customer-service{

    padding:0px 25px;


}












.productos-detail-checkout{

    border:1px solid rgba(68, 68, 68, 0.3);
    box-shadow: 5px 5px 15px 4px rgba(94, 94, 95, 0.3);
background-color:white;
/*background-color:#d1ecf1;*/
width:100%;
margin:center;
text-align:center;

}





.productosresumen-detail img{

    text-align:center;

}


/*success
color:#155724
background-color:#d4edda
border-color:#c3e6cb

/*info
color:#0c5460
background-color:#d1ecf1
border-color:#bee5eb

Warning
color:#856404
background-color:#fff3cd
border-color:#ffeeba*/


/*ESTILOS TABLA RESUMEN PRODUCTOS*/



/*payment button*/ 

.pago{

    text-align:center;
    /*padding-top:2%;*/
    
}


/*payment button*/ 


/*DATOS EN FORM DE PAGO*/

.summary-data{

color:#767676;
font-weight:700;
border:#cecbcb solid 2px;
padding:5px;
width:100%;
margin:auto;
}

/*DATOS EN FORM DE PAGO*/

.regular-button {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#7a7a7a;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:white;
	font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size:15px;
	/*font-weight:bold;*/
	padding:6px 24px;
	text-decoration:none;
	/*text-shadow:0px 1px 0px #ffffff;*/
}
.regular-button:hover {
	
    background-color:gold;
    color:black;
    transition:background-color 1s;
   
}
.regular-button :active {
	position:relative;
	top:1px;
}



/*STRIPE BUTTON DOWN*/

#checkout-button {
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Segoe UI;
	font-size:22px;
	padding:13px 52px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
#checkout-button:hover {
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	background-color:#0061a7;
}
#checkout-button:active {
	position:relative;
	top:1px;
}



/*STRIPE BUTTON UP*/




.orders-shipping{
 
    margin-top:20px;
   
}



/*-------------------main banner as of 1300 px -------------------------------------*/


@media (min-width:1300px){

.icon-menu{
display:none;
}

#close-mobmenu{
display:none;
}

.header-title{

    justify-content: space-around;
    width:100%;

}

.menu{

    font-size:20px;
    display:flex;
    justify-content:space-between;
}

.main-nav{
    
    position:static;
    /*background-color:red;*/
    

    
    /*background-color:rgba(236, 26, 26, 0.76);*/
    
    }

.menu-item{

padding-right:10px;

}

.linksnav{
    display:inline;
    padding:10px 0px;
       
    background:transparent;
}

.column--50{
width:40%;

}

.column100--33{

width:33%;

}


.top-text{
    /*Esta podria quitarla la adicione para poder quitar el correo de contacto*/
    margin-left:-10%;
    display:block;
    }
    
    .infobanner h4,p{
        display:block;
            
        }

        .infobanner p{
            display:block;
                
            }
    

.imageteam{

    width:100%;
    border-radius: 50%;
    
    
   
    }

.container{

width:85%;

}


/*.vedette-box{

justify-content: space-around;
    
    } al parecer no hace funcionar nada lo quite el 10 09 2021*/ 



    .detalleproducto{

     
        width:50%;
     
    
    }



    /*mostrar 3 SKUs por pagina*/
    .lineup--33{

        width:33%;
    
    }



/*contact forms from client in cartkunashow*/



.client-group-data{

    width:100%;

}

.clientes-comments{

 
    width:33%;

    }

.comments{


   font-size:170px;
  
  }


  .productsdelete {

    width:80%;


}





  .summary-data{

    width:50%;
   
    }


.fotter-title-style{

    font-size:22px;
}

    .text-footer{


        font-size:16px;
        
        
        }





#cartSummary{

   display:flex;
   justify-content:space-around;
    align-items:flex-start;
/*width:30%;*/

}



.productosresumen{
width:60%;   
}

.order-summary{

    width:100%;

}

.size-order{
    width:30%;

}



.customer-form{

width:50%;

}

.orders-shipping{
    align-items:flex-start;
    
}

.order-summary-checkout{  
   width:30%;     
}

.portrait-main-cartkunashow{
    display:flex;
    flex-direction: row;
    background-color:green;
    width:1000px;
    height:1000px;
}


.pago{

    width:50%;
   
}


.lineup--25{

    width:20%;

}

}