COLORS{White, #fafafa, WhiteSmoke, #f0f0f0, Gainsboro, LightGray, Silver, DarkGray, Gray, DimGray, #4b223a, #906d83} 
* {font-family: "Exo 2"; color: #000; letter-spacing: 0px; font-weight: normal; margin:0px; font-variant: normal; font-style: normal; text-transform: none; speak: none; -webkit-text-size-adjust: none; text-size-adjust: none;}
TABLE, TR, TH, TD {border-collapse:collapse;}
FORM{margin: 0px; padding: 0px; display: inline;}
BODY, HTML{line-height: 1.25; font-size:16px;padding: 0px; margin: 0px; width:100%; overflow-x:hidden;}
H1{font-size: 24px; margin-top: 10px;}
H1 FONT{font-size: 12px; color: silver; margin-left: 10px;}
H2{font-size: 18px;}
::placeholder {color: Silver;}
UL,LI{color: #4b223a;}
LABEL {cursor: pointer;}
INPUT {padding: 10px; margin: 6px; font-size: 16px; border-radius: 10px; border: 1px solid #f0f0f0;}
INPUT[name=mail] {display: none;}
LIGHT{font-size: 12px; color: silver;}
BUTTON	{cursor:pointer; background-color: white; color: black; border-radius: 10px; padding: 10px 15px 10px 15px; font-size: 20px; border: 2px solid #f0f0f0;}
BUTTON:hover {transform: scale(1.025, 1.025);}

.header td{color: LightGray; font-size: 14px;}
.header select,option {background-color: rgba(255, 255, 255, 0.15); border: 0px; cursor: pointer; color: white;}
.header input {color: black; border: 0px; cursor: pointer; opacity: 0.25;}
.header  a{color: white; text-decoration: none; cursor: pointer;}
.header IMG:hover{transform: scale(1.05, 1.05);}
.footer th{font-size: 20px; color: white; font-weight: bold; text-align: left;}
.footer td{font-size: 18px; color: LightGray; text-align: left; line-height: 2; vertical-align: top;}
.footer a{color: LightGray; text-decoration: none;}
.footer a:hover{color: white; text-decoration: none;}
.footer img:hover {transform: scale(1.05, 1.05);}
.menu a{text-decoration: none;} menu::-webkit-scrollbar{display: none;}
.menu a:hover{font-weight: bold; text-decoration: underline; text-decoration-style: dashed;}

.center{text-align: center; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap:  wrap; justify-content: center; -webkit-justify-content: center;}
.body a{text-decoration: none;}
.navigation a:hover{text-decoration: underline; text-decoration-style: dashed;}

.tag{position: relative; border-radius: 15px; background-color: #f0f0f0; padding: 5px 10px 5px 10px; margin: 0px 15px 10px 0px; float: left; font-size: 14px; cursor:pointer;}
.product{float: left; filter: brightness(1); background-color: white; text-transform: uppercase; text-align: center; margin: 15px; border-radius: 8px; padding: 14px; border: 1px solid whitesmoke; width: 220px; cursor: pointer;}
.product:hover{border: 1px solid whitesmoke; filter: brightness(1); filter: grayscale(0%); opacity: 1;}
.product img:hover{transform: scale(1, 1);}
.product-img{border: 1px solid WhiteSmoke; width: 45px; height: 45px; margin: 0px 0px 5px 3px; cursor: pointer; padding: 5px; border-radius: 10px; filter: saturate(115%);}
.product-img:hover {border: 1px solid Gainsboro;}

.promo {border-radius: 10px; width: 246px; margin: 17px;}

.similar{border: 1px solid WhiteSmoke; width: 90px; height: 90px; margin: 0px 10px 10px 0px; cursor: pointer; padding: 5px; border-radius: 10px; filter: saturate(115%);}
.similar:hover {border: 1px solid Gainsboro; transform: scale(1.05, 1.05);}
#id:hover{border: 1px solid Gainsboro;}

#hover:hover{transform: scale(1.03, 1.03); transition: 0.25s;}
#hover img:hover{transform: scale(1, 1); transition: 0.25s;}

SELECT, OPTION{background-color: #906d83; opacity: 0.9; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; appearance: none;}
SELECT:hover{transform: scale(1.015, 1.015); opacity: 1;}
INPUT[type=submit]{cursor: pointer; background-image: url('https://store.uadolls.com/img/background.jpg'); opacity: 1; transform: scale(1.015, 1.015); padding: 10px 15px 10px 15px; font-size: 20px; color: white; border-radius: 10px; border: 0px;}
INPUT:hover {transform: scale(1.025, 1.025); opacity: 0.85;}

.search{font-size: 20px; width: 100%; border-radius: 30px; padding: 15px; transition: 0.5s;}
.search:hover{background-color: white; opacity: 1; transition: 0.5s; transform: scale(1.025, 1.025);}
.filter{font-size: 14px; background-color: white; color: Gray; padding: 5px; border: 1px solid gainsboro; margin: 10px 10px 0px 0px; border-radius: 5px; width: 90px;}
.sort{font-size: 14px; background-color: WhiteSmoke; color: black; padding: 5px; border: 1px solid gainsboro; margin: 0px 10px 0px 0px; border-radius: 5px; width: 90px; text-align-last:center;}
.sort[type=submit]{font-size: 14px;background-color: WhiteSmoke; padding: 5px; border: 1px solid gainsboro; margin: 0px 10px 0px 0px; border-radius: 5px;}

.table {border: 1px solid #f0f0f0;}
.table th {border: 1px solid #f0f0f0; background-color: WhiteSmoke; padding: 10px;}
.table td {border: 1px solid #f0f0f0; padding: 10px; text-align: center; background-color: white;}
.table td:first-letter {text-transform: uppercase;}

.basket{width: 100%; border: 1px solid #f0f0f0; border-radius: 25px; padding: 15px; text-align:center;}
.basket input {padding: 10px; font-size: 16px; border-radius: 15px; border: 1px solid #f0f0f0; margin: 10px; background-color: white; width: 250px;}
.basket select {padding: 10px; font-size: 16px; border-radius: 15px; border: 1px solid #f0f0f0; margin: 10px; background-color: white;}

.line {background-color: rgba(255, 255, 255, 0.8); margin-left: -14px; margin-top: -22px; width: 100%; position: absolute; border-radius: 0px 0px 8px 8px;}
.line-left {width: calc(50% - 16px); float: left; font-size: 12px; padding: 12px 8px 8px 8px; text-align:left;}
.line-right {color: DarkGray; width: calc(50% - 16px); padding: 8px; float: left; font-size: 16px; font-weight: bold; text-align: right;}

.favorite {position: absolute; margin-top: -205px; margin-left: 220px;}
.favorite:hover {transform: scale(1.1, 1.1);}

.block{font-size: 16px; width: 240px; background-color: WhiteSmoke; margin-right: 10px; margin-left: 10px; border-radius: 15px; padding: 15px; margin-bottom: 15px; text-align: left; cursor: pointer;}
.block img{border-radius: 15px; width: 50px; height: 50px; margin-right: 15px; margin-left: 10px;}
LABEL input{visibility: hidden; position:absolute;}
LABEL > input:checked + div {border:2px solid Silver;}

.status{position: absolute; color: white; margin-top: -10px; margin-left: -10px; border-radius: 5px 0px 5px 0px; font-size: 6pt; font-weight: bold; width: 60px; padding: 2px; padding-bottom: 3px; opacity: 0.75; z-index:99; text-transform: uppercase; text-align: center;}

.brand {text-transform: uppercase; width: 110px; height: 120px; float: left; text-align: center; margin: 20px; background-color: #f5f5f5; border-radius: 10px; padding: 15px;}
.brand DIV {z-index: 99; font-size: 10px; background-color: #906d83; border-radius: 5px; color: white; padding: 5px; position: absolute; text-align: center; text-transform: uppercase;}

.catalog {text-transform: uppercase; width: 180px; height: 190px; float: left; text-align: center; margin: 15px; background-color: #f5f5f5; border-radius: 10px; padding: 15px;}
.catalog DIV {z-index:99; font-size: 12px; background-color: #906d83; border-radius: 5px; color: white; padding: 8px; position: absolute; text-align: center; text-transform: uppercase;}

.promotions {margin: 15px; padding: 20px; border-radius: 25px; color: white; font-size: 20px; cursor: pointer;}
.promotions TD {color: white;}
.promotions IMG {border-radius: 100px; margin: 15px; border: 3px solid rgba(255, 255, 255, 0.15);}
.promotions FONT {color: white; text-decoration: none;}
.promotions_font {text-decoration: none; font-size: 16px; opacity: 0.4;}

.type{border: 1px solid #f0f0f0; border-radius: 10px; padding: 10px; padding-top: 16px; float: left; font-size: 18px; margin: 0px 25px 15px 0px; cursor: pointer; min-width: 200px;}