/* @CLEAR (FORMATTING)
/* ---------------------------------------- */

a {

    text-decoration-color: rgba(0,0,0,0.25);
    color:  #59595B;
}

.clear {
    clear: both;
}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}

img { 
	outline: none;
    border: 0;
}

form {
    margin: 0;
}

input.textfield {
    border:1px solid #000000
}

ol, ul {
	list-style: none;
    font-family: 'NexaLight', sans-serif;	
    margin-top:0;
    margin-bottom:0px;
    line-height: 18px;
}

h1 {
    
}

p {
    font-family: 'NexaLight', sans-serif;	
}

.itemlist {float:left; width:200px; margin:5px;}
.itemlist_fullwidth {float:left; width:100%; margin:5px;}
.wrapper{
    width: 100%;
    /*max-width: 960px;*/
    margin: 0 auto;
    background-color: #fff;
}

div.addressBlock a:hover, div.addressBlock a:active {
    color: #3EB1C8;
    font-weight: bold;
}

/* @GLOBAL
/* ---------------------------------------- */

body {
    background-color: #ffffff;
    color: #000000;
    font-family: 'NexaLight', sans-serif;	
    line-height: 18pt;
    margin: auto;
    padding: 0px;
    /* temp fix */
    width: 100%;
    /*position: relative;
    top: -10px;*/
}

.w2gi_wrapper {
    margin: 0 auto;
    background-color: #fff;
}

h1 {
    line-height:30px; 
    margin-bottom: 2px;
}

/*  WRAPPER */

div#wrapper { 
	margin: 20px auto 0;
	padding-bottom: 20px;
	width: 960px;
}

    div.wrapper {
        padding: 0;
    }

    #content_inner {
        padding: 20px 0;
        min-height: 300px;
    }

    #w2gi_content h1 {
        color: #21313F;
        font-size: 24px;
        font-weight: 500;
        /*height: 100%;
        min-height: 55px;*/
        padding: 10px 0 0;
        width: 100%;
        /*line-height: 1.5;*/
    }

	
/* @HEADER
/* ---------------------------------------- */

div#page-header h1 {
    color: #21313F;
    font-size: 24px;
    margin: 45px 0 29px;
    text-align: center;
    text-transform: none;
    font-family: birch-std, serif;
    font-size: 38px;
}

/*div#page-header > div {
    display: block;
    margin: 40px;
}
*/
div#page-header h1 span.title-city {
    text-transform: capitalize;
}

div#page-header h1 span.title-name {
    font-size: 36px;
    text-transform: capitalize;
    position: relative;
    top: 4px;
}

div.breadcrumbs {
	/*margin: 20px 3%;*/
	color: #093a59;
    font-size: 12px;
    margin: 0;
    width: 100%;
}

div.breadcrumbs a {
    font-family: 'NexaLight';
}

div.breadcrumbs span {
    padding: 0 2px;
    color: #b34903;
}

/* @MAIN CONTENT
/* ---------------------------------------- */

div#main-content {
	background-color: #ffffff;
	padding-bottom: 2px;
	padding-top: 2px;
}

div#main-content-wrapper {
	float: right;
}

div#body-content {
	float: left;
	width: 686px;
}

div#sidebar {
	float: left;
	width: 272px;
}

/* @UTILITIES/ICON - BAR
/* ---------------------------------------- */

div#icon_bar {}

div#print_page {
    float: left;
    padding-right: 10px;
}

div#email_page {
    float: left;
    white-space: nowrap;
    padding-right: 10px;
}

div#link_page {
    float: left;
    white-space: nowrap;
    padding-right: 10px;
}

div#share_page {
    float: left;
    white-space: nowrap;
    padding-right: 10px;
    padding-top: 5px;
}

.callouts {
    float: right;
    position: relative;
    top: -9px;
}

.getdirections, .website {
    float: left;
    font-size: 26px;
}

.website {
    margin-right: 10px;
}

.getdirections {
	margin-right: 40px;
}

.send_to {
	font-family: "NexaLight", sans-serif;
	font-size: 14px;
    margin-top: 10px;
}

#BVRRContainer > div > div > div > div > div.bv-content-placeholder > span.bv-rating-stars-container.bv-rating-none > span.bv-rating-stars.bv-rating-stars-off {
    color: inherit !important;
    opacity: 0.5 !important;
}

/* @LOCATOR - BUBBLE
/* ---------------------------------------- */

#bubble {display:none;}

#popup {
    height: 0;
    width: 0;
    display: none;
}
.activetab {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../png/active.png",sizingMethod="crop");
    background-image: url(../png/active.png);
    z-index: 101;
}

.nonactivetab {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../png/nonactive.png",sizingMethod="crop");
    background-image: url(../png/nonactive.png);
}

.tab1 {
    z-index: 101;
    width: 89px;
    height: 23px;
    position: absolute;
    left: 6px;
    top: 0px;
    border-style: none;
    padding: 0px;
    margin: 0px;
}

.tab1label {
    z-index:102;
    width: 89px;
    height: 23px;
    position: absolute;
    left: 6px;
    top: 0px;
    padding-top: 4px;
    font-size: 1.2em;
    font-weight: bold;
    font-family: 'NexaLight', sans-serif;	
    text-align: center;
    color: #5d6164;
    cursor: pointer;
}

.tab2 {
    width: 89px;
    height: 23px;
    position: absolute;
    left: 101px;
    top: 0px;
    border-style: none;
    padding: 0px;
    margin: 0px;
    z-index:101;
}

.tab2label {
    z-index:102;
    width: 89px;
    height: 23px;
    position: absolute;
    left: 101px;
    top: 0px;
    padding-top: 4px;
    font-size: 1.2em;
    font-weight: bold;
    font-family: 'NexaLight', sans-serif;	
    text-align: center;
    color: #5d6164;
    cursor: pointer;
}

.bubble_close {
    background: #FFFFFF url(../gif/popover-close-2.gif) no-repeat;
    width: 12px;
    height: 10px;
    position: absolute;
    left: 175px;
    top: 10px;
    z-index: 101;
    border-style: none;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}



.mainbubble {
    width: 200px;
    height: 150px;
    position: absolute;
    left: 0px;
    top: 0px;
    border-style: none;
    padding: 0px;
    margin: 0px;
    display: inline-block;
}

.mainbubblecontent {
    height:142px;
    left:13px;
    position:absolute;
    top:10px;
    width:200px
}

.mainbubblelocationname {
    font-size: 1.1em;
    font-weight:bold;
    padding-bottom:0.1em;
    padding-right:35px;
}

.mainbubbletabcontent {
    height:120px;
    margin-top:0.2em;
    overflow-x:hidden;
    overflow-y:auto;
    position:relative;
    width:200px;
}

.tab_content {
    font-size:1em;
}

.activetabcontent {
    display: block;
}

.nonactivetabcontent {
    display: none;
}

input.addressentry {
    font-size: 0.9em;
    color: #333333;
    width: 220px;
}

.address_helper {
    color: gray;
    font-size: 0.9em;
}

.email_icon {
    width: 14px;
    height: 10px;
    position: relative;
    top: -2px;
}

.phone_icon {
    width: 8px;
    height: 12px;
    position: relative;
    top: -3px;
}


/* @LOCATOR - MAP/ICONS
/* ---------------------------------------- */

#map {
    float:  left;
    width:  100%;
    height: 100%;
    /*width: 425px;
    height: 328px;*/
    position: relative;
	border: 1px solid #F2F4F2;
}

.

div.locator_map
{
    padding: 0;
    background-color: #FFFFFF;
}

.icon {
    position: relative;
    width: 33px;
    height: 28px;
}

.icon img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 33px;
    height: 28px;
    cursor: pointer;
}

.icon div {
    position: absolute;
    top: -5px;    
    width: 28px;
    text-align:center;
    font-size: 1.1em;
    font-weight: bold;
    font-family: 'NexaLight', sans-serif;	
    color: white;
    cursor: pointer;
}

#OpenLayers_Feature_Vector_57_label {
    position: absolute !important;
    top: -5px !important; 
}

#center_marker {
    width: 30px;
    height: 28px;
    cursor: default;
}

#center_marker img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 28px;
    cursor: default;
}

#w2gi_copyright {
    position: absolute;
    right: 3px;
    bottom: 3px;
    text-decoration: none;
        font-family: 'NexaLight', sans-serif;	

    background: transparent;
    z-index: 999;
    color: #000000;
}
#navteq_copyright {
    background: transparent none repeat scroll 0%;
    bottom: 3px;
    font-family: 'NexaLight', sans-serif;	
    font-size: 1.2em;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    left: 3px;
    line-height: normal;
    position: absolute;
    text-decoration: none;
    z-index: 999;
}

.contact_button {
    background-color: #273140;
    display: block;
    color: #fff;
    cursor: pointer;
    font-family: 'NexaLight', sans-serif;
    font-size: 13px;
    height: 34px;
    line-height: 29px;
    margin: 14px 0;
    text-align: center;
    text-transform: uppercase;
    width: 161px;
}

.contact_button span {
    font-size: 18px;
    font-weight: 400;
    padding-right: 4px;
    position: relative;
    text-rendering: optimizeLegibility;
    top: 2px;
}


/* @LOCATOR - POI LIST
/* ---------------------------------------- */

#panel {    
    overflow:   auto;    
	border: 1px solid #F2F4F2;
	float: left;
	width: 40%;
    display: none;
}

#panel table {
    border-spacing: 0px;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
	width: 100%;
}

#panel table th {
    padding: 2px;
    text-align: left;
    font-size: 1.2;
}

#panel table th a[action="sort_table"] {
    text-decoration: none;
    color: #59595B;
    font-weight: bold;
    font-size: 1.2em;
}

#panel table th a[action="sort_table"]:hover {
    text-decoration: underline;
    color: #59595B;
    font-weight: bold;
    font-size: 1.2em;
}

#panel table thead tr.poi {
    background-color: #f8f8f8;
    height: 20px;
}

#panel table tfoot tr.poi {
    height: 20px;
    font-size: 10px;
    color: #a2afbf;
    padding-bottom: 0px;
    padding-top: 0px;
    border-top: 1px solid #a2afbf;
    background-color: #f8f8f8;
}

#panel table td {
    padding: 4px;
    margin: 0px;
    text-align: left;
    color: #333333;
    font-size: 1.1em;
    vertical-align: top;
}

#panel table td.maneuver {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    padding: 5px;
}

#panel table .prev_results {
    float: left;
    text-decoration: none;
}

#panel table .next_results {
    float: right;
    text-decoration: none;
}

#panel table tr.odd {

}

#panel table tr.even {

}

#panel table tr.active {
    background-color: #ededed;
}

#panel table p {
    margin: 0px;
    padding: 0px;
}


a.address:link		{ text-decoration: underline; color: #666666; font-weight: bold; }
a.address:visited	{ text-decoration: underline; color: #666666; font-weight: bold; }
a.address:hover		{ text-decoration: underline;  }
a.address:active	{ text-decoration: underline; color: #993333; } 

a.store_name:link 		{ text-decoration: underline; color: #666666; }
a.store_name:visited 	{ text-decoration: underline; color: #666666; }
a.store_name:hover 		{ text-decoration: underline; color: #666666; }
a.store_name:active 		{ text-decoration: underline; color: #666666; }

a.next_results:link { text-decoration: none; color: #666666; font-weight: bold; padding-left:5px; padding-right: 5px; text-align: right;}
a.next_results:visited { text-decoration: none; color: #666666; font-weight: bold;padding-left: 5px; padding-right: 5px; text-align: right;}
a.next_results:hover { text-decoration: none; padding-left:     5px; padding-right: 5px; text-align: right;}
a.next_results:active { text-decoration: none; color: #666666;padding-left:     5px; padding-right: 5px; text-align: right;}

a.prev_results:link { text-decoration: none; color: #666666; font-weight: bold;padding-left:5px; padding-right: 5px; text-align: right;}
a.prev_results:visited { text-decoration: none; color: #666666; font-weight: bold;padding-left:5px; padding-right: 5px; text-align: right;}
a.prev_results:hover { text-decoration: none;padding-left:5px; padding-right: 5px;  text-align: right;}
a.prev_results:active { text-decoration: none; color: #666666; padding-left: 5px; padding-right:5px; text-align: right; }

a[action="more_info"]:link { text-decoration: none; color: #666666; font-weight: bold; } 
a[action="more_info"]:visited { text-decoration: none; color: #666666; font-weight: bold; } 
a[action="more_info"]:hover { text-decoration: underline; color: #666666; font-weight: bold; } 
a[action="more_info"]:active { text-decoration: none; color: #666666; font-weight: bold; } 

a[action="show_all"]:link { text-decoration: none; color: #666666; font-weight: bold; } 
a[action="show_all"]:visited { text-decoration: none; color: #666666; font-weight: bold; } 
a[action="show_all"]:hover { text-decoration: underline; color: #666666; font-weight: bold; } 
a[action="show_all"]:active { text-decoration: none; color: #666666; font-weight: bold; } 




/* @LOCATOR - FOOTER
/* ---------------------------------------- */

div#w2gi_footer {
    font-size: 0.9em;
    padding: 10px;
}

div#powered_by {
    float: left;
}

div#navteqfooter {
    float: left;
    padding-left: 0px;
    padding-top: 5px;
    width:230px;
    text-align:left;
    font-size:0.9em;
    font-weight: normal;
    height:30px;
    margin-top:0px;
    color:#000;
}

/* @FOOTER
/* ---------------------------------------- */

div#page_footer {
}

div#store-locator-footer {
	background-color: #ffffff;
	margin-bottom: 5px;
	padding: 8px;
}

div#store-locator-footer img.label {
	float: left;
	width: 99px;
}

/* @INDEX PAGE LISTS
/* ---------------------------------------- */

div#state_list ul {
    padding-bottom: 5px;
}

div#state_list ul li {
    margin-bottom: 0px;
}

div#cities ul {
	padding-bottom: 5px;
}

div#cities ul li {
	margin-bottom: 0px;
}

div#postalcodes ul {
    padding-bottom: 5px;
}

div#postalcodes ul li {
    margin-bottom: 0px;
}

div#locations ul {
    padding-bottom: 5px;
}

div#locations ul li {
    margin-bottom: 0px;
}

.floatl {
    float:left;
}


/* @"NEAR-BY" BLOCKS 
/* ---------------------------------------- */

div#near_by_title {
	font-size: 1.2em; 
	font-weight: bold;
}

div#cities_near_by {
	padding-bottom: 10px;
}

div#codes_near_by {
    padding-bottom: 10px;
}

/* @"SOCIAL" DIV
/* ---------------------------------------- */

#social{
    background: #fff;
    border: 1px solid #000;
    font-family: 'NexaLight', sans-serif;	
    font-size: 1.0em;
    font-weight: bold;
    height:250px;
    line-height: 14px;
    padding: 5px;
    position: absolute;
    width: 170px;
    z-index:100000;
}

#social a{
    color: #000;
}

.share_left{
    float: left;
    width: 85px;
}

.share_left ul{
    list-style-type:none;
    margin-left: 0;
    padding: 0;
    text-align: left;
}

.share_left li{
    padding-top:2px;
    padding-bottom:2px;
}

.share_right{
    float: left;
    list-style-type:none;
    margin-left: 0;
    padding: 0;
    text-align: left;
    width: 85px;
}

.share_right ul{
    list-style-type:none;
    margin-left: 0;
    padding: 0;
    text-align: left;
}


.share_right li{
    padding-top:2px;
    padding-bottom:2px;
}

div.col1, div.col2, div.col3 {padding-right: 200px;}
.row {line-height: 27px;}

.titlespace {margin-bottom: 10px;}

.city_item {
    float: left;
    line-height: 27px;
    width: 310px;
}
.footer {
/*	clear:both;*/
	float:left;
	/*margin-top:20px;
	margin-left: 10px;*/
}

#menubar li {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#menubar li a {
    color: #000;
    font-size: 1.5em;
    font-weight: bold;
    padding: 0 23px;
    text-decoration: none;
}

#maincontent {
	min-height: 500px;
	width: 750px;
	border: 1px solid #ccc;
	clear: both;
	padding: 20px 0 0 20px;
}

.map_panel {
    float: right;
    width: calc(100% - 360px);
}

.map_inner {
    height: 280px;
}

.addressBlock {
    float: left;
    /*font-size: 1.33333em;*/
    /*height: 330px;*/
    margin: 0;
    /*padding:15px;*/
    width: 360px;
}

.hours {
    font-family: 'NexaLight', sans-serif;
    line-height: 1.3;    
    width: 70%;
    margin-top: 5px;
}

.address_wrapper {
	clear: both;
	font-family: 'NexaLight', sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 15px;
}

.address_wrapper a {

}
#addressBlock > div:nth-child(2) > h2 > span {
  color: #161616;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: none;
}

[data-bv-show=rating_summary] .bv_main_container {
    background-color: inherit !important;
}

.top_section {
    background-color: rgba(243, 243, 243, 1);
    width: 100%;
    width: calc(100% - 20px);
    margin: 0 10px;
    padding: 0 10px;
}

.top_section_inner {
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
}

.reviews-callouts {
    float: left;
    margin-bottom: -4px;
    width: 100%;
}

[data-bv-show="rating_summary"] {
    float: left;
    max-width: 180px;
}

.mid_section {
    width: 100%;
}

.mid_section.about {
    padding-bottom: 50px;
}

.mid_section.gallery, .bottom_section {
    background-color: rgba(243, 243, 243, 1);
    background-image: url(../png/u699.png);
    background-position: 50% 50%;
    background-repeat: repeat-x;
    
}

.mid_section.gallery {
	background-position: 50% 58%;
}

.mid_section_inner, .bottom_section_inner {
    margin: 0 auto;
    width: 960px
}

.bottom_section {
    width: 100%;
    padding: 3.5%;
}

.about_us p, .about_brand p {
    font-size: 14px;
    line-height: 24px;
    padding-top: 20px;
}

.about_us_inner {
    margin-bottom: 33px;
}

.about_brand_left {
    float: left;
    width: 430px;
}

.about_brand_right {
    float: right;
    width: calc(100% - 450px);
}

.slide_wrapper {
    /*height: 469px;*/
    height: 403px;
    margin: 0 auto;
    max-width: 990px;
}

.section_title {
    border-bottom: 1px solid #999999;
    margin: 0 0 18px 0;
    /*font-size: 1.33333pt;*/
}


.more_photos {
    float: right;
    text-transform: uppercase;
    font-size: 7pt;
    font-weight: bold;
}

.promotions {
    float: left;
    width: 48%;
    margin: 0 3% 0 0;
}

.promo1 {
    margin-bottom: 15px;
}

.w2gi_video {
    float: left;
    width: 48%;
}

.addressBlock h2 {
    color: #21313f;
    font-size: 24px;
    font-weight: 400;
    /*margin-bottom: 29px;*/
    margin-bottom: 18px;
    /*margin-top: 10px;*/
    margin-top: 4px;
    /*text-transform: none;*/
    text-transform: capitalize;
    font-family: "Nexa W01 Bold";
}

div.mid_section h3 {
    color: #21313f;
    font-family:"NexaBold", Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    margin-top: 61px;
    position: relative;
    text-transform: none;
}

div.mid_section .about_brand_right h3 {
	margin-top: -7px;
}

div.mid_section h3 span {
    background-color: #fff;
    padding-right: 20px;
    position: absolute;
    top: -12px;
}

h4 {
    text-transform: uppercase;
    color: #21313f; 
    font-weight: 400;
}


.title {font-weight:bold;}

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

.video_frame {
    width: 100%;
        height: 250px;
    }

.local_main {
    width: 100%;
    /*max-width: 960px;*/
}

.tablet {
    display: none;
}

.mobile {
    display: none;
}


.phone a span {
    color: #000;
}

.fa-chevron-up, .fa-chevron-down {
    color: #fff;
}

.city_title {
    
    font-weight: bold;
    padding-bottom: 10px;
    color: #260e03;
}

.state_title {
    
    font-weight: bold;
    padding-bottom: 10px;
    color: #260e03;
}

.country_title {
    font-weight: bold;

    color: #260e03;
    padding-top: 20px;
}

div.mid_section.gallery {

}

div.mid_section.gallery .gallery_title {
	margin: 0 auto;
	max-width: 960px
}

div.mid_section.gallery h3 {
    /*position: absolute;*/
    background-color: rgba(243, 243, 243, 1);
    margin-bottom: 0;
    /*margin-left: 17px;*/
    margin-top: 0;
    padding-top: 40px;
    width: 100%;
}

.bottom_section {
}

.bottom_section h3 {
    color: #21313f;
    font-family:"NexaBold", Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    /*margin-top: 61px;
    position: relative;*/
    text-transform: none;
}

.w2gi_footer {
    padding: 20px 0;
    text-align: center;
}

.todaysHours, .store_hours, #hoursToggle {
    font-family: 'NexaLight', sans-serif;
    font-size: 14px;
    font-weight: 400;
}



/* new slideshow styles */

.mySlides {
    display:none; 
   /* padding-top:20px; 
    padding-left:20px;*/
}

/* Slideshow container */
.slideshow-container {
    max-width: 990px;
    position: relative;
    /*top: 50%;
    transform: translateY(-50%);*/
    top: 28px;
    /*top: 94px;*/
}

/* Next & previous buttons */
.prev, .next {
    background-color: #2C3A47;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    /*font-weight: bold;*/
    font-size: 18px;
    height: 30px;
    line-height: 32px;
    /*margin-top: -22px;*/
    position: absolute;
    text-align: center;
    top: 50%;
    transition: 0.6s ease;
    transform: translateY(-50%);
    width: 30px;
}

.next {
    right: calc(25.75% - 10px);
    text-indent: 4px;
}

.prev {
    left: calc(25.75% - 10px);
    text-indent: -4px;
}

.prev:hover, .next:hover {
    color: #3eb1c8;
    /*font-size: 22px;*/
    text-decoration: none;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 1px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fadeSS {
  -webkit-animation: slide 0.5s forwards;
  -webkit-animation-delay: 2s;
  animation: slide 0.5s forwards;
  animation-delay: 2s;
  /*border-radius: 2px;*/
/*  -moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.0470588235294118);
  -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.0470588235294118);
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.0470588235294118);*/
  /*height: 380px;*/
  background-color: transparent;
  border: none;
  border-radius: 2px;
}

.middleimage {
    width: 40.40404%;
}

.sideimage {
    opacity:.3;
    width: calc(29.29298% - 10px);
}

.mySlides .sideimage:first-of-type {
    margin-right: 10px
}

.mySlides .sideimage:last-of-type {
    margin-left: 10px
}


.slide-title-row {
    border-width: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 374px;
    height: 50px;
    background: inherit;
    background-color: rgba(242, 242, 242, 1);
    border: none;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'OpenSans', 'Open Sans';
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    text-align: left;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@media (max-width: 1000px) {
    .middleimage {
        width: 400px;
    }

    .sideimage {
        width: calc((100% - 429px) / 2);
    }

}

@media (max-width: 1000px) and (min-width: 768px) {

	div#wrapper, .top_section_inner, .mid_section_inner, .bottom_section_inner, div.mid_section.gallery .gallery_title { 
		width: 100%;
	}

	.callouts {
		float: left;
	}

   .addressBlock, .map_panel, .about_us, .slide_wrapper, .promotions, .w2gi_video {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

	.addressBlock {
		margin-top: 20px;
	}    

    /*.video_frame {
        height: 320px;
    }*/

    .about_brand {
    	padding: 0 10px;
    }

    div.mid_section h3 {
    	margin-top: 46px;
    }

    div.mid_section.gallery h3 {
    	padding: 40px 10px 0;
    }

    div.mid_section.reviews {
    	padding: 0 10px;
    }

    #map {
    	width:100%;
    }

    .desktop {
        display: none;
    }

    .tablet {
        display: block;
    }

    .mobile {
        display: none;
    }
}


@media (max-width: 768px) {
        
 
    
}

@media (max-width: 767px) {
	.aboutusinner {margin-left:15px}
    .footer>div:first-child:before {
           height: 322px;
    }

    .desktoptablet {
        display: none;
    }

    .desktop {
        display: none;
    }

    .tablet {
        display: none;
    }

    .mobile {
        display: block;
    }

    .top_section_inner {
    	padding: 5px 5px 0;
    	width: 100%;
    }

    .addressBlock {
    	/*padding: 20px 5px;*/
        padding: 20px 5px 6px;
        max-width: 100%;
    }

    .addressBlock h2 {
    	font-size: 20px;
    }

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

    #map {
    	margin: 0 auto;
    	/*width: calc(100% - 10px);*/
    	width: 100%;
    }

    div#page-header h1 {
    	margin: -3px 0 15px;
    }

    div#page-header h1, div#page-header h1 span {
        font-size: 28px;
        padding-top: 10px;
    }

    div#page-header h1 span.title-name {
    	font-size: 24px;
    }

    .map_inner {
    	height: 233px;
    }
 
 	.getdirections {
 		margin-right: 0;
 	}
/*    .getdirections, .website {
        display: block;
        cursor: pointer;
        background-color: #f47422;
        color: #fff;
        width: 58%;
        height: 32px;
        line-height: 32px;
        text-align: center;
        margin: 12px auto;
        font-weight: normal;
        text-decoration: none;
    }*/

    h3, div.mid_section h3, div.mid_section.gallery h3{
    	font-size: 20px;
    	margin-top: 35px;
    }

    div.mid_section.gallery h3 {
    	margin-left: 10px;
    	margin-top: 35px;
    	padding-top: 20px;
    }

    .top_section, .mid_section {
        padding: 0;
    }

    .mid_section.about {
    	padding-bottom: 0;
    }

    .top_section_inner, .mid_section_inner {
    	width: 100%;
    }

    .top_section_inner {
    	padding: 0 5px;
    }

    .mid_section_inner {
    	padding: 0 10px;
    }

    .phone {
        margin-bottom: 20px;
    }

    .contact_dealer {
        /*width: 58%;*/
        /*margin: 0 auto;*/
    }

    .contact_button {
    }

    .rslides_wrapper {

      padding: 0 4% 20px;
    }

    div.mid_section.gallery {
	    background-image: url(../u777.html);
	    background-position: 50% 50%;
	    background-repeat: no-repeat;
    }

    div.mid_section.gallery h3 {
    	background-color: transparent;
    }

    .mheader {
        background-color: #21313f;
        color: #fff;
        font-size: 2em;
        line-height: 55px;
        height: 55px;
        width: 100%;
        padding: 0 0 0 10px;
        font-weight: bold;
    }

    .about_brand_left, .about_brand_right {
    	padding: 0 10px;
    	width: 100%;
	}

    .video_inner {
        /*padding: 0 4% 20px;*/
        padding: 0 0 20px;
    }

    .video_frame {
    	height: 192px;
    }

    #w2gilocalmain > div.mid_section.about > div > div.about_brand.clearfix > div.about_brand_left > div > div > iframe {
        position: relative;
    }

    .section_title {
        /*background-color: #21313f;*/
    /*    line-height: 55px;
        height: 55px;
    */    }

    .section_title h2 {
        color: #fff;
        padding: 0 0 0 10px;
    }

    .promo_left {
        width: 231px;
        margin: 0 auto;
    }

    .slide_wrapper {
    	/*height: 331px;*/
    	height: 291px;
    }

    .slideshow-container {
    	padding: 0 25px;
    	top: 17px;
    }

    .sideimage {
    	display: none;
    }

    .middleimage {
		height: 251px;
		object-fit: cover;
		width: 100%
    }

    .prev {
    	left: 10px;
    }

    .next {
    	right: 10px;
    }

    .bottom_section {
    	display: none;
    }


    /*h3 {
      
      line-height: 55px;
      height: 55px;
      width: 100%;
      padding: 0 0 0 10px;
      font-weight: bold;
    }
    h4 {
        text-transform: uppercase;
        color: #666;
        
        font-weight: 400;
    }

    .video_legend h4 {
        text-transform: uppercase;
        text-align: center;
        line-height: 1.4;
        color: #5e88a2;
        font-weight: bold;
        margin: 0 0 10px 0;
        
    }*/

}


.navToggle_trigger {
    bottom: -5px;
}

.searchToggle_trigger {
    bottom: -6px;
}

.masthead_interface_utility {
  padding-bottom: 0; 
    padding-top: 2px;
}

.site-header.container_24 {
  margin-bottom: 0; 
}

.container .main {
    padding-bottom: 0;
}
.container_24 {
   margin-bottom: -20px; 
}

.page_outer {
    /*min-height: 542px;*/
    min-height: 598px;
}