.wrapper-selectbox { margin: 0px 0 0 0; zoom: 1; font-weight: 400; }

.wrapper-selectbox:after { clear: both; content: ""; display: table; }

/* STANDART 1 */
.wrapper-dropdownselect-1 { position: relative; width: 200px; padding: 10px; margin: 0 auto; background: #9bc7de; color: #fff; outline: none; cursor: pointer; font-weight: 700; }

.wrapper-dropdownselect-1:after { content: ""; width: 0; height: 0; position: absolute; right: 16px; top: 50%; margin-top: -6px; border-width: 6px 0 6px 6px; border-style: solid; border-color: transparent #fff; }

.wrapper-dropdownselect-1 .dropdownselect { position: absolute; top: 100%; left: 0; right: 0; background: #fff; list-style: none; font-weight: 400; opacity: 0; pointer-events: none; }

.wrapper-dropdownselect-1 .dropdownselect li a { display: block; text-decoration: none; color: #9e9e9e; padding: 10px 20px; }

.wrapper-dropdownselect-1 .dropdownselect li:hover a { background: #f3f8f8; }

.wrapper-dropdownselect-1.active .dropdownselect { opacity: 1; pointer-events: auto; }

.wrapper-dropdownselect-1.active:after { border-color: #9bc7de transparent; border-width: 6px 6px 0; margin-top: -3px; }

.wrapper-dropdownselect-1.active { background: #9bc7de; background: -moz-linear-gradient(left,#9bc7de 0%,#9bc7de 78%,#fff 78%,#fff 100%); background: -webkit-gradient(linear,left top,right top,color-stop(0%,#9bc7de),color-stop(78%,#9bc7de),color-stop(78%,#fff),color-stop(100%,#fff)); background: -webkit-linear-gradient(left,#9bc7de 0%,#9bc7de 78%,#fff 78%,#fff 100%); background: -o-linear-gradient(left,#9bc7de 0%,#9bc7de 78%,#fff 78%,#fff 100%); background: -ms-linear-gradient(left,#9bc7de 0%,#9bc7de 78%,#fff 78%,#fff 100%); background: linear-gradient(to right,#9bc7de 0%,#9bc7de 78%,#fff 78%,#fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9bc7de',endColorstr='#ffffff',GradientType=1); }

.no-opacity .wrapper-dropdownselect-1 .dropdownselect, .no-pointerevents .wrapper-dropdownselect-1 .dropdownselect { display: none; opacity: 1; pointer-events: auto; }

.no-opacity .wrapper-dropdownselect-1.active .dropdownselect, .no-pointerevents .wrapper-dropdownselect-1.active .dropdownselect { display: block; }

/* STANDART 2*/
.wrapper-dropdownselect-2 { position: relative; width: 200px; margin: 0 auto; padding: 10px 15px; background: #fff; border-left: 5px solid grey; cursor: pointer; outline: none; }

.wrapper-dropdownselect-2:after { content: ""; width: 0; height: 0; position: absolute; right: 16px; top: 50%; margin-top: -3px; border-width: 6px 6px 0; border-style: solid; border-color: grey transparent; }

.wrapper-dropdownselect-2 .dropdownselect { position: absolute; top: 100%; left: -5px; right: 0; background: #fff; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; list-style: none; opacity: 0; pointer-events: none; }

.wrapper-dropdownselect-2 .dropdownselect li a { display: block; text-decoration: none; color: #333; border-left: 5px solid; padding: 10px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }

.wrapper-dropdownselect-2 .dropdownselect li:nth-child(1) a { border-left-color: #00ACED; }

.wrapper-dropdownselect-2 .dropdownselect li:nth-child(2) a { border-left-color: #4183C4; }

.wrapper-dropdownselect-2 .dropdownselect li:nth-child(3) a { border-left-color: #3B5998; }

.wrapper-dropdownselect-2 .dropdownselect li i { margin-right: 5px; color: inherit; vertical-align: middle; }

.wrapper-dropdownselect-2 .dropdownselect li:hover a { color: grey; }

.wrapper-dropdownselect-2.active:after { border-width: 0 6px 6px; }

.wrapper-dropdownselect-2.active .dropdownselect { opacity: 1; pointer-events: auto; }

.wrapper-dropdownselect-2.active .selectboxlistbox { display: block; }

.no-opacity .wrapper-dropdownselect-2 .dropdownselect, .no-pointerevents .wrapper-dropdownselect-2 .dropdownselect { display: none; opacity: 1; pointer-events: auto; }

.no-opacity .wrapper-dropdownselect-2.active .dropdownselect, .no-pointerevents .wrapper-dropdownselect-2.active .dropdownselect { display: block; }

/* STANDART 3*/
.wrapper-dropdownselect-3 { position: relative; width: 200px; margin: 0 auto; padding: 10px; background: #fff; border-radius: 7px; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 1px 1px rgba(50,50,50,0.1); cursor: pointer; outline: none; font-weight: 700; color: #8AA8BD; }

.wrapper-dropdownselect-3:after { content: ""; width: 0; height: 0; position: absolute; right: 15px; top: 50%; margin-top: -3px; border-width: 6px 6px 0; border-style: solid; border-color: #8aa8bd transparent; }

.wrapper-dropdownselect-3 .dropdownselect { position: absolute; top: 140%; left: 0; right: 0; background: #fff; border-radius: inherit; border: 1px solid rgba(0,0,0,0.17); box-shadow: 0 0 5px rgba(0,0,0,0.1); font-weight: 400; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -ms-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in; list-style: none; opacity: 0; pointer-events: none; }

.wrapper-dropdownselect-3 .dropdownselect:after { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 15px; border-width: 0 6px 6px; border-style: solid; border-color: #fff transparent; }

.wrapper-dropdownselect-3 .dropdownselect:before { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 13px; border-width: 0 8px 8px; border-style: solid; border-color: rgba(0,0,0,0.1) transparent; }

.wrapper-dropdownselect-3 .dropdownselect li a { display: block; padding: 10px; text-decoration: none; color: #8aa8bd; border-bottom: 1px solid #e6e8ea; box-shadow: inset 0 1px 0 rgba(255,255,255,1); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }

.wrapper-dropdownselect-3 .dropdownselect li i { float: right; color: inherit; }

.wrapper-dropdownselect-3 .dropdownselect li:first-of-type a { border-radius: 7px 7px 0 0; }

.wrapper-dropdownselect-3 .dropdownselect li:last-of-type a { border: none; border-radius: 0 0 7px 7px; }

.wrapper-dropdownselect-3 .dropdownselect li:hover a { background: #f3f8f8; }

.wrapper-dropdownselect-3.active .dropdownselect { opacity: 1; pointer-events: auto; }

.no-opacity .wrapper-dropdownselect-3 .dropdownselect, .no-pointerevents .wrapper-dropdownselect-3 .dropdownselect { display: none; opacity: 1; pointer-events: auto; }

.no-opacity .wrapper-dropdownselect-3.active .dropdownselect, .no-pointerevents .wrapper-dropdownselect-3.active .dropdownselect { display: block; }

/* STANDART 4 */
.wrapper-dropdownselect-4 { position: relative; width: 270px; margin: 0 auto; padding: 10px 10px 10px 30px; background: #fff; border: 1px solid silver; cursor: pointer; outline: none; }

.wrapper-dropdownselect-4:after { content: ""; width: 0; height: 0; position: absolute; right: 10px; top: 50%; margin-top: -3px; border-width: 6px 6px 0; border-style: solid; border-color: #ffaa9f transparent; }

.wrapper-dropdownselect-4 .dropdownselect { position: absolute; top: 100%; margin-top: 1px; left: -1px; right: -1px; background: #fff; border: inherit; border-top: none; list-style: none; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; opacity: 0; pointer-events: none; }

.wrapper-dropdownselect-4 .dropdownselect:before, .wrapper-dropdownselect-4:before { content: ""; width: 4px; height: 100%; position: absolute; top: 0; left: 15px; border: 1px solid #ffaa9f; border-top: none; border-bottom: none; z-index: 2; }

.wrapper-dropdownselect-4 .dropdownselect li { position: relative; }

.wrapper-dropdownselect-4 .dropdownselect li label { display: block; padding: 10px 10px 10px 30px; border-bottom: 1px dotted #1ccfcf; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }

.wrapper-dropdownselect-4 .dropdownselect li:last-of-type label { border: none; }

.wrapper-dropdownselect-4 .dropdownselect li input /* Checkboxes */ { position: absolute; display: block; right: 10px; top: 50%; margin-top: -8px; }

.wrapper-dropdownselect-4 .dropdownselect li:hover label { background: #f0f0f0; }

.wrapper-dropdownselect-4 .dropdownselect li input:checked ~ label { color: grey; text-decoration: line-through; }

.wrapper-dropdownselect-4.active:after { border-width: 0 6px 6px; }

.wrapper-dropdownselect-4.active .dropdownselect { opacity: 1; pointer-events: auto; }

.no-opacity wrapper-dropdownselect-4 .dropdownselect, .no-pointerevents .wrapper-dropdownselect-4 .dropdownselect { display: none; opacity: 1; pointer-events: auto; }

.no-opacity .wrapper-dropdownselect-4.active .dropdownselect, .no-pointerevents .wrapper-dropdownselect-4.active .dropdownselect { display: block; }

/* STANDART 5 */
.wrapper-dropdownselect-5 { position: relative; width: 200px; margin: 0 auto; padding: 12px 15px; background: #fff; border-radius: 5px; box-shadow: 0 1px 0 rgba(0,0,0,0.2); cursor: pointer; outline: none; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }

.wrapper-dropdownselect-5:after { content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 15px; margin-top: -3px; border-width: 6px 6px 0; border-style: solid; border-color: #4cbeff transparent; }

.wrapper-dropdownselect-5 .dropdownselect { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-radius: 0 0 5px 5px; border: 1px solid rgba(0,0,0,0.2); border-top: none; border-bottom: none; list-style: none; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; max-height: 0; overflow: hidden; }

.wrapper-dropdownselect-5 .dropdownselect li { padding: 0 10px; }

.wrapper-dropdownselect-5 .dropdownselect li a { display: block; text-decoration: none; color: #333; padding: 10px 0; transition: all .3s ease-out; border-bottom: 1px solid #e6e8ea; }

.wrapper-dropdownselect-5 .dropdownselect li:last-of-type a { border: none; }

.wrapper-dropdownselect-5 .dropdownselect li i { margin-right: 5px; color: inherit; vertical-align: middle; }

.wrapper-dropdownselect-5 .dropdownselect li:hover a { color: #57a9d9; }

.wrapper-dropdownselect-5.active { border-radius: 5px 5px 0 0; background: #4cbeff; box-shadow: none; border-bottom: none; color: #fff; }

.wrapper-dropdownselect-5.active:after { border-color: #82d1ff transparent; }

.wrapper-dropdownselect-5.active .dropdownselect { border-bottom: 1px solid rgba(0,0,0,0.2); max-height: 400px; }

/* No CSS3 support: none */
/* teslimat adres */
.wrapper-teslimatadres { position: relative; display: block; color: #000000; font-size: 13px; font-weight: 700; text-decoration: none; cursor: pointer; border: 1px solid #000000; background-color: #fff; user-select: none; background-clip: padding-box; padding: 10px 27px 10px 18px; }

.wrapper-teslimatadres:after { content: ""; width: 0; height: 0; position: absolute; right: 8px; top: 50%; margin-top: -3px; border-width: 8px 8px 0; border-style: solid; border-color: #161616 transparent; }

.wrapper-teslimatadres .selectitem:after { content: ""; width: 2px; position: absolute; right: 33px; top: 0; bottom: 0; /* border-left: 1px solid #ccc; */ /* box-shadow: -1px 0 1px #ccc; */ }

.selectboxlistbox { position: absolute; top: 99%; left: 0; z-index: 2000; display: none; box-sizing: border-box; overflow: hidden; border-color: #bfbfbf; background-color: #fff; border-style: solid; border-width: 1px 2px 2px; border-radius: 0 0 6px 6px; left: -2px; right: -2px; }

.selectboxlistbox-action { display: block; background-color: #0F7ABC; font-weight: 700; color: #fff; text-decoration: none; border-radius: 0; }

.wrapper-teslimatadres .selectitem { margin-right: 5px; }

.wrapper-teslimatadres .selectitem a { text-decoration: none; }

.wrapper-teslimatadres .selectitem a:hover { text-decoration: none; }

.wrapper-teslimatadres .selectitem a:focus { text-decoration: none; }

.wrapper-teslimatadres .selectitem a:default { text-decoration: none; }

.selectboxlistbox-action a { font-weight: 700; color: #fff; text-decoration: none; border-radius: 0; display: block; padding: 15px 20px; }

.wrapper-teslimatadres.active .selectboxlistbox { display: block; }

.wrapper-teslimatadres .dropdownselect { position: relative; background: #fff; font-weight: 400; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -ms-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in; list-style: none; opacity: 0; pointer-events: none; max-height: 250px; z-index: 9999; overflow: auto; }

.wrapper-teslimatadres .dropdownselect:after { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 15px; border-width: 0 6px 6px; border-style: solid; border-color: #fff transparent; }

.wrapper-teslimatadres .dropdownselect:before { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 13px; border-width: 0 8px 8px; border-style: solid; border-color: rgba(0,0,0,0.1) transparent; }

.wrapper-teslimatadres .dropdownselect li a { display: block; padding: 10px; text-decoration: none; color: #8aa8bd; border-bottom: 1px solid #e6e8ea; box-shadow: inset 0 1px 0 rgba(255,255,255,1); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }

.wrapper-teslimatadres .dropdownselect li i { float: right; color: inherit; }

.wrapper-teslimatadres .dropdownselect li:first-of-type a { border-radius: 7px 7px 0 0; }

.wrapper-teslimatadres .dropdownselect li:last-of-type a { border: none; border-radius: 0 0 7px 7px; }

.tadres-baslik { font-weight: 700; float: left; min-width: 150px; text-align: center; text-transform: uppercase; /* line-height: 30px; */ color: #050505; font-size: 14px; padding: 0; min-width: 99px; position: relative; line-height: 23px; }

.tadres-baslik:before { content: "["; position: absolute; left: 0; }

.tadres-baslik:after { content: "]"; position: absolute; right: 0; }

.tadres-adres { font-weight: normal; line-height: 30px; color: #010101; font-size: 14px; line-height: 20px; padding: 0 4px 0 0; text-align: left; }

.tadres-baslik2 { padding: 0 10px }

.tadres-baslik2:after { content: ":"; margin-left: 5px }

.wrapper-teslimatadres .selectitem .tadres-adres { line-height: 23px !important; }

.wrapper-teslimatadres .selectitem .tadres-kisi { padding: 5px 1px 0 2px; display: block; color: #107BBE; display: none; }

.wrapper-teslimatadres .dropdownselect li:hover a { background: #f3f8f8; }

.wrapper-teslimatadres .dropdownselect .liactive a { background: #e8e8e8; }

.wrapper-teslimatadres.active .dropdownselect { opacity: 1; pointer-events: auto; }

.no-opacity .wrapper-teslimatadres .dropdownselect, .no-pointerevents .wrapper-teslimatadres .dropdownselect { display: none; opacity: 1; pointer-events: auto; }

.no-opacity .wrapper-teslimatadres.active .dropdownselect, .no-pointerevents .wrapper-teslimatadres.active .dropdownselect { display: block; }

.drpteslimatadres.norecords .newclick { text-align: LEFT; display: block; /* height: 102px; */ padding: 0; color: #2f2f2f; }

.wrapper-teslimatadres.active .dropdownselect .tadres-baslik { display: none }

/* start with img */
.wrapper-ds-image { position: relative; display: block; /* width: 320px; */ /* min-height: 102px; */ padding: 0 0 0 10px; color: #7B7B7B; font-size: 13px; font-weight: 700; text-decoration: none; cursor: pointer; border: 2px solid #bfbfbf; background-color: #fff; /* background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4) 80%,#e4e4e4 100%); */ /* background-image: linear-gradient(to bottom,rgba(255,255,255,0.4) 80%,#e4e4e4 100%); */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#e3e3e3',GradientType=0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-clip: padding-box; border-radius: 6px; padding: 6px 27px 15px 18px; }

.wrapper-ds-image:after { content: ""; width: 0; height: 0; position: absolute; right: 8px; top: 50%; margin-top: -3px; border-width: 8px 8px 0; border-style: solid; border-color: #8AA8BD transparent; }

.wrapper-ds-image .selectitem:after { content: ""; width: 2px; position: absolute; right: 33px; top: 0; bottom: 0; border-left: 1px solid #ccc; box-shadow: -1px 0 1px #ccc; }

.wrapper-ds-image .selectitem { margin-right: 5px; /* min-height: 80px; */ }

.wrapper-ds-image .selectitem a { text-decoration: none; display: block; }

.wrapper-ds-image .selectitem a:hover { text-decoration: none; }

.wrapper-ds-image .selectitem a:focus { text-decoration: none; }

.wrapper-ds-image .selectitem a:default { text-decoration: none; }

.wrapper-ds-image.active .selectboxlistbox { display: block; }

.wrapper-ds-image .dropdownselect { position: relative; background: #fff; font-weight: 400; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -ms-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in; list-style: none; opacity: 0; pointer-events: none; max-height: 250px; z-index: 9999; overflow: auto; }

.wrapper-ds-image .dropdownselect:after { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 15px; border-width: 0 6px 6px; border-style: solid; border-color: #fff transparent; }

.wrapper-ds-image .dropdownselect:before { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 13px; border-width: 0 8px 8px; border-style: solid; border-color: rgba(0,0,0,0.1) transparent; }

.wrapper-ds-image .dropdownselect li a { display: block; padding: 10px; text-decoration: none; color: #8aa8bd; border-bottom: 1px solid #e6e8ea; box-shadow: inset 0 1px 0 rgba(255,255,255,1); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }

.wrapper-ds-image .dropdownselect li i { float: right; color: inherit; }

.wrapper-ds-image .dropdownselect li:first-of-type a { border-radius: 7px 7px 0 0; }

.wrapper-ds-image .dropdownselect li:last-of-type a { border: none; border-radius: 0 0 7px 7px; }

.wrapper-ds-image .sitem-title { font-weight: 700; text-transform: uppercase; line-height: 30px; color: #747373; font-size: 17px; padding-left: 10px; }

.wrapper-ds-image .sitem-img { font-weight: 700; text-transform: uppercase; display: inline; line-height: 30px; color: #747373; font-size: 17px; border-radius: 50px; overflow: hidden; }

.wrapper-ds-image .sitem-img img { width: 40px; border-radius: 50px; overflow: hidden; box-shadow: 2px 2px 2px #8E8E8E; }

.wrapper-ds-image .selectitem .tadres-adres { line-height: 23px !important; }

.wrapper-ds-image .selectitem .tadres-kisi { padding: 5px 1px 0 2px; display: block; color: #107BBE; }

.wrapper-ds-image .dropdownselect li:hover a { background: #f3f8f8; }

.wrapper-ds-image .dropdownselect .liactive a { background: #e8e8e8; }

.wrapper-ds-image.active .dropdownselect { opacity: 1; pointer-events: auto; }

.no-opacity .wrapper-ds-image .dropdownselect, .no-pointerevents .wrapper-ds-image .dropdownselect { display: none; opacity: 1; pointer-events: auto; }

.no-opacity .wrapper-ds-image.active .dropdownselect, .no-pointerevents .wrapper-ds-image.active .dropdownselect { display: block; }

.drptransporter.norecords .newclick { text-align: center; display: block; height: 140px; padding: 65px 43px 43px; color: #107BBE; }

/*scategory*/
.scategory { position: relative; width: 200px; margin: 0 auto; background: #fff; cursor: pointer; outline: none; }

.scategory:after { content: ""; width: 0; height: 0; position: absolute; right: 5px; top: 50%; margin-top: -3px; border-width: 6px 6px 0; border-style: solid; border-color: #919191 transparent; }

.scategory .dropdownselect { position: absolute; top: 100%; right: 0; background: #fff; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; list-style: none; opacity: 0; pointer-events: none; width: 215px; }

.scategory .dropdownselect li a { display: block; text-decoration: none; color: #333; /* border-left: 5px solid; */ padding: 2px 10px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }

.scategory .dropdownselect li:nth-child(1) a { border-left-color: #00ACED; }

.scategory .dropdownselect li:nth-child(2) a { border-left-color: #4183C4; }

.scategory .dropdownselect li:nth-child(3) a { border-left-color: #3B5998; }

.scategory .dropdownselect li i { margin-right: 5px; color: inherit; vertical-align: middle; }

.scategory .dropdownselect li:hover a { color: #2fb7ec; }

.scategory.active:after { border-width: 0 6px 6px; }

.scategory.active .dropdownselect { opacity: 1; pointer-events: auto; border: 1px solid #c9c9c9; background: #fff; box-shadow: 1px 2px 2px 0 rgba(0,0,0,.18); }

.scategory.active .selectboxlistbox { display: block; }

.no-opacity .scategory .dropdownselect, .no-pointerevents .scategory .dropdownselect { display: none; opacity: 1; pointer-events: auto; }

.no-opacity .scategory.active .dropdownselect, .no-pointerevents .scategory.active .dropdownselect { display: block; }

.scategory .selectitem { height: 50px; }

.scategory .selectitem a { line-height: 50px; text-overflow: ellipsis; white-space: nowrap; width: 82px; overflow: hidden; }

.scategory .selectitem span { color: #919191; text-overflow: ellipsis; white-space: nowrap; width: 82px; display: block; overflow: hidden; }

.scategory:before { height: 35px; position: absolute; top: 8px; left: -7px; width: 1px; background-color: #919191; content: " "; }