@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Jost);
@import url(https://fonts.googleapis.com/css?family=Coda);
@import url(https://fonts.googleapis.com/css?family=Plaster);
html,body{
    margin:0;
    padding:0;
    height:100%;
    width:100%;
    font-family:'Jost',Tahoma,Arial,sans-serif;
    font-size:14px;
    color:#000;
    letter-spacing:3px;
    background-color:#FFF;
    line-height:25px;
}
a
{
text-decoration:none;
}

#bodyPage .overlayloading{
    z-index:1000;
    position:absolute;
    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;

}

select {
padding:8px;
border:solid 1px #ccc;
outline:none;
 font-weight:bold;
  letter-spacing:2px;
 font-family:'Jost',Tahoma,Arial,sans-serif;
}

select:focus {
border:none;
border-bottom:solid 2px #882C2F;

}

input {
padding:8px;
border:solid 1px #ccc;
outline:none;
 font-weight:bold;
 letter-spacing:2px;
 font-family:'Jost',Tahoma,Arial,sans-serif;
}

input:focus {
border:none;
border-bottom:solid 2px #882C2F;

}

textarea {
padding:8px;
border:solid 1px #ccc;
outline:none;
 letter-spacing:2px;
 font-weight:bold;
 font-family:'Jost',Tahoma,Arial,sans-serif;
    font-size:15px;
}

textarea:focus {
border:none;
border-bottom:solid 2px #882C2F;
}

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

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

.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;
}

.iconMini::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:13px;
}

.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;
}


.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;
}


.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:#023838;
    border:none;
    color:#fff;
    border-radius:2px;
    text-decoration:none;
    font-size:14px;
}

.shopBtn:hover {
    transition:background-color ease 0.5s; 
    background-color:#023838;
    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;
}

/* 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; 
}