@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Condensed:400,600');
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css?family=Ubuntu);
@import url(https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);

html,body{
    margin:0;
    padding:0;
    height:100%;
    width:100%;
    font-family:'Sarabun',Tahoma,Arial,sans-serif;
    font-size:15px;
    color:#000;
    letter-spacing:0.5px;
    background-color:#FFF;
    transition:all ease-out 1s;
    font-style: normal;
font-variant: normal;
font-weight:normal;
    text-rendering: optimizeLegibility;
   -webkit-font-smoothing: subpixel-antialiased;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
a
{
text-decoration:none;
}

.blink {
  animation: blink-animation 2s steps(2, start) infinite;
}
.fadein {
  
  opacity: 0;
  transition: all 1.5s;
  transform: translate(0, 100px);
}

.fadein.visible {
  opacity: 1;
  transform: translate(0, 0);
}

#bodyPage .overlayloading{
    z-index:9999;
    position:fixed;
    top:0;
    left:0;
    -moz-opacity:.5;
    opacity:.50;
    filter:alpha(opacity=50);
    background-color:#FFF;
    width:100%;
    height:100%;
    background:#fafafa url('../images/ajax-loader.gif') no-repeat center 250px;

}

#bodyPage .overlayloadingOrder{
    z-index:9999;
    position:fixed;
    top:0;
    left:0;
    -moz-opacity:.95;
    opacity:.95;
    filter:alpha(opacity=95);
    background-color:#FFF;
    width:100%;
    height:100%;
    background:#333 url('/images/loading.jpg') no-repeat center 300px;

}

.enlarge {
    transition:all ease-in-out 0.2s;
    transform:scale(1)
}

.enlarge:hover {
    transform:scale(1.05)
}

select {
padding:8px 20px;
border:none;
outline:none;
font-size:15px;
font-weight:bold;
color:#000;
letter-spacing:2px;
font-family:'Sarabun',Tahoma,Arial,sans-serif;
border-radius:5px;
border-right: 16px solid transparent
}

    select:focus {
    
    }

input {
padding:8px;
outline:none;
font-size:14px;
border:solid 2px #f3f3f3;
 letter-spacing:2px;
 font-family:'Sarabun',Tahoma,Arial,sans-serif;
 transition:all ease-in-out 0.4s;
}

input:focus {
border:solid 2px #BF7497;
}

.SelectAziende {
padding:8px;
outline:none;
font-size:14px;
font-weight:normal;
 letter-spacing:2px;
 font-family:'Sarabun',Tahoma,Arial,sans-serif;
 transition:all ease-in-out 0.4s;
border-radius:5px;
border-right: 16px solid transparent;
border:solid 2px #f3f3f3;
}

.SelectAziende:focus {

border-radius:5px;
border-right: 16px solid transparent;
border:solid 2px #BF7497;
}

.Scale{
    transition:transform ease 0.3s;
    transform : scale(1.1,1.1);
    -webkit-transform : scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    

}

.ScaleOff{
    transition:transform ease 0.3s;
    transform : scale(1,1);
    -webkit-transform : scale(1,1);
    -moz-transform: scale(1,1);
    

}

textarea {
padding:8px;
border:solid 2px #f3f3f3;
outline:none;
font-family: 'Sarabun',Tahoma,Arial,sans-serif;
letter-spacing:2px;
 transition:all ease-in-out 0.4s;
 
}

textarea:focus {
border:solid 2px #BF7497;
}

.dissolve {
            opacity:1;
            text-decoration:none;
        }

        .dissolve:hover {
            transition:opacity ease 0.3s;
            opacity:0.2;
        }

.iconMini::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right:0px;
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-size:12px;
}

.iconMiniBrand::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right:5px;
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: 900;
font-size:12px;
}

.icon::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right:5px;
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-size:15px;
}


.iconHome::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right:5px;
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-size:20px;
}

.iconShop::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right:5px;
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-size:22px;
}

.iconShop::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right:5px;
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-size:18px;
}


.iconMax::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right:5px;
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-size:35px;
}

.iconMaxBrand::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right:5px;
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: 900;
font-size:35px;
}

.iconShopBrand::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right:5px;
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-size:22px;
}

.iconShopBrand::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right:5px;
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-size:18px;
}


.iconImage::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right:2px;
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-size:18px;
}

.iconImageBig::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right:2px;
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-size:20px;
}


.iconTitle::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right:10px;
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-size:18px;
margin-left:10px;     
               
}

.iconBrand::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: normal;
font-size:15px;
}

.iconLogo::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right:10px;
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: normal;
font-size:32px;
}

.shopBtnPhone {
padding:10px 22px 10px 22px;
    background-color:#000;
    border:none;
    color:#fff;
    border-radius:2px;
    text-decoration:none;
    font-size:16px;
}

.shopBtn {
    padding:10px 22px 10px 22px;
    background-color:#aa1449 ;
    border:none;
    color:#fff;
    border-radius:100px;
    text-decoration:none;
    font-size:14px;
    transition:all ease-in-out 0.5s; 
}

.shopBtn:hover {    
    background-color:#333;
    color:#fff;
}

.shopBtnDel {
    padding:10px 22px 10px 22px;
    background-color:#e28a60;
    border:none;
    color:#fff;
    border-radius:2px;
    text-decoration:none;
    font-size:14px;
}

.shopBtnDel:hover {
    transition:background-color ease 0.5s; 
    background-color:#ff0000;
    color:#fff;
}

.LinkMenu {
    color:#333;
    font-size:14px;
}

.LinkMenu:hover {
   
}

.dot {
  height: 4px;
  width: 4px;
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
  margin-top:-3px;
}

/* width */
::-webkit-scrollbar {
width: 6px;
margin-right:2px;
}

/* Track */
::-webkit-scrollbar-track {
background: #fff; 
opacity:0.3;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
background: #7e7e7e; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #333; 
}

.item {
    color:#000;
    font-size:14px;
    font-weight:normal;
    text-align:left;
    font-family:'Sarabun';
    position:relative;
}

.titleItem{
    margin-top:15px;
    color:#000;
    font-size:16px;
    font-weight:normal;
    padding-left:15px;
}
.Shadow{
  -webkit-box-shadow: 0px 0px 8px 0px rgba(117,117,117,1);
-moz-box-shadow: 0px 0px 8px 0px rgba(117,117,117,1);
box-shadow: 0px 0px 8px 0px rgba(117,117,117,1);
}

.PriceItem{
   margin-bottom:15px;
   color:#56ab84;
   font-size:16px;
   font-weight:normal;
   padding-left:15px;
}

.BimboCard{
    text-decoration:none;
    color:#333;
    font-size:14px;
    text-transform:capitalize;
    transition:all ease-in-out 0.1s;
}

.BimboCard:hover{   
 color: #fff;
  text-shadow:
    0 0 1px #fff,
    0 0 2px #fff,
    0 0 3px #fff,
    0 0 8px #aa1449,
    0 0 9px #aa1449,
    0 0 10px #aa1449,
    0 0 11px #aa1449,
    0 0 12px #aa1449;
}


.BtnSimple{
    text-decoration:none;
    background-color:#aa1449;
    color:#fff;
    font-size:13px;
    padding:8px 18px;
    text-transform:capitalize;
    transition:none;
    transition:all ease-in-out 0.1s;
    border-radius:25px;
}

.BtnSimple:hover{   
  padding:8px 22px;
  background-color:#333;
}

.BtnSimpleBlack{
    text-decoration:none;
    background-color:#f3f3f3;
    color:#333;
    font-size:13px;
    border:solid 2px #333;
    padding:8px 18px;
    text-transform:capitalize;
    transition:none;
    transition:all ease-in-out 0.1s;
    border-radius:100px;
}

.BtnSimpleBlack:hover{   
  padding:8px 22px;
  color:#fff;
  background-color:#333;
}

.BtnStd{
    padding:10px 15px;
    background-color:#333;
    color:#fff;
    text-transform:none;
    transition:all ease-in-out 0.4s;
    border-radius:3px;
    font-size:13px;
}

.BtnStd:hover{   
    background-color:#BF7497;
    color:#fff;    
}

.grayFilter{    
    transition:all ease-in-out 0.4s;
    filter: grayscale(0.80);
}

.grayFilter:hover{   
 filter: grayscale(0);
}

.TitleBig {
font-family:'Poppins';
}