/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)


 'Raleway'
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    /*font-size: 100%;
    font: inherit;
    vertical-align: baseline;*/
    color: #21313f;
    font-size: 12px;
    text-decoration: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body, input {
    line-height: 1.5;
    font-family: "Raleway",sans-serif;
    font-size: 13px;
    
}
ol, ul {
    list-style: none;
	clear:left;
}
blockquote, q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
img {
    vertical-align: middle;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 10px;
}

a{color:#3eb1c8; }
/*-- /reset --*/

/*
 *  Copyright begin
 *
 */
.map {
    position: relative; 
    left: 0px;
}

#w2gi_copyright, #navteq_copyright, #osm_copyright {
    position: absolute;
    bottom: 5px;
    color: #000;
    font-weight: bold;
    font-size: 12px;
    z-index: 999;
}

#w2gi_copyright {   
    right: 3px;
}

 #navteq_copyright { 
    display: none;    
    left: 3px;
 }

 #osm_copyright {
    display: none;
    left: 3px;
 }

 /*
  *  Copyright end
  *
  */



/* -- */


body {
    
}

p {
    padding: 8px;
    clear:both;
}

.box-wrapper {
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
}

.content-list {
    overflow: hidden;
    position: relative;
    background: #FFF;
    /* width: 30em; */
}

.content-list li {
    display: block;
    border-bottom: 0.1em solid #CCC;
}

.content-list.maneuver-result li {
    width: 100%;
}
.content-list li em {
    text-transform: none;
    display: inline-block;
    width:20%;
}
#driving_directions {
	margin-top:10px;
}

#locator_search {
    max-width: 100%;
	margin-bottom:10px;    
    /* width:35em; */
    position: relative;
    padding: 10px;
}

#driving_directions span {
    display: inline-block;
    width: 40px;
    font-weight:bold;
}

#driving_directions label {
    display: inline-block;
	margin:3px;
	width: 35px;
}

#driving_directions input.search-box {
    width: 260px;
}

#driving_directions img.reverse {
    position: relative;
    margin-left:10px;
}



.attribution {    
    bottom: 0;
    width: 96%;
}
.attribution a {
    color:#9AB531;
}

.attribution span {
    display: inline-block;
    text-align: center;
    
}

#locator_search span {
}

#locator_search span:hover {
}
.search-icon {
	cursor:pointer;
    position: absolute;
    right: 15px;
    top: 20px;
    z-index:0;
}

.wrapper {
	position: relative;
	width: 100%;
    overflow: hidden;
    height: 100%;
    margin: 0 auto;
}


.map div {
    padding: 0;
}

.icon-bar {
    float:right;
    position: relative;
    margin-right:10px;
}

.icon img {cursor:pointer !important;}

.icon-bar a, .icon-bar i {
    font-size: 12px;
}

.icon-bar i {
    padding-right: 6px;
    font-size: 14px;
}



.poi {
	float: left;
	clear:left;
	/* height: 497px; */
	/*height: 1050px;*/
	height: 701px;
	overflow: auto;
	position: relative;
	width: 100%;
	z-index: 1;
	display: block;
}

.map {
    float: right;
    /* height: 600px !important; */
    /*height: 1154px !important;*/
    height: 854px !important; 
    margin: 0 auto;
    max-width: calc(100% - 470px);
    width: 67%;
}


#filters {
	position:absolute;
	left:10px;	
}

.searchFilters div {
    float: left;
}

.searchFilters input {
    vertical-align: middle;
}

h3 {    
    color: #fff;
    background: #21313f;
    padding: 5px;
    font-weight: 400;
    /* margin: 10px 0px 10px 5px; */
    text-align: left;
    vertical-align: top;
    clear: both;
    font-family: 'Old Standard TT', serif;
    font-size: 16px;
    font-weight: 700;
}
h3 > span {
    display: inline-block;
    font: inherit;
    color: inherit;
}
h3 > span.h-main {
    width: 200px;
}
#thecount {color:#fff}
.poi.maneuver {
   
}

.poi .content-list li {
    float:left;
    background: #FFF;
}

.poi .content-list.maneuver-result li {
    float: none;
    padding: 5px;
    border-bottom: .5px solid #efefef;
}

.content-list.poi-result {
    width: 100%;
	clear: left;
}

.content-list.poi-result li {
    float:left;
    width: calc(100% - 20px);
    border: none;    
    padding:10px;
    border-bottom: 1px solid #efefef;
    position: relative;
    line-height: 20px;

}

div.brand-s > img {
    max-height: 23px;
}

div.brand-s {
    display: none;
}

div.brand-s.rev1 {
    display: block;
    margin: 4px 0;
}

li.poi-item > div {
    display: inline-block;
    vertical-align: top;
}
li.poi-item > div.poi-1 {
    width: 200px;
}

li.poi-item > div.poi-3 {
    width: 65px;
}

li.poi-item > div.poi-2 {
    width: calc(100% - 272px);
}


.poi-item a {
    color: #3eb1c8;
    /* font-weight: bold;   */
    cursor: pointer;  
    text-decoration:underline;
}

.poi .content-list li.poi-item.poi-hover {
    /* background-color: #efefef; */
}

.poi .content-list li.poi-item.poi-hover:hover {
    background-color: #fff;
}

.box-wrapper {
	position:relative;
}

.search_again {font-weight:bold; cursor:pointer;}

/*
Popup
*/
.w2gi-popup {
    /*width: 250px;
    height: 300px;*/
}

.w2gi-popup h3 {
    color:#000;
    
}
.olPopupContent {
    overflow: hidden !important;
}


/*
Tabs
*/
.tabs {
	/* display:none; */
}

.tabs li {
    background: #ccc;
    display: inline-block;
    padding: 4px;
    margin-right: 5px;
    height: 24px;
    width: 60px;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
}

.tabs li.active {
    background: #fff;
}

.tab-content {
    display: none;
    /*padding:15px !important;
    width: 310px; 
	height:248px;    
	background: url('http://hosted.where2getit.com/yong/images/bubble.png'); 
	background-color: #ffffff;
	min-height:260px;*/
}

.tab-content.active {
    display: block;
    /* background-color: #FFF; */
   padding-top:4px;
}

.w2gi-backbone .olPopupCloseBox {display:none}

.bluepin-label{
	position: absolute;
    left: 6px;
    top: 12px;
    font-size: 14px;
    color: #3eb1c8;
    font-weight:bold;
    width: 25px;
    text-align: center;
}
   

#dd {
    /* display: none;*/
}

.content-list.poi-result li.poi-item:hover {
    background-color: #efefef;
}


.content-list.poi-result .poi_icon {    
    position: relative;
}
.content-list.poi-result p {
    padding:0;
    margin-left: 35px;
       line-height: 14px;
}



.content-list.poi-result strong {
    font-weight: bold;
    font-size: 13px;
    line-height: 25px;
    text-align: center;
    margin-left: 3px;
}

.content-list.poi-result span {
    /*display: block;
     margin-left: 35px; */
}

.content-list.poi-result .poi_number {
    width: 0px;
    position: absolute;
    left: 5px;
    font-size: 14px;
    top: 10px;
    color:#3eb1c8;
    font-weight: bold;
    width:40px;
    font-style: normal;
}

.content-list.poi-result .amenities {
    padding: 0; 
    background: none;
    margin-left: 25px;
}

.content-list.poi-result .amenities li {
    display: inline-block;
    width: 20%;
    font-size: 17px;
    background: none;
    color: #BEB5A0;
    border: none;
    width:30px;
}

.olPopupCloseBox {
    background-image: url("http://hosted.where2getit.com/w2gi/images/close.gif");
    top: 10px !important;
    right: 10px !important;	
    width: 12px !important;
    height: 10px !important;
}

.street-view-wrapper {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 350px;
    height: 250px;
    z-index: 100;
}

.search-box{
    width: calc(100% - 20px);
    padding: 10px;
    background: #efefef;
    border: 1px solid #efefef;
    border-radius: 5px;  
    margin-bottom:10px;
}



.active_action {
    font-weight: bold;
}


div.olControlZoom {
    display: none;
}



.button-search {
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    background: transparent;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index:2;
}

.button-search:hover {
   
}
.button-search:active {
    
}
.button-location {
    background: rgb(139, 198, 56);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#8bc638', endColorstr='#7db333');
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(139, 198, 56)), to(rgb(125, 179, 51)));
    background: -moz-linear-gradient(top, #8bc638, #7db333);
    font-family: "Raleway",sans-serif;
    text-shadow: rgb(79, 79, 79) 0px 1px 1px;
    border: 0;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    height: 36px;
    line-height: 31px;
    border: 1px solid rgb(112, 161, 44);
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.button-location i {
    color: #fff;
    margin-right: 8px;
}

.divider-text {
    color:#fff;
    font-size: 16px;
    display: block;
    margin-top: 5px;
}


.location-wrapper {
    width:20em;
    margin: 0 auto;
    text-align: center;
    margin-top: 1%;
}
.inline-list {
    padding: 1em;
}

.inline-list li {
    display: inline-block;
}

.block, .inline-list li.block {
    display: block;
}

.blue {
    color:#20596E;
}

/*
    dialog
*/


.overlay{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;

}

.modal{
    display: none;
    background:#fff;
    padding-top:20px;
    overflow:auto;
    z-index:1001;
    position:absolute;
    /* width: 750px;
    height: 500px; */
}

.desktopPhone {display:inline;}
.mobilePhone {display:none}

.desktopOnly {display:block;}
.mobileOnly {display:none}

#listview, #mapview {
  cursor: pointer;
  display: none;
  float: left;
  font-size: 16px;
  font-weight: bold;
  height: 50px;
  line-height: 46px;
  text-align: center;
  width: calc(50% - 2px);
    background: #3eb1c8;
    color: #fff;
}

#mapview {
	background: #f3f3f3;
	color: #3eb1c8;
}





input[type="submit"], #search_button {
    background: none repeat scroll 0 0 #c60c30;
    border: medium none;
    color: #ffffff;
    font-weight: bold;
    margin: 0;
    padding: 2px 7px;
    text-transform: uppercase;
}

.closeBtn {position:absolute; right:20px; top:15px; z-index:999;}
.hideit {display:none !important;}



/*
 * Paging controls
 */
.poi_paging_wrapper {
    background: #fff;
    border-bottom: 1px solid #C7D3DA;
    margin-top: 5px;
    text-align: center
}

.poi_paging_wrapper .poi_paging_next, .poi_paging_wrapper .poi_paging_prev {
    display: inline-block;
    width: 49%;
}

.poi_paging_wrapper .poi_paging_next, .poi_paging_wrapper .poi_paging_prev,
.poi_paging_wrapper .poi_paging_next span, .poi_paging_wrapper .poi_paging_prev span {
    color: #3eb1c8;
    font-weight: bold;
    cursor: pointer;
}

.poi_paging_wrapper .poi_paging_disabled,
.poi_paging_wrapper .poi_paging_disabled span,
.poi_paging_wrapper .poi_paging_disabled i {
    color: #ccc;
    cursor: default;
}



.active_action {
    font-weight: bold;
}

.fa {margin-left:5px; margin-right:5px; 
    font-size: 18px;
    color: #21313f;}

.w2gi-backbone .poi.maneuver {clear:none !important;}

.itemlist {float:left; margin-right:20px; margin-left:5px; margin-bottom:20px;}

.itemlist li {
    list-style: outside none none;
}

div.breadcrumb {
    margin: 20px 10px;
    width: auto;
}

.addressBlock {
    padding: 15px;
}




#map {
    border: 1px solid #f2f4f2;
    float: left;
    height: 350px;
    position: relative;
    width: 59%;
}

#panel {
    border: 1px solid #f2f4f2;
    float: left;
    height: 350px;
    overflow: auto;
    width: 40%;
}


.mainlocation {float:left; margin:10px;}

.nearby_icon {
	background: url("http://hosted.where2getit.com/w2gi/images/icons/gray-pin-shadow.png");
    color: #fff;
    float: left;
    font-weight: bold;
    height: 35px;
    padding-top: 5px;
    text-align: center;
    width: 33px;
}

.main_icon {
	background: url("http://hosted.where2getit.com/w2gi/images/icons/pin1.png");
    color: #fff;
    float: left;
    font-weight: bold;
    height: 24px;
    padding-top: 3px;
    text-align: center;
    width: 30px;
    vertical-align:middle;
    margin-right:10px;
}

.nearby_details {float:left;}

.map_panel {
    float: left;
    width: 100%;
}

#cities_list {
    float: left;
    font-size: 11px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 10px;
}

#postalcodes_list {
    float: left;
    font-size: 11px;
    margin-left: 10px;
}

.footer {
    clear: both;
    float: left;
    font-size: 11px;
    margin-left: 10px;
    margin-top: 20px;
}

.reviewbutton {
    background: #3eb1c8 none repeat scroll 0 0;
    border-radius: 6px;
    color: white;
    display: block;
    font-weight: bold;
    height: 12px;
    padding-bottom: 9px;
    padding-top: 4px;
    text-align: center;
    vertical-align: middle;
    width: 250px;
}

.less_results {         
    float: right;
    text-decoration: none;
    color: #374552;
    font-weight: 700;
    font-size: 14px;
    border: .5px solid #374552;
    padding: 5px 10px;
} 

.more_results {
    text-decoration: none;
    color: #374552;
    font-weight: 700;
    font-size: 14px;
    border: .5px solid #374552;
    padding: 5px 10px;
}

#less_wrapper {
    display:none;
    padding:8px;
    vertical-align:middle;
}

#more_wrapper {
    display:inline-block;
    padding:8px;
    vertical-align:middle;
}

.form-wrapper {float:left; width:100%; height:auto;}
.form_poi_wrapper {float:left; width: 33%;min-width: 470px;}

.ol-control {
    bottom: 25px;
    top: auto !important;
    right: 5px;
    left: auto !important;
}

.sortby-filter {	
    padding: 8px;
    background: #efefef;
    border: 1px solid #efefef;
    border-radius: 5px;
    padding-left:10px;
    /* width:calc(50% - 43px); */
   width: calc(100% - 20px);
    margin-bottom:10px;
    cursor:pointer;
    font-size:12px;  
}
.filter {
	float:right; 
	background-image: url('https://hosted.where2getit.com/masterbrand/images/images2019/filter.png');
	background-position: 10px 10px;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    color:#374552;
}
.sortby {
	float:left;
    color:#374552;
}
#sortby {	
    position: absolute;
    top: 95px;
    z-index: 99;
    width: calc(50% - 15px);
    padding: 10px;
    padding-left: 10px;    
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #DDDfD4;
    border-radius: 0px;
    -moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
}

#filters {	
    position: absolute;  
    top: 95px;
    left: calc(50% + 3px);
    z-index: 99;
    width: calc(50% - 15px);
    padding: 10px;
    padding-left: 10px;    
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #DDDfD4;
    border-radius: 0px;
    -moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
}
.sortbyTitle {padding:8px; border-bottom:1px solid #efefef; font-weight:bold;}
.sortitem {cursor:pointer; padding:8px; border-radius:5px; display:block; color:#374552;}
.poi-hover .sortitem {background:#efefef;}
.filteritem {font-weight:bold}
i.custom {
	color:#efefef; cursor:pointer; float:right; 
    font-size: 24px;
    -webkit-text-stroke: 1px white;
}

.mobileIcons {width: 25px; height: 25px; margin-right:15px;}
.popupTitle {font-size: 22px; margin-bottom:20px;}
input.thecheckbox[type="checkbox"] {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    left: -1000px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    z-index: -1000;
}

input.thecheckbox[type="checkbox"]:checked + label.thelabel{
	background-image: url('https://hosted.where2getit.com/masterbrand/images/images2019/checked.png');
	background-position: right 0px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}
.Elite {float: right;}
.thelabel {
	display: block;
	width: 100%;
	height: 20px;
	background-image: url('https://hosted.where2getit.com/masterbrand/images/images2019/unchecked.png');
	background-position: right 0px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.filteritem:hover {background:none;}
#w2gi_wrapper {    
    /* max-width: 1230px; */
    margin: auto;
    border: 1px solid #efefef;
}
.applybtn {padding:8px 10px; font-weight:bold; background:#21313f; color:#fff; float:right;}

.poi-hover .bv_main_container_row_flex{
	/* background-color: #efefef !important; */
}
.bv_numReviews_text {color:#000 !important; font-weight:bold;}
.bv_avgRating {color:#000 !important; font-weight:bold;}

.distancePOI {float:right;font-weight: 600;}
.fullw {float:left; clear:both; width:100%;}
.POIname {margin-bottom:10px;}
.POIname a {
    font-weight: bold;
    text-transform:capitalize;
    color: #21313f;
    text-decoration: none;
    font-size: 16px;
}
.POIaddress {margin-bottom:10px; margin-top:10px; text-transform:capitalize; }
.margin10 {margin-bottom:10px; clear:both; }
.POIhours {width:100%; margin-top:15px; margin-bottom:15px;}
.hourlabel {
    float: left;
    width: 40%;
}
.hovers {float:left;}
.monday .monhour, .tuesday .tuehour, .wednesday .wedhour, .thursday .thuhour, .friday .frihour, .saturday .sathour, .sunday .sunhour {
    font-weight: bold;
}

.directions_btn_wrapper {position:relative;}
.directions-btn {	
    position: absolute;
    bottom: 16px;
    right: 5px;
    border: none;
    background: transparent;
    cursor: pointer;
}
.directions-btn img {width:20px;}

.contact_dealer_btn {float:left; background-color:#21313f; width:150px;}
.moreinfolink {width:calc(100% - 150px); float:left;}
.POIclose {float:right; text-align:right;}
.contact-dealer {
	color: #fff !important; text-transform:uppercase; 
	font-weight:normal !important;	
    padding: 5px 8px;
    display: inline-block;
    text-decoration:none !important;
}
.fa-user:before {color:#fff; font-size:14px; font-weight:normal;}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px !important;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.forMobileClose {	
    position: absolute;
    top: 10px;
    right: 10px;
    cursor:pointer;
}
.margin5 {margin-top:5px !important;}
/* a:focus {border: 1px dotted #374552;} */
.w2gi-backbone .ol-panzoom {bottom: 170px !important; top:auto !important;}
#OpenLayers_Control_PanZoom_zoomout{top: 100px !important; width: 32px !important; height:32px !important;}
#OpenLayers_Control_PanZoom_zoomin {width: 32px !important; height:32px !important;}
#OpenLayers_Control_PanZoom_zoomin_innerImage{
	width: 32px !important; height:32px !important;
}
#OpenLayers_Control_PanZoom_zoomout_innerImage{
	width: 32px !important; height:32px !important;
}

#OpenLayers_Control_PanZoom_panup {display:none !important;}
#OpenLayers_Control_PanZoom_pandown {display:none !important;}
#OpenLayers_Control_PanZoom_panleft {display:none !important;}
#OpenLayers_Control_PanZoom_panright {display:none !important;}

.address-suggestions {float:left; padding:10px; width:95%;}
.address-suggestions li {width:100%; float:left; margin-top:10px; border:none; cursor:pointer}
.address-suggestions li:hover {text-decoration: underline}

div.ch-opt > label {
    vertical-align: top;
}

div.ch-opt {
    margin-top: 5px;
}

@media all and (max-width:870px) {
    li.poi-item > div.poi-3 {
        width: 100%;
        float: none;
        text-align: left;
    }
    .distancePOI {
        float: none;
    }
    li.poi-item > div.poi-2 {
        width: calc(100% - 204px);
    }
    .form_poi_wrapper {
        min-width: 380px;
    }
    .map {
        max-width: calc(100% - 380px);
    }
}

@media all and (max-width:400px) {
    li.poi-item > div.poi-2 {
        width: 100%;
    }
    span.sa {
        display: none;
    }
}

@media all and (min-width:0px) and (max-width:715px) {
    .map {
        max-width: 100%;
    }
    .form_poi_wrapper {
        min-width: 0;
    }
	.w2gi-backbone .ol-panzoom {bottom: 360px !important; top:auto !important;}
	.w2gi-backbone .olPopupCloseBox {display:inline-block;}
	.bubbleicon{		
	    position: absolute;
	    bottom: 0px;
	    left: 83px;
	}
	.tab-content.active {background-color: #fff; padding:10px;}
	.form_poi_wrapper {width:100%;}
	.content-list.poi-result li.poi-item:hover {
		background-color:#fff;
	}
	
	.thelabel {font-size: 18px}
	.filteritem {font-weight: normal}
	.sortitem {font-size: 18px; padding: 10px 10px 10px 0px;}
	.customX {cursor:pointer; float:right; -webkit-text-stroke: 4px white; font-size:28px; color:#999;}
	#filters {		
	    top: 0px;
	    left: 0px;
	    width: 100%;
	    height: 100vh;
	    padding: 15px;
	}
	#sortby {		
	    top: 0px;
	    left: 0px;
	    width: 100%;
	    height: 100vh;
	    padding: 15px;
	}
	.form-wrapper {width: 100%;}
	 .map {
	 	position: absolute;
        left: -9990px;
        /*height:450px;
        max-height:450px;*/
        margin-left:10px;
        margin-right:10px;
        width:96%;
        top:153px;
        height: 600px !important;
    }	
	.poi {width:100%; height:auto;}
	
	.desktopPhone {display:none}
	.mobilePhone {display:inline}
	
	.desktopOnly {display:none;}
	.mobileOnly {display:block}

	#listview, #mapview {
    	display:block;
    }
       
}

@media all and (min-width:0px) and (max-width:320px) {
	.sortby {font-size:11px;}
}

.ol-control button {
    font-weight: 100;
    font-size: 18px;
}