.btn{ text-transform: uppercase; }

iframe{ max-width: 100%; }
.footer-bg { color: #fff; font-size: smaller; padding:50px 0px!important;}
.footer-bg a { color: #fff;}
.footer-bg p.h1, .footer-bg p.h2, .footer-bg p.h3, .footer-bg p.h4 {
  color: #fff!important;
}

#HeaderCompanyName { display: block; float: left; width: 100%; color: #fff; }
#HeaderCompanyName h1 { color: #fff; font-weight: normal; }
.navbar-light .navbar-nav .nav-link { font-family: Anton, serif; font-weight: normal; }
.nav-item { font-family: Anton, serif; font-weight: normal; }
.nav-item a, .nav-item, .navbar-light .navbar-nav .nav-link { color: #fff; font-weight: normal; }
.nav-link:hover, nav-item:hover{color:#f90!important;}
.navbar-nav { width: 100%; }
#navbar{ border-bottom: 0px solid #092233; z-index: 1;top: 0px; left: 0px; right: 0px; background-color: #f90000!important;}
#navbar #Logo img { display: inherit; height: 150px; width: auto; }
#navbar nav { margin-left: auto; margin-right: auto; display: flex; max-width: 1200px; width: 100%; }
#navbar nav #navbarSupportedContent>div { display: block; float: left; width: 100%; }
#navbar nav .navbar-toggler .material-icons { font-size: 36px; color: #fff; }
.dropdown-item{color:#333!important; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; }
.dropdown-item:hover{color:#f90!important;background-color:#333;}
.material-icons { font-size: 16px; }
.NavSpacer { display: block; height: 135px; width: 100%; }
.Rotating_Content, #navbar { position: relative; z-index: 21; }

#navbar.ScrollingNav #LogoFloat { display: inherit; }
#navbar.ScrollingNav #LogoFloat img { width: auto; height: 65px; }
#navbar.ScrollingNav #Logo { display: none; }
.ScrollingNav#navbar { height: 82px; }
.ScrollingNav nav.py-3 { padding: 0px!important; }
.ScrollingNav #HeaderLogo{ height: 45px; width: auto; }
.ScrollingNav .Header_NoScroll img { height: 24px; width: 24px; }
.ScrollingNav #HeaderCompanyName { display: none; }
.services h4, .services h4 a { color: #f90000; }
.copyright { background-color: #000; color: #fff; }
h1 {}
hr {
  border-top: 1px solid #f90000;
}
hr.size1 {
  border-top: 1px solid #f90000;
}
hr.size2 {
  border-top: 2px solid #f90000;
}
hr.size3 {
  border-top: 3px solid #f90000;
}
hr.size4 {
  border-top: 4px solid #f90000;
}
.material-icons {
  font-size: 16px;
}
h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
  font-weight: normal;
  font-family: Anton, serif;
  font-style: italic;
}
h1, h2, h3, h4{
  color: #333;
  font-weight: 400;
  position: relative;
  text-transform: uppercase;
}
h1 span, h2 span, h3 span{
  padding-right: 30px;
}


.cell-hover div:hover {
  background-color: #eff0f1;
}
.UnderlineBorder {
  border-bottom: 3px solid #f90000;
}




.cycle-slideshow {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 600px;
  overflow: hidden;
}
.cycle-slideshow li {
  width: 100%;
  min-height: 600px;
  position: relative;
}
.cycle-slideshow .slide-caption-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50%;
  height: 100%;
  color: #fff;
  background-color:rgba(29, 44, 91, 0.9);
}
.cycle-slideshow .caption {
  position: relative;
  top: 0px;
  left: 10%;
  width: 80%;
  height: 100%;
  color: #fff;
  padding: 20px;
  font-family: 'Anton';
  font-weight: normal;
  font-size: large;
}
.cycle-slideshow .caption .btn, .cycle-slideshow .caption a {
  color: #fff;
}
.caption h2 {
  font-size: 45px;
  color: #fff;
  line-height: 45px;
  text-transform: uppercase;
  font-weight: normal;
  font-family: 'Anton';
}
.cycle-pager {
  overflow: hidden;
  position: absolute;
  text-align: center;
  bottom: 10px;
  right: 10px;
  z-index: 999;
}
.cycle-pager span {
  color: #565656;
  cursor: pointer;
  display: inline-block;
  height: 9px;
  width: 9px;
  background: url("/assets/images/slider-dot.png") no-repeat left top;
  font-size: 0;
  margin: 0 5px;
}
.cycle-pager span.cycle-pager-active {
  background: url("/assets/images/slider-dot.png") no-repeat left bottom;
}

table img { max-width: 100%; height: auto; }


.container .row img { max-width: 100%; height: auto; }

.Rotating_Fade {
  position: absolute;
  bottom: 0px;
  background-image: URL('/assets/images/header-fade.png');
  width: 100%;
  height: 571px;
  display: block;
  z-index: 101;
}
.Expertise h3 { font-size: 1.4rem; }
.Expertise { font-size: 0.8rem; }
.expertise h2{color:#f90; display:none;}
.expertise h4{margin-top:10px; color:#333; text-align: center; }
.expertise {padding:50px 0px!important; background: url('/assets/images/featured-bg.png'); background-position: top; }
.expertise .Description{padding:10px;}


.InstagramFeed { background-color: #fff; background-image: linear-gradient(-135deg,#1400c8,#b900b4,#f50000); display: flex-table; width: 100%; }
.InstagramFeed .InstagramFeedPhotos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.InstagramFeed .InstagramFeedPhotos div {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    overflow: hidden;
    max-height: 250px;
}
.InstagramFeed .InstagramFeedPhotos div img {  height: 100%;  width: auto;}
.InstagramFeed h1, .InstagramFeed h2, .InstagramFeed h3, .InstagramFeed h4 { color: #fff!important; text-align: center; }
















@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 736px)
and (orientation : portrait) {
  .card-deck { display: block; }
  .card-deck .card{ margin: 15px; }
  #navbar { position: relative; }
  .NavSpacer { display: none; }
  #Logo { display: inherit; }
  #LogoFloat { display: none; }
  .nav-link {
    background-color: #fff;
    color: #000; 
    text-indent: 10px;
    border-radius: 5px;
    margin-bottom: 2px;
    border-right:  2px solid #0f0f0f;
    border-bottom: 2px solid #0f0f0f;
  }
  .expertise { padding-right: 15px!important; padding-left: 15px!important; }
  #HeaderLogo { height: 50px; }
  
  #navbar nav {
    position: relative!important;
    z-index: 1; top: 0px; left: 0px; right: 0px;
    
    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    /* Standard syntax */
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
  }
  #Rotating-Header, .Rotating_Content { display: none; }
  .navbar-light .navbar-toggler, .navbar-dark .navbar-toggler {margin-left: auto; padding-left: 10px; padding-right: 10px;}
  #navbar .row { width: 100%; padding-left: 10px; margin-right: 0px; margin-left: 0px; }
  #LogoFloat { display: flex; }
  #Logo { display: none; }
  #CallUs { text-align: center!important; width: 100%; }
  #CallUs li { text-align: center!important; width: 100%; }
  .services .col-md { width: 80%; margin-left: auto; margin-right: auto; }
  h1 { width: 100%; font-size: 2.0rem; text-align: center; padding-right: 0px; }
  h1 span { background-color: transparent; padding-right: 0px; }
  h1:after { border-top: 0px solid #ffd600; }
  .py-5 { padding-top: 1rem!important; }
  .footer-bg { display: none; }
  .contact-bg { background-image: none; }
  .services h3 span { text-align: center; padding-right: 0px; }
  .footer-bg .row { margin:0px!important; }
}




@media only screen 
and (min-device-width : 320px)
and (max-device-width : 812px)
and (orientation : landscape) {
  #navbar { position: relative; }
  .NavSpacer { display: none; }
  .nav-link 
  {
    background-color: #fff;
    color: #fff; 
    text-indent: 10px;
    border-radius: 5px;
    margin-bottom: 2px;
    border-right:  2px solid #0f0f0f;
    border-bottom: 2px solid #0f0f0f;
  }
  #navbar nav {
    position: relative!important;
    z-index: 24; top: 0px; left: 0px; right: 0px;
    
    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    /* Standard syntax */
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
  }
  .NavSpacer { display: none; }
  #Rotating-Header, .Rotating_Content { display: none; }
  .navbar-light .navbar-toggler, .navbar-dark .navbar-toggler {margin-left: auto; padding-left: 10px; padding-right: 10px;}
  #navbar .row { width: 100%; padding-left: 10px; margin-right: 0px; margin-left: 0px; }
  #LogoFloat { display: flex; }
  #Logo { display: none; }
  #CallUs { text-align: center!important; width: 100%; }
  #CallUs li { text-align: center!important; width: 100%; }
  .services .col-md { width: 80%; margin-left: auto; margin-right: auto; }
  h1 { width: 100%; font-size: 2.0rem; text-align: center; padding-right: 0px; }
  h1 span { background-color: transparent; padding-right: 0px; }
  h1:after { border-top: 0px solid #ffd600; }
  .py-5 { padding-top: 1rem!important; }
  .footer-bg { display: none; }
  .footer-bg .row { margin:0px!important; }
}




@media only screen 
and (min-device-width : 813px)
and (max-device-width : 1024px)
and (orientation : landscape) {
  .NavSpacer { display: block; height: 150px; width: 100%; }
  .Rotating_Content { position: relative; z-index: 0; }
  #navbar{ position: fixed!important; }
  #navbar nav {
    position: fixed!important;
    z-index: 24; top: 0px; left: 0px; right: 0px;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
  }
  #navbar.ScrollingNav nav:after { top: 54px; }
  #navbar #LogoFloat { display: none; }
  #navbar #Logo { display: inherit; }
  #navbar.ScrollingNav #CallUsSocial { display: none; }
  #navbar nav .py-3 { padding-top: 0px!important; padding-bottom: 0px!important; }
}




@media only screen 
and (min-device-width : 736px)
and (max-device-width : 1024px)
and (orientation : portrait) {
  #navbar{position: fixed!important; height: 150px; }
  .NavSpacer { display: block; height: 150px; width: 100%; }
  .Rotating_Content { position: relative; z-index: 0; }
  #navbar nav {
    position: fixed!important;
    z-index: 24; top: 0px; left: 0px; right: 0px;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
  }
  #navbar #LogoFloat { display: none; }
  #navbar #Logo { display: inherit; }
  #navbar.ScrollingNav #CallUsSocial { display: none; }
  #navbar.ScrollingNav nav:after { top: 54px; }
  #navbar nav .py-3 { padding-top: 0px!important; padding-bottom: 0px!important; }
  #navbarSupportedContent { width: 100%; display: block!important; }
}





@media only screen 
and (min-device-width : 1024px) 
and (orientation : landscape) {
  #navbar{position: fixed!important; height: 150px; }
  .NavSpacer { display: block; height: 142px; width: 100%; }
  #Rotating-Header { overflow: hidden; position: relative; display: block; width: 100%; height: 600px !important; margin: 0px 0px 0px 0px; padding: 0px; top: 0px; z-index: 20!important; }
  #Rotating-Header .Rotating-Row { position: relative; display: block; max-width: 100%; height: 600px; margin: 0px auto 0px auto; padding: 0px;  }
  #navbar {
    position: fixed!important;
    z-index: 24; top: 0px; left: 0px; right: 0px;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
  }
  #navbar.ScrollingNav nav:after { top: 54px; }
  #navbar #LogoFloat { display: none; }
  #navbar #Logo { display: inherit; }
  #navbar.ScrollingNav #CallUsSocial { display: none; }
  #navbar nav .py-3 { padding-top: 0px!important; padding-bottom: 0px!important; }
  #navbarSupportedContent { width: 100%; display: block!important; }
  .directions .row {
    padding: 20px!important;
    background-color: #fff!important;
    border-radius: 10px;
    -webkit-box-shadow: 0px 12px 29px 0px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 12px 29px 0px rgba(0,0,0,0.07);
    box-shadow: 0px 12px 29px 0px rgba(0,0,0,0.07);
  }
  
  .staff h3 { text-align: center; }
  .staff .row { text-align: center; }
  
  .services h3 { text-align: center; }
  .services .row { text-align: center; }
}