/* tool-outer */
* { outline: none; }
.tool-outer { width: 240px; display: inline-block; }
.tool-outer .qs-two-dropdown-widget { width: 100%; display: inline-block; background: #fff; border: 10px solid #dee7ec; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 0 10px rgba(0,0,0,0.3);} 
.tool-outer .search-ttl { background: #f56542; width: 100%; display: block; text-align: center; margin-left: -20px; margin-top: 10px; padding: 15px 20px;}
.tool-outer .search-ttl strong span { font-size: 33px; color: #fff; font-family: 'proxima_novaextrabold'; display: block; letter-spacing: 4px; margin-bottom: 5px; text-transform: uppercase; line-height: 33px;}
.tool-outer .search-ttl strong small { font-size: 17px; color: #fff; font-family: 'proxima_novasemibold'; display: block; text-transform: uppercase; line-height: 17px;}
.tool-outer .panel-outer { padding: 0 10px; }
.tool-outer .panel-outer .panel { display: inline-block; float: left; margin-top: 15px;}
.tool-outer .panel-outer .panel > label { font-size: 13px; color: #999; text-transform: uppercase; font-family: 'proxima_nova_rgbold'; }
.tool-outer .panel-outer .panel .select-box { width: 100%; display: inline-block; border: 2px solid #f56542; background: #fff; position: relative; overflow: hidden; height: 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 0 10px; cursor: pointer; }
.tool-outer .panel-outer .panel .select-box.active { border-color: #56d6cb; cursor: pointer; }
.tool-outer .panel-outer .panel .select-box:after { content: ''; background: url(../../images/down-arw.png) no-repeat; width: 9px; height: 6px; position: absolute; right: 10px; top: 50%; margin-top: -3px; }
.tool-outer .panel-outer .panel .select-box > select { width: 130%; height: 43px; background: transparent; border: none; font-size: 15px; color: #333; font-family: 'proxima_nova_rgregular'; cursor: pointer; line-height: 37px;} 
.tool-outer .panel-outer .panel .select-box.active > select { font-family: 'proxima_novasemibold'; color: #56d6cb; }
.tool-outer .panel-outer .panel .select-box.active > select option  { color: #333; }
.tool-outer .panel-outer .submit { background: #f56542; box-shadow: 0 3px 0 #a9442e; color: #fff; font-size: 26px; line-height: 44px; width: 100%; box-sizing: border-box; text-align: center; border-radius: 5px; margin-top: 20px; font-family: 'proxima_nova_rgbold'; text-align: center; text-transform: uppercase; border: none; margin-bottom: 15px; cursor: pointer;}
.tool-outer .panel-outer .sponsored-with-text { display: inline-block; text-align: right; width: 100%;}
.tool-outer .panel-outer .sponsored-with-text .sponsored { display: inline-block; position: relative; }
.tool-outer .panel-outer .sponsored-with-text .sponsored .sponsored-text { background: url(../../images/sponsored-text-bg.png) no-repeat; bottom: 20px; height: 173px; position: absolute; right: -10px; width: 190px; display: none;}
.tool-outer .panel-outer .sponsored-with-text .sponsored:hover .sponsored-text { display: block; }
.tool-outer .panel-outer .sponsored-with-text b { position: relative; color: #666; font-size: 9px; text-transform: uppercase; font-family: 'proxima_nova_rgregular'; padding-right: 14px;}
.tool-outer .panel-outer .sponsored-with-text b:after { background: url(../../images/sponsored-icn.png) no-repeat; height:9px; width: 9px; position: absolute; right: 0px; top: 0; content: ''; display: block;}
.tool-outer .panel-outer .sponsored-with-text b a { color: #666; }
@media screen and (max-width:559px){
.tool-outer { width: 100%; }
.tool-outer .search-ttl { margin-left: -10px; padding: 15px 10px; }
.tool-outer .panel-outer { max-width: 240px; margin: 0 auto;}
}