@media all{.search-parts-wrapper .combos span:after{background-image:url("https://www.parcaofisi.com/Content/svg/down-arrow-3-light-gray.svg");}
.search-parts-wrapper .combos .active-combo-title:after,.search-parts-wrapper .combos span:hover:after{background-image:url("https://www.parcaofisi.com/Content/svg/down-arrow-3-blue.svg");}
}
.search-parts-wrapper .combos .active-combo-title{display:none;}
.search-parts-wrapper{background-color:#373642;}
.search-parts-main-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.search-parts-wrapper{position:absolute;top:-45px;border:10px solid #373642;border-radius:45px;z-index:98;width:100%;padding:0 15px;}
.search-parts-wrapper .combos{margin:0 -15px;display:flex;align-items:center;height:70px;background-color:#fff;border-radius:35px;}
.search-parts-wrapper .combos span{display:block;font-size:13px;line-height:70px;font-weight:600;color:#373642;border-right:1px solid #eaeff7;cursor:pointer;}
.search-parts-wrapper .combos span:after{content:"";width:12px;height:70px;float:right;background-position:center;background-repeat:no-repeat;background-size:12px;}
.search-parts-wrapper .combos>div{line-height:70px;}
.search-parts-wrapper .combos .search-button{width:100%;font-size:13px;line-height:50px;font-weight:700;background-color:#a9b0c3;color:#fff;border-radius:25px;text-align:center;border:none;outline:0;cursor:default;}
.search-parts-wrapper .combos .search-button.active{background-color:#5680f9;cursor:pointer;}
@media screen and (max-width:991px){@media only screen and (max-width:991px){.search-parts-wrapper .pre-combos{display:none;}
.search-parts-wrapper{padding:0;top:-218px;left:15px;right:15px;width:auto;border-radius:25px;}
.search-parts-wrapper .combos{height:auto;margin:auto;flex-direction:column;border-radius:25px;}
.search-parts-wrapper .combos .active-combo-title{display:none;position:absolute;padding-left:20px;font-size:13px;line-height:50px;font-weight:600;color:#373642;background:#fff;border-radius:24px 24px 0 0;z-index:1;}
.search-parts-wrapper .combos .active-combo-title:after{content:"";float:right;width:12px;height:50px;background-repeat:no-repeat;background-position:center;background-size:12px;}
.search-parts-wrapper .combos span{line-height:50px;border-right:none;border-bottom:1px solid #eaeff7;}
.search-parts-wrapper .combos span:after{height:50px;}
button:focus{outline:0;}
}
}
.search-parts-wrapper .search-parts-inner .boxes::-webkit-scrollbar{width:8px;}
.search-parts-wrapper .search-parts-inner .boxes::-webkit-scrollbar-track{border-radius:4px;}
.search-parts-wrapper .search-parts-inner .boxes::-webkit-scrollbar-thumb{background:#eaeff7;border-radius:4px;}
.search-parts-wrapper .search-parts-inner .boxes::-webkit-scrollbar-thumb:hover{background:#b1b8c9;}
.search-parts-wrapper .search-parts-inner .boxes{scrollbar-color:#EAEFF7 transparent;scrollbar-width:thin;}
@media all{.search-parts-wrapper .search-parts-inner .boxes .box.selected:before{background-image:url("https://www.parcaofisi.com/Content/svg/check-white.svg");}
.search-parts-wrapper .combos span:after{background-image:url("https://www.parcaofisi.com/Content/svg/down-arrow-3-light-gray.svg");}
.search-parts-wrapper .combos .active-combo-title:after,.search-parts-wrapper .combos span.active:after,.search-parts-wrapper .combos span:hover:after{background-image:url("https://www.parcaofisi.com/Content/svg/down-arrow-3-blue.svg");}
}
.search-parts-wrapper .search-parts-inner .boxes .box.selected .box-inner span,.search-parts-wrapper .search-parts-inner .boxes .box:hover .box-inner span{color:#373642;}
.search-parts-wrapper .search-parts-inner .boxes .box.selected .box-inner,.search-parts-wrapper .search-parts-inner .boxes .box:hover .box-inner{border-color:#5680f9;}
.search-parts-wrapper .search-parts-inner .boxes:not(.s2):not(.search) .box:nth-child(8n+1){margin-right:0;}
.search-parts-wrapper.active .combos span:not(.active),.search-parts-wrapper.active .combos>div{border-bottom:1px solid #eaeff7;}
.search-parts-wrapper .combos .active-combo-title{display:none;}
.search-parts-wrapper{background-color:#373642;}
.search-parts-wrapper{position:absolute;top:-45px;border:10px solid #373642;border-radius:45px;z-index:98;width:100%;padding:0 15px;}
.search-parts-wrapper.active{border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
.search-parts-wrapper .combos{margin:0 -15px;display:flex;align-items:center;height:70px;background-color:#fff;border-radius:35px;}
.search-parts-wrapper .combos span{display:block;font-size:13px;line-height:70px;font-weight:600;color:#373642;border-right:1px solid #eaeff7;cursor:pointer;}
.search-parts-wrapper .combos span:after{content:"";width:12px;height:70px;float:right;background-position:center;background-repeat:no-repeat;background-size:12px;}
.search-parts-wrapper .combos>div{line-height:70px;}
.search-parts-wrapper .combos .search-button{width:100%;font-size:13px;line-height:50px;font-weight:700;background-color:#a9b0c3;color:#fff;border-radius:25px;text-align:center;border:none;outline:0;cursor:default;}
.search-parts-wrapper .combos .search-button.active{background-color:#5680f9;cursor:pointer;}
.search-parts-wrapper.active .combos span.active:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.search-parts-wrapper .search-parts-inner{background-color:#fff;margin-top:-35px;padding:55px 10px 0 30px;border-radius:0 0 8px 8px;overflow:hidden;}
.search-parts-wrapper .search-parts-inner span{font-size:16px;line-height:22px;padding:0;margin-bottom:15px;}
.search-parts-wrapper .search-parts-inner .boxes{width:100%;height:330px;max-height:330px;overflow-y:auto;}
.search-parts-wrapper .search-parts-inner .boxes .box{display:inline-block;position:relative;width:119px;height:119px;border:1px solid #dce5f2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:10px 24px 10px 0;border-radius:8px;}
.search-parts-wrapper .search-parts-inner .boxes .box.selected:before{content:"";width:30px;height:30px;background-color:#5680f9;background-position:center;background-repeat:no-repeat;background-size:14px;position:absolute;top:-8px;right:-12px;z-index:3;border-radius:15px;}
.search-parts-wrapper .search-parts-inner .boxes .box i{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;border-radius:8px;}
.search-parts-wrapper .search-parts-inner .boxes .box .box-inner{cursor:pointer;position:absolute;top:0;left:0;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:111px;height:111px;background-color:#fff;margin:3px;border-radius:5px;z-index:2;}
.search-parts-wrapper .search-parts-inner .boxes .box .box-inner img{max-width:60px;margin-top:auto;vertical-align:middle;}
.search-parts-wrapper .search-parts-inner .boxes .box .box-inner img:not(.non-grayscale){-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.search-parts-wrapper .search-parts-inner .boxes .box .box-inner span{font-size:13px;font-weight:600;line-height:16px;color:#6b7080;margin-top:auto;margin-bottom:20px;}
.search-parts-wrapper .search-parts-inner .boxes .box.selected,.search-parts-wrapper .search-parts-inner .boxes .box:hover{border-color:transparent;}
.search-parts-wrapper .search-parts-inner .boxes .box.selected i,.search-parts-wrapper .search-parts-inner .boxes .box:hover i{background:#449af2;background:-moz-linear-gradient(45deg,#449af2 0,#f61362 100%);background:-webkit-linear-gradient(45deg,#449af2 0,#f61362 100%);background:linear-gradient(45deg,#449af2 0,#f61362 100%);}
.search-parts-wrapper .search-parts-inner .boxes .box.selected .box-inner img:not(.non-grayscale),.search-parts-wrapper .search-parts-inner .boxes .box:hover .box-inner img:not(.non-grayscale){-webkit-filter:grayscale(0%);filter:grayscale(0%);}
@media screen and (max-width:991px){@media only screen and (max-width:991px){.search-parts-wrapper .pre-combos,.search-parts-wrapper .search-parts-inner .boxes .box i{display:none;}
.search-parts-wrapper{padding:0;top:-218px;left:15px;right:15px;width:auto;border-radius:25px;}
.search-parts-wrapper .combos{height:auto;margin:auto;flex-direction:column;border-radius:25px;}
.search-parts-wrapper .combos .active-combo-title{display:none;position:absolute;padding-left:20px;font-size:13px;line-height:50px;font-weight:600;color:#373642;background:#fff;border-radius:24px 24px 0 0;z-index:1;}
.search-parts-wrapper .combos .active-combo-title:after{content:"";float:right;width:12px;height:50px;background-repeat:no-repeat;background-position:center;background-size:12px;}
.search-parts-wrapper .combos .active-combo-title.visible{display:block;cursor:pointer;}
.search-parts-wrapper .combos span{line-height:50px;border-right:none;border-bottom:1px solid #eaeff7;}
.search-parts-wrapper .combos span:after{height:50px;}
.search-parts-wrapper .search-parts-inner{padding:0;margin:-270px 0 0;}
.search-parts-wrapper .search-parts-inner .boxes{padding-top:0;max-height:274px;background-color:#fff;z-index:1;}
.search-parts-wrapper .search-parts-inner .boxes .box{display:block;width:100% !important;height:50px;border:none;margin:0;}
.search-parts-wrapper .search-parts-inner .boxes .box.selected:before{top:50%;right:10px;width:20px;height:20px;background-size:10px;border-radius:50%;transform:translateY(-50%);}
.search-parts-wrapper .search-parts-inner .boxes .box .box-inner{flex-direction:row;justify-content:initial;width:100% !important;height:50px;margin:0;border-radius:0;padding-left:20px;border-bottom:1px solid #eaeff7;}
.search-parts-wrapper .search-parts-inner .boxes .box .box-inner img{max-height:40px;margin:0 15px 0 0;-webkit-filter:none !important;filter:none !important;}
.search-parts-wrapper .search-parts-inner .boxes .box .box-inner span{line-height:50px;color:#373642;margin:0;}
.search-parts-wrapper .search-parts-inner .boxes .box.selected .box-inner,.search-parts-wrapper .search-parts-inner .boxes .box:hover .box-inner{border-color:#eaeff7;}
.search-parts-wrapper.active .combos span:not(.active){border-bottom:none;}
button:focus{outline:0;}
}
}
.search-parts-wrapper .search-parts-inner .boxes.s2 .box { width:202px;height:160px;}
.search-parts-wrapper .search-parts-inner .boxes.s2 .box .box-inner{width:194px;height:152px;}
.mb-0, .my-0 { margin-bottom:0!important;}
.mt-0,.my-0{margin-top:0!important;}
