example.css

.clearfix{*zoom:1}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.alignleft{float:left}.alignright{float:right}.black{color:#202020 !important}.bold{font-weight:700}.center{text-align:center}.hide{display:none !important;visibility:hidden}.inline{display:inline-block !important}.large{font-size:115%}.left{text-align:left}.light{font-weight:300}.lower{text-transform:lowercase}.red{color:#ff3200}.regular{font-weight:400}.right{text-align:right}.semi-bold{font-weight:600}.small{font-size:85%}.show{display:block}.table-cell-hack{display:table-cell}.upper{text-transform:uppercase}.valign{display:inline-block;vertical-align:middle}.white{color:#fff}@keyframes blink-caret{from,to{background-color:#767575}50%{background-color:transparent}}@-webkit-keyframes blink-caret{from,to{background-color:#767575}50%{background-color:transparent}}.input-suggestion-mixin li{padding:0;line-height:normal;border-bottom:1px solid #282528}.input-suggestion-mixin li.selected{background-color:#ddcd75;-webkit-border-radius:2px;border-radius:2px;background-clip:padding-box}.input-suggestion-mixin li.selected .row-wrapper div,.input-suggestion-mixin li.selected .ui-match{color:#202020}.input-suggestion-mixin li .ui-match{color:#ddcd75}.input-suggestion-mixin li .row-wrapper{display:block;padding:9px 38px;margin:0;cursor:pointer;font-family:adelle,Helvetica,Arial,sans-serif;font-size:1.3em}.input-suggestion-mixin li .row-wrapper div{float:left;padding-right:8px;color:#fafafa}.input-suggestion-mixin li .row-wrapper div+div{color:#747474}.input-suggestion-mixin .type-name{padding:8px 38px;color:#aeaeae;background-color:#2e2a2d;text-transform:uppercase;letter-spacing:0.1em;line-height:normal}.input-suggestion-mixin .type-name.fixed{position:fixed;width:1055px;top:183px}.input-suggestion-mixin .view-more{line-height:normal}.input-suggestion-mixin .view-more a{display:block;padding:20px 38px;background-color:#2e2a2d;border-bottom:3px solid #ff3200;color:#fafafa;text-transform:uppercase;letter-spacing:0.1em}.input-suggestion-mixin .view-more a:hover{background-color:#3d383c}.input-suggestion-mixin .view-more a [class*="icon-"]{padding-left:10px}.input-suggestion-mixin .view-more a.no-results{background-color:#000;text-transform:none;letter-spacing:0.05em;font-family:adelle,Helvetica,Arial,sans-serif;font-size:1.2em;cursor:default}.input-suggestion-mixin .view-more a.no-results:hover{background-color:#000}.input-suggestion-mixin .view-more a.no-results span span{color:#ddcd75}.input-suggestion-mixin .transparent{opacity:0}.input-suggestion-mixin .extra-margin{margin-top:30px}.caret-mixin{color:#fff;background-color:#767575;opacity:1;-webkit-animation:blink-caret .6s step-end infinite;-moz-animation:blink-caret .6s step-end infinite;animation:blink-caret .6s step-end infinite}body>div{font-size:0.95rem}html{font-size:100%}html,body{height:100%}body{background-color:#fafafa;color:#747474;font:93.8%/1.4 proxima-nova,Helvetica,Arial,sans-serif}body>div{position:relative;min-height:100%}ul{margin:0;padding:0;list-style-type:none}input,textarea{padding:5px 10px;border:1px solid #c2c2c4;-webkit-border-radius:3px;border-radius:3px;background-clip:padding-box;-webkit-box-shadow:inset 3px 3px 5px -3px #c2c2c4;box-shadow:inset 3px 3px 5px -3px #c2c2c4}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none}.input-suggestion-container{position:relative}.main-search{position:relative;display:inline-block;width:100%;max-width:1107px;font-family:adelle,Helvetica,Arial,sans-serif;margin-top:45px;padding:5px 75px 5px 18px;height:70px;background:rgba(0,0,0,0.7);-webkit-border-radius:70px;border-radius:70px;background-clip:padding-box;color:#fff;border:1px solid #3d383c;z-index:5;overflow:hidden;vertical-align:middle;white-space:nowrap}.main-search .caret{color:#fff;background-color:#767575;opacity:1;-webkit-animation:blink-caret .6s step-end infinite;-moz-animation:blink-caret .6s step-end infinite;animation:blink-caret .6s step-end infinite}.main-search.focus{background:#000}.main-search div{display:inline-block;line-height:54px}.main-search div span{position:relative;display:inline-block;font-size:1em;float:left}.main-search .fancyInputFiller{padding:0 15px 0 20px}.main-search .fancyInputFiller span{padding-top:2px;font-weight:300}.main-search .fancyInputFiller .colored{color:#ddcd75}.main-search *:focus~div .caret{color:#fff;background-color:#767575;opacity:1;-webkit-animation:blink-caret .6s step-end infinite;-moz-animation:blink-caret .6s step-end infinite;animation:blink-caret .6s step-end infinite}.main-search .caret{float:left;display:inline-block;width:1px;height:60px;margin-left:-1px;background-color:#767575;font-weight:normal;vertical-align:top;opacity:0;border:none}.main-search .icon-magnifier{top:12px;padding-left:6px;font-size:2.4em}.main-search .icon-magnifier.no-opacity{opacity:0}.main-search .icon-magnifier-white{position:absolute;top:5px;right:4px;width:58px;height:59px;padding:0;color:#fff;background-color:#000;font-size:2.2em;border:2px solid #ff3200;-webkit-border-radius:50%;border-radius:50%;background-clip:padding-box}.main-search .icon-magnifier-red.no-opacity{display:none}.main-search .spinner-parent{position:absolute;top:11px;right:10px}.main-search .anim-field{position:absolute;top:-2px;left:80px;width:88%;z-index:2;-webkit-box-shadow:none;box-shadow:none;color:transparent;padding-left:6px;padding-top:10px;font-size:0.85em;font-family:adelle,Helvetica,Arial,sans-serif;border:0;outline:0;background:none}.main-search .anim-field.no-opacity{left:30px;border:none;background:none}.main-search .anim-field::-webkit-input-placeholder{color:#fafafa}.main-search .anim-field::-moz-placeholder{color:#fafafa}.main-search .anim-field:-ms-input-placeholder{color:#fafafa}.input-suggestion{position:absolute;width:1106px;min-height:80px;top:-30px;padding-top:42px;z-index:4;background-color:#000;overflow:hidden}.input-suggestion li{padding:0;line-height:normal;border-bottom:1px solid #282528}.input-suggestion li.selected{background-color:#ddcd75;-webkit-border-radius:2px;border-radius:2px;background-clip:padding-box}.input-suggestion li.selected .row-wrapper div,.input-suggestion li.selected .ui-match{color:#202020}.input-suggestion li .ui-match{color:#ddcd75}.input-suggestion li .row-wrapper{display:block;padding:9px 38px;margin:0;cursor:pointer;font-family:adelle,Helvetica,Arial,sans-serif;font-size:1.3em}.input-suggestion li .row-wrapper div{float:left;padding-right:8px;color:#fafafa}.input-suggestion li .row-wrapper div+div{color:#747474}.input-suggestion .type-name{padding:8px 38px;color:#aeaeae;background-color:#2e2a2d;text-transform:uppercase;letter-spacing:0.1em;line-height:normal}.input-suggestion .type-name.fixed{position:fixed;width:1055px;top:183px}.input-suggestion .view-more{line-height:normal}.input-suggestion .view-more a{display:block;padding:20px 38px;background-color:#2e2a2d;border-bottom:3px solid #ff3200;color:#fafafa;text-transform:uppercase;letter-spacing:0.1em}.input-suggestion .view-more a:hover{background-color:#3d383c}.input-suggestion .view-more a [class*="icon-"]{padding-left:10px}.input-suggestion .view-more a.no-results{background-color:#000;text-transform:none;letter-spacing:0.05em;font-family:adelle,Helvetica,Arial,sans-serif;font-size:1.2em;cursor:default}.input-suggestion .view-more a.no-results:hover{background-color:#000}.input-suggestion .view-more a.no-results span span{color:#ddcd75}.input-suggestion .transparent{opacity:0}.input-suggestion .extra-margin{margin-top:30px}