/* black is now: #100c08 */

@font-face {
    font-family: 'titillium_webregular';
    src: url('../fonts/titilliumweb-regular-webfont.woff2') format('woff2'),
         url('../fonts/titilliumweb-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html {
    color:#ffffff;
    font-family: 'titillium_webregular', sans-serif;   
}

body {
    color:#ffffff;
    background-color: #100c08;
    font-family: 'titillium_webregular', sans-serif;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#194578+0,100c08+34 */
    background: linear-gradient(45deg,  #194578 0%,#100c08 34%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

h1,h2,h3,h4,h5{
    color:#ffffff;
    font-family: 'titillium_webregular', sans-serif;
}

ul {
    list-style-type:none;
}

.filler {
    width:50px;
}

.fixedElement {
    position: sticky;
    top:0px;
    z-index:99;
}
.fixedElement66 {
    position: sticky;
    top:66px;
    z-index:100;
}

.fixedElement59 {
    position: sticky;
    top:59px;
    z-index:100;
}

#updateBasket, .notSaved{
    background-color: orange;
    color: black;
    font-weight: bold;
}

.updateBasket {
    background-color: orange;
    color: black;
    font-weight: bold;
}



.starimg {
    height:50px;

}


.yellowbg{
    background-color: yellow;

}

.blacktext{
    color: black;
}

#basketTotal {
    display: inline-block;
    margin-right:20px;
}


.strong {
    font-weight: bold;
}

.top-bar, .top-bar ul {
    background-color:transparent;
}


.top-bar{

    background-position:top center;
    background-repeat:no-repeat;
}

a {
    /* OLD BLUE  color:#0f6bb1;  */
    color:#1487df;
}

a:hover{
    color:#dddddd;
}

table tr td .button,table tr td .input-group, table tr td input {
    margin: 0px !important;
}

.star {
background-color: black !important;
    color: grey !important;
}

.starActive {
background-color: yellow !important;
    color: darkorange !important;
    
}

.spanglerMiddy{
    max-height:56px;
}

.spanglerKodex {
    
}

.iframe-container {
  overflow: hidden;
  /* 16:9 aspect ratio */
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}


.repblock {
    border:3px dashed grey;
    background: rgba(0,0,0,0.2);
}

.bonusnumbers {
    margin:0px !important;
    padding:0px !important;
    white-space: nowrap !important;
    font-size: 3rem;
    height:100%;
    line-height: 1;
}



#fwdsml{
    line-height: 1.9em;
    padding-top:0px;
    padding-bottom: 0px;
}

#fwdlrg {
    font-size: 1.25em;
    line-height: 2.8em;
    padding-top:0px;
    padding-bottom: 0px;
    margin-top:0px;
    margin-bottom:0px;
}

.iib {
    color: lawngreen;
    font-weight: bold;
    background-color: rgba(0,0,0,.7);
    padding-left: 5px;
    padding-right:5px;
    cursor: pointer;
}

.ytlink:hover {
    cursor: pointer;
    opacity: 0.8;
     filter: blur(2px);
}


.in-focus-table table input{
    margin:0px;
}

.in-focus-table table button{
    margin:0px !important;
}
.mapsH5 {
    color: #000;
}

.button {
    background-color:#0f6bb1;
    color:#ffffff;
}

.button:hover {
    background-color:#dddddd;
    color:#ffffff;
}

.bx-wrapper{
    margin-bottom: 5px !important;
}

.bx-viewport {
height: auto !important;
}

.bxsld {
    background-repeat: no-repeat;
    background-size:cover;
    
    
}

#bigImg {
    transition: all 1s ease-in-out;
}

.bannerInfo {
    margin:10px;
}

.sldbut {
    float:left;
    position: relative;
    top:-70px;
    left:15px;
    
}

.bottompad {
    padding-bottom: 10px;
}

.padMarg {
    padding:10px;
    margin-bottom:10px;
}

.vidbox {
    margin-top: 10px;
    padding-top: 15px;
    padding-bottom:10px;
}

#ytIcon {
    max-height:44px;
}

.ytemb {
  width: 100%    !important;
  height: auto   !important;

}

.imgWd {
    width:100%;
}

.row {
    max-width:80rem;
}

.norad {
    border-radius: 0px;
}

.menupan {
    background-color:transparent;
    border-radius: 0px;
    padding:5px;
}

.menupan:hover  {
    transition-duration: 0.5s;
    background-color:#0f6bb1;
}



.menupan:hover h4 {
     color: #0f6bb1;
    
}

.menupan:hover img {
     opacity: 0.8;
    transition-duration: 0.5s;
   
}

.card-divider {
    background-image: url('../img/carbonfiber.jpg');
    max-height:55px;
    overflow:hidden;
}


.pantop {
        background-color: #747f87;
        padding:5px;
        white-space:nowrap;
        overflow:hidden;
    }
.bdr {
    border:solid #00ff00 1px;
}

.pdtp {
padding-top:10px;
    
}

.pdtpsml {
padding-top:5px;
    
}

.fullwidth {
    background-image: url('../img/bgf.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: auto;
    min-height: 550px;
    width:100%;
}

.footer a {
    color:#ffffff;
}

.footer a:hover {
    color:#0f6bb1;
}

.footer .menu > li > a {
    padding-left:0px;
}

.fbupds {
    max-height:55px;
    width:100%;
}



.whited {

    padding:10px;
    background-color: #ffffff;

    color:#000000;
    
}

.whited p {
    color:#2d2d2d;
    
}

.fbpan {
    padding-top:5px;
}

.prodnav {
    list-style: none;
    list-style-position: inside !important;
     padding-left: 0 !important;
     margin-left: 0px;
    min-height: 100%;
}


.prodnav li{
    border-bottom: 1px solid #494949;
    overflow:visible;
    
    
}

.prodnav i{
    float:right;
}

.grey {
    background-color: #383838;
}


.custom-menu {
    list-style-type:none;
    margin:0rem;
    overflow: hidden;
    columns: 8;
    text-align: center;
    
}

.custom-menu li {
   border:1px solid #0f6bb1;
    max-height:52px;
    padding-left:0px;
    overflow: hidden;   
}


.custom-menu-div {
    margin:0px;
    padding:0px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: justify;
    text-align-last: justify;
    
}

.custom-menu-div div {
    display: inline-block;
    padding-left:8px;
    padding-right:8px;
    margin:auto;
}

.row {
    
}

.middyorange {
    color:#0f6bb1;
}


.strongorange strong,    
.strongorange h1,
.strongorange h2,
.strongorange h3,
.strongorange h4,
.strongorange h5,
.strongorange .bonusnumbers
    {
    color:#0f6bb1;
}

.overlaycont {
    position: relative;
}

 .overlaytxt {
    background-color: rgba(0,0,0,0.8);
    width:100%;
    white-space: nowrap;
    overflow: hidden;
    
}

.hidden {
    max-height: 0px;
    opacity: 0;
    overflow: hidden;
    transition: all ease-in-out 0.5s;
}

.show {
    opacity: 1;
    display: inherit;
    transition: all ease-in-out 1s;
}

.prodPrice {
    background: none;
}

.prodimgth {
    
    z-index:-1;
}

.prodpansmall h6{
   text-align: center;
    font-size: 0.8em;
}


.prodpansmall .pantitle {
    padding-top:10px;
    padding-bottom:5px;
    background-color: #2d2d2d;
    height:50px;
    
}

#prodPan {
    overflow: hidden;
}


.prodThumb {
    cursor: pointer;
    margin-bottom: 20px;
}

.prodThumb:hover{
border: 5px solid #0f6bb1;
transition: all ease-in-out 0.25s;
}

.pa {
    background-image:url('../img/default_middy.jpg');
    background-size: contain;
    
    
}

.prodnav .active {
    color:#ffffff;
}

.prodnav ul li a {
    width:100%;
    display:block;
}

.prodnav ul li a:hover {
    border-bottom: 1px solid #ffffff;
}


.wide {
    width:100%;
}

.activebut {
    background-color: #ffffff;
    color: #0f6bb1;
}

.pagination .current {
    background-color: #0f6bb1;
}

.pagination a {
    color: #ffffff;
}

.pagination a:hover {
    color: #0f6bb1;
}

.max299 {
    max-height:299px;
    
}

.gm-style-iw {
    color: #000000;
}

.whitetxt{
    color: #ffffff;
}

.boxed {
    border:#0f6bb1 1px solid;
    margin-top:50px;
    margin-bottom:50px;
}

.stockistd {
 margin-bottom:4px;
 background-color:#2d2d2d;
}

.noItemsfld {
    text-align: center;
    height: 40px;
    width: 100%;
}

.repReason {
    min-width: 120px;
}

.shpname {
 padding: 7px;
 
}

.kmdiv {
  padding: 7px;
  background-color: #0f6bb1;
  text-align: center;
}

.mjDiv {
  padding: 7px;
  background-color: #5c5c5c;
  text-align: center; 
}

.stockistd:hover {
 cursor: pointer;
 background-color: #0f6bb1;
 color: #000000;
 transition: all 0.25s ease-in-out;
}


.relprodID {
    background-color: #0f6bb1;
    color:#000000;
    
}

.relprodDesc {
    background-color: #2d2d2d;
    overflow: hidden;
}

.relProd {
    margin-bottom: 3px;
}

.prodLink:hover > .relprodDesc{
background-color: #0f6bb1;
}

.prodLink:hover {
    background-color:#0f6bb1;
}

#keyInfo {
    transition: all ease-in-out 0.5s;
}

#specs {
    transition: all ease-in-out 0.5s;
}

#relProd {
    transition: all ease-in-out 0.5s;
}

#bigprodimg {
    width:100%;
}

#middylogo {
    max-height:40px;
    margin-top:7px;
    }
#tagline {
    padding-top:0px;
    padding-bottom:0px;
    margin-top:0px;
    margin-bottom:0px;
    line-height:1.1em;
    }
    

#map {
     width:100%;
    height:100%;
    border: 0px;
    min-height: 600px;
}

#label {
    color: #ffffff;
}

.ytvid {
    background-position: top left;
    background-size:contain;
}

.red {
    background-color: #ff0000;
}

.basket tr {
    background-color:#2d2d2d;
    color: #0f6bb1;
    
}

.basket th {
    background-color: #0f6bb1;
    color:#2d2d2d;
}

.basket tbody tr:nth-child(even) {
   background-color:#1d1d1d; 
}


.basket .input-group-field{
    margin-top:2px;
    border-radius: 3px; 
   text-align: center;
    
}

.basket .input-group-button .button {
	border-radius: 3px;
}

.basket .input-group {
	margin-bottom: 0px;
}

.add {
   background-color: #59d164; 
}

.green {
    background-color: #00ff00;
   text-shadow: 0 0 4px #000000;
}

.padded {
    padding:20px;
    
}

.orange {
    background-color: #0f6bb1;
}

.orangetxt {
    color: #0f6bb1;
}


.orangemenu {
    background-color: #0f6bb1;
    color:#000;
}

.black {
    background-color: #100c08;
}

.black-text a {
    color:#000;
}


.black-text     a:hover {
    color:#fff;
}

.followus {
    color:#000;
    font-weight: 1000;
}

#burger {
    font-size: 1.5em;
}
#gmaps {
    width: 100%;
    height: 30em;
}

.socmedmob {
    padding:10px;
    
}

.socmedmob img {
    max-height:50px;
}
    
.socmeddesk {
    
}
/* Fix the reveal modal moving everything around when its opened */
body.is-reveal-open {overflow: auto !important; height: auto; position: relative;}
.reveal-overlay {overflow: initial !important; position: absolute;}

.reveal {
    background-color: #000;
}

.tipsPan {
    height:250px;
    padding-top: 20px;  
    margin-top: 10px;

}

.tipsImg  {
    max-height:250px;
    max-width: 250px;
}

.newsThumb {
    max-height: 100px;
    cursor: pointer;
    filter:         url(~"data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
    filter: gray; 
    margin: 1px;
}


.newsThumbBorderGreen {
    border-color: #00ff00;
}

.newsThumb:hover {
    filter: none;
    cursor: pointer;
    transition: all 0.5s;
   
}


.newsInline {
    margin-top:50px;
    margin-bottom: 20px;
    display: inline-block;
     width: 100%;
}
#newsImgTag {
    position: relative;
    float: left;
    left:0px;
    bottom:50px;
    z-index: 1000;
    margin-bottom: -50px;
    background-color: rgba(0,0,0,0.6);
   
}

.newsItemmoo {
    padding-top: 20px;  
    margin-top: 10px;
}

.newscont {
   border:1px solid red;
    height:100%;
}
.newsPhoto {
    
    max-height:150px;
   
}

.spangler {
    
    overflow:hidden;
    padding-top:20px;
    overflow: hidden;
}

.spanglerPhoto {
    height:250px;
    max-width: 250px;
    display: inline-block;
    vertical-align: middle;
    margin:auto;
}

.spanglerCont {
    margin:auto;
    background-color: #2d2d2d;
    width:100%;
    height:100%;
    padding-top:15px;
    text-align:center;
    display: inline-block;
}

.spanglerTitle {
    width:100%;
    margin-left:0px;
    margin-right:0px;
    margin-top:10px;
    background-color: #0f6bb1;
}

.spanglerPhotoCont{
    height:250px;
}

.postfix-round {
    border-radius: 0 3px 3px 0;
}

.imgIcon {
    max-height:100px;
    max-width: 100px;
    margin:5px;
}

.imgIconCont {
    height:100px;
    width:100px;
}

.stronglabel {
    font-size: 1.5em;
}

.editorImg {
    height:300px;
   
}

.thumb {
    margin-top:20px;
    max-height:254px;
}

.thumb:hover{
    cursor: pointer;
}

table tr:nth-child(odd){
     background-color: #1d1d1d;
}

table tr:nth-child(even){
     background-color: #2d2d2d !important;
}

.tradeFromTxTarea {
    min-height: 300px
}

#pag li{
    display:inline-block;
}

.nobot {
    margin-bottom: 0px;
}

.orderDetailsToggle {
    display:none;
    margin: 0px !important;
}

.arrowActive {
    background-color: greenyellow !important;

}

.orderDetailsBut {
    font-weight: bold  !important;
}

.orderDetailsBut i {
    padding-left: 10px;
    display: inline-block;
}

.prodDescInfo {
    width: 50%;

}

.bggreen {
    background-color: rgb(0,255,0) !important;
    color: rgb(0,0,0) !important;
}


.bggreendrk {
    background-color: rgb(1, 41, 1) !important;
    color: rgb(0,0,0) !important;
}

.quickBasket {
white-space: normal;
padding-left: 0px !important;
padding-right: 0px !important;
margin: 0px !important;
line-height: 0px !important;
width: 100%;
background-color: rgb(0, 102, 255) !important;
border-radius: 0px;
z-index: 9999;
}

.quickBasket:hover {
    background-color: rgb(0, 255, 115) !important;
    }

.extraInfo {
    display: none !important;
}
rgb(0, 255, 149)
.topsellerItms {
    width:50px;

}

.topsellerItmsEU {
    width:100px;

}

.wait {
    opacity: 0.5;
}

.report tr th {
    background:#fff;
    color:#000;
    font-weight: bold;
}

.report {
    padding-left:10px;
    padding-right:10px;
}