body{font-family: 'Quicksand', sans-serif!important;}
.navbar-brand{ padding:0px;}
.navbar-toggle{ border:2px solid #ba0a20!important; cursor:pointer!important;}
.navbar-toggle .icon-bar{ background-color:#005b7f!important;} 
.navbar-nav>li>a{ font-size:14px; color:#000000; font-weight:500; cursor:pointer!important;}
.navbar-nav>li>a:hover, .navbar-nav>li>a:focus, .navbar-nav>li>a.active{ background-color:transparent!important; color:#ba0a20;}
.bannerMain{ height:350px; overflow:hidden; position:relative;}
.bannerMain video{ position:absolute; left:0px; top:0px; z-index:0;}
.bannerMain h2{ color:#FFFFFF; font-size:45px; text-align:center; position:absolute; z-index:1; left:0px; top:120px; width:100%;text-shadow: 2px 2px 8px rgba(0,0,0,0.75);}

.pageHeading{ height:150px; overflow:hidden; position:relative;}
.pageHeading video{ position:absolute; left:0px; top:0px; z-index:0;}
.pageHeading h2{ color:#FFFFFF; font-size:32px; text-align:left; position:absolute; z-index:1; left:60px; top:30px; width:100%;text-shadow: 2px 2px 8px rgba(0,0,0,0.75);}

h3{ padding:0px; margin:0px;}
h2{font-size:32px; color:#111111;}

.clear10{ height:10px;}
.clear20{ height:20px;}

.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: #FFFFFF;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px; position:relative;
}

.owl-theme .owl-dots .owl-dot span::before{position:absolute; content:'';background-color:#005b7f; left:3px; top:3px;width:6px; height:6px; border-radius:250px;-o-border-radius:250px;-moz-border-radius:250px;-webkit-border-radius:250px;}
.owl-theme .owl-dots .owl-dot span::after{position:absolute; content:'';width:12px; height:12px; left:0px; top:0px; border:1px solid #005b7f;border-radius:250px;-o-border-radius:250px;-moz-border-radius:250px;-webkit-border-radius:250px;}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #FFFFFF;
}

.owl-theme .owl-dots .owl-dot.active span::before, .owl-theme .owl-dots .owl-dot:hover span::before{position:absolute; content:'';background-color:#ba0a20; left:3px; top:3px;width:6px; height:6px; border-radius:250px;-o-border-radius:250px;-moz-border-radius:250px;-webkit-border-radius:250px;}
.owl-theme .owl-dots .owl-dot.active span::after, .owl-theme .owl-dots .owl-dot:hover span::after{position:absolute; content:'';width:12px; height:12px; left:0px; top:0px; border:1px solid #ba0a20;border-radius:250px;-o-border-radius:250px;-moz-border-radius:250px;-webkit-border-radius:250px;}
 

.headerSticky{   background-color:#FFFFFF;-webkit-box-shadow: 0px 2px 19px -6px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 2px 19px -6px rgba(0,0,0,0.54);
box-shadow: 0px 2px 19px -6px rgba(0,0,0,0.54);z-index:9999; padding-top:10px;}
.hide_on_mobile{ display:block;}
.al_center{ text-align:center;}
section{ padding:32px 0px;}

#services, #productSupply{ cursor:pointer;}
.gap-hide-on-mobile{ height:45px;}
.productSupllyPart{ background-color:#e8ecf8;}
footer{ background-color:#005b7f; padding:15px; color:#FFFFFF;}
.contactBlock{ border:2px solid #005b7f; padding:8px;}
.contactEven{ padding:8px; background-color:#FFFFFF;}
.contactOdd{ padding:8px; background-color:#F6F6F6;}
.contactContentBlock{background-color:#F6F6F6; padding:10px;}
@media only screen and (max-width: 768px) {
.hide_on_mobile{ display:none;}
.gap-hide-on-mobile{ height:0px;display:none;}
.bannerMain{ height:250px; overflow:hidden; position:relative;}
.bannerMain h2{ color:#FFFFFF; font-size:25px; text-align:center; position:absolute; z-index:1; left:0px; top:70px; width:100%;text-shadow: 2px 2px 8px rgba(0,0,0,0.75);}
.nav>li {
    background-color:#005b7f; border-bottom:1px solid #1c6d8d;
}
.nav>li:hover, .nav>li.active {
    background-color:#ba0a20; border-bottom:1px solid #c22538;
}
.navbar-nav>li>a, .navbar-nav>li>a:hover, .navbar-nav>li>a:focus, .navbar-nav>li.active>a, .navbar-nav>li.active>a:hover, .navbar-nav>li.active>a:focus{color:#FFFFFF;}
}



body { background-color: #add8e6; }
h1 { text-align: center; margin: 2.5em;}
div.main {
  width:100%;
  overflow:hidden;
  background-color: #ff0000;
  margin: 0 0;
  height: auto;
  border: 0px solid gray;
  padding: 0 0;
  font-size: 1.5em;
  font-family: "Agency FB";
  color: #ffffff;
}
div.slide-right p {
  -moz-animation: 10s slide-right;
  -webkit-animation: 10s slide-right;
  -o-animation: 10s slide-right;
  animation: 10s slide-right;
  margin:0;
}
div.slide-left p {
  -moz-animation: 10s slide-left;
  -webkit-animation: 10s slide-left;
  -o-animation: 10s slide-left;
  animation: 10s slide-left;
  margin:0;
}
@-webkit-keyframes slide-right { from { margin-left: 100%;width: 300%; }
  to {margin-left: 0%;width: 100%;} }
@-moz-keyframes slide-right { from { margin-left: 100%;width: 300%; }
  to {margin-left: 0%;width: 100%;} }
 @-o-keyframes slide-right { from { margin-left: 100%;width: 300%; }
  to {margin-left: 0%;width: 100%;} }
@keyframes slide-right { from { margin-left: 100%;width: 300%; }
  to {margin-left: 0%;width: 100%;} }

@-webkit-keyframes slide-left { from {margin-left: 0%;width: 100%;}
 to {margin-left: -100%;width: 300%;} }
@-moz-keyframes slide-left { from {margin-left: 0%;width: 100%;}
 to {margin-left: -100%;width: 300%;} }
@-o-keyframes slide-left { from {margin-left: 0%;width: 100%;}
 to {margin-left: -100%;width: 300%;} }
@keyframes slide-left { from {margin-left: 0%;width: 100%;}
 to {margin-left: -100%;width: 300%;} }