@charset "utf-8";
.background {
    padding-bottom: 20px;
    background-color: #E2E1D8;
    background-image: -webkit-linear-gradient(0deg,rgba(176,176,176,1.00) 0%,rgba(226,225,216,1.00) 13.79%,rgba(226,225,216,1.00) 87.10%,rgba(184,184,184,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(176,176,176,1.00) 0%,rgba(226,225,216,1.00) 13.79%,rgba(226,225,216,1.00) 87.10%,rgba(184,184,184,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(176,176,176,1.00) 0%,rgba(226,225,216,1.00) 13.79%,rgba(226,225,216,1.00) 87.10%,rgba(184,184,184,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(176,176,176,1.00) 0.00%,rgba(226,225,216,1.00) 13.79%,rgba(226,225,216,1.00) 87.10%,rgba(184,184,184,1.00) 100.00%);
}

.ease-in-outTransition {
	/*Add a property and value that you like to transition. Ex: width:200px;*/
	/* Chrome, Safari */
	-webkit-transition-property: width 55px height 55px; 
	-webkit-transition-duration: .5s;	/*Control the transition duration*/
	-webkit-transition-timing-function: ease-in-out;	/*Control the transitionfunction*/
	
	/* Firefox */
	-moz-transition-property: width 55px height 55px;
	-moz-transition-duration: .5s;
	-moz-transition-timing-function: ease-in-out;
	
	/* Standard syntax */
	transition-property: width 55px height 55px;
	transition-duration: .5s;
	transition-timing-function: ease-in-out;
	
}

/*Pick the action to trigger the animation - Ex: hover */
.ease-in-outTransition:hover {
	width:65px; height:65px;
	/*Set the final value for which you would like the property to transition to. Ex: width:500px;*/
}

.hamburger-icon{
    width: 25px;
    height: 3px;
    background-color: rgba(199,199,199,1.00);
    margin: 5px 6px;
    border-radius: 2px;
}

#hero {
	padding: 0px;
}
.logo {
    width: 55px;
    height: 55px;
}

/* Custom Navbar Color Scheme */


.navbar-custom, .navbar-custom .dropdown-menu{
    background-color: #1C1C1C;
}

.navbar-custom .navbar-brand, .navbar-custom .navbar-text,
.navbar-custom .navbar-nav .nav-link,
.navbar-custom .dropdown-item{
		color:#C7C7C7;
}

.custom-toggler.navbar-toggler{
		border-color: #1C1C1C;
		color:#C7C7C7;
}

.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .dropdown-item.active,
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
	background-color: #2A2A2A;
	color: white;
}

.nav-container {
    max-width: 98%;
}

.services-container {
    padding-top: 50px;	
}
.heading1 {
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    font-style: normal;
    font-variant: small-caps;
    font-weight: bold;
    font-size: 3.5rem;
    color: #CCCCCC;
    text-decoration: none;
    text-shadow: 1px 1px 4px #232323;
}

.heading2 {
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    font-style: normal;
    font-weight: bold;
    font-size: 2rem;
    color: #CCCCCC;
    text-decoration: none;
    text-shadow: 1px 1px 3px #232323;
	padding-left: 15px;
}

.heading3{
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    font-style: normal;
    font-weight: bold;
    font-size: 1.5rem;
    color: #555;
    text-decoration: none;
    padding-left: 15px;
	
}

.aheading3{
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    font-style: normal;
    font-weight: bold;
    font-size: 2rem;
    color: #333333;
    text-decoration: none;
    padding-left: 15px;
    padding-bottom: 5px;
    text-indent: 0px;
	
}
.aheading3:hover {
	
	color:#80514C
}

a:hover{
	text-decoration: none;
}
.statement-bold {
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;	
	font-size: 1.5rem;
	font-weight: bold;
	color: #333333;
	padding: 0px 20px;
	
}

.hero-img {
    border-bottom-right-radius: 50px;
}

@media (max-width:991.98px){
.heading1 {
	font-size: 2.5rem;
}

}
@media (max-width:767.98px){
	.heading1 {
		font-size: 2.0rem;
	}
	.heading2{
		font-size: 1.6rem;
	}
	.statement-bold{
		font-size: 1.3rem;
	}
	.hero-img {
    border-bottom-right-radius: 40px;
}
}

@media (max-width:575.98px){
.heading1 {
    font-size: 1.8rem;
    color: #333333;
	text-shadow: 0 0 0;
	text-align: center;
}
	.heading2{
		font-size: 1.5rem;
	}
	.aheading3{
		font-size: 1.6rem;
	}
	.hero-img {
    border-bottom-right-radius: 30px;
}
}

#hero {
    position: relative;
}

.footer {
	height: 30px;
	background-color: #1C1C1C;
}

.copy {
	color: white;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	text-align: center;
	font-size: 1.1rem;
	
}
#resource-tab{
	background-color: #E8E7E0;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom:10px;
}
#resource-tab .nav-item .nav-link{
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
    color: black;
	font-size: 1.8rem;
	}
#resource-tab .nav-item .nav-link.active{
    font-weight: bold;
    background-color: lightgray;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

#clothingnav1{
    border-bottom: 1px solid #5B5B5B;
}

.clientlist{
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 1.2rem;
	color: black;
}

.clientlist a, .clientlist a:visited{
	color:#1C1C1C;
	font-weight: bold;
}

.content-box{
	margin-top: 15px;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"
}

#equipment{
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 1.2rem;
	margin-bottom: 25px;
}

#contactform{
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	padding: 25px 25px;
}
#contactform #comments{
	min-width: 400px;
	min-height: 100px;
}

.ulclientlinks {
    list-style-type: circle;
    text-align: left;
    list-style-position: outside;
    list-style-image: url(../images/8thnote.png);
}

.photo-caption {
	font-size: .8em;
}

.services-img {
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
	padding-bottom: 20px;
}

.samples-video {
	padding-bottom: 20px;
}