.add-box div.fancy-select { position: relative; font-size: 16px; color: #fff; width: 100%;max-width: 65%;float: right;background-color: #fff}
.add-box div.fancy-select div.trigger {margin: 0 auto;cursor: pointer; padding: 9px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; background: transparent;text-align: left; color: #000; width: 100%; transition: all 240ms ease-out; -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out; -ms-transition: all 240ms ease-out; -o-transition: all 240ms ease-out;border:2px solid #e8eaed}
.add-box div.fancy-select div.trigger:after { content: ""; display: block; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-top-color: #c7c7c7; top: 20px; right: 5px; }
.add-box div.fancy-select ul.options { list-style: none; margin: 0; position: absolute; top: 40px; left: 0; visibility: hidden; opacity: 0; z-index: 50; max-height: 200px; overflow: auto; background: #fff; border:1px solid #e8eaed; width: 100%; max-width: 100%; transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; }
.add-box div.fancy-select ul.options.open { visibility: visible; opacity: 1; transition: opacity 300ms ease-out, top 300ms ease-out; -webkit-transition: opacity 300ms ease-out, top 300ms ease-out; -moz-transition: opacity 300ms ease-out, top 300ms ease-out; -ms-transition: opacity 300ms ease-out, top 300ms ease-out; -o-transition: opacity 300ms ease-out, top 300ms ease-out; }
.add-box div.fancy-select ul.options.overflowing { top: auto; bottom: 40px; transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; }
.add-box div.fancy-select ul.options.overflowing.open { top: auto; bottom: 50px; transition: opacity 300ms ease-out, bottom 300ms ease-out; -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out; -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out; -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out; -o-transition: opacity 300ms ease-out, bottom 300ms ease-out; }
.add-box div.fancy-select ul.options li { padding: 9px 10px; color: #fff; cursor: pointer; white-space: nowrap; text-align: left; transition: all 150ms ease-out; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; }
.add-box div.fancy-select ul.options li.selected { color: #fff; }
.add-box div.fancy-select ul.options li.hover { color: #fff; background: #c0887d; }


.add-box.with-tiles .interview-div .small-selects div.fancy-select{float: none;display: inline-block;width: 125px;vertical-align: -16px;}
.add-box.with-tiles .interview-div .small-selects div.fancy-select div.trigger{color: #000;}
.add-box.with-tiles .interview-div .small-selects .add-box div.fancy-select ul.options{max-height: 130px}

.add-box.with-tiles .interview-div .own-select div.fancy-select{float: none;display: inline-block;width: 100%;max-width: 49%}
.add-box.with-tiles .interview-div .own-select div.fancy-select div.trigger{color: #000;}