body { BACKGROUND-IMAGE: url(images/page_bg.jpg); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: right bottom; BACKGROUND-FIX: fixed;}
/* 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;}

.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:.70; 
 -moz-opacity:.70; 
 -ms-filter:"alpha(opacity=70)";
  filter:alpha(opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.7);
  opacity:.70; 
  -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:0px 0px 40px 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:0px 0px 20px 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:#8e8e8e; padding-botom:10px;
}

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

.goonline-link:hover {
font-family:'Open Sans', sans-serif; font-size:9pt; color:#000000; 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:#558eba;}
footer a:hover {color:#000;}
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:#000000; padding-botom:10px;
}

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

.footer-address a:hover {
font-family:'Open Sans', sans-serif; font-size:9pt; color:#000; 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; } }