@charset "utf-8";
/* CSS Document */

html {
	
}

body {
	background-color: #28282B;
	color: white;
	padding-top: 50px;
}

/*** LINK CLASSES *****************/
a {
  color: #ffffff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a.orange { color: #FCB542; }

a:hover {
  color: #FF84E9;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

.description-dark {
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	background-color: #212529;
}

.carousel-caption {
	background-color: #212845;
}

/*** COMPONENT OVERRIDES ***********/
.navbar-dark {
	background-color: #28282B;
}

.jumbotron {
	background-color: transparent;
	padding-bottom: 5px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.card {
	background-color: #212845;
	border-color: transparent;
	border-radius: 0px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/**** PORTFOLIO CLASSES ***********/
.portfolio-feature {
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(/media/general/portfolio.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #212845;
	background-position: 0% 0px;
	height: 680px;
}
.portfolio-feature-logo {
	position: absolute;
	padding-left: 15px;
	padding-top: 25px;
	padding-bottom: 10px;
	max-width: 100%;
}
.portfolio-feature-menu {
	position: absolute;
	left: 0;
	bottom: 0;
}
.portfolio-feature-menu-btn {
	border-radius: 0px;
	border: solid;
	border-width: 1px;
	border-color: #212845;
	text-align: left;
	background-color: #212845;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 50px;
}
.portfolio-feature-menu-btn-active {
	border-radius: 0px;
	border: solid;
	border-width: 1px;
	border-color: #6B7796;
	text-align: left;
	background-color: #6B7796;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 50px;
}

/***** NEWS CLASSES ****************/
.news-feature {
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #451149;
	
}
.news-feature-logo {
	 padding-left: 15px;
	 padding-top: 10px;
	 padding-bottom: 10px;
	 max-width: 100%;
}
.news-feature-menu {
	position: relative;
	left: 0px;
}
.news-feature-menu-btn {
	border-radius: 0px;
	border: solid;
	border-width: 1px;
	border-color: #451149;
	text-align: left;
	background-color: #451149;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 50px;
}


/*** NY DELIVERY CLASSES ***********/
.ny-delivery-feature {
        position: relative;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        background-image: url(/media/general/online_store.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #377F18;
        background-position: 0% 0px;
        height: 680px;
}
.ny-delivery-feature-logo {
        position: absolute;
        padding-left: 15px;
        padding-top: 25px;
        padding-bottom: 10px;
        max-width: 100%;
}

/***** TANK CONTAINER CLASSES ******/
.tc-feature {
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(/media/collections/tank_container/tank_container_project.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0% 0px;
	background-color: #2D1513;
	height: 680px;
}
.tc-feature-cans {
	background-image: url(/media/collections/tank_container/tank_container_project_1.png);
	height: 360px;
	background-size: cover;
	background-repeat: no-repeat;
}
.tc-feature-draft {
	background-image: url(/media/collections/tank_container/tank_container_project_2.png);
	height: 360px;
	background-size: cover;
	background-repeat: no-repeat;
}
.tc-feature-logo {
	position: absolute;
	padding-left: 15px;
	 padding-top: 10px;
	 padding-bottom: 10px;
	max-width: 100%;
}
.tc-feature-menu {
	position: absolute;
	left: 0;
	bottom: 0;
}
.tc-feature-menu-btn {
	border-radius: 0px;
	border: solid;
	border-width: 1px;
	border-color: #2D1513;
	text-align: left;
	background-color: #2D1513;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 50px;
}

/*** MENU BUTTON *****************************************/
.menu-btn-red {
	color:  #DE1D00;
}
.menu-btn-orange {
	color: #E6AC00;
}
.menu-btn-white {
	color: #ffffff;
}
.menu-btn-pink {
	color: #FF84E9;
}
.menu-btn-green {
	color: #75FF43;
}
.menu-btn-blue {
	color: #008DF1;
}
.menu-btn-grey {
	color: #6c757d;
}

/******** BOTTOM MENU CLASSES **********************/
.bottom-menu { position: relative; padding-left: 15px;
	width: 100%;
	height: 100%;
}
.bottom-menu-btn {
	border-radius: 0px;
	border: solid;
	border-width: 1px;
	border-color: #55555B;
	text-align: left;
	background-color: #28282B;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 50px;
}
.copyright {
	background-color: #451149;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 30px;
	text-align: right;
	font-size: 11px;
	color: #ffffff;
}

/*** ORDER SYSTEM CLASSES *******************************/
.order_item_product {
	background-color: #451149;
	padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 5px;
	text-align: left;
	font-size: 12px;
	color: #ffffff;
}

td.order_item_preorders {
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 5px;
        text-align: left;
        font-size: 12px;
	font-weight: bold;
        color: #ffffff;
}

td.order_item_qty {
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 5px;
        text-align: left;
        font-size: 12px;
        color: #ffffff;
}

/*** PANEL SYSTEM CLASSES *******************************/
.bg_blue { background-color: #212845; }
.bg_red { background-color: #DE1D00; }
.bg_purple { background-color: #451149; }
.bg_green { background-color: #377F18; }
.bg_brown { background-color: #2D1513; }
.bg_dark {  background-color: #28282B;}
.bg_white { background-color: #ffffff;}

td.panel_td {
	font-size: 12px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 5px;
        color: #ffffff;
}
td.panel_td_purple {
	font-size: 12px;
        background-color: #451149;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 5px;
        color: #ffffff;
}
td.panel_td_purple:hover {
	background-color: #591760;
}
td.panel_td_green {
	font-size: 12px;
        background-color: #377F18;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 5px;
        color: #ffffff;
}
td.panel_td_green:hover {
	background-color: #418E1C;
}
td.panel_td_blue {
	font-size: 12px;
        background-color: #212845;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 5px;
}
td.panel_td_blue:hover {
	background-color: #323F68;
}
td.panel_td_brown {
	font-size: 12px;
        background-color: #2D1513;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 5px;
        color: #ffffff;
}
td.panel_td_brown:hover {
	background-color: #421F1D;
}


/*** PRINTING *******************************************/

@media print {

  [class*="col-sm-"] {
    float: left;
  }

  [class*="col-xs-"] {
    float: left;
  }

  .col-sm-12, .col-xs-12 {
    width:100% !important;
  }

  .col-sm-11, .col-xs-11 {
    width:91.66666667% !important;
  }

  .col-sm-10, .col-xs-10 {
    width:83.33333333% !important;
  }

  .col-sm-9, .col-xs-9 {
    width:75% !important;
  }

  .col-sm-8, .col-xs-8 {
    width:66.66666667% !important;
  }

  .col-sm-7, .col-xs-7 {
    width:58.33333333% !important;
  }

  .col-sm-6, .col-xs-6 {
    width:50% !important;
  }

  .col-sm-5, .col-xs-5 {
    width:41.66666667% !important;
  }

  .col-sm-4, .col-xs-4 {
    width:33.33333333% !important;
  }

  .col-sm-3, .col-xs-3 {
    width:25% !important;
  }

  .col-sm-2, .col-xs-2 {
    width:16.66666667% !important;
  }

  .col-sm-1, .col-xs-1 {
    width:8.33333333% !important;
  }

  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-xs-1,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12 {
  float: left !important;
  }

  body {
    margin: 0;
    padding: 0 !important;
    min-width: 768px;
  }

  .container {
    width: auto;
    min-width: 750px;
  }

  body {
    font-size: 10px;
  }
	
	img, .img-fluid {
		max-width: 600px;
	}

  a[href]:after {
    content: none;
  }

  .noprint,
  div.alert,
  header,
  .group-media,
  .btn,
  .footer,
  form,
  #comments,
  .nav,
  ul.links.list-inline,
  ul.action-links {
    display:none !important;
  }
}