/* ==========================================================================
=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;
}