html {
  scroll-behavior: smooth;
}

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

#avid-font{
  font-family: 'mandaloreregular' !important;
  src: url('../fonts/mandalore-webfont.woff2') format('woff2') ,
       url('../fonts/mandalore-webfont.woff') format('woff') !important;
  font-weight: normal;
  font-style: normal;
}

body{
  background-color: #000;
}

/*.navbar {
  background-color: rgba(0,0,0,.95);
  z-index: 9999;
}
*/

nav{
  transition: background-color .5s ease;
}

.nav-scroll-black {
  background-color: rgba(0,0,0,.95);
  z-index: 9999;
}


hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(240, 151, 8);
  width:50%;
}

.avid-yellow{
  color:#eeb61e;
}

.bg-black{
  background-color: #000 !important;
}

#text-black{
  color:#000;
}

.large-text{
  font-size:1.2rem;
}

.small-text{
  font-size:.8rem;
  color:rgba(255,255,255,.75);
}

/*shirt builder settings*/

#shirt-builder-section{
  background-image: linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.95)), url(../img/bokeh-truck.jpg);
  background-size: cover; 
}

/*shirt builder settings*/


/*video settings*/
header {
  position: relative;
  background-color: black;
  height: 85vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.video-container {
  position: relative;
  z-index: 2;
  margin-top:20rem;
}

@media (max-width: 576px) {
  .video-container {
    margin-top:5rem;
  }
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image:linear-gradient(to bottom right, rgb(0,0,0,.85) 0%, rgb(0,0,0,.85));
  z-index: 1;
}
/*video settings*/

a:hover{
  color:#eeb61e;
  transition: .3s ease;
}

.yellow-box a:hover{
  color:#000000;
  transition: .3s ease;
}

.services a:hover{
  text-decoration: none;
  transition: .3s ease;
}

.serivces > a:hover{
  color:#fff !important;
}

.footer-link > a:hover{
  color:#eeb61e;
  transition: .3s ease;
}

.services-title:hover .hover,
.services-title .hover-other {
    display: none;
    transition: .3s ease;
}
.services-title:hover .hover-other {
    display: block;
    transition: .3s ease;
}

#services-title{
  background-color: #000;
  transition: 1s ease;
}

#services-title:hover{
  background-color: #eeb61e;
  
}

#navigation #main-title {
  font-size: 1.5rem; }

#index-service-icon{
  font-size:4rem;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}

#black-bg {
  background-color: #000; }

#big-logos {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6)), url(../img/geo-bg.jpg);
  background-size: cover;
  background-position: center; }

.overflow-hidden {
  overflow-x: hidden; }

.carousel-item {
  height: 450px; }

.carousel-image-1 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/image2.jpg);
  background-size: cover;
  background-position: bottom; }

.carousel-image-2 {
  background: url("../img/image3.jpg");
  background-size: cover; }

.banner-polo-img {
  bottom: 0; }

.carousel-image-3 {
  background: url("../img/image4.jpg");
  background-size: cover;
  background-position: bottom; }

.services {
  background-image: linear-gradient(rgb(240, 151, 8) 25%, rgb(238, 182, 30));
  overflow: hidden;
  z-index: 8999; }

#gt-key-bg{
background-color: #000;
background-repeat: no-repeat;
background-size:cover;
transition: all 1s ease;
}

#gt-key-bg:hover{
  background-color: rgb(10, 10, 10);
}

#follow-us-youtube{
  background-color: #eeb61e;
}

.spacer{
  height:5rem;
}

a{
  color:#fff;
}

nav a:hover{
  color: #eeb61e !important;
}

a:hover{
  text-decoration: none;
}

.disappear{
  display:none;
  transition: display .5s ease;
}

.appear{
  display:block !important;
}

#services-panel-1 {
  background-image: linear-gradient(to bottom, rgba(240, 151, 8, 0.75) 0%, rgba(238, 182, 30, 0.75)), url(../img/image2.jpg);
  background-size: cover;
  background-position: center;
  transition: 2s ease 0s;
}

#services-panel-1:hover {
  background-position: top;
}

#services-panel-2 {
  background-image: linear-gradient(to bottom, rgba(0,0,0,.75) 0%, rgba(0,0,0,.75)), url(../img/demnd-print.jpg);
  background-size: cover;
  background-position: center;
  transition: 1s ease-in-out;
}

#services-panel-2:hover {
  background-position: top;
}

#services-panel-3 {
  background-image: linear-gradient(to bottom, rgba(240, 151, 8, 0.85) 0%, rgba(238, 182, 30, 0.75)), url(../img/design.jpg);
  background-size: cover;
  background-position: center;
  transition: 1s ease-in-out;
}

#services-panel-3:hover {
  background-position: top;
  background-image: linear-gradient(to bottom, rgba(240, 151, 8, 0..25) 0%, rgba(238, 182, 30, 0..25)), url(../img/event-coord.jpg);
}

#services-panel-4 {
  background-image: linear-gradient(to bottom, rgba(0,0,0,.75) 0%, rgba(0,0,0,.75)), url(../img/event-coord.jpg);
  background-size: cover;
  background-position: center;
  transition: 1s ease-in-out;
}

#services-panel-4:hover {
  background-position: top;
}

#services-panel-5 {
  background-image: linear-gradient(to bottom, rgba(240, 151, 8, 0.85) 0%, rgba(238, 182, 30, 0.75)), url(../img/corp-apparel.jpg);
  background-size: cover;
  background-position: center;
  transition: 1s ease-in-out;
}

#services-panel-5:hover {
  background-position: top;
}

#services-panel-6 {
  background-image: linear-gradient(to bottom, rgba(0,0,0,.75) 0%, rgba(0,0,0,.75)), url(../img/branded-store.jpg);
  background-size: cover;
  background-position: center;
  transition: 1s ease-in-out;
}

#services-panel-6:hover {
  background-position: top;
}

#promo-merch {
  background-image: linear-gradient(105deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.92) 50%, transparent 50%), url(../img/promo-merch-section.jpg);
  background-size: cover;
  background-position: center;
  z-index: 9000;
  background-attachment: fixed;
}

#corporate-apparel {
  background-image: linear-gradient(255deg, rgba(240, 151, 8, 0.92) 0%, rgba(238, 182, 30, 0.92) 50%, transparent 50%), url(../img/corporate-apparel.jpg);
  background-size: cover;
  background-position: center; 
  background-attachment: fixed;
}

#graphic-design {
  background-image: linear-gradient(105deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.92) 50%, transparent 50%), url(../img/graphic-design-section.jpg);
  background-size: cover;
  background-position: center; 
  background-attachment: fixed;
}

#store-development {
  background-image: linear-gradient(255deg, rgba(240, 151, 8, 0.92) 0%, rgba(238, 182, 30, 0.92) 50%, transparent 50%), url(../img/store-dev-bg.jpg);
  background-size: cover;
  background-position: center; 
  background-attachment: fixed;
}

#event-coordination {
  background-image: linear-gradient(105deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.92) 50%, transparent 50%), url(../img/expo-section.jpg);
  background-size: cover;
  background-position: center; 
  background-attachment: fixed;
}

/*

@media (max-width: 576px) {
  #promo-merch {
    background-image: linear-gradient(white, white), url(../img/promo-merch-section.jpg);
    background-size: cover; }
    #promo-merch p {
      color: #000 !important; }
  #corporate-apparel {
    background-image: linear-gradient(white, white), url(../img/corporate-apparel-section.jpg);
    background-size: cover; }
    #corporate-apparel p {
      color: #000 !important; }
  #graphic-design {
    background-image: linear-gradient(white, white), url(../img/graphic-design-section.jpg);
    background-size: cover; }
    #graphic-design p {
      color: #000 !important; }
  #store-development {
    background-image: linear-gradient(white, white), url(../img/store-dev-section.jpg);
    background-size: cover; }
    #store-development p {
      color: #000 !important; }
  #event-coordination {
    background-image: linear-gradient(white, white), url(../img/event-coordination-section.jpg);
    background-size: cover; }
    #event-coordination p {
      color: #000 !important; } 
      }

*/

#main-footer {
  background-color: rgba(0, 0, 0, 0.9); 
border-top: rgba(240, 151, 8, 0.15) solid .1rem;
}

#footer-list-item {
  list-style-type: none; }

#footer-title {
  border-bottom: solid 1px #e6e6e6;
  margin-bottom: 1rem; }

.footer-link a {
  text-decoration: none;
  color: #fff; }

.footer-link a:hover {
  color: #eeb61e; }

#homepage-slider-link {
  text-decoration: none !important;
  color: #fff; }

#panel-link {
  text-decoration: none !important; }

#about-us-panel-link {
  text-decoration: none !important;
  color: #000; }
  #about-us-panel-link:hover {
    color: #fff; }

#contact-box {
  background-image: linear-gradient(rgba(0, 0, 0, 0.90), rgba(0, 0, 0, 0.90)), url(../img/bokeh-truck.jpg);
  background-size: cover; }
  @media (max-width: 576px) {
    #contact-section {
      margin-top: -2rem !important; } }

#about-us {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../img/bokeh-truck.jpg);
  background-position: center;
  background-size: cover; }

.carousel-image-corp-1 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../img/corp-performance-bg.jpg);
  background-size: cover;
  background-position: center; }

.carousel-image-corp-2 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../img/corp-casual-bg.jpg);
  background-size: cover;
  background-position: center; }

.carousel-image-corp-3 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../img/corp-head-bg.jpg);
  background-size: cover;
  background-position: center; }

#apparel-type-list {
  background-image: linear-gradient(120deg,  rgba(240, 151, 8, 0.92) 0%, rgba(238, 182, 30, 0.92)), url(../img/corp-apparel.jpg);
  background-size: cover;
  background-attachment: fixed;
 }

 #apparel-type-list .card{
   background-color:#000;
 }

 #apparel-list li{
   display: inline;
   list-style-type: circle !important;
   padding:0rem .5rem;
 }


 #graphic-design-services .card{
   background-color: rgba(0,0,0,.75);
 }

 #about-us .card{
  background-color: rgba(0,0,0,.75);
}

#corp-showcase .carousel-item {
  height: auto; }

@media (max-width: 576px) {
  #corp-showcase {
    height: 43vh !important; } }

#corp-showcase .carousel-image-corp-3 {
  height: 56vh !important; }

.bg-trans-white {
  background: rgba(255, 255, 255, 0.7); }

#graphic-design-services img {
  margin-top: -75px; }

@media (max-width: 576px) {
  #graphic-slider {
    margin-top: -2rem; }
  #graphic-design-services img {
    margin-top: 0px; }
  #graphic-slider {
    background-image: linear-gradient(120deg, rgba(34, 139, 34, 0.8), rgba(34, 139, 34, 0.8)), url(../img/cali.jpg);
    background-size: cover;
    background-position: center;
    color: #fff !important; }
    #graphic-slider #white-text {
      color: #fff !important; } 
    }

#graphic-design-services {
  background-image: linear-gradient(to bottom, rgba(0,0,0, 0.85) 0%, rgba(238, 182, 30, 0.75)), url(../img/printers-bg.jpg);
  background-size: cover;
  background-position: center; }

#graphic-slider p {
  font-size: 1.5rem; }

#graphic-services-text {
  font-size: 1.5rem; }

#custom-design-jobs {
  background-color: rgba(0, 0, 0, 0.9); }

.carousel-image-1 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/image2.jpg);
  background-size: cover;
  background-position: bottom; }

.carousel-image-2 {
  background: url("../img/image3.jpg");
  background-size: cover; }

.banner-polo-img {
  bottom: 0; }

.carousel-image-5 {
  background: url("../img/image5.jpg");
  background-size: cover;
  background-position: bottom; }

.carousel-image-6 {
  background: #fff;
  background-size: cover;
  background-position: bottom; }

#full-graphic-Carousel {
  height: auto; }

#mobile-slider .carousel-item {
  height: auto; }

.logo-list{
  background-color: #eeb61e;
}

 .carousel-item {
  background-color: #eeb61e;
  height: auto; }

#about-us-services {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../img/bokeh-city.jpg);
  background-position: center;
  background-size: cover; }

#about-us-services .card{
  background-color: rgba(240, 151, 8, 0.75);
}

#store-dev-showcase {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../img/store-dev-bg.jpg);
  background-position: center;
  background-size: cover;
}

#store-dev-services .card {
  background-color:rgba(0,0,0,.75);
  box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.2); }

#store-dev-services .fa {
  background-color: #eeb61e;
  color: #fff;
  font-size: 2rem;
  padding: 3rem;
  border-radius: 100rem;
  margin: 1rem; }

@media (max-width: 576px) {
  #store-dev-services .card {
    margin-top: 0px; } }

#event-coordination-showcase {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../img/expo-bg.jpg);
  background-position: center;
  background-size: cover;
}

#event-coordination-services .card {
  margin-top: -100px;
  box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.2); }

#event-coordination-services .fa {
  background-color: #8B8B8B;
  color: #fff;
  font-size: 2rem;
  padding: 3rem;
  border-radius: 100rem;
  margin: 1rem; }

#event-coordination-contact {
  background-color: #4D4D4D; }

@media (max-width: 576px) {
  #event-coordination-services .card {
    margin-top: 0px; } }