.typo1{font-family:'Pacifico', cursive;}
.typo2{font-family: 'Prata', serif;}
.typo3{font-family: 'Mali', cursive;}
.typo4{font-family: 'Open Sans', sans-serif;}
.typo5{font-family: 'Open Sans Condensed', sans-serif; }
.th1{font-size:16px;}
.th2{font-size:20px; }
.th3{font-size:30px;}
.fSize14{font-size:14px;}
.fSize18{font-size:18px;}
.fSize24{font-size:24px;}
.fSize40{font-size:40px;}


.fwNormal{font-weight: normal;}
.fWLight{font-weight:300;}
.f-wBold{font-weight: bold;}
.text-dUnderline{ text-decoration: underline;}


.faq1{color:rgb(198,203,227);}
.padding5{padding:.4em;}

.bRadius1{
border-radius:6px;
}

.inputWidth{
width:142px;
}
.containerWidth{
width:295px;
}

.transparent{

background: transparent;

}


.MainPhoto{
display:none;
        
        
}


/* FAQS*/
.faqh4{
font-family: 'Open Sans', sans-serif;
font-size:16px;
font-weight: bold;
color: rgba(236,200,185,1);
margin-bottom: 0px !important;
margin-top: 0px !important;  
}

.faqsP{
margin-bottom: 0px !important;
}
.faqsPTop{
margin-top: 10px !important;
}

/* END_FAQS*/




.card {
 /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 100%;
  border-radius: 5px;*/
}

.card:hover {
  /*box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);*/
}


.cardInput {
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 100%;
  border-radius: 5px;
  
}

.cardInput:hover{
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.growOnClick{
  transition: all .2s ease-in-out; 
  
}

.growOnClick:active{
transform: scale(1.1); 
}


.container {
  padding: 2px 16px;
}


.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.04); }

.grow2 { transition: all .3s ease-in-out;
 box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);

}
.grow2:hover { 
  transform: scale(1.01); 
   box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
}







/* The  Radio container */
.containerRadio {
  display: block;
  position: relative;
  padding-left: 29px;
	margin-right: 10px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color:#BC9989;
}

/* Hide the browser's default radio button */
.containerRadio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0px;
  height: 22px;
  width: 22px;
  background-color: #eee;
  border-radius: 50%;
  margin-top: 2px;
}




/* On mouse-over, add a grey background color */
.containerRadio:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a brown background */
.containerRadio input:checked ~ .checkmark {
  background-color: #BC9989;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerRadio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.containerRadio .checkmark:after {
 	top: 7px;
	left: 7px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}


.labelTitle{
font-size: 18px;
}

.labelTitleProducto{
font-size: 18px;

margin-bottom: 10px!important;  
font-family:  'Open Sans', sans-serif; 
}

.boxProducto{
 
    width: 100%;
    border: 1px solid #CAACA0;
    padding-bottom: 15px;
    border-radius: 0 0 4px 5px;
   border-top: 0;
}

.labelNumber {
font-size: 28px;
color:rgb(236, 200, 185);


}



.flexContainer{display: flex;
align-items: baseline;
justify-content: flex-start;

}

.ContainerPesonalizado{
display: flex;
 align-items: flex-end;
 
  flex-wrap: wrap;
  
 
}

.ContainerTallas{
display: flex;

 
  flex-wrap: wrap;

}

.ContainerTallas>*{


}

.ContainerColor{display: flex;

 
  flex-wrap: wrap;}


.GridPersonalizado{
    display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  grid-auto-rows:minmax(auto,auto);

justify-items: start;
  margin-top: 20px;
}




.oneGrid{

grid-column: 1 ;
  grid-row: 1;
}
.twoGrid{

grid-column: 1 ;
  grid-row: 2;
}
.threeGrid{
grid-column: 1/3 ;
  grid-row: 3;
 
}
.fourGrid{
grid-column: 1/3 ;
  grid-row: 4;

  
}

.fiveGrid{
grid-column:2 / 4;
  grid-row: 1/5;
 justify-self: end;
     margin-top: -50px;
}






.flexColor{
 display:flex;
  justify-content: flex-start;

}



.blockColor{
display: inline;
 
}


.selectColorComponent{
    display: flex;
    align-items: center;
    width: 236px;
   
}
.selectColor{

  border-color: #BC9989;
border-style: solid;
  

}

.widthColorSelector{
margin-left:2px;
  margin-top: 3px;
}


.displayColor{
 	width: 90px;
	height: 26px;
	margin-left: 66px;
	margin-top: -92px;
	margin-bottom: 53px;
	border-radius: 6px;
	right: 13px;

}

.colorBorder{

    width: 227px;
    height: 56px;
    margin-top: 0px;
    border-style: solid;
    border-color: #BC9989;
    border-width: 1px;
    display: flex;
    border-radius: 2px;
}



.tallas{
margin-right:15px;
}

.tallasInput{width:142px; max-width:100%;
 border-color: #BC9989;
border-style: solid;
}

.inputsColor{
 border-color: #BC9989;
border-style: solid;

}

.single-option-selector{width:285px;

}




.terminosycondiciones{
color: #BC9989;

}


.containerSizeColor{
  margin-top: 11px;
 border-style:solid;
   border-color: #BC9989;
  width:300px;


}


#opcionesExtras {   



}


.labelTitle2{
    font-size: 20px;
    margin-right: 3px;
    color: #BC9989;
   
}

.labelTitle3{
    font-size: 16px;
   
}


.textPersonalizadoLabel{


 font-size: 16px;

}


.opcionesExtrasWrapper{  }


.sumButton{
background-color: #CAACA0;
    color: white;
    width: 27px;
    height: 27px;
    border-radius:50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;

  
 
}
.sumButton:hover{
cursor:pointer;
  background-color: #A48779;  
  
}



.background-colorMain{

 background-color:rgba(236, 200, 185, 0.9);

}




/////


@media only screen and (max-width: 2400px)  {
  
   .blogMQ{
  
  margin-bottom: 20px;
   padding-right: 24px; 
    padding-left: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    flex-direction: row;
  
  }
   .imagenBlogMQ{
  
     width: 50%;
    margin-left: auto;
  }
  
  
  
  .menuProductMQ{
  
  height:44px
  }
    .tallasMediaQ{
  display:flex;
  }
  
  .colorsMediaQ{
  display:flex;
  }
  .faqsMarginT{
  
  margin-top: -35px;
  
  }
  
  
   
  .quienesSMarginT{
  
  margin-top: -45px;
  
  }
  
   .liCollection{

    margin-bottom:65px; 
    width: 450px ;
    height: 450px;
    }

    .ulContainer{
  display: flex;
  align-items: baseline;
  justify-content: flex-start;


  }

    .blogTitarinas{

    display:flex;
      align-items: center;
      justify-content: space-between;
    }  


    .paddingMedia{

    padding-top: 50px;

  margin-top:0px;
}

  
}




@media only screen and (max-width: 1260px)  {
  .paddingMedia{ 
  

    margin-top: -60px !important;
}
  
}

 

@media only screen and (max-width: 1190px)  {
  .paddingMedia{ 
  

    margin-top: -135px !important;
} 

  .colorsMediaQ{
  display:block;
  }
}



@media only screen and (max-width: 1044px)  {
       .liCollection{


      margin-bottom:65px; 
      width: 320px ;
      height: 320px;

      }

        .th3{font-size:25px; }
        .th2{font-size:16px; }
        .ulContainer{
      display: flex;
      align-items: baseline;
      justify-content: center;
       flex-wrap: wrap; 
      }


        .sectionTittleTitarinas{

          margin-left: auto;
          margin-right: auto;
          padding-left: 15px;
        }

        .paddingMedia{ 


          margin-top: -190px !important;
      }
 }







@media only screen and (max-width: 972px)  {
    .tallasMediaQ{
  display:block;
   
  }
  .tallasWidthMQ{
   width: 65%!important;
  }
  
  .paddingMedia{ 
  

    margin-top: -229px !important;
} 

 
  .ContainerColor{display: flex;

  flex-direction:column;
  flex-wrap: wrap;}

  
  .blogTitarinas{
  
  display:flex; 
   align-items: center;
  justify-content: space-between;
  flex-direction:column;
  
  }  
  
  
  .blogMQ{
  
  margin-bottom: -18px;
    /* padding-right: 24px; */
    padding-left: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    flex-direction: column;
  
  }
  .imagenBlogMQ{
  
  width:68%;
  margin-left:8px
  
  }
  
  
}




@media only screen and (max-width: 888px)  {
  
 .menuProductMQ{
  
  height:64px
  }
  
  .paddingMedia{ 
  

    margin-top: -300px !important;
  } 
     
  
  
  
}




@media only screen and (max-width:790px)  {
  
  .paddingMedia{ 
  

    margin-top: -350px !important;
  } 
}



/*CAMBIA HAMBURGER*/

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

  
    .faqsMarginT{
  
  margin-top: -10px;
  
  }
  
  .quienesSMarginT{
  
  margin-top: -14px;
  
  }
  
  
  .paddingMedia{ 
  
   padding-top: 234px;
    margin-top: 0px !important;
  } 
}


@media only screen and (max-width: 690px)  {
  
  .mediaLogo{
  flex-direction:column;
  }

  
  .mediaLogoWidth{max-width:266px}
  
  .paddingMedia{ 
  
   padding-top: 210px;
    margin-top: 0px !important;
  } 
}
  


@media only screen and (max-width: 660px)  {
  
  
  
  .paddingMedia{ 
  
   padding-top: 190 px;
    margin-top: 0px !important;
  } 
}
@media only screen and (max-width: 600px)  {
  
  .paddingMedia{ 
  
   padding-top: 143px;
    margin-top: 0px !important;
  } 
}  
  
  
@media only screen and (max-width: 570px)  {
.paddingMedia{ 
 

    margin-top: -22px !important;
}

}



  
@media only screen and (max-width: 500px)  {
.paddingMedia{ 
 

   margin-top: -65px  !important;
}

}


@media only screen and (max-width: 375px)  {
.paddingMedia{ 
 

   margin-top: -100px !important;
}

}
 


@media only screen and (max-width: 349px)  {
.tabMenuMQ{ 
 

 margin-right:auto;
}

}
 





.sectionTittleTitarinas{
  	
    margin-left: auto;
    margin-right: auto;
   padding:0px;
  }


.colorDivText{

text-align:center;
width:auto;
margin:2px;
padding-left:4px;
padding-right:4px;

}

.displayF{
display:flex;
}
.fdirectionC{
flex-direction:column;
}
.fdirectionR{
flex-direction:row;
}

.spaceArround{
align-Items:space-arround;
}


.alignItemsB{
align-items:baseline;
}
.textAlignC{
text-align:center
}


.alignItemsC{
align-items:center;
}

.justifyContentC{
    justify-content: center;
}

.alignItemsBase{align-items:baseline;}

.spaceEven{ justify-content: space-evenly;}

.tabMenyStyle{
     border-radius: 8px 8px 0px 0px;
    background-color: #CAACA0;
    padding: 9px;
    font-size: 16px;
    width: 50%;
    text-align: center;
}

.tablink{
    border-radius: 6px 6px 0px 0px;
    background-color:rgba(236, 200, 185, 0.5);
    margin: 3px;
    padding: 2px;
    font-size: 16px;
    border-style: solid;
    border-color: #CAACA0;
 

}


.w25{
width: 25%;
}

.w33{
width: 29%;
  margin-right:15px;
}

.mainColor{

color:white;
background-color:#CAACA0;
}


.bColoW{
background-color:white;
}

.divInput{
border-width: 1px;
    width: 127px;
    height: 47px;
   justify-content: center
     
  /*border-width: 1px;
    width: 97px;
    height: 47px;
   ;*/
}

.inputPersonalizado{

  height: 17px; 
  width: 38px; 
  padding:0px; 
  font-size: 15px; 
  text-align:center; 
  margin-left:3px;
  margin-right:3px;
  border-color: white;
  
}

.paddingL5{
    padding-left: 5px;
}

.paddingR5{
    padding-right: 5px;
}
.dInlineBlock{
display:inline-block}

.TerminosCondiciones{
margin:10px;
  padding:20px;
}
.marginTB{
 margin-top: 16px;
 margin-bottom: 10px;
}

.marginB2{

 margin-bottom:12px;
}

.marginT16{
  margin-top: 16px}

.marginBottom{
margin-bottom: 15px;

}

.marginBottom10{
margin-bottom: 10px;

}


//////////////////COMPONENTS

.checkboxSpan{
  
  background-color:transparent;
 	padding:2px;
}

.checkboxDiv{

width: 83px;
height: 43px;
text-align:center;

display:flex;
align-items: center;
justify-content: center;
cursor:pointer;
}


.inputsColorBorder{

background-color:transparent;
border-width:1px;
border-style:solid;
border-color: #CAACA0;
color:  #333333;
border-radius:2px;  
  

}




.checkboxSpan.typo2{
margin-bottom: -5px;
}



.checkboxDivFormato{
width: 45%;
}

.checkboxDivTypo{
 width: 28%;
}
.checkboxDivOrnamento{
  width: 45%
}


.checkboxDiv:hover{
  
 border-width:3px;
  
}

.selectPersonalizado{
  
  background-color:rgba(255, 255, 255, 1);
  
  
}


.checkboxDivSelected{
border-width:3px;
}


input[type="date"]::-webkit-inner-spin-button { 
    display: none;
}


/* The Modal (background) */
.modal1 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100vw; /* Full width */
  height: 100%; /* Full height */

  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content1 {
    background-color: #fefefe;
    margin: auto;
  margin-top: 75px;
    padding: 20px;
    border: 1px solid #888;
    width: 350px;

  
   animation-name: animatetop;
  animation-duration: 0.4s;
}

/* The Close Button */
.close1 {
	color: #aaa;
    float: right;
    font-size: 58px;
    font-weight: bold;
   animation-name: animateout;
  animation-duration: 0.4s;
}

.close1:hover,
.close1:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.divImagenModal{
    text-align: center;
    width: 70%;
    height: 50%;
    margin-left: auto;
    margin-right: auto;
}




/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0;} 
  to {top:0; opacity:1;}
}

@keyframes animatetop {
  from {top:-300px; opacity:0;}
  to {top:0; opacity:1;}
}

@keyframes animateout {
  from {top:0px; opacity:1;}
  to {top:-330; opacity:0;}
}






.modal-content1 {
    background-color: #fefefe;
    margin: 14% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 350px;
}

    .divImagenModal {
      text-align: center;
       width: auto;
       height: auto;
      margin-left: auto;
      margin-right: auto;

  }


@media screen and (min-width:700px) {
 


  .modal-content1 {
      background-color: #fefefe;
      margin: 11% auto;
      padding: 20px;
      border: 1px solid #888;
      width: 46%;
    }

  .divImagenModal {
    text-align: center;
    width: 70%;
    height: 86%;
    margin-left: auto;
    margin-right: auto;
	}
}