#plist {text-align:center;}
#plist>li{background-color:#eee;padding:6px 6px 12px;margin:17px 0 0 17px;}
#plist li:nth-child(4n+1){margin-left:0}
#plist>li:last-child{display: grid; place-items: center;min-height:306px;font-weight:bold;transition:all .3s}
#plist>li:last-child:hover{cursor:pointer;color:#000}
#plist>li:last-child>b{color:#f00;display:contents}
#plist div{height:21px}
#plist div img{width:18px;margin-top:0}
#plist div p{overflow:hidden}
#plist a:last-child{display:inline-block; padding:3px 10px;border:1px solid #2991C7;color:#2991C7;border-radius:18px;font-size:14px;margin:5px 0 0 20px;transition:all .3s}
#plist a:last-child:hover{background-color:#2991C7;color:#fff;}

#mjshs { border-bottom: 1px solid #ccc; width: 100%; float: left; }
#yourPhone { float: left; margin: 0; border-style: solid; border-width: 4px 1px 0; border-color: #000 #ccc; width: 300px; height: 50px; font-size: 16px; padding: 0 20px; text-align: left; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAGBAMAAAArhUMgAAAALVBMVEWQmKH////Dx8t5g47v8PFsd4TV2NvMz9P39/iboqqmrLOwtbuFjZje4OK6vsP2psZWAAAALklEQVRo3mNgEBQUMhGEAAZnRUHXRBhH3EJwliCMI7ha/ASC05xzEcERi4OxBQFoxgmOkbwKlQAAAABJRU5ErkJggg==) no-repeat right; cursor: pointer; text-transform: capitalize; }
#autocomplete ul{height: calc(100% - 50px) !important;}
#autocomplete>span{position:absolute;right:20px;top:10px;cursor:pointer;z-index:7;}



#CollsModels {width:900px;background-color:#F6F8FC; height:80%; position: fixed; z-index: 900; top: 10%; left: 0; right: 0; margin: 0 auto;line-height:2.5;font-size:16px;box-shadow:rgba(0,0,0,.3) 0 0 10px;display:none;user-select:none;}
#CollsModels input{position: absolute; display: block; border: 10px solid #F6F8FC; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAUVBMVEX///+/v79gYGBAQEDf399fX18AAAAfHx9PT08/Pz8PDw+fn59vb2+Pj4/v7++vr68gICDPz89/f38QEBAvLy/AwMAwMDBwcHCQkJCgoKCwsLCJejzbAAAAqklEQVR42sWS2xKDIAxEBWQRhLSC0sv/f2hrZ1oT7PhqnsgcSJZNuu7M6G+mwOjnH0Qa8DlbBzO1bKoh0+ekHMbmXQ2/+zRACWgDrzVfiWtBFtKQWJZAotBQWeK9lJDAoZVQcUlzPIBt2QvXEIuE1nF/pClURBsvvm3RC2tD3egoPFglhKq28eh2LA71viwPXZDsjnbjjHe42K9N9X7ik6KvpHiwMzGcta0vJ6MFr2gaSGsAAAAASUVORK5CYII=) no-repeat 8px center; width: 100%; box-sizing: border-box; height: 60px; z-index: 6; padding: 0 10px 0 45px;font-size:18px}
#CollsModels ul>li{display:block;width:24%;padding:0 .5%;float:left;cursor:pointer;}
#CollsModels li:hover{background-color:#fff}



#CollsModels>ul{ width: 100%;overflow-y:auto;height:100%;padding:60px 0 20px;box-sizing:border-box;background-color:#F6F8FC; }
#CollsModels li { list-style: none;  }
#CollsModels p { cursor: pointer; margin-left:10px; transition: all .3s; background: no-repeat 10px center; background-size: auto 80%; }
#CollsModels p:hover { color: #2991C7; }
#CollsModels img{width:60px;height:60px;margin:0 10px 0 5px;display:inline-block;vertical-align:middle;padding:4px;}
#CollsModels ol { position: absolute;width:100%;background-color:#fff; left: 0; display: none; height: calc(100% - 100px); overflow: auto; top:107px; text-indent: 20px;box-sizing:border-box; }
#CollsModels ol li{width:290px;float:left;white-space:nowrap;font-size:15px;}
#CollsModels li.active>ol,#CollsModels li.active>div{display:block;}
#CollsModels>b{position:absolute;top:-15px;right:-15px;display:block;width:24px;height:24px;background-color:#fff;border-radius:50%;line-height:24px;text-align:center;background-color:#555;color:#fff;cursor:pointer;transition:all .3s;border:3px double #fff;z-index:7}
#CollsModels>b:hover{background-color:#000}


#CollsModels u { display: block; position: absolute; bottom: 0; height: 30px; display: block; font-size: 12px; color: #888; background-color: #fff; text-align: center; text-decoration: none; line-height: 30px; width: 100%; font-style: italic; }


#CollsModels > ul > span { display: inline-block;  width: 25%; height: 42px; position: absolute; bottom: 0; left: 0; text-align: center; line-height: 2.5; background-color: #fff; cursor: pointer; transition: .5s all; }
#CollsModels ul > span:after { content: ''; display: inline-block; width: 1.2rem; height: 1.2rem; border-left: 3px solid #2991C7; border-top: 3px solid #2991C7; transform: rotate(-135deg); }
#CollsModels > ul > span:hover { opacity: .5; }
#CollsModels > p { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.2); z-index: -2; margin-left: 0; }


#CollsPath{height:48px;width:880px;background-color:#fff;position:absolute;top:60px;z-index:2;padding-left:20px}
#CollsPath:empty{display:none;}
#CollsPath>span{cursor:pointer;font-size:24px;color:#2991C7;transition:all .3s}
#CollsModels #CollsPath img{display:none;}
#CollsPath>span:hover{color:#000}
#CollsPath > span:before { font-family: "icon" !important; display: inline-block; font-size: 24px; font-style: normal; content: "\e6a1"; transform: rotate(180deg); }

#CollsModels li div{width:890px;background-color:#F6F8FC;display:none;float:left;}
#CollsModels li div > a { display: inline-block; float: left; width: 290px; white-space: nowrap; }

.serieLis {background:url(/StaticRes/udiy/images/shift.svg) no-repeat 250px 8px;background-size:15px;}
.serieLis.active{background-color:#F6F8FC !important;}
.serieLis>a{display:block;}
.serieLis:nth-child(3n+1).active{margin-right:580px;}
.serieLis:nth-child(3n+2).active{margin-right:290px;}
.serieLis:nth-child(3n+2)>div{margin-left:-290px;}
.serieLis:nth-child(3n+3)>div{margin-left:-580px;}
#shipping_time_line .shipping_time_lines{display:none;}