/* Fonts */
@font-face {
    font-family: 'LunchBox';
    src: url('../webfontkit/lunchbox_bold-webfont.eot'); /* IE9 Compat Modes */
    src: url('../webfontkit/lunchbox_bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../webfontkit/lunchbox_bold-webfont.woff') format('woff'), /* Modern Browsers */
         url('../webfontkit/lunchbox_bold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../webfontkit/lunchbox_bold-webfont.svg') format('svg'); /* Legacy iOS */
}

/* General Styling */
.main-bg {
    background-image:url(../img/halftone_bkg.png);
    background-repeat: repeat;
    width:100%;
    height:100%;
    /* margin-top:-105px; */
    padding-top:120px;
}
/* .container {
    max-width:1040px;
} */
/* added bootstrap 5 column  Styling */
.col-xs-15 {
    width: 100%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/* Home Main */
.home-lg-cta {
    font-family: "LunchBox";
    font-size:125px;
    color:#000;
    text-transform:uppercase;
    line-height:70px;
}
.home-lg-cta span {
    font-size:70px;
}
.home-sub-cta {
    font-family: "adelle-sans";
    font-size:21px;
    color:#84450e;
    font-weight:bold;
}
.home-inner-container {
    padding:30px;
}
.slider-container {
    position:relative;
    clear: none;
    display: block;
}
.left-bracket {
    position:absolute;
    left:0px;
}
.right-bracket {
    position:absolute;
    right:0px;
    -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}
.slider-single-line {
    padding-top:57px;
}
.slider-double-line {
    padding-top:45px;
}
.slider-text {
    line-height:32px;
    height:148px;
    width:100%;
    text-align:center;
    font-family: "LunchBox";
    font-size:38px;
    color:#84450e;
    text-transform:uppercase;
}
.imgover {
    max-width:170px;
}


/* Key Frame Animations */
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}


/* Products */
.product-paragraph {
	color:#0c0c0c;
	font-family: "adelle-sans";
	font-size:18px;
	margin-bottom:30px;
	line-height:30px;
}
.product-description {
	padding: 10px 0px 10px 0px;
}
.products-h1 {
	color:#0c0c0c;
	font-family: "adelle-sans";
	font-size:28px;
	font-weight:bold;
	text-transform:uppercase;
}
.product-crumbs {
	color:#0c0c0c;
	font-family: "adelle-sans";
	font-size:14px;
	margin-top:10px;
}
.download-text {
	color:#0c0c0c;
	font-family: "adelle-sans";
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:30px;
}
.download-text a {
	color:#0c0c0c;
	text-decoration:none;
}
.download-text a:hover {
	color:#000;
	text-decoration:none;
}
.info-container {
	margin-top:30px;
	background-color:#fff;
	padding:20px;
	margin-bottom:30px;
}
.nutri-18 {
	color:#0c0c0c;
	font-family: "adelle-sans";
	font-size:18px;
}
.nutri-14 {
	color:#0c0c0c;
	font-family: "adelle-sans";
	font-size:14px;
}
.nutri-12 {
	color:#0c0c0c;
	font-family: "adelle-sans";
	font-size:12px;
}
.nutri-11 {
	color:#0c0c0c;
	font-family: "adelle-sans";
	font-size:11px;
}

.black-bar {
	width:100%;
	background-color:#000;
	height:7px;
	margin-bottom:7px;
	margin-top:7px;
}
.bottom-border {
	border-bottom:1px solid #0c0c0c;
}
.product-box {
	padding-top:70px;	
}
.contact-form-box {
	position: relative;
	background: #ffffff;
	padding:20px;
	margin-bottom:50px;
}
.contact-form-box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 20px;
	margin-left: -20px;
}
.blue-line {
	width:100%;
	height:5px;
	background-color:#18beee;
	margin-top:20px;
	margin-bottom:20px;
}
input {
	border:1px solid #e7e7e7;
	color:#878787;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif, Gotham;
	font-size:19px;
	font-style:italic;
}
.mailto-link {
	color:#ec4141;
}
.mailto-link:hover {
	text-decoration:none;
	color:#18beee;
}
.indent-row {
	padding-left:25px;
}
.capitalize {
	text-transform: uppercase;
}
.products-row {
	margin-top:0px;
	margin-bottom:25px;
}
.products-row img {
	border: 6px solid #fff;
	
}
.pancake-loader {
	max-width:40px;
	text-align:center;
	-webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.products-table {
	width:288px;
}

/* Product Slider */
.scrollOuter {
	position:relative;
	margin-bottom:20px;
}
#scrollContainer{
    width:100%;
    overflow-x:hidden;
}

#parent {
    width:6000px;
}
.contentBlock {
    font-size:10em;
    text-align:center;
    width:200px;
    margin:10px;
    border:10px solid #fff;
    float:left;
}

.panner {
    border:0px;
    display:block;
    position:absolute;
    width:50px;
    height:50px;
    /* top:35%; */
	cursor:pointer;
}
.activeScroll {
    color:red;
}
#panLeft {
    left:-25px;
}
#panRight {
    right:-25px;
}

/* Key Frame Animations */
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

/* Media Queries Begin */
@media (min-width: 768px) {
.products-row .col-sm-2 {
    width: 19.96666667% !important;
}
}

@media (max-width: 991px) {
.home-lg-cta {
    font-size:90px;
}
.home-lg-cta span {
    font-size: 50px;
}
.home-sub-cta {
    font-size:17px;
    margin-bottom:20px;
}
.slider-text {
    font-size:22px;
}
.btn-dwb {
    font-size:14px;
}
.imgover {
    max-width:140px;
}

}

@media (max-width: 508px) {
.products-table {
    width:252px;
}
.btn-dwb-alt-2 {
    padding-left: 0px;
    padding-right:0px;
    width:100%;
}
.dwb-logo-img {
    max-width:130px;
}
.left-bracket, .right-bracket {
    max-height:90px;
}
.slider-text {
    height:90px;
    line-height: 25px;
    font-size: 19px;
    padding-left:5px;
    padding-right:5px;
}
.slider-single-line {
    padding-top: 27px;
}
.slider-double-line {
    padding-top: 20px;
}
.home-lg-cta {
    font-size:64px;
    line-height:40px;
    text-align:center;
}
.home-lg-cta span {
    font-size: 30px;
    text-align:center;
}
.home-sub-cta {
    font-size:14px;
    margin-bottom:20px;
    text-align:center;
}
}

.btn-dwb-alt-2 {
    color: #fff;
    font-family: "adelle-sans";
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #18beee;
}