/*------FONTS------*/

@import url(https://fonts.googleapis.com/css?family=Sancreek);

@font-face { font-family: 'tyracaps'; src: url('TyraCaps/tyra-caps2-webfont.eot'); src: url('TyraCaps/tyra-caps2-webfont.eot?#iefix') format('embedded-opentype'), url('TyraCaps/tyra-caps2-webfont.woff') format('woff'), url('TyraCaps/tyra-caps2-webfont.ttf') format('truetype'), url('TyraCaps/tyra-caps2-webfont.svg#tyracaps') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'tyracaps'; src: url('TyraCaps/tyra-capsbold2-webfont.eot'); src: url('TyraCaps/tyra-capsbold2-webfont.eot?#iefix') format('embedded-opentype'), url('TyraCaps/tyra-capsbold2-webfont.woff') format('woff'), url('TyraCaps/tyra-capsbold2-webfont.ttf') format('truetype'), url('TyraCaps/tyra-capsbold2-webfont.svg#tyracapsbold') format('svg'); font-weight: bold; font-style: normal; }


/*------COLORS------
orange-red		#ed470c
red 			#EF3125
mustard			#F2B42F
lightning mustard	#F7D158
orange			#F29617	
burned orange		#CC3300
amber ale		#DE8445
grasshoppah		#75C69B	
sea foam		#DDF6EB
bright blue 		#11d1ff

*/


html, body {height:100%; min-height:100%;
text-rendering: geometricPrecision;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* PAGE TITLE and SIDEBAR TITLE */
.page-title, #sidebar-title, .sancreek {font-family: 'Sancreek', 'Oswald', sans-serif; font-weight:400; text-transform:uppercase; }


/* CONTENT TABLES */
#content table td {padding:6px;}

/* STYLES FOR SPECIFIC PAGES */
.page-title.has-bg-image {color:#FFF;}

#sidebar.has-bg-image {background:rgba(0,0,0,0.5);}

.has-bg-image .side-nav li a, .has-bg-image .side-nav li.active > a:first-child {color:#FFF;}

.page-content68 .page-title.has-bg-image {color:#11d1ff;}


/* HIDE STUFF */
#nav2,li.divider, #page-title66 {display:none !important;}

.preload {position:absolute; left:-999em; z-index:0; display:none; }

h1, h2, h3, h4, h5, h6, .breadcrumbs { max-width:750px; line-height:120%;}

/* Anniversary page background */
.page66 {background-color:#FFF;background-image:none !important;}

/* text-mask
h1, h2, h3, h4, h5,*/ .insta-title, .page-title, #sidebar-title, .caption h1 { -webkit-mask-image: url(../img/text-mask.png); -o-mask-image: url(../img/text-mask.png); -moz-mask-image: url(../img/text-mask.png); mask-image: url(../img/text-mask.png); }

h1, h2, h3, .breadcrumbs {margin:0;padding:15px 0 10px 0;font-weight:700;text-transform:uppercase;}

h4, h5, h6 {margin:0;padding:15px 0 10px 0; font-weight:400;text-transform:uppercase; }

h1 { color:#000; }

h6 {font-family: 'tyracaps', 'Oswald', sans-serif; color:#000; margin:0; font-weight:400; }

p {margin:0; padding:0 0 20px 0;}

p, section li, .page-title, .alert { max-width:750px; }

.alert {margin:20px auto;}

#page-content section, #products #content {max-width:900px;}

hr {height:0px; border-top:2px dashed #222; clear:none; width:auto;}

img { max-width:100% !important; vertical-align:bottom; }

#content iframe {width:90% !important; min-height:400px;} 

.inset-left, .inset-right, .large-inset-left, .large-inset-right { text-align:left; }

.btn {font-family: 'tyracaps','Oswald', sans-serif;  font-weight:bold; }

.btn-default {background:#75C69B;}

.btn-default:hover, .btn-default:active { background:#DDF6EB;}

.border-bottom { font-size:.9em; padding-bottom:10px; border-bottom:2px solid #000; }

.header-wrapper {height:65px; background:url('https://www.rightbrainbrewery.com/content/library/header.png') repeat-x center bottom; position:fixed; z-index:11;}

#logo { position:absolute; z-index:12; right:1%; top:10px; }
#logo a{ display:block; margin: 0 auto; -moz-transition: all .5s ease-in-out; transition: all 0.5s ease-in-out;}
#logo a:hover {
-ms-transform: rotate(12deg); /* IE 9 */
-webkit-transform: rotate(12deg); /* Chrome, Safari, Opera */
transform: rotate(12deg);
}
#logo a img {width:140px;-moz-transition: all .5s ease-in-out; transition: all 0.5s ease-in-out;}
#logo.scroll-logo a img {width:100px;}
#content {padding:0; margin:0;position: relative; z-index: 2; }

#page-content {margin:0; padding:0;}

#header-content {position:fixed; z-index:14; top:48px; left:15px; margin:0; padding:0; text-align:left; }

#social-nav { background:#000; -moz-border-radius:10px;border-radius:10px; }

#social-nav a {text-decoration:none; width:24px; height:24px; margin:3px 5px; display:inline-block;
-moz-transition: all 0.5s ease; transition: all 0.5s ease;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
filter: alpha(opacity=80);
opacity: 0.8;}

#social-nav a:hover, #social-nav a:active {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
filter: alpha(opacity=100);
opacity: 1.0;}

#header-search {z-index:121;}

#header-search .search-field {outline:none !important; line-height:36px; border:1px solid #444;border-radius:3px; background:#444; background:rgba(0,0,0,0.2); color:#FFF; height:36px; padding-right:40px;padding-left:15px;}

#header-search .search-field:focus { border:1px solid #FFF; background:#202329;-moz-box-shadow:none;box-shadow:none;}

#header-search .form-control::-moz-placeholder {
  color: #888 !important; font-size:15px;
}
#header-search .form-control:-ms-input-placeholder {
  color: #888 !important; font-size:15px;
}
#header-search .form-control::-webkit-input-placeholder {
  color: #888 !important; font-size:15px;
}

.form-control::-moz-placeholder {
  color: #999 !important;
}
.form-control:-ms-input-placeholder {
  color: #999 !important;
}
.form-control::-webkit-input-placeholder {
  color: #999 !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999;
}

.search-button {top:0; color:#777; outline:none !important; position:relative; z-index:90; left:-40px; top:2px;}

.search-button:hover, .search-button:active { color:#FFF; }

.full-width {width:100% !important;}

#wrapper {margin-bottom:-520px !important;}

footer, #push {height:520px; display:block;}
footer, footer a {color:#FFEDA3 !important; /*background:url('https://www.rightbrainbrewery.com/content/library/footer.png') repeat-y center top;*/ }

#footer-block {margin-top:20px;}

.footer-icons a {opacity:.8; }

.footer-icons a:hover {opacity:1.0;}

#mc_embed_signup {background:#222;padding:18px 24px; -moz-border-radius:3px; border-radius:3px; max-width:370px; margin:0 auto; position:relative; z-index:3;}

#mc_embed_signup h4 { max-width: 220px; font-size:21px; margin: 10px auto; padding:0; color:#75C69B;}

#mc_embed_signup h3.fa-star {font-size:14px; margin:0;}

#mc_embed_signup h3.star1 {position:absolute; top:45px; left:6px; }

#mc_embed_signup h3.star2 {position:absolute; top:45px; right:6px;  }

.copyright {display:block; font-size:10px;color:#444;}

.copyright a { color:#444 !important;}

#footer-wrapper {padding:15px;}

.nav>li>a, .navbar .nav li>a, .navbar .nav li>a, .navbar li>a {text-transform:uppercase; color:#FFEDA3; font-weight:400;}

.navbar .nav li>a:hover, .navbar .nav li>a:focus, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .nav>li>a:hover, .nav>li>a:focus {background:#ed470c; color:#FFF;}

.side-nav li {padding:4px 0;}

.side-nav li a {text-transform:uppercase;}

.table-lines td {padding:4px 15px 4px 0; border-bottom:1px solid #11e1ff;}

.has-bg-image .side-nav li a:hover, .has-bg-img .side-nav a:active {color:#11e1ff !important;}

/*----------ONLINE STORE STYLES -----------*/
.modal-footer {border-top:none;}

#products .breadcrumbs, #content #shoppingCartTitle { list-style:none; margin-top:55px; margin-bottom:20px;}

#secure_checkout {margin-top:75px;}

#products .breadcrumbs li {display:inline-block;}
#products .breadcrumbs li a {font-size:2.4em;text-decoration:none; padding:0;}
#products .breadcrumbs li a:hover, #products .breadcrumbs li a:active { text-decoration:underline; }
#products .breadcrumbs .fa-chevron-right {font-size:1.9em; padding:0 10px; color:#222;}
#products .item a.crop {height:208px; line-height:208px;}
#products .item .panel {max-width:200px; margin-right:auto; margin-left:auto; }

#products a {cursor:pointer !important;}

#products, #secure_checkout {position:relative; z-index:6; max-width:80%; margin:0;}
#products .red { clear:both; }

/* remove default line in mobile nav */
.container-fluid>.navbar-collapse { box-shadow:none !important; border:none !important; margin-right:0; margin-left:0;  }

h4.product-name {color:#000; }

.cartLinks { position:fixed; z-index:121;text-align:center; padding-top:0;}
.cartLinks .col-xs-3, .cartLinks .col-sm-6 {padding-right:4px; padding-left:4px;}
.cartLinks .fa-shopping-cart {font-size:24px;line-height:14px;}

#products {padding:15px;}

#products .nav-tabs { margin-top:40px; }

#products .tab-content { margin-bottom:24px; padding:15px 0; -moz-border-radius:0 4px 4px 4px; border-radius:0 4px 4px 4px; }

#content #products .nav>li {margin:0;padding:0;}

#content #products .nav li>a {background:none; padding:12px 14px; color:#000; -moz-box-shadow:none; box-shadow:none;}

#content #products .nav li.active>a {background:#FFF !important; border:none; !important;padding:14px;}

#content #products .nav>li>a:hover, #content #products .nav>li>a:active {background:#F90;}

#content #products .nav-tabs {border-bottom:none;}

#content #products .tab-content {background:#FFF; padding:10px;}

#cartFooter { background:#EEE; -moz-border-radius:6px; border-radius:6px; padding:15px; }

#relatedProducts {margin-top:45px;}

#relatedProducts h4 {font-size:1.6em;}

.panel .row { margin-right:-15px; margin-left:-15px; }

.panel h6 a:hover, .panel h6 a:active { text-decoration:underline; }

.panel p { font-size:.8em; line-height:140%; margin:0; padding:0; }

.panel p.red {font-size:1em;padding:3px 6px; display:inline-block !important; background:#FFF;-moz-border-radius:2px; border-radius:2px; font-family:'Oswald', sans-serif; text-transform:uppercase;}

.item_price {margin:0;}

#products .image-gallery a img, #products .image-gallery a { height:auto; width:auto; max-width:100% !important; overflow:visible; }

#products .image-gallery a {margin-bottom:15px;}
#products .item a.crop img {vertical-align:middle;}
#products .item a.crop { background:none; height:200px; line-height:200px; }

.item .panel h6 {font-family:'Oswald',sans-serif; text-transform:uppercase;text-align:left; font-size:1.1em;}

.item .panel h6.item_price {text-align:right; font-size:1em;padding:12px 0;margin:0;}

.item .panel .btn-xs {margin-top:8px;}

.image-gallery a {outline:none;}

.item {padding-bottom:15px;}

.attributes {max-width:400px; padding:15px 0; margin-bottom:0;}

.attributes .col-xs-4 { white-space:nowrap; padding-left:0 !important;}

.attributes .form-group {margin:0 !important; padding:0 !important;}

.attributes .control-label {text-align:left;}

#secure_checkout {padding:15px; min-height:400px !important;}

#secure_checkout h4 {text-align:center; margin:20px 0;}

#divCartSummary .btn-sm {margin:24px 0;}

#divCartSummary tr, .totals tr {border-bottom:1px solid #DDD;}

#divCartSummary td, .totals td {padding:4px;}

#products #divShoppingCart h3 {display:none;}

#shoppingCartTitle {padding-left:20px;}



/* -----FEATURED PAGES -------  */

#features {padding:8px 4px; margin-bottom:-15px}

#features .col-sm-3 {padding:0 4px 8px 4px;}

#features a { display:block; width:100%; min-height:180px; overflow:hidden;}

#feature-store a {background:url('/content/library/right-brain-store-500x500.png') no-repeat; background-size:cover;}



#features .panel {background:rgba(0,0,0,0.5); padding:8px; text-align:left; margin:0; border-radius:0; -moz-border-radius:0; height:180px;-moz-transition: all 0.5s ease; transition: all 0.5s ease; }
#features a .panel h2 {font-size:27px;font-weight:700; line-height:120%;}
#features a .panel h5 {font-size:17px; font-weight:400;line-height:130%;}
#features a .panel h2, #features a .panel h5 { color:#FFF;margin:0 0 4px 0; padding:0;-moz-transition: all 0.5s ease; transition: all 0.5s ease; text-shadow:1px 1px 12px rgba(0,0,0,0.4);  }

#features a:hover .panel, #features a:active .panel {background:rgba(0,0,0,0.2);}

#bg1 #home-splash {position:relative; }
#content .nav li.active a {padding:9px 14px;}
#content .nav li.active a {border:1px solid #DDD;}

#main_image {max-width:200px; margin:0 auto;}

#thumbgrid2 li:first-child {display:none;}

/* beer images in beer list */
.beerlist {height:200px; width:auto !important; }

.beerlist::after, .beerlist:after{
  content: "";
  display: table;
  clear: both;
}

.pkg-item { width:50%; float:left; min-height:360px;padding:8px;box-sizing:border-box; overflow:hidden; }
.pkg-item img {height:200px;width:auto;}
.pkg-item h4 {}
.pkg-item p {}


/* Instagram Feed */

#bg1 #embed_content {background:#000 url(/content/library/waves10.png); padding:15px 15px 40px 15px !important; max-width:100% !important;}

#instafeed a {display:inline-block;margin:0;padding:0; width:25%; height:auto;}

#instafeed a img {width:100%; height:auto;}

.insta-title { color:#FFF !important; }

#bg1 #embed_content h1, #bg1 #embed_content h2, #bg1 #embed_content h3, #bg1 #embed_content h4, #bg1 #embed_content h5, #bg1 #embed_content h6, #bg1 #embed_content p {max-width:100%;}


/* Slippry Slider */

.sy-slides-crop {overflow:visible !important}

.caption { background-color:none; padding:5px 15px;}

#slider h1 {max-width:100%;}

.caption h1, .caption h2, .caption h3, .caption h4 {color:#FFF !important; margin-top:0;text-shadow:1px 1px 2px rgba(0,0,0,0.35); }

.sy-controls li a:after {background-color:transparent !important; color:#000 !important;}

.sy-pager { display:none;}
.sy-pager li a {background:#75c69b;}
.sy-pager li.sy-active a { background:#FFF; }

/* ---- CROP SLIDES -----
#bg1 .sy-slides-wrap, #bg1 .sy-slide {background-color:#000;}
.sy-slides-wrap, .sy-slide { background-color:transparent; height:600px;}

.sy-slide img {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    transform: translate(-50%,0);
    z-index:0;
}
*/



/* ------------ AT LEAST 768px WIDE ------------ */
@media screen and (min-width: 768px) {

/* store background */
#bg3 #wrapper {background:url(/content/library/dewey-right1.png) fixed no-repeat; background-position: right 200px; background-size:21% auto;}


#header-space {display:block;height:45px;}

#logo {position:absolute; margin-right:0; left:auto; right:0; top:0;width:25%;text-align:center;}
#logo a img { width:220px;}
#logo.scroll-logo a img {width:140px;}

#header-search { position:absolute; padding-top:8px; top:0; right:17.5%; width:150px;}

input.search-field {text-align:left;}

#header-search .search-field {width:110px;}

.cartLinks {left:auto; right:37%; top:10px;}

.cartLinks .btn {font-size:13px;}

#products {min-height:400px !important;}

#bg1 #home-splash {padding:20px; margin-top:10px;}

#wrapper {margin-bottom:-200px !important;}

#sidebar {padding-top:180px;text-align:center;}

/* #sidebar.no-jumbo {position:fixed; z-imdex:9; top:45px; right:0;} */

footer {height:200px;}
#push {height:200px;}

/* in receipt */
.totals .well {min-height:240px;}

.copyright {padding-top:10px;}

.page-title { line-height:1; font-size:50px !important; padding:45px 0 15px 25px; }

/* ------ PAGE NAVIGATION ------ */

/* hide home button */
#tab0 {display:none;}

#nav .container-fluid>.navbar-collapse {margin-right:-20px;margin-left:-20px;}

.navbar li {margin-right:2px;}

.navbar li>a {padding:5px 10px; }

#nav li a {-moz-border-radius:3px; border-radius:3px;}

#nav li.active>a { background-color:#333; }

#nav li.active li.active a {color:#FFF; background:none; background-color:transparent; }
#nav li>a:hover, .navbar li.active>a:hover {color:#FFF !important;}

#nav li a:active {color:#FFF;}

#nav .dropdown-menu {background:#000;padding:3px;}

/* .caption .btn {float:right;} */

.sy-box.sy-loading {  min-height:400px !important; display:block;}

.beerlist {margin-left:2%;position:relative; top:20px;}

#instafeed a {width:10%; opacity:.8;-moz-transition: all 0.5s ease; transition: all 0.5s ease; }
#instafeed a:hover, #instafeed a:active {opacity:1.0; 
/*position:relative; z-index:3;
-webkit-transform: scale(1.1);
  -moz-transform:   scale(1.1);
  -ms-transform:    scale(1.1);
  -o-transform:     scale(1.1);
  transform:        scale(1.1);*/
  }
  
  
/* fixed position jumbo on home page
#jumbo .sy-slides-wrap {z-index:0;}
#jumbo .sy-slides-crop {position:fixed; z-index:0;}

.caption h1 {font-size:3.2em;}
.caption .btn {padding:10px 20px;}
  */
  /* CROP SLIDES
.sy-slides-wrap, .sy-slide{height:400px;}
  */
}


/* ------------ AT LEAST 768px WIDE and AT MOST 800px HEIGHT ------------ */
@media screen and (min-width: 768px) and (max-height:800px) {

#jumbo .sy-slides-crop {position:relative;}

}

/* ------------ AT LEAST 940px WIDE ------------ */
@media screen and (min-width: 940px) {

#tab0 {display:inline-block;}

#features .panel, #features a {height:200px;}

  /* CROP SLIDES
.sy-slides-wrap, .sy-slide{height:600px;}*/
}

/* ------------ AT LEAST 940px WIDE and AT MOST 800px HEIGHT ------------ */
@media screen and (min-width: 940px) and (max-height:800px) {

/* #jumbo .sy-slides-crop {position:relative;}*/ 

}


/* ------------ AT LEAST 1200px WIDE ------------ */
@media screen and (min-width: 1200px) {

#logo {width:16.666667%;}

#logo.scroll-logo a img {width:140px;}

#bg2 #page-content, #products #content {padding-left:12%;}

#features .panel, #features a {height:240px;}


#header-search { width:180px;}

#header-search .search-field {width:140px;}


.caption h1 {font-size:3.5em;}

  /* CROP SLIDES
.sy-slides-wrap, .sy-slide{height:600px;}*/

}
/* ------------ AT LEAST 1200px WIDE and AT MOST 800px HEIGHT ------------ */
@media screen and (min-width: 1200px) and (max-height:800px) {


/* #jumbo .sy-slides-crop {position:relative;} */

}

/* ------------ AT LEAST 1400px WIDE ------------ */
@media screen and (min-width: 1400px) {

#logo {margin:0;}


#header-search { width:240px;}

#header-search .search-field {width:200px;}


#bg3 #wrapper {background-size:300px auto;}

.caption h1 {font-size:3.7em;}

  /* CROP SLIDES
.sy-slides-wrap, .sy-slide{height:650px;}
*/
}


/* ------------ AT MOST 940px WIDE ------------ */
@media screen and (max-width: 940px) {
.navbar-nav li {font-size:.9em;} 
.navbar li>a {padding:5px 8px;}
.cartLinks {top:12px;}
.cartLinks .fa-shopping-cart {font-size:20px;}
}


/* ------------ AT MOST 767px WIDE ------------ */
@media screen and (max-width: 767px) {

header { background:none; padding-right:15px; padding-left:15px;}

#header-space {display:block; height:50px;}

#footer-block .col-sm-3, #footer-block .col-sm-6 { padding-top:10px; padding-bottom:10px; }

#sidebar, #products {margin-right:0; margin-left:0;}

#products {padding:0;}

#features a .panel {background:rgba(0,0,0,0.5) !important;}

#features a .panel h2 { font-size:18px}

#features a .panel h5 {font-size:14px;}

/* -----HEADER STUFF ----*/
#logo {margin:0;}

#nav {position:absolute; z-index:120; left:10px; right:auto; top:0; width:70%; }

#nav #content-nav {margin-top:0; z-index:110;}

.navbar-nav { -moz-border-radius:4px; border-radius:4px; background:black; border:2px solid #333; margin-top:0; }

.navbar li>a { font-size:1.1em; padding:8px 10px; }

.navbar-collapse.in {overflow:visible;}

.navbar-collapse .navbar-nav {-moz-transition: all 0.5s ease; transition: all 0.5s ease; }

.navbar-collapse.in .navbar-nav {
 -ms-transform: rotate(2deg); /* IE 9 */
 -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
 transform: rotate(2deg);}
    
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {margin-right:0; margin-left:0;}
    
.toggle-title, .navbar-toggle {float:left; margin-right:10px;}
.navbar-toggle {margin-left:10px;}

.toggle-title {padding:15px 0 0 0;}

.navbar-toggle {border:none !important;}

#header-search { position:absolute; padding-top:6px; top:0; right:28%; left:auto; width:200px;}

#header-search .search-field {width:150px;}

.cartLinks {left:auto; right:62%; top:10px;}

p, h1, h2, h3, h4, h5, h6 {max-width:75%;}

#products p {max-width:100%;}

#secure_checkout, #products .breadcrumbs, #content #shoppingCartTitle {margin-top:45px;}
#products .breadcrumbs li a {font-size:1.8em;}
#products .breadcrumbs .fa-chevron-right {font-size:1em;}
.page-title {font-size:40px !important; max-width:75%;padding-top:30px;}

.inset-left, .inset-right, .large-inset-left, .large-inset-right {float:none; margin:20px 0 0 0;clear:both;}

.page14 .inset-right {width:90% !important}

/* online store margins */
#products .item a.crop img {height:100%;min-width:100px; width:auto;max-width:200% !important;vertical-align:baseline;}
#products .item a.crop  {height:180px; overflow:hidden;}
#products {margin:0 20px;}


  /* CROP SLIDES
.sy-slides-wrap, .sy-slide{height:320px;}
*/
}




/* ------------ AT MOST 600px WIDE ------------ */
@media screen and (max-width: 600px) {

  /* CROP SLIDES
  
.sy-slides-wrap, .sy-slide{height:220px;}*/

#logo {max-width:140px;top:5px;}

.navbar-toggle {margin-left:0;}

.toggle-title {display:none;}

.page-title {max-width:90%;}

.header-wrapper, header {height:136px;}

#header-space {display:block; height:124px;}

#header-content {left:5px; top:95px;}

#header-search {width:50%; margin:0; position:absolute; z-index:90; left:10px; right:auto; top:0; padding-top:10px !important;}

#header-search .search-field, input.search-field {width:100%;}

.search-button {right:10px;top:19px; left:auto; margin-left:0; position:absolute; z-index:133;}

#nav {position:absolute; top:46px; width:60%; }

.sy-pager { display:none; }

#footer-block .col-sm-3, #footer-block .col-sm-6 {padding-top:20px; padding-bottom:20px;}

/* hide remove button in shopping cart on small screens */
.actions .btn-default {display:none;}


#products, #secure_checkout {max-width:100%; margin-top:25px;}

.cartLinks {top:56px; left:75px; right:auto;}

.cartLinks .btn {font-size:12px;}


}



/* ============ gateway styles ============== */


/* home page modal */
#gateway-modal, .modal-open .modal-backdrop {top:0; display:none !important}
 
#gateway-modal, #gateway, #gateway2,  #gateway-modal .modal-content, #gateway-modal .modal-dialog, #gateway-container, #gateway-modal .modal-body { width:100% !important;height:100% !important; min-height:100%;}
  
#gateway-modal .modal-content {-moz-border-radius:0;border-radius:0; background-color:transparent; background:none; }

#gateway-modal .modal-header {border-bottom:none;}

#gateway, #gateway2 {background:#000;}

#gateway-modal .modal-body, #gateway-modal .modal-dialog { padding:0; margin:0 !important; }

#gateway2 {position: absolute; top:0; left:0; z-index:999  }

#gateway, #gateway-container, #gateway-row { width:100% !important;height:100% !important; min-height:100%;}

#gateway-container {background:#000 url('../img/gateway/gateway3.jpg') center top no-repeat; background-size:cover; margin:0 auto;position:relative; max-width:1200px; }

#gateway-header {position:relative; z-index:12; text-align:right; }

#gateway-row {background:#000; background:rgba(0,0,0,0.7); margin:0 auto;}

#gateway-content {padding-bottom:50px;}

#gateway-content p {color:#FFF;}

#gateway-content p small { color:#75C69B !important; }

#gateway-logo {width:140px; float:right; margin:20px 20px 0 0; }

#gateway-footer { color:#ccc !important; height:20px; width:100%;}

#gateway-prompt { position:absolute; top:200px; left:50%; width:350px; margin-left:-160px; text-align:center; }

#wellareyou { width:200px; margin:0 auto; display:block; }

#yes, #no, #maybe { display:inline-block; }

#yes { height:50px; width:90px; margin-right:10px; background:url('../img/gateway/gateway-black.jpg') no-repeat center center;}

#no{ height:50px; width:90px; margin-right:10px; background:url('../img/gateway/gateway-black2.jpg') no-repeat center center;}


#maybe { height:50px; width:90px; margin-right:10px; background:url('../img/gateway/gateway-black.jpg') no-repeat center center;}


/* home page modal */
#gateway-modal, .modal-open .modal-backdrop {display:none !important}


@media screen and (min-width: 768px) {


#gateway-prompt { top:280px;}

}