/* The following 2 directives proportionally scale a logo image. It works like this. The container div starts at 20% of the available screen width with a max width of 185px, which is the width of the logo file. And the image file itself always fills the container div to 100%. */
/* The following 2 directives proportionally scale a logo image. It works like this. The container div starts at 20% of the available screen width with a max width of 185px, which is the width of the logo file. And the image file itself always fills the container div to 100%. */

h1{font-size:2.2em;font-weight:300; /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; */} 
h2{font-size:1.75em;font-weight:300; /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; */ } 
h3{font-family: "Roboto",sans-serif; font-size:1.3em;font-weight:300;} 
h4{font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1.2em;font-weight:300;}

.lead {
font-size: 1.1em; font-face: 'Open Sans',sans-serif;font-weight:100; color:#999999; line-height:1.6;
}

@media (min-width: 768px) {
  .lead {
    font-size: 1.1em;
  }
}

blockquote, .blockquote-reverse, blockquote.pull-right { margin: 0 75px 0 75px; font-size: 1.5em; color:#999999; }
.blockquote-quote-marks { font-size:3em; font-weight:normal; color:#ecf0f1;}
@media (max-width:767px){ blockquote, .blockquote-reverse, blockquote.pull-right { margin: 0 25px 0 25px; } }

#popup-tab {z-index:1033; /* z-index for navbar-fixed-top is 1030 and the logo div is 1032*/ position:fixed; top:90px;left:0;width:60px;background-color:#f73b09;color: #FFFFFF;-webkit-border-top-right-radius:3em;-moz-border-top-right-radius:3em;border-top-right-radius:3em;
-webkit-border-bottom-right-radius:3em;-moz-border-bottom-right-radius:3em;border-bottom-right-radius:3em; -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.5); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.5); box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.5);}
#popup-tab h3 { color:white; padding-left:10px;margin-top:10px; }
#popup-tab a:hover { cursor:pointer; color:#ffff00; }


#popup-tab-mobile {z-index:1033; /* z-index for navbar-fixed-top is 1030 and the logo div is 1032*/ position:fixed; top:20px;right:80px;width:45px;background-color:#f73b09;color: #FFFFFF;-webkit-border-top-right-radius:3em;-moz-border-top-right-radius:3em;border-top-right-radius:3em;
-webkit-border-bottom-right-radius:3em;-moz-border-bottom-right-radius:3em;border-bottom-right-radius:3em; -webkit-border-top-left-radius:3em;-moz-border-top-left-radius:3em;border-top-left-radius:3em; -webkit-border-bottom-left-radius:3em;-moz-border-bottom-left-radius:3em;border-bottom-eft-radius:3em;-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.5); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.5); box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.5);}
#popup-tab-mobile h3 { color:white; padding-left:10px;padding-right:0px;margin-top:10px; }
#popup-tab-mobile a:hover { cursor:pointer; color:#ffff00; }


@media (max-width:767px){h1{font-size:1.5em;font-weight:300;} h2{font-size:1.2em;font-weight:300;} h3{font-size:1em;font-weight:300;} h4{font-size:0.9em;font-weight:300;} .e-commerce-bar-link{font-size:0.8em;} }
@media (min-width:768px) and (max-width:1199px){ h1{font-size:1.75em;font-weight:300;} h2{font-size:1.5em;font-weight:300;} h3{font-size:1.25em;font-weight:300;} h4{font-size:1.15em;font-weight:300;}}

/* remove border bottom styles for link tags that are linking to images... */
a[href$=jpg], a[href$=jpeg], a[href$=jpe], a[href$=png], a[href$=gif] {
text-decoration:none; border:0 none;
}

/* remove dotted outline on link focus */
a:focus{outline:none;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
a{color:#558EBA;text-decoration:none}a:hover,a:focus{color:#828488;text-decoration:none;}

.navbar-default { background-color:rgba(0, 0, 0, 0.8);font-family:'Roboto Condensed',sans-serif;font-weight:400;letter-spacing:1px;font-size:13px;text-shadow:2px 2px 3px rgba(0,0,0,0.6);}
.navbar-default .navbar-nav>li>a{color:#ffffff;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#cccccc;}

.site-top { margin-top:20px; }
.site-top-social { text-align:left; margin-top:12px;} 
.site-top-phone { margin-top:0px; } .site-top-phone h3 { margin-top:0px; }
.site-top-e-commerce { margin-top:0px; } 
.site-top-search { margin-left:-30px; }
@media (max-width:767px){ .site-top-social { text-align:center; margin-top:0px; } .site-top { margin-top:5px; } .site-top-phone { text-align:center !important; margin-top:10px;} .site-top-e-commerce a { font-size: 0.8em !important; } .site-top-search { margin-left:0px; } }
@media (min-width: 768px) and (max-width: 991px) { .site-top-phone h3 { margin-top:5px !important; font-size: 0.95em !important; } .site-top-social { display:none!important; }  .site-top-e-commerce a { font-size: 0.75em !important;} .site-top-e-commerce { margin-top:0px !important;}}
@media (min-width:768px) and (max-width:1199px){ .site-top-social { text-align:center;} .site-top-phone { text-align:right !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .site-top-phone h3 { margin-top:-1px !important;} }

/*
.navbar-default .navbar-toggle{ border-color:#931a1d; }
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:rgba(9,71,109, 0.9);}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:rgba(9,71,109, 0.9);}
*/
.dropdown-menu{background-color:rgba(0, 0, 0, 0.8);}
.dropdown-menu>li>a:hover{background-color:rgba(12, 78, 160, 0.6);}
.dropdown-menu>li>a{font-family:'Open Sans',sans-serif;font-weight:600;letter-spacing:0px;color:#fff;}

/* remove border bottom styling from image links */
.img-link:hover {
text-decoration:none; border:0 none; border-bottom:#000 0px dotted;	 
}

p {line-height:170%; padding-bottom:30px;}
.deals {color:yellow;}

.img-shadow {
width:100%;/* -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.5); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.5); box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.5);*/	
}

.btn, .badge {
-webkit-box-shadow: 0px 0px 12px 0px rgba(10,71,76, 0.5); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.5); box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.5);	
}

/* .pager li>a,.pager li>span{background-color:#558EBA;} 
.pager li>a:hover,.pager li>a:focus{background-color:#828488;} */

.reservedTimeSlots {
background-color: rgb(255,255,0); padding-left: 4px; padding-right: 4px; 
}

.member-image { overflow: hidden; position: relative; float: left;}
.member-image .member-image-cover, .member-image .member-image-cover img { position:absolute; top:0px; left:0px; width:100%; height:100%;}

.btn, .badge {
-webkit-box-shadow: 0px 0px 12px 0px rgba(10,71,76, 0.5); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.5); box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.5); margin:5px;	
}

.img-wrapper {
margin-bottom:20px; margin-top:20px; text-align:center;	
}

.shadow { text-shadow:2px 2px 3px rgba(0,0,0,0.6);	}
.products-deals { background-color:#96c8ee;border-radius:3em;padding-bottom:10px;color:#FF0;text-shadow:2px 2px 3px rgba(0,0,0,0.6);}
.products-deals:hover {
background-color:#55acee;border-radius:3em;padding-bottom:10px;color:#FFF;-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.7); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.7); box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.7);	
}

.products-deals a { color:#ff0; } 
.products-deals a:hover { color:#fff; }

.products-hover {    
opacity:1; filter:alpha(opacity=100); transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;
} 
.products-hover:hover { opacity:0.5; filter:alpha(opacity=50);	}

.img-enlarge-wrapper {position:relative;}
.img-enlarge { width:30px;height:30px;position:absolute;bottom:10px;right:10px; }
.img-enlarge i { color:white;font-size:1.25em;font-weight:400; text-shadow:2px 2px 3px rgba(0,0,0,0.8);background-color:transparent; }


#youtube-play-button { position:absolute;z-index:2;width:75px;height:51px;left:50%;margin-left:-37px; }
#youtube-play-button img:hover { opacity:0.7; filter:alpha(opacity=70); }

body{font-size:12pt;}

.page-header{padding-bottom:9.5px;margin:21px 0 21px;border-bottom:1px solid #ecf0f1;}

h1{color:#000;}
h2{color:#666666;}
h3{color:#000;}

.landing-fee-text { color:#666666;}

/* .list-group-item { background-color:#fff; border:1px solid #c2dbf7; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.3); box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.3); overflow:auto;} */
.list-group-item { background-color:#fe8100; border:1px solid #fe8100; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.3); box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.3); overflow:auto; font-weight:bold;font-size:15pt; color:#fff;}


.popover-title{font-size:13pt;color:#334d5c;letter-spacing:2px;text-shadow:-1px -1px 1px rgba(122,122,122,0.5)}
.popover{max-width:450px;padding:1px;font-family:'Open Sans',sans-serif;font-size:11pt;font-weight:normal;line-height:150%;}

.countdown { color:#f73b09; }
.badge{font-family:'Open Sans',sans-serif; letter-spacing:3px;}

.gradient_bg {/*border-radius:20px; background-color:rgba(123,153,172,0.1); */ margin-top:30px; margin-bottom:30px; padding:20px;}

.square-photo-tile {position:relative;overflow:hidden;/*padding-top:10px;padding-bottom:10px;margin-bottom:15px;*/text-align:center;}
.square-photo-tile-caption {position:absolute; bottom:0;right:0;background:rgba(0,0,0,0.5);/*border-radius:10px;*/width:100%;padding:15px;display:none;color:#fff !important; text-shadow:-1px -1px 1px rgba(0,0,0,0.5); z-index:2; text-align:right;}
@media (max-width:1199px){.hide-caption-hover{visibility:hidden!important;}}

#out-of-stock-tag { position:absolute; width:139px; heigt:78px; top:-15px; right:0px; z-index:5; }
#new-item-tag { position:absolute; width:66px; heigt:63px; top:0px; left:100px; z-index:5; }
#special-item-tag { position:absolute; width:55px; heigt:95px; top:-15px; left:0px; z-index:4; }
#clearance-item-tag { position:absolute; width:109px; heigt:63px; top:0px; left:0px; z-index:4; }
#sale-item-tag { position:absolute; width:110px; heigt:100px; top:0px; left:0px; z-index:4; }
#feature-item-tag { position:absolute; width:110px; heigt:100px; top:0px; left:100px; z-index:5; }

#save-money { position:absolute; width:150px; heigt:75px; top:5px; right:50px; z-index:4;background-color:#ffdf1b; padding:2px;font-size:12pt; font-weight:900;font-family: 'Roboto', sans-serif;color:#000;text-align:center;text-shadow:2px 2px 3px rgba(0,0,0,0.4);-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0, 0.8); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0, 0.8); box-shadow: 3px 3px 5px 0px rgba(0,0,0, 0.8);-webkit-animation-delay:1s; animation-delay:1s;}
#save-money-price { position:absolute; width:150px; heigt:100px; top:40px; right:50px; z-index:4;font-size:22pt; font-weight:900;font-family: 'Roboto', sans-serif;color:#ffdf1b;text-align:center;text-shadow:3px 3px 2px rgba(0,0,0,0.9);}

#new-product-price { position:absolute; width:110px; heigt:80px; top:20px; right:30px; z-index:4;font-size:16pt; font-weight:900;font-family: 'Roboto', sans-serif;color:#3b5998;text-align:center;text-shadow:2px 2px 3px rgba(0,0,0,0.6);background-color:rgba(255,255,255, 0.8);}

.img-zoom {
min-height:360px; overflow:hidden; position:relative;
}

@media (max-width:767px){.img-zoom { min-height:250px; } }

.img-zoom-bg {
  position: absolute; top:0; left:0;
  height: 100%;
  width: 100%;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  z-index: -2;
}

.img-zoom-bg-overlay {
  position: absolute; top:0; left:0;
  height: 100%;
  width: 100%;
  background-color:#334d5c;
  -khtml-opacity:0; 
 -moz-opacity:0; 
 -ms-filter:"alpha(opacity=0)";
  filter:alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  opacity:0; 
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}


.img-zoom:hover > .img-zoom-bg {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

.img-zoom:hover > .img-zoom-bg-overlay {
  -khtml-opacity:.50; 
 -moz-opacity:.50; 
 -ms-filter:"alpha(opacity=50)";
  filter:alpha(opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
  opacity:.50; 
} 

/* ##### START - News / Blog entry block */
.news-block {
min-height:360px; margin-bottom:20px; padding-top:15px;padding-bottom:15px; overflow:hidden; position:relative;
}

.news-block-bg-overlay {
  position: absolute; top:0; left:0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color:#fff;
  -khtml-opacity:.80; 
 -moz-opacity:.80; 
 -ms-filter:"alpha(opacity=80)";
  filter:alpha(opacity=80);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.8);
  opacity:.80; 
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

.news-block-bg {
  position: absolute; top:0; left:0;
  height: 100%;
  width: 100%;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  z-index: -2;
}

.news-block:hover > .news-block-bg {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

.news-block:hover > .news-block-bg-overlay {
  -khtml-opacity:0; 
 -moz-opacity:0; 
 -ms-filter:"alpha(opacity=0)";
  filter:alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  opacity:0; 
}  

#news-block-date { position:absolute; width:270px; height:80px; top:20px; right:20px; z-index:4;font-size:16pt; font-weight:400;font-family:'Open Sans',sans-serif; color:#334d5c;text-align:right;text-transform:uppercase;text-shadow:0px 0px 10px rgba(255,255,255,1); }

#news-block-icons { position:relative; top:40px; margin:0 auto; text-align:center; font-family:'Open Sans',sans-serif;font-size:21pt;font-weight:bold;color:#334d5c;text-shadow:0px 0px 20px rgba(255,255,255,1); }

#news-block-title {
position:absolute; bottom:30px; width:100%;padding-right:15px;	
}

#news-block-title h1 {
font-family:'Open Sans',sans-serif;font-size:21pt;font-weight:bold;color:#334d5c; text-transform:uppercase; text-shadow:5px 5px 15px rgba(255,255,255,1);
}

@media (max-width:767px){#news-block-title h1{font-size:16pt;} #news-block-date {font-size:12pt;}}
@media (min-width:768px) and (max-width:1199px){#news-block-title h1{font-size:18pt;}#news-block-date {font-size:14pt;}}

.news-block:hover > #news-block-title h1, .news-block:hover > #news-block-icons {
text-shadow:5px 5px 15px rgba(0,0,0,1);	color:#fff;
}  
  
  
.news-block-button {
	background-color:#334d5c;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #334d5c;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:'Open Sans',sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:6px 24px;
	text-decoration:none;
	margin-right:15px;
}
.news-block-button:hover {
	background-color:#fff;color:#334d5c;
}

/* ##### END - News / Blog entry block */

/* ##### BEGIN - Slanted / colored tabs */
.slanted { 
height:38px; padding:7px 20px 15px 20px;
-webkit-transform: skew(-20deg) /* rotate(2deg) */;
-moz-transform: skew(-20deg) /* rotate(2deg) */;
transform: skew(-20deg) /* rotate(2deg) */;
margin-left:2px;margin-bottom:2px;
min-width:50px;
float:left;
color:#fff;
-khtml-opacity:1; 
-moz-opacity:1; 
-ms-filter:"alpha(opacity=1)";
filter:alpha(opacity=1);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
opacity:1; 
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}

.slanted:hover {
background:rbc(187,186,186);
-khtml-opacity:.50; 
-moz-opacity:.50; 
-ms-filter:"alpha(opacity=50)";
filter:alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
opacity:.50; 
}

.slanted > * { 
-webkit-transform: skew(20deg) /* rotate(2deg) */;
-moz-transform: skew(20deg) /* rotate(2deg) */;
transform: skew(20deg) /* rotate(2deg) */;
}

.slanted a { color:#fff; }

.unslanted { 
height:38px; padding:7px 20px 15px 20px;
min-width:50px; width:100%;
/* float:left; */
color:#fff;
-khtml-opacity:1; 
-moz-opacity:1; 
-ms-filter:"alpha(opacity=1)";
filter:alpha(opacity=1);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
opacity:1; 
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}

.unslanted:hover {
background:rbc(187,186,186);
-khtml-opacity:.50; 
-moz-opacity:.50; 
-ms-filter:"alpha(opacity=50)";
filter:alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
opacity:.50; 
}

.unslanted a { color:#fff; }

.social-link { cursor:pointer; color:#fff; }
.social-link:hover { cursor:pointer; color:#ffff00; }
.social-icon-box { padding-top:9px !important;width:40px !important; float:none !important; }

.colored-tabs { 
height:38px; padding:7px 0px 15px 0px; 
text-align:center;
margin-bottom:2px;margin-right:2px;
float:left;
color:#fff;
-khtml-opacity:1; 
-moz-opacity:1; 
-ms-filter:"alpha(opacity=1)";
filter:alpha(opacity=1);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
opacity:1; 
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}

.colored-tabs:hover {
background:rbc(187,186,186);
-khtml-opacity:.50; 
-moz-opacity:.50; 
-ms-filter:"alpha(opacity=50)";
filter:alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
opacity:.50; 
}

.colored-tabs-menu { 
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: color 0 ease-in !important;
transition: none !important;
z-index:1000;
}
.colored-tabs-menu:hover{
background-color:rgba(12, 78, 160, 1) !important;
-khtml-opacity:1 !important; 
-moz-opacity:1 !important; 
-ms-filter:"alpha(opacity=100)" !important;
filter:alpha(opacity=100) !important;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1) !important;
opacity:1 !important; 
}

.colored-tabs a { color:#fff; font-size:0.7em; }

/* ##### END - Slanted / colored tabs */


/* ##### BEGIN - Required - viewpoint checeker */
.checkviewpoint { opacity: 0; filter:alpha(opacity=0); }
.hidden{ opacity:0; filter:alpha(opacity=0); }
.visible{ opacity:1; filter:alpha(opacity=100); transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }

/* ##### END - Required - viewpoint checeker */

/* ##### BEGIN - Required - viewpoint checeker */
.goonline-animation{ opacity: 0; }
.goonline-animation.animated{ opacity: 1; }

/* ##### END - Required - viewpoint checeker */

.goonline-feature {
  color: #444;
  text-align: center;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  padding: 40px 15px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.goonline-feature:hover, .goonline-feature.active {
  border-top: 10px solid #558eba;
  -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15);
  margin-top: -10px;
}

.goonline-figure {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.goonline-figure img {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 1;
}
.goonline-figure:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
	
.pipe {padding-left:20px; padding-right:20px; color:#818181;}

.tag9 {font-size:9pt; font-weight:bold;}
.tag10 {font-size:10pt; font-weight:bold;}
.tag11 {font-size:11pt; font-weight:bold;}
.tag12 {font-size:12pt; font-weight:bold;}
.tag13 {font-size:13pt; font-weight:bold;}
.tag14 {font-size:14pt; font-weight:bold;}
.tag15 {font-size:15pt; font-weight:bold;}
.tag16 {font-size:16pt; font-weight:bold;}
.tag17 {font-size:17pt; font-weight:bold;}
.tag18 {font-size:18pt; font-weight:bold;}
.tag19 {font-size:19pt; font-weight:bold;}
.tag20 {font-size:20pt; font-weight:bold;}
.tag21 {font-size:21pt; font-weight:bold;}
.tag22 {font-size:22pt; font-weight:bold;}
.tag23 {font-size:23pt; font-weight:bold;}

.parallax-h1 { color:white;font-family: 'Montserrat', sans-serif;text-transform: uppercase;text-shadow:0px 0px 40px rgba(0,0,0,2); font-weight:900;font-size:40px; position: relative; top:40%;transform: perspective(1px) translateY(-40%);}
.parallax-h4 { color:#cccccc;font-family: 'Montserrat', sans-serif;text-transform: uppercase;text-shadow:0px 0px 12px rgba(0,0,0,2); font-weight:300;font-size:16px; }
@media (max-width:767px){ .parallax-h1 { font-size:15px; } .parallax-h4 { font-size:14px; } }
@media (min-width:768px) and (max-width:1199px){ .parallax-h1 { font-size:25px; } .parallax-h4 { font-size:10px; } }


.coupon-wrapper { border: dashed grey 2px; position:relative; text-align:center; margin-bottom:20px;}
.coupon-scissors { position:absolute;top:-45px;left:-10px;z-index:2; }
.coupon-print { position:absolute;top:0px;right:20px;z-index:2; }
.coupon-scissors i { text-shadow:2px 2px 3px rgba(255,255,255,0.8);background-color:transparent; }
.coupon-title { font-weight:bold; margin-top:0px;}
.coupon-code { font-size:18pt; font-weight:bold; color:#f73b09;}
.coupon-discount { font-size:25pt; font-weight:bold;}

/*Grant added - 2014-06-09 - handle nested Level 2 sub-menus*/
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%; width:250px;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

/* 
+++++++++++++++++++++++++++++++++++++
START - Circle Rollovers */
/*uncomment the directive below to hide circle rollovers on screens less than 1200px (smartphones and iPad, etc.) and pull the social media DIV to the right */
@media (max-width:767px){.visible-action{display:inherit!important;text-align:center !important;/*max-width:250px;min-width:250px;float:right;*/}.hidden-action{display:none!important; /*min-width:400px;float:right;*/}}
ul.unstyled{margin-left:0;list-style:none}
ul.inline{margin-left:0;list-style:none}
ul.inline>li{display:inline-block;*display:inline;*zoom:1;padding-left:5px;padding-right:5px}
.nav-circles{margin:0;}
.nav-circles>li{padding:0!important;margin:0 .3em;}
.nav-circles>li>a{display:block;text-decoration:none;font-size:1.85em;line-height:0;color:#334d5c;-webkit-border-radius:1.5em;-moz-border-radius:1.5em;border-radius:1.5em;border-color:#334d5c;border-style:solid;border-width:2px;-webkit-box-shadow:0px 0px 15px 0px rgba(102,102,102, 0.5); -moz-box-shadow:0px 0px 15px 0px rgba(102,102,102, 0.5); box-shadow:0px 0px 15px 0px rgba(102,102,102, 0.5);}
.nav-circles>li>a:hover{background-color:#334d5c;color:#ffffff}
.nav-circles>li>a>div{padding:.5em}

@media (min-width: 768px) and (max-width: 1199px) { .nav-circles-ecomm>li>a{font-size:1.65em;} }

/* Usage: include the following div inside the circle icon element with appropriate html value, like this:

	<ul class="inline unstyled nav-circles hidden-action">
	<li><a href="test.php" data-toggle="popover" data-container="body" title="Photo Albums" data-content="Checkout photos organized in albums by topic.">		    <div aria-hidden="true" data-icon="&#x1f4f7;"></div>
	</a>
	</li>
	</ul>
*/

@font-face {
  font-family: 'pcicons';
  src: url('js/pcicons.eot');
  src: url('js/pcicons.eot?#iefix') format('embedded-opentype'), url('js/pcicons.woff') format('woff'), url('js/pcicons.ttf') format('truetype'), url('js/pcicons.svg#pcicons') format('svg');
  font-weight: normal;
  font-style: normal;
}[data-icon]:before{font-family:'pcicons';content:attr(data-icon);speak:none;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}

/* 
+++++++++++++++++++++++++++++++++++++
END - Circle Rollovers */

#footer-slide-out {
    display: none;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: -65px;
    height: 65px;
    background-color:rgba(0,0,0,0.4);
    color: #fff;
    text-align: center;
}

#footer-slide-out #fso-inner-wrap { 
    margin: 0 auto;
}

#footer-slide-out #fso-inner-padding { 
    padding: 10px;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;    
}

#footer-slide-out .fso-box {
    width: 40px;
    height: 40px;
    float: left;
    margin: 5px;
	padding:0 5px 5px 5px;
    text-align: center;
	font-size:18pt;
	-webkit-border-radius:1.5em;-moz-border-radius:1.5em;border-radius:1.5em;
}

.goonline {
font-family:'Open Sans', sans-serif; font-size:9pt; color:#fff; padding-botom:10px;
}

.goonline-link, .goonline-link:visited {
font-family:'Open Sans', sans-serif; font-size:9pt; color:#fff; text-decoration:none;
}

.goonline-link:hover {
font-family:'Open Sans', sans-serif; font-size:9pt; color:#bfbfbd; text-decoration:none;
}

/* Start Custom Bootstrap CSS */
body{padding-top:50px}
body>.navbar{-webkit-transition:background-color 300ms ease-in;transition:background-color 300ms ease-in}
@media (min-width:768px){body>.navbar-transparent{background-color:transparent}body>.navbar-transparent .navbar-nav>.open>a{background-color:transparent!important}}
#home{padding-top:0}
#home .navbar-brand{padding:13.5px 15px 12.5px}
#home .navbar-brand>img{display:inline;margin:0 10px;height:100%}
#banner{min-height:300px;border-bottom:none}
.page-header h1{font-size:4em}
.bs-docs-section{margin-top:8em}
.bs-component{position:relative}
.bs-component .modal{position:relative;top:auto;right:auto;left:auto;bottom:auto;z-index:1;display:block}
.bs-component .modal-dialog{width:90%}
.bs-component .popover{position:relative;display:inline-block;width:220px;margin:20px}
#source-button{position:absolute;top:0;right:0;z-index:100;font-weight:700}
.nav-tabs{margin-bottom:15px}
.progress{margin-bottom:10px}
footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}
footer p{clear:left;margin-bottom:0;}
footer a { color:#36aaf4;}
footer a:hover {color:#fff;}
footer h4 {  color:#fff; letter-spacing:2px; border-bottom: 1px dotted #c2c2c2;font-size:14px;padding: 0 0 10px; margin: 0 0 15px; }
.splash{padding:9em 0 2em 0;background-color:#000;/*background-image:url(images/bs-custom-bg.jpg);*/background-size:cover;background-position:center top;background-repeat:no-repeat; color:#fff;text-align:center;}
.splash .logo{width:160px}
.splash h1{font-size:3em;color:white;}
.splash h2{font-size:2em;color:white;}
.splash h3{font-size:2em;color:white;text-shadow:-3px -3px 3px rgba(0,0,0,0.8); }
.splash a{ color:yellow;}.splash a:hover{ color:white;}
.splash #social{margin:2em 0}
.splash .alert{margin:2em 0}
.section-tout{padding:4em 0 3em;border-bottom:1px solid rgba(0,0,0,.07);background-color:#eaf1f1}
.section-tout .fa{margin-right:.5em}
.section-tout p{margin-bottom:3em}
.section-preview{padding:4em 0 4em}
.section-preview .preview{margin-bottom:4em;background-color:#eaf1f1}
.section-preview .preview .image{position:relative}
.section-preview .preview .image:before{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);position:absolute;top:0;left:0;width:100%;height:100%;content:"";pointer-events:none}
.section-preview .preview .options{padding:1em 2em 2em;border:1px solid rgba(0,0,0,.05);border-top:none;text-align:center}
.section-preview .preview .options p{margin-bottom:2em}
.section-preview .dropdown-menu{text-align:left}
.section-preview .lead{margin-bottom:2em}
@media (max-width:767px){.section-preview .image img{width:100%}}
.sponsor{text-align:center}
.sponsor a:hover{text-decoration:none}
@media (max-width:767px){
.splash{padding-top:4em}
.splash .logo{width:100px}
.splash h1{font-size:2em}
.splash h2{font-size:1.5em}
.splash h3{font-size:1.15em}
#banner{margin-bottom:2em;text-align:center}
}
/* End Custom Bootstrap CSS */


/* 
Vertical aliging column contents in the center / middle
Appply to the parent row element */
.vertical-align {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.before_photo { position:absolute;top:50px;right:0px;z-index:1000;padding:10px 20px 10px 20px;background-color:rgba(13,71,142,0.5);border-top-left-radius:20px;border-bottom-left-radius:20px;color:#fff;font-size:12pt;font-weight:900;letter-spacing:2px;text-shadow:2px 2px 3px rgba(0,0,0,0.6);-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.5); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.5); box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.5); }
.after_photo { position:absolute;top:50px;left:0px;z-index:1000;padding:10px 20px 10px 23px;background-color:rgba(13,71,142,0.5);border-top-right-radius:20px;border-bottom-right-radius:20px;color:#fff;font-size:12pt;font-weight:900;letter-spacing:2px;text-shadow:2px 2px 3px rgba(0,0,0,0.6);-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.5); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.5); box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.5); }
@media (max-width:767px){ .before_photo, .after_photo { padding:5px 20px 5px 20px;top:25px;font-size:8pt; }}

.badge-wrapper {position:absolute; z-index:2;top:0;right:0;background:rgba(0,0,0,0);/*border-radius:10px;*/width:100%;padding:15px;color:#fff !important; text-shadow:-1px -1px 1px rgba(0,0,0,0.5); z-index:2; text-align:right;}

.footer-address {
font-family:'Open Sans', sans-serif; font-size:9pt; color:#ffffff; padding-botom:10px;
}

.footer-address a, footer-address a:visited {
font-family:'Open Sans', sans-serif; font-size:9pt; color:#999999; text-decoration:none;
}

.footer-address a:hover {
font-family:'Open Sans', sans-serif; font-size:9pt; color:#bfbfbd; text-decoration:none;
}

#logo {z-index:1031; position:absolute; margin-top:15px;max-width:239px; opacity:1.0 !important; filter:alpha(opacity=100) !important;}
#logo img {display:block; width:100%;}
.navbar-default { font-size:13px; }
@media (max-width:767px) { #logo { max-width:200px; margin-top:15px; }} /* xs */
@media (min-width:768px) and (max-width:991px) { #logo { max-width:185px; } .navbar-default { font-size:11px; } }
@media (min-width:992px) and (max-width:1199px) { #logo { max-width:185px; } .navbar-default { font-size:13px;letter-spacing:0px !important; } }


/*--------------------------------------------------------------
	BEGIN - Additional visual aid styles
--------------------------------------------------------------*/
body {
  font: 400 14px/2.0 "Open Sans", sans-serif;
  color: #666;
  -webkit-font-smoothing: antialiased;
}

.module,
.module-small {
  position: relative;
  padding: 140px 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

/* Module header */
.module-small {
  padding: 70px 0;
}

.module-extra-small {
  padding: 25px 0px;
}

.module-medium {
  padding: 75px 0px;
}

.holder-w {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  height: 1px;
  width: 50%;
}

.holder-w:before {
  border-top: 1px solid #eaeaea;
  position: relative;
  display: block;
  content: "";
  top: 1px;
  height: 1px;
  width: 100%;
}

/* Sections dividers */
.divider-w {
  border-top: 1px solid #eaeaea;
  margin: 0;
}

.divider-d {
  border-top: 1px solid #202020;
  margin: 0;
}

/* Dark background */
.bg-dark,
.bg-dark-30,
.bg-dark-60,
.bg-dark-90,
.bg-dark .module-title,
.bg-dark-30 .module-title,
.bg-dark-60 .module-title,
.bg-dark-90 .module-title,
.bg-dark .module-subtitle,
.bg-dark-30 .module-subtitle,
.bg-dark-60 .module-subtitle,
.bg-dark-90 .module-subtitle,
.bg-dark .alt-module-subtitle h5,
.bg-dark-30 .alt-module-subtitle h5,
.bg-dark-60 .alt-module-subtitle h5,
.bg-dark-90 .alt-module-subtitle h5 {
  color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;
  font-weight: 400;
}

p, ol, ul, blockquote {
  margin: 0 0 20px;
}

blockquote {
  border: 0;
  font-style: italic;
  font-size: 15px;
  padding: 0;
}

.font-alt {
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.font-serif {
  font-family: Volkhov, "Times New Roman", sans-serif;
  font-style: italic;
}

.large-text {
  font-size: 24px !important;
}

.rotate {
  text-shadow: none !important;
}

.module-title {
  position: relative;
  letter-spacing: 4px;
  text-align: center;
  font-weight: 400;
  font-size: 30px;
  color: #111;
  margin: 0 0 70px;
}

.module-subtitle {
  text-align: center;
  font-size: 16px;
  color: #111;
  margin-bottom: 70px;
}

.module-icon {
  text-align: center;
  font-size: 32px;
  margin-bottom: 20px;
}

.module-title + .module-subtitle {
  margin-top: -35px;
}

/* Restaurant module header */
.alt-module-subtitle {
  display: table;
}

.alt-module-subtitle h5 {
  display: table-cell;
  white-space: pre;
  padding: 0 8px;
  color: #111;
}

/*--------------------------------------------------------------
	Restaurant Menu
--------------------------------------------------------------*/
.menu {
  border-bottom: 1px dotted #e5e5e5;
  padding: 0 0 10px;
  margin: 0 0 20px;
}

.menu-title,
.menu-price {
  margin: 0 0 10px;
  font-size: 14px;
  color: #111;
}

.menu-price-detail {
  position: relative;
  text-align: right;
}

/*--------------------------------------------------------------
	Price Table
--------------------------------------------------------------*/
.price-table {
  background: #fff;
  border: 1px solid #eaeaea;
  padding: 25px 20px;
  margin: 15px 0 30px;
  border-radius: 2px;
  text-align: center;
}

.price-table:hover {
  border-color: #CACACA;
}

.price-table.best {
  margin: 0 0 30px;
}

.price-table .small {
  margin: 0;
}

.borderline {
  position: relative;
  background: #eaeaea;
  display: block;
  height: 1px;
  width: 100%;
  margin: 20px 0 15px;
}

.borderline:before {
  position: absolute;
  background: #eaeaea;
  content: "";
  bottom: -7px;
  left: 50%;
  height: 14px;
  width: 14px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  margin-left: -7px;
}

.borderline:after {
  position: absolute;
  background: #fff;
  content: "";
  bottom: -5px;
  left: 50%;
  height: 16px;
  width: 16px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  margin-left: -8px;
}

.price-table h4 {
  color: #111;
  margin: 0;
}

.price-table p.price {
  font-size: 60px;
  color: #111;
  padding: 0;
  margin: 0 0 0 -10px;
}

.price-table p.price span {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  padding-top: 25px;
}

.price-details {
  list-style: none;
  padding: 0;
  margin: 0 0 23px;
}

.price-details li {
  padding: 7px 0;
}

.price-details li > span {
  text-decoration: line-through;
  color: #aaa;
}


a,
.btn {
  transition: all 0.125s ease-in-out 0s;
}

/* Reset box-shadow */
.btn,
.well,
.panel,
.progress,
.form-control,
.form-control:hover,
.form-control:focus,
.navbar-custom .dropdown-menu {
  box-shadow: none;
}

--------------------------------------------------------------*/
.btn {
  border-radius: 0 !important;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase !important;
  letter-spacing: 2px;
  font-size: 11px;
  padding: 8px 37px;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: 0;
}

.btn.btn-round {
  border-radius: 2px;
}

.btn.btn-circle {
  border-radius: 30px;
}

.btn.btn-w {
  background: rgba(255, 255, 255, 0.8);
  color: #111;
}

.btn.btn-w:hover,
.btn.btn-w:focus {
  background: white;
  color: #111;
}

.btn.btn-g {
  background: #e5e5e5;
  color: #111;
}

.btn.btn-g:hover,
.btn.btn-g:focus {
  background: #d8d8d8;
  color: #111;
}

.btn.btn-border-w {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.75);
  color: #fff;
}

.btn.btn-border-w:hover,
.btn.btn-border-w:focus {
  background: #fff;
  border-color: transparent;
  color: #111;
}

.btn.btn-d {
  background: rgba(17, 17, 17, 0.8);
  color: #fff;
}

.btn.btn-d:hover,
.btn.btn-d:focus {
  background: #111111;
}

.btn.btn-b {
  background: #111111;
  color: #fff;
}

.btn.btn-b:hover,
.btn.btn-b:focus {
  background: rgba(17, 17, 17, 0.8);
}

.btn-border-d {
  background: transparent;
  border: 1px solid #111111;
  color: #111;
}

.btn.btn-border-d:hover,
.btn.btn-border-d:focus {
  background: #111111;
  color: #fff;
}

.btn.btn-font-w {
  background: rgba(255, 255, 255, 0.8);
  color: #fff;
}

.btn.btn-font-w:hover {
  background: #fff;
  color: #111;
}

/* Buttons size */
.btn.btn-lg {
  padding: 12px 45px;
  font-size: 13px;
}

.btn.btn-sm {
  padding: 6px 25px;
  font-size: 10px;
  letter-spacing: 1px;
}

.btn.btn-xs {
  padding: 4px 19px;
  font-size: 10px;
  letter-spacing: 0;
}

.btn-list .btn {
  margin: 5px 0;
}

.search-btn {
  position: absolute;
  background: transparent;
  border: none;
  overflow: hidden;
  top: 50%;
  right: 1px;
  width: 42px;
  height: 40px;
  line-height: 38px;
  font-size: 14px;
  outline: none;
  color: #999;
  margin-top: -20px;
}

.image-button {
  margin: 0px 5px;
}


.mt-50 {
  margin-top: 50px !important;
}

@media (max-width: 767px) {

  /* Restaurant menu */
  .menu-title,
  .menu-detail,
  .menu-price-detail {
    text-align: center;
  }
  .align-center-sm {
    text-align: center;
  }
  .align-left-sm {
    text-align: left;
  }
}


/* -------------------------------------------------------------
Google map
------------------------------------------------------------- */
#map-section {
  position: relative;
  height: 450px;
  width: 100%;
}

#map {
  height: 100%;
  width: 100%;
}

#map img {
  max-width: none;
}

/*--------------------------------------------------------------
	END - Additional visual aid styles
--------------------------------------------------------------*/