/*!

 * Start Bootstrap - Creative v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/creative)

 * Copyright 2013-2017 Start Bootstrap



 */body, html {

	width: 100%;

	height: 100%

}

body {

	font-family: Merriweather, 'Helvetica Neue', Arial, sans-serif;

}

hr {

	max-width: 50px;

	border-width: 3px;

	border-color: #B81B24

}

hr.light {

	border-color: #fff

}

a {

	color: #EB232E;

	-webkit-transition: all .2s;

	-moz-transition: all .2s;

	transition: all .2s

}

a:hover {

	color: #989A9D

}

h1, h2, h3, h4, h5, h6 {

	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif

}

.bg-primary {

	background-color: #595a5c!important

}

.bg-dark {

	background-color: #212529!important

}

.text-faded {

    color: rgba(255,255,255,0.70);

    line-height: 160%;

    padding-bottom: 20px;

    font-size: large;

}

.text-faded-project {

	color: rgba(0,0,0,0.70);

	line-height: 150%;

}

section {

	padding: 8rem 0

}

.section-heading {

	margin-top: 0

}

::-moz-selection {

color:#fff;

background:#212529;

text-shadow:none

}

::selection {

	color: #fff;

	background: #EB232E;

	text-shadow: none

}

img::selection {

	color: #fff;

	background: 0 0

}

img::-moz-selection {

color:#fff;

background:0 0

}

body {

	-webkit-tap-highlight-color: #B81B24

}

#mainNav {

	border-bottom: 1px solid rgba(33,37,41,.1);

	background-color: #fff;

	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;

	-webkit-transition: all .2s;

	-moz-transition: all .2s;

	transition: all .2s

}

#mainNav .navbar-brand {

	font-weight: 700;

	text-transform: uppercase;

	color: #f05f40;

	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif

}

#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {

	color: #989A9D

}

#mainNav .navbar-nav>li.nav-item>a.nav-link, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus {

	font-size: .9rem;

	font-weight: 700;

	text-transform: uppercase;

	color: #212529

}

#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover, #mainNav .navbar-nav>li.nav-item>a.nav-link:hover {

	color: #989A9D

}

#mainNav .navbar-nav>li.nav-item>a.nav-link.active, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active {

	color: #989A9D!important;

	background-color: transparent

}

#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover {

	background-color: transparent

}
.col-lg-8.mx-auto.text-center .text-center.copyright img {
}




@media(min-width:992px) {

#mainNav {

	border-color: transparent;

	background-color: transparent

}

#mainNav .navbar-brand {

	color: rgba(255,255,255,.7)

}

#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {

	color: #fff

}

#mainNav .navbar-nav>li.nav-item>a.nav-link {

	padding: .5rem 1rem

}

#mainNav .navbar-nav>li.nav-item>a.nav-link, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus {

	color: rgba(255,255,255,.7)

}

#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover, #mainNav .navbar-nav>li.nav-item>a.nav-link:hover {

	color: #fff

}

#mainNav.navbar-shrink {

	border-bottom: 1px solid rgba(33,37,41,.1);

	background-color: #fff

}

#mainNav.navbar-shrink .navbar-brand {

	color: #EB232E

}

#mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {

	color: #595A5C

}

#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link, #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus {

	color: #212529

}

#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover, #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover {

	color: #989A9D

}

}

header.masthead {

	padding-top: 10rem;

	padding-bottom: calc(10rem - 56px);

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-image: url("../img/Beer-Bottles-2500x1250px.jpg");

	background-color: #595A5C;

}

header.masthead hr {

	margin-top: 30px;

	margin-bottom: 30px

}

header.masthead h1 {

	font-size: 2rem

}

header.masthead p {

	font-weight: 300

}



@media(min-width:768px) {

header.masthead p {

	font-size: 2.0rem

}

}



@media(min-width:992px) {

header.masthead {

    height: 100vh;

    min-height: 650px;

    padding-top: 0;

    padding-bottom: 0;

    background-image: url("../img/hero-bottle-opener-2500x1250px.jpg");

}

header.masthead h1 {

	font-size: 3rem

}

}



@media(min-width:1200px) {

header.masthead h1 {

	font-size: 4rem

}

}

.service-box {

	max-width: 400px

}

.portfolio-box {

	position: relative;

	display: block;

	max-width: 650px;

	margin: 0 auto

}

.portfolio-box .portfolio-box-caption {

	position: absolute;

	bottom: 0;

	display: block;

	width: 100%;

	height: 100%;

	text-align: center;

	opacity: 0;

	color: #000;

	background: rgba(000);

	-webkit-transition: all .2s;

	-moz-transition: all .2s;

	transition: all .2s

}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {

	position: absolute;

	top: 50%;

	width: 100%;

	transform: translateY(-50%);

	text-align: center

}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {

	padding: 0 15px;

	font-weight: bold;

	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif

}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {

	font-size: 14px;

	font-weight: 600;

	text-transform: uppercase

}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {

	font-size: 18px;

}

.portfolio-box:hover .portfolio-box-caption {

	opacity: 1

}

.portfolio-box:focus {

	outline: 0

}

.text-primary {

	color: #595A5C!important

}

.btn {

	font-weight: 700;

	text-transform: uppercase;

	border: none;

	border-radius: 300px;

	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif

}

.btn-xl {

	padding: 1rem 2rem

}

.btn-primary {

	background-color: transparent;

	border: 3px solid #FFFFFF;

}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {

	color: #FFFFFF;

	background-color: #000000!important;

	border: 3px solid #FFFFFF;

}

.btn-primary:active, .btn-primary:focus {

	box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)!important
		
}	

.btn-primary-black {

	color: #000000;

	border: 2px solid #000000;
	
	background-color: transparent;
	
	}

.btn-primary-black:active, .btn-primary-black:focus, .btn-primary-black:hover {

	color: #FFFFFF;

	background-color: #000000!important;

	border: 3px solid #FFFFFF;

}

.btn-primary-black:active, .btn-primary-black:focus {

	box-shadow: 0 0 0 .2rem rgba(255,255,255,.5)!important

}

.portfolio-box-caption:hover {

	background: #D5D7D8 !important;

	opacity: 0.8 !important;

	border: 3px solid #FFFFFF;

}

/************************** Custom Styles ****************************/	

.product-category{

	font-family: "open-sans";

	font-weight: bold;

	font-size: 24px;

	text-transform: uppercase;

}

.phone-number {

	color: #000000;

}

.map {

	padding-bottom: 0px;

	padding-top: 0px

}

.table-hours {

	padding-bottom: 0px;

	padding-top: 0px;

	font-family: 'open-sans';

	font-style: normal;

	font-weight: 400;

	color: #000000;

}

.hours-col {

	padding-bottom: 20px;

}

.sub-headings {

	color: #EE6B72;

	padding-top: 25px;

	padding-bottom: 25px;

}

.partners {

	background-image: url(../img/Whitewall.jpg);

}

.partner-logos {

	max-width: 100%;

	height: auto;

	display: block;

}

.carousel-wrapper .flickity-page-dots {

	display: none;

}

.carousel-wrapper .flickity-viewport, .carousel-wrapper .flickity-slider {

	overflow: visible;

}

.carousel-wrapper .carousel .carousel-cell.is-selected .line {

	height: 35px;

}

.carousel-wrapper .carousel .carousel-cell.is-selected {

	transform: scale(1.2);

}

.carousel-wrapper .carousel .carousel-cell .line {

	position: absolute;

	width: 2px;

	height: 0;

	background-color: black;

	left: 50%;

	margin: 5px 0 0 -1px;

	transition: height 300ms ease;

	display: block;

}

.carousel-wrapper .carousel .carousel-cell {

	width: 15%;

	height: auto;

	min-width: 120px;

	margin: 0 20px;

	transition: transform 500ms ease;

	background: none;

}

.carousel-wrapper .carousel {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	width: 100%;

	height: auto;

}

.carousel-wrapper {

	position: relative;

	width: 100%;

	height: 200px;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	background-color: #FFFFFF;

	background-image: linear-gradient(#FFFFFF 50%, #FFFFFF 50%, #EAEAE6 50%);

	box-shadow: 0px 12px 39px -19px rgba(0, 0, 0, 0.75);

	overflow: hidden;

}

.logo-div {

	padding-top: 20px;

}

.fa-handshake-o {

	padding-top: 60px;

	padding-right: 0px;

	padding-left: 0px;

	padding-bottom: 0px;

}

.partners-heading {

	padding-bottom: 120px;

}

.slide-text-black-header {

	color: black;

	font-family: "open-sans";

	font-weight: bold;

	background-color: rgba(255,255,255,0.70);

	text-transform: uppercase;

}

.slide-text-black-subhead {

	color: black;

}

.about-text-bkgrd {

	background-color: transparent;

}

.folio-padding {

    padding-bottom: 45px;

    background-image: url(../img/pattern2.png);

}

.button-no-display {

	display: none;

}

.hr-padding {

	padding-bottom: 40px;

}

#features {

	background-image: url(../img/pattern2.png);

}

.carousel-indicators > li {

	text-indent: 0;

	margin: 0 2px;

	width: 10px;

	height: 10px;

	border: 1px solid;

	line-height: 30px;

	color: rgba(255,255,255,0.67);

	background-color: transparent;

	transition: all 0.025s ease;

	border-radius: 25px 25px 25px 25px;

}	

.lg-slide-lightbkgrd-text {

    font-size: 35px;

    font-family: "Modesto Open";

    font-style: normal;

    background-color: rgba(255,255,255,0.44);

    color: black;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-weight: lighter;

}	

.lg-slide-darkbkgrd-text {

    font-size: 35px;

    font-family: Berlin Sans FB;

    font-style: normal;

    background-color: rgba(0,0,0,0.57);

    color: #FFFFFF;

    font-weight: lighter;

    text-transform: uppercase;

    letter-spacing: 2px;

}

.br-hide {

}

.hide-text {

	display: none;

}

.transparent-text {

    color: transparent;

    font-family: Modesto Open;

}

.copyright {

	color: #FFFFFF;

	padding-top: 20px;

	font-family: open-sans;

	font-style: normal;

	font-weight: 300;

}

.footer-bkgrd {

	background-image: url(../img/pattern2.png);

}

.paragraph-text{


}


.img-responsibility-logo{
	width: 135px;
	height: 35px;
	
}

.img-prontock-logo{
	width: 150px;
	height: 75px;
	
}
	


/************************** Custom Media Queries ****************************/



 @media screen and (max-width: 992px) {

#myCarousel {

 display: none;

}

.hide-column {

 display: none;

}

}

.hide-text {

	display: none;

}

@media screen and (min-width: 991px) {

.features-mobile {

	display: none;

}

}

@media screen and (min-width: 768px)and (max-width: 1200px) {

.product-category {

	font-size: 20px;

}

}

@media screen and (max-width: 767px) {

.project-category {

	font-size: 16px;

}

}

@media screen and (max-width: 992px) {

.br-hide {

	display: none;

}

}
