/* ========================================================================== =Typography ========================================================================== */ body { background-color: #fff; font: 16px 'Noto Serif', Arial, sans-serif; /* font: 14px 'gotham_htfbook', Arial, sans-serif;*/ line-height: 28px; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; letter-spacing: -0.2px; color: #000; } @media (max-width: 767px) { /** * 1. Hide background on mobile devices */ body { background: none; /* 1 */ background-color: #fff; } } h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; color: #000; font-family: 'gotham_htfbold', Arial, sans-serif; font-weight: 400; text-transform: uppercase; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { /*font-size: 36px;*/ font-size: 32px; line-height: 44px; letter-spacing: 0; } h2 { font-size: 28px; line-height: 42px; letter-spacing: 0; } h3 { font-size: 26px; line-height: 32px; letter-spacing: 0; } h4 { font-size: 20px; line-height: 28px; letter-spacing: 0; margin-top: 6px; } h5 { font-size: 18px; line-height: 25px; letter-spacing: 0; text-transform: uppercase; } h6 { font-size: 16px; line-height: 22px; letter-spacing: 0; } .fourteen { font-size: 14px; } .span1 h6 { line-height: 44px; } p { margin-bottom: 25px; /*color:#5b5b5b;line-height:28px;*/ line-height: 24px; } em { font-style: italic; } strong { font-weight: 700; } small { font-size: 90%; } big { font-size: 125%; } sub { vertical-align: sub; font-size: 75%; } sup { vertical-align: super; font-size: 75%; } abbr[title] { border-bottom: 1px dotted #999; cursor: help; } address { display: block; margin-bottom: 20px; } blockquote { font-size: 16px; line-height: 26px; } blockquote p { font-style: italic; } hr { height: 0; border: solid #e1e1e1; border-width: 1px 0 0 0; margin: 30px 0; } kbd, tt, var, samp, code, pre { font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; } code { padding: 1px 4px; border: 1px solid #e1e1e1; border-radius: 3px; background-color: #f3f3f3; color: #ff3b3b; } pre { overflow-x: auto; display: block; padding: 20px; border: 1px solid #e1e1e1; border-radius: 3px; margin-bottom: 20px; background-color: #f3f3f3; white-space: pre-wrap; } mark, ins { padding: 1px 4px; border: 1px solid #e1e1e1; border-radius: 3px; background-color: #f3f3f3; text-decoration: none; } s, del { text-decoration: line-through; } /* Typography Helper Classes */ /** *
acts like an
*/ .hr { border-top: 1px solid #e1e1e1; margin: 30px 0; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; padding-top: 0; /*margin-bottom: 40px;*/ } .text-center-1 { text-align: center; } .text-center p { font-style: italic; color: #424242; letter-spacing: 0; line-height: 26px; } .text-center-1 p { color: #fff; } .text-justify { text-align: justify; } .text-left-2 { text-align: left; margin-left: 25px; margin-top: -7px; } .text-uppercase { text-transform: uppercase; } .no-results-txt p { font: 20px/30px 'gotham_htfbold', Arial, sans-serif!important; } .text-highlight { padding: 1px 5px; border-radius: 2px; background-color: #232323; color: #fff; } .mute { color: #999; } .no-margin-bottom, .last { margin-bottom: 0 !important; } .copyright { font-family: 'gotham_htfmedium', Arial, sans-serif; font-weight: 400; text-transform: uppercase; color: #fff; font-size: 11px; letter-spacing: 1px; margin-bottom: 10px; } @media (max-width: 767px) { .no-margin-bottom, .last { margin-bottom: 20px !important; } .text-right { text-align: left; } } /* ========================================================================== =Links ========================================================================== */ a { cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } a, a:visited { color: #232323; text-decoration: none; } /** * 1. Remove the gray background color from active links in IE 10. */ a:active { background: transparent; /* 1 */ } a:active, a:hover, a:focus { outline: 0; text-decoration: none; color: #333; } /* ========================================================================== =Lists ========================================================================== */ ul, ol { margin-bottom: 20px; list-style-position: inside; } li > ul, li > ol { margin-bottom: 0; margin-left: 30px; } li { margin-bottom: 10px; color: #000; line-height: 28px; } .span5 li { list-style: none; /*border-bottom:1px solid #c8c8c8;*/ } .accordion-item-content .col-xs-12 li { list-style: none; color: #000; font: 14px 'gotham_htfbook', Arial, sans-serif; line-height: 28px; word-break: break-word; } .accordion-item-content .col-xs-12 ul { margin: 0; padding: 0; } .span7 li { list-style: none; /*border-bottom:1px solid #c8c8c8;*/ color: #000; font: 14px 'gotham_htfbook', Arial, sans-serif; line-height: 28px; } .span5 ul { padding: 10px!important; margin-left: -23px; } .span7 ul { padding: 10px!important; margin-left: -50px; } .desc-bold { color: #000; font: 14px 'gotham_htfbold', Arial, sans-serif; line-height: 28px; } ul { border-radius: 3px 3px 3px 3px; list-style: disc outside none; padding: 10px 10px 10px 0; } .span8 ul { padding: 10px 10px 10px 25px; } .span9 ul { padding: 10px 10px 10px 25px; } .span6 ul { padding: 10px 10px 10px 25px; } .anchored { display: block; height: 75px; margin-top: -75px; visibility: hidden; } .offset1 ul { padding: 10px 10px 10px 20px; } ol { list-style-type: decimal; } dl { margin-bottom: 20px; } dt { font-weight: bold; } dd { margin-bottom: 20px; } /* List Helper Classes */ ul.last, ol.last, dl.last { margin-bottom: 0; } @media (max-width: 767px) { ul.last, ol.last { margin-bottom: 20px; } } /* =Custom lists ========================================================================== */ /** * Custom lists * * 1. unstyled list * 2. list with squares for bullets * 3. list with discs for bullets * */ ul.unstyled { list-style-type: none; } /* 1 */ ul.square { list-style-type: square; } /* 2 */ ul.circle { list-style-type: circle; } /* 3 */ /** * Custom Icon Font lists * * 1. Check list * 2. Check list 2 * */ ul.check, /* 1 */ ul.check-2 { list-style: none; } /* 2 */ ul.check li:before { display: inline-block; width: 18px; height: 18px; margin-right: 15px; background-color: #232323; color: #fff; font-family: 'iconfontcustom'; font-size: 10px; line-height: 18px; font-weight: 400; letter-spacing: 0; text-align: center; } ul.check-2 li:before { display: inline-block; width: 16px; height: 16px; margin-right: 15px; border: 1px solid #232323; color: #232323; font-family: 'iconfontcustom'; font-size: 10px; line-height: 16px; font-weight: 400; letter-spacing: 0; text-align: center; } ul.check li:before, ul.check-2 li:before { content: '\ea9f'; } ul.check li { margin-bottom: 5px; } ul.check li:last-child { margin-bottom: 0; } /** * Font Awesome lists * * 1. Check list * */ ul.fill-circle { list-style: none; } /* 1 */ ul.fill-circle li:before { position: relative; top: -2px; display: inline-block; margin-right: 15px; color: #232323; font-family: 'FontAwesome'; font-size: 8px; line-height: 8px; } ul.fill-circle li:before { content: '\f111'; } ul.fill-circle li { margin-bottom: 5px; } ul.fill-circle li:last-child { margin-bottom: 0; } /* ========================================================================== =Images ========================================================================== */ img { max-width: 100%; height: auto; border: none; vertical-align: middle; } #zoom { position: relative!important; display: block; margin-left: auto; margin-right: auto; height: auto; width:auto; } #gallery_01 img { padding: 10px 15px; border: 1px solid #ccc; height: 100px; margin-right: 10px; } .zoomLens { /*width:400px!important; height:400px;*/ } .span8 img { width: 100%; margin-bottom: 40px; } .img-span { margin-bottom: 80px; margin-top: 0; } .row-img { width: 100%; height: 300px; margin-bottom: 80px; margin-top: 20px; } .spaced { padding: 0 40px; } .space-height { margin-top: 40px; } .button { position: relative; display: inline-block; overflow: hidden; margin: 0; padding: 0 4em; height: 3.5em; font: 300 1em/3.5em 'gotham_htfbold', Arial, sans-serif; text-transform: uppercase; text-decoration: none!important; letter-spacing: 0.08em; color: #fff!important; background: #333; border: 2px solid #333; -moz-transition: ease 0.35s all; -o-transition: ease 0.35s all; -webkit-transition: ease 0.35s all; transition: ease 0.35s all; } /*.button, [class*="button-"] { position: relative; display: inline-block; overflow: hidden; margin: 0; padding: 0 4em; height: 3.5em; font: 300 1em/3.5em 'gotham_htfbold', Arial, sans-serif; text-transform:uppercase; text-decoration: none!important; letter-spacing: .08em; color: #fff!important; background: #333; border:2px solid #333; -moz-transition: ease 0.35s all; -o-transition: ease 0.35s all; -webkit-transition: ease 0.35s all; transition: ease 0.35s all; }*/ .button:hover, [class*='button-']:hover { background: #fff; } .button-hover:hover { line-height: 9em; border: 2px solid #333; } .button-hover:before { content: attr(data-text); color: #333; position: absolute; top: -2.75em; } /* ========================================================================== =Tables ========================================================================== */ table, th, td { border: 1px solid #e1e1e1; } /** * 1. Prevents HTML tables from becoming too wide */ table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 20px; table-layout: fixed; /* 1 */ width: 100%; } caption, th, td { font-weight: normal; text-align: left; } caption { margin-bottom: 20px; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { border-width: 0 1px 1px 0; } th, td { padding: 8px; } @media (max-width: 480px) { /** * Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; } /** * Hide table headers */ th { position: absolute; top: -9999px; left: -9999px; } tr { } td:first-child { border-top: none !important; } } /* ========================================================================== =Forms ========================================================================== */ form { font: 12px 'gotham_htfmedium', Arial, sans-serif; font-weight: 500; } fieldset legend { padding: 0 10px; margin: 0; margin-left: -2px; background: #fff; font-weight: 700; } ::-moz-placeholder, ::-webkit-input-placeholder, :-ms-input-placeholder { color: #999; } label { /*display: block;*/ margin-bottom: 5px; } input[type='text'], input[type='password'], input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='month'], input[type='week'], input[type='email'], input[type='number'], input[type='search'], input[type='tel'], input[type='time'], input[type='url'], input[type='color'], textarea { display: block; width: 100%; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 14px; border: 1px solid #e1e1e1; margin-bottom: 10px; background-color: #fff; color: #979797; font: 12px 'gotham_htfmedium', Arial, sans-serif; border-radius: 8px; z-index: 1000; } input[type='text']:focus, input[type='password']:focus, input[type='date']:focus, input[type='datetime']:focus, input[type='datetime-local']:focus, input[type='month']:focus, input[type='week']:focus, input[type='email']:focus, input[type='number']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='time']:focus, input[type='url']:focus, input[type='color']:focus, textarea:focus { border-color: #504e4e; outline: none; } input[type='text']:disabled, input[type='password']:disabled, input[type='date']:disabled, input[type='datetime']:disabled, input[type='datetime-local']:disabled, input[type='month']:disabled, input[type='week']:disabled, input[type='email']:disabled, input[type='number']:disabled, input[type='search']:disabled, input[type='tel']:disabled, input[type='time']:disabled, input[type='url']:disabled, input[type='color']:disabled, textarea:disabled { background-color: #f3f3f3; cursor: not-allowed; } input[type='text'][disabled], input[type='text'][readonly], fieldset[disabled] input[type='text'], input[type='password'][disabled], input[type='password'][readonly], fieldset[disabled] input[type='password'], input[type='date'][disabled], input[type='date'][readonly], fieldset[disabled] input[type='date'], input[type='datetime'][disabled], input[type='datetime'][readonly], fieldset[disabled] input[type='datetime'], input[type='datetime-local'][disabled], input[type='datetime-local'][readonly], fieldset[disabled] input[type='datetime-local'], input[type='month'][disabled], input[type='month'][readonly], fieldset[disabled] input[type='month'], input[type='week'][disabled], input[type='week'][readonly], fieldset[disabled] input[type='week'], input[type='email'][disabled], input[type='email'][readonly], fieldset[disabled] input[type='email'], input[type='number'][disabled], input[type='number'][readonly], fieldset[disabled] input[type='number'], input[type='search'][disabled], input[type='search'][readonly], fieldset[disabled] input[type='search'], input[type='tel'][disabled], input[type='tel'][readonly], fieldset[disabled] input[type='tel'], input[type='time'][disabled], input[type='time'][readonly], fieldset[disabled] input[type='time'], input[type='url'][disabled], input[type='url'][readonly], fieldset[disabled] input[type='url'], input[type='color'][disabled], input[type='color'][readonly], fieldset[disabled] input[type='color'], textarea[disabled], textarea[readonly], fieldset[disabled] textarea { background-color: #f3f3f3; cursor: not-allowed; } textarea[rows] { height: auto; } /** * 1. Not allow resize out of parent */ textarea { max-width: 100%; /* 1 */ } select { padding: 6px 10px; height: 45px; width: 100%; border: 1px solid #e1e1e1; color: #979797; font: 12px 'gotham_htfmedium', Arial, sans-serif; padding-left: 20px; /*border-radius:20px;*/ border-radius: 8px; background: #fff url('../images/down-arrow.png') no-repeat 92%; background-size: 10px 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select:disabled { background-color: #f3f3f3; cursor: not-allowed; } select:focus { border-color: #bbb; } select[multiple] { height: auto; } input[type='range'] { width: 100%; } input[type='file'], input[type='checkbox'], input[type='radio'], select { margin: 0 0 10px; } input[type='checkbox'] + label, input[type='radio'] + label { display: inline-block; margin-right: 10px; margin-bottom: 0; margin-left: 0; vertical-align: baseline; color: #000; } input[type='file'] { width: 100%; } button, input[type='reset'], input[type='submit'], input[type='button'] { position: relative; display: inline-block; padding: 11px 25px; border: 1px solid #504e4e; background: #504e4e; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; color: #fff; text-align: center; text-decoration: none; cursor: pointer; -webkit-appearance: none; height: 43px; } input[type='checkbox'] { -webkit-transition: border 0.4s; transition: border 0.4s; margin-right: 8px; } input[type='checkbox']:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 2px; background-color: #3e4044; opacity: 0; -webkit-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),opacity 0.4s; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),opacity 0.4s; } .widget { margin-top: 0; } /* =Responsive Form Inputs ========================================================================== */ /** * 1. Reset float inherited from .span* * 2. Change padding inherited from .span* with the one set in base.css for inputs */ button[class*='span'], input[type='reset'][class*='span'], input[type='submit'][class*='span'], input[type='button'][class*='span'], input[type='range'][class*='span'], input[type='color'][class*='span'], input[type='text'][class*='span'], input[type='password'][class*='span'], input[type='date'][class*='span'], input[type='datetime'][class*='span'], input[type='datetime-local'][class*='span'], input[type='month'][class*='span'], input[type='week'][class*='span'], input[type='email'][class*='span'], input[type='number'][class*='span'], input[type='search'][class*='span'], input[type='tel'][class*='span'], input[type='time'][class*='span'], input[type='url'][class*='span'], textarea[class*='span'], select[class*='span'] { float: none; /* 1 */ padding: 12px 10px; /* 2 */ } @media (min-width: 767px) { button.span12, input[type='range'].span12, input[type='color'].span12, input[type='reset'].span12, input[type='submit'].span12, input[type='button'].span12, input[type='text'].span12, input[type='password'].span12, input[type='date'].span12, input[type='datetime'].span12, input[type='datetime-local'].span12, input[type='month'].span12, input[type='week'].span12, input[type='email'].span12, input[type='number'].span12, input[type='search'].span12, input[type='tel'].span12, input[type='time'].span12, input[type='url'].span12, textarea.span12, select.span12 { width: 100%; } button.span11, input[type='range'].span11, input[type='color'].span11, input[type='reset'].span11, input[type='submit'].span11, input[type='button'].span11, input[type='text'].span11, input[type='password'].span11, input[type='date'].span11, input[type='datetime'].span11, input[type='datetime-local'].span11, input[type='month'].span11, input[type='week'].span11, input[type='email'].span11, input[type='number'].span11, input[type='search'].span11, input[type='tel'].span11, input[type='time'].span11, input[type='url'].span11, textarea.span11, select.span11 { width: 91.66666667%; } button.span10, input[type='range'].span10, input[type='color'].span10, input[type='reset'].span10, input[type='submit'].span10, input[type='button'].span10, input[type='text'].span10, input[type='password'].span10, input[type='date'].span10, input[type='datetime'].span10, input[type='datetime-local'].span10, input[type='month'].span10, input[type='week'].span10, input[type='email'].span10, input[type='number'].span10, input[type='search'].span10, input[type='tel'].span10, input[type='time'].span10, input[type='url'].span10, textarea.span10, select.span10 { width: 83.33333333%; } button.span9, input[type='range'].span9, input[type='color'].span9, input[type='reset'].span9, input[type='submit'].span9, input[type='button'].span9, input[type='text'].span9, input[type='password'].span9, input[type='date'].span9, input[type='datetime'].span9, input[type='datetime-local'].span9, input[type='month'].span9, input[type='week'].span9, input[type='email'].span9, input[type='number'].span9, input[type='search'].span9, input[type='tel'].span9, input[type='time'].span9, input[type='url'].span9, textarea.span9, select.span9 { width: 75%; } button.span8, input[type='range'].span8, input[type='color'].span8, input[type='reset'].span8, input[type='submit'].span8, input[type='button'].span8, input[type='text'].span8, input[type='password'].span8, input[type='date'].span8, input[type='datetime'].span8, input[type='datetime-local'].span8, input[type='month'].span8, input[type='week'].span8, input[type='email'].span8, input[type='number'].span8, input[type='search'].span8, input[type='tel'].span8, input[type='time'].span8, input[type='url'].span8, textarea.span8, select.span8 { width: 66.66666667%; } button.span7, input[type='range'].span7, input[type='color'].span7, input[type='reset'].span7, input[type='submit'].span7, input[type='button'].span7, input[type='text'].span7, input[type='password'].span7, input[type='date'].span7, input[type='datetime'].span7, input[type='datetime-local'].span7, input[type='month'].span7, input[type='week'].span7, input[type='email'].span7, input[type='number'].span7, input[type='search'].span7, input[type='tel'].span7, input[type='time'].span7, input[type='url'].span7, textarea.span7, select.span7 { width: 58.33333333%; } button.span6, input[type='range'].span6, input[type='color'].span6, input[type='reset'].span6, input[type='submit'].span6, input[type='button'].span6, input[type='text'].span6, input[type='password'].span6, input[type='date'].span6, input[type='datetime'].span6, input[type='datetime-local'].span6, input[type='month'].span6, input[type='week'].span6, input[type='email'].span6, input[type='number'].span6, input[type='search'].span6, input[type='tel'].span6, input[type='time'].span6, input[type='url'].span6, textarea.span6, select.span6 { width: 50%; } button.span5, input[type='range'].span5, input[type='color'].span5, input[type='reset'].span5, input[type='submit'].span5, input[type='button'].span5, input[type='text'].span5, input[type='password'].span5, input[type='date'].span5, input[type='datetime'].span5, input[type='datetime-local'].span5, input[type='month'].span5, input[type='week'].span5, input[type='email'].span5, input[type='number'].span5, input[type='search'].span5, input[type='tel'].span5, input[type='time'].span5, input[type='url'].span5, textarea.span5, select.span5 { width: 41.66666667%; } button.span4, input[type='range'].span4, input[type='color'].span4, input[type='reset'].span4, input[type='submit'].span4, input[type='button'].span4, input[type='text'].span4, input[type='password'].span4, input[type='date'].span4, input[type='datetime'].span4, input[type='datetime-local'].span4, input[type='month'].span4, input[type='week'].span4, input[type='email'].span4, input[type='number'].span4, input[type='search'].span4, input[type='tel'].span4, input[type='time'].span4, input[type='url'].span4, textarea.span4, select.span4 { width: 33.33333333%; } button.span3, input[type='range'].span3, input[type='color'].span3, input[type='reset'].span3, input[type='submit'].span3, input[type='button'].span3, input[type='text'].span3, input[type='password'].span3, input[type='date'].span3, input[type='datetime'].span3, input[type='datetime-local'].span3, input[type='month'].span3, input[type='week'].span3, input[type='email'].span3, input[type='number'].span3, input[type='search'].span3, input[type='tel'].span3, input[type='time'].span3, input[type='url'].span3, textarea.span3, select.span3 { width: 25%; } button.span2, input[type='range'].span2, input[type='color'].span2, input[type='reset'].span2, input[type='submit'].span2, input[type='button'].span2, input[type='text'].span2, input[type='password'].span2, input[type='date'].span2, input[type='datetime'].span2, input[type='datetime-local'].span2, input[type='month'].span2, input[type='week'].span2, input[type='email'].span2, input[type='number'].span2, input[type='search'].span2, input[type='tel'].span2, input[type='time'].span2, input[type='url'].span2, textarea.span2, select.span2 { width: 16.66666667%; } button.span1, input[type='range'].span1, input[type='color'].span1, input[type='reset'].span1, input[type='submit'].span1, input[type='button'].span1, input[type='text'].span1, input[type='password'].span1, input[type='date'].span1, input[type='datetime'].span1, input[type='datetime-local'].span1, input[type='month'].span1, input[type='week'].span1, input[type='email'].span1, input[type='number'].span1, input[type='search'].span1, input[type='tel'].span1, input[type='time'].span1, input[type='url'].span1, textarea.span1, select.span1 { width: 8.33333333%; } } input.text { margin-bottom: 12px; width: 100%; padding: 12px; font-family: 'gotham_htfbook', Arial, sans-serif; color: #000; } select { outline: none; } .my-location input { outline: none; } #bg-1w { padding: 30px 0 10px 0; } .map { position: relative; margin-bottom: -42px!important; } .padding-top-zero { padding-top: 0; border-bottom: 1px solid #e1e1e1; margin-bottom: 0; padding: 0; } .margin-top-zero { margin-top: 0; text-align: left; } .view-all-location { font-size: 14px; padding: 5px 0 30px; margin-top: -10px; } .view-all-location span { border-bottom: 1px solid #999; } .labels { color: white; font-size: 12px; font-weight: bold; text-align: center; } .info-card { width: 500px; background-color: #fff; /*height: 200px;*/ height: auto; padding: 0 !important; position: absolute; padding-top: 15px!important; } .info-card img { width: 160px; padding-bottom: 10px; } #dvResult { display: none; width: 400px; position: absolute; background-color: #fff; } #dvResult img { width: auto; padding-bottom: 10px; max-height: 100px; max-width: 200px; } .r-title { font-weight: bold; color: #454545; } .r-city { color: #454545; } .nopadding { padding-left: 0; padding-right: 0; text-align: left; } .google-map { min-height: 500px; } .no-result p { padding: 20px; } .relative-position { position: relative; } .select-brand { position: relative; } .select-country { position: relative; } .arrow-position { font-size: 25px; position: absolute; top: 10px; right: 30px; } .search-area { position: relative; } .search-area input { padding-left: 40px; } .search-area .fa-search { font-size: 20px; position: absolute; top: 13px; left: 30px; } .search-area .fa-times-circle { font-size: 25px; position: absolute; top: 13px; right: 25px; background-color: #fff; display: none; } .back-to-search { padding: 15px 5px 5px; } .back-to-search span { color: #08adef; font-size: 14px; cursor: pointer; border-bottom: 1px solid #08adef; } .my-location { position: relative; } .my-location .fa-map-marker { font-size: 24px; position: absolute; top: 10px; left: 26px; z-index: 555; } .card { cursor: pointer; padding: 20px; border-bottom: 1px solid #dadada; font-family: 'gotham_htfbook', Arial, sans-serif; } .card.selected { background-color: #e6e6e6; } .card .title { font-size: 15px; font-weight: bold; margin-bottom: 10px; line-height: 18px; } .card .desc { font-size: 13px; font-weight: normal; line-height: 20px; display: block; } .card a.link { color: #08c; font-size: 13px; font-weight: bold; } .numberCircle { border-radius: 50%; width: 28px; height: 28px; padding: 5px; background: #000 none repeat scroll 0 0; border: 2px solid #000; color: #fff; text-align: center; font: 12px Arial,sans-serif; } .miles { color: #666; font-size: 13px; } .map-list { margin-bottom: -20px; } select::-ms-expand { display: none; }