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

.headline,h1,h2,h3,h4,h5,.btn {
  text-transform: uppercase;
  /* font-family: 'vanchromefront','Impact', sans; */
  font-family: "anton", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.red-box-text {
  color:#fff;
  background-color:#c41230;
  padding:0 .25em;
}

.red-text {
  color:#c41230;
}

.wht-text {
  color:#fff;
}

.blk-text {
  color:#000;
}

.gray-text {
  color:#7f7f7f;
}

.red-bg {
  background-color:#c41230;
}

.blk-bg {
  background-color:#000;
}

body {
  background-image: url(/images/adserts-bg.jpg);
  background-attachment:fixed;
  background-repeat: no-repeat;
  background-size: cover;
  width:100%;
  height:100%;
  overflow-x: hidden;
}

#footer-container .nav-link {
  /* font-family: 'vanchromefront'; */
  font-family: "anton", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.splide__arrow:disabled {
  display:none !important;
}

.red-modal {
  background-color:#c41230;
  color:#fff;
}

.grecaptcha-badge {
  visibility: hidden;
}

.clear {
  clear:both;
}

a.card-link {
  color:#000 !important;
}

a.card-link:hover {
  text-decoration:none;
  background-color:#f0f0f0 !important;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.card-link img {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /* -webkit-filter: grayscale(100%); */
  /* filter: grayscale(100%); */
}

a.card-link:hover > img {
  -moz-transform: scale(1.065);
  -webkit-transform: scale(1.065);
  transform: scale(1.065);
  -webkit-filter: none; /* Safari 6.0 - 9.0 */
  filter: none;
}

.serviceblock {
  position: relative;
  text-align:center;
}

.servicetext {
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  background-color:rgba(0, 0, 0, 0.5);
}

.servicetext h2{
  color:#fff;
  text-shadow:1px 1px 10px #000, 1px 1px 10px #000;
}

a.serviceblock {
  color:#000 !important;
}

a.serviceblock:hover {
  text-decoration:none;
  background-color:#f0f0f0 !important;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.serviceblock img {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /* -webkit-filter: grayscale(100%); /*
  /* filter: grayscale(100%); */
}

a.serviceblock:hover > img {
  -moz-transform: scale(1.03);
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
  -webkit-filter: none;
  filter: none;
}

.serviceholder {
  overflow:hidden;
  border:1px solid #000;
  background-color:#000;
}

.main-container {
  min-height: 65vh; /*will cover the 100% of viewport */
}

#footer-container {
  padding-top:1em;
  width: 100%;
  background-color:#c41230;
  text-align:center;
}

#footer-container a {
  color:#fff;
}

#what-we-do {
  background:url('images/bg1.jpg?s=1') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#sss {
  background:url('images/bg2.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#redbox2 {
  background:url('images/bg3.jpg?s=1') no-repeat bottom center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#hts {
  background:url('images/bg4.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.video-container {
  width:100%;
  height:640px;
  position: relative;
  overflow: hidden;
  color:#fff;
  text-shadow: 2px 2px 5px #000;
  text-align:center;
  font-size:1.2em;
}

#video-background {
  position: absolute;
  right: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
}

.photo-background {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
}

.carousel-item {
  text-shadow: 2px 2px 3px #000;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.red-bg {
  background: #c41230;
}

.red-bg>p, .red-bg>h1, .red-bg>h2, {
  color: #ffffff;
}

.blk-bg {
  background: #000;
}

.white-bg {
  background: #fff;
}

.drk-gry-bg {
  background: #565656;
}

.blk-bga {
  background-color:rgba(0, 0, 0, 0.85);
}

.red, .contact-block a {
  color: #c41230;
}

.gray-bg {
  background: #d8d8d8;
}

.gray-bg>.nav-tabs .nav-link.active {
  background-color: #d8d8d8 !important;
}

.light-gray-bg {
  background: #ebebeb;
}

.light-gray-gradient-bg {
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(white, #ebebeb); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, #ebebeb); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, #ebebeb); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, #ebebeb); /* Standard syntax */
}

.dark-gray-bg {
  background: #636466;
}

.message-box {
  width:100%;
  color:#fff;
  margin-top:0;
  text-align:center;
  text-shadow: 2px 2px 5px #000;
  height:322px;
  padding:0 55px;
  font-size:1.2em;
  position: relative;
}

.vertical-center {
  display: flex;
  align-items: center;
}

.pointer-fade:hover {
  cursor:pointer;
  filter: brightness(89%);
}

.empImage {
  overflow: hidden;
}

.empImage img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.empImage:hover img {
  /* -moz-transform: scale(1.075);
  -webkit-transform: scale(1.075);
  transform: scale(1.075); */
  cursor:pointer;
}

.info-box {
  color:#ffffff;
  text-align:center;
  font-weight:bold;
  font-size:1.2em;
}

.info-box > p{
  padding:0 .75em;
}

button > img {
  width:58px;
}

.nav-tabs.redtabs .nav-link.active {
  background-color: #c41230;
  border-bottom-color: #c41230;
}

/*Small*/
@media all  and (max-width : 767px) {
  .empName {
    font-size:1.3em;
    font-weight:bold;
  }

  .empTitle {
    font-size:.95em;
  }
}

@media all  and (min-width : 992px) and (max-width : 1199px) {

  .empName {
    font-size:1em;
    font-weight:bold;
  }

  .empTitle {
    font-size:.9em;
  }

  .empBio,.empQuote {
    font-size:.85em;
  }
}

@media all  and (min-width : 1800px) {
  .jpx-lg-15 {
    padding:0 15% !important;
  }
}

@media all  and (min-width : 1200px) and (max-width : 1849px) {
  .empName {
    font-size:1em !important;
    font-weight:bold;
  }

  .empTitle,.empBio,.empQuote {
    font-size:.7em;
  }
}

@media all  and (min-width : 1850px) {
  .empName {
    font-size:1.8em;
    font-weight:bold;
  }

  .empTitle, .empBio, .empQuote {
    font-size:1em;
  }
}


.rotate {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.hover:hover {
  cursor:pointer !important;
}

.shadow {
  -webkit-filter: drop-shadow( 3px 3px 22px rgba(0,0,0,.7) );
  filter: drop-shadow( 3px 3px 22px #000 );
  -webkit-svg-shadow: 0 0 20px black;
}

.shadow {
  -webkit-filter: drop-shadow( 3px 3px 2px rgba(0,0,0,.7) );
  filter: drop-shadow( 3px 3px 2px rgba(0,0,0,.7) ); /* Same syntax as box-shadow */
}

.white-link {
  color: #fff;
}

.white-link:hover {
  color: #ccc;
  text-decoration:none;
}

.footer {
  color:#b4b4b4;
}

.nav-link {
  /* color:#000 !important; */
}

.nav-link:hover {
  /* color:#c41230 !important; */
}

.nav-link.s-right {
  border-bottom:3px solid #000;
}

.nav-link.s-right.active {
  border-bottom:3px solid #c41230;
}

.subtext {
  font-size:1.75em;
}

.expanded-info p {
  font-size:1.5em;
}

.btn-sq,.rad-0 {
  border-radius: 0 !important;
}

.btn-secondary {
  background-color:#000;
  border-radius: 0;
  font-size:1.25em;
  color:#fff !important;
}

.btn-danger {
  background-color:#c41230;
  border-radius: 0;
  font-size:1.25em;
  color:#fff !important;
}

.btn-danger:hover {
  background-color:#6c121b;
}

.btn-danger active{
  color:#ccc;
}

.case-studies {
  margin:2em 0;
  padding:1em;
}

.contact-block {
  font-size:.85em;
  line-height:1.2em;
  font-style: oblique;
}

.contact-name {
  font-size:1.25em;
  font-weight:700;
}

#video-col {
  background:url('images/placeholder.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:100px;
  padding:0;
}

@media (max-width: 768px) {
  .s-right {
    text-align:right;
  }

  .card-link img {
    -webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;
  }

  .serviceblock img {
    -webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;
  }

  .blogtitle {
    border:none !important;
  }

}

body.modal-open-noscroll
{
  padding-right: 0!important;
  overflow: hidden;
}
.modal-open-noscroll .navbar-fixed-top, .modal-open .navbar-fixed-bottom
{
  padding-right: 0!important;
}
.contact-block a {
  font-size:.85em;
}

@media (min-width: 1000px) {
  button > img {
    width:70px;
  }
}

.rbb {
  border-bottom: 5px solid #c41230;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #c41230 !important;
}

.dropdown-item {
  padding:.25rem 1.5rem !important;
}

.dropdown-item:hover {
  background-color:#e5e5e5;
}

.rb-card {
  border: 2px solid #c41230 !important;
  border-radius:0;
  color:#c41230 !important;;
}

/* Share Buttons */
.share-buttons {
  font-size: 1rem;
  line-height: 0.8rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 1em 0;
  z-index: 2;
  position: relative;
  text-align: center;
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: flex-start;
  color:#fff;
}

.share-buttons li {
  height: auto;
  flex: 0 1 auto;
  width: calc(25% - 1px);
  margin-right: 1px;
}

.share-buttons li:last-child {
  width: 25%;
  margin-right: 0;
}

.share-buttons svg {
  fill: #fff;
  margin-right: 5px;
  width: 16px;
  height: 16px;
}

.share-buttons a {
  display: block;
  padding: 11px 11px 8px;
  text-align: center;
  color:#fff;
}

.share-buttons li:first-child a {
  border-radius: 3px 0 0 3px;
}

.share-buttons li:last-child a {
  border-radius: 0 3px 3px 0;
}

.share-twitter	{
  background: #000000;
}

.share-twitter:hover {
  opacity: 0.85;
}

.share-facebook	{
  background: #0866ff;
}

.share-facebook:hover {
  opacity: 0.85;
}

.share-pinterest	{
  background: #E60024;
}

.share-pinterest:hover {
  opacity: 0.85;
}

.share-linkedin	{
  background: #1e66bf;
}

.share-linkedin:hover {
  opacity: 0.85;
}

/* End Share Buttons */