@charset "utf-8";
@media (min-width: 768px) {
.navbar-brand.abs
    {
        position: absolute;
        width: 100%;
        left: 0;
        text-align: center;
    }
}
.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0rem 1rem;
z-index: 999;
}
.nav-link {
font-family: "eurostile-extended",sans-serif;
font-weight: 400;
font-size: 1.1rem;
font-style: normal;
color: #FFFFFF !important;
line-height: 1.25rem;
margin-left: 10px;
margin-right: 10px;
}
.nav-link:hover, .nav-link:focus {
color:#7e8f93 !important;
transition: color 0.25s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
text-decoration: none;
}

.navbar-toggler {
margin-top:15px;
border-color: rgba(222, 231, 245, 0.5);
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(222,231,245, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
/*---General---*/
.background-video {
  background-image: url("https://player.vimeo.com/video/996231685?");
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 500px;
  z-index: -1; /* Ensure the video is behind other content */

}
body {
overflow-x: hidden;
background-color: #1B1B1B;
height: 100%;
}
.Mobile {
display: none;
}
.nopadding {
padding: 0 !important;
margin: 0 !important;
}
.padding {
padding: 5px !important;
}
.contact-padding {
margin: 5px !important;
}
p {
margin: 0;
padding-bottom: 10px;
 padding-left: 5px;
 padding-right: 5px;
font-family: "eurostile-extended",sans-serif;
font-size: 1rem;
font-weight: 400;
font-style: normal;
color: #FFFFFF;
line-height: 1.5rem;
}
h1 {
margin: 0;
padding: 0;
}
h2 {
margin: 0;
padding: 0;
}
h3 {
margin: 0;
padding: 0;
}
h4 {
margin: 0;
padding: 0;
}
h5 {
margin: 0;
padding: 0;
}
h6 {
margin: 0;
padding: 0;
}
ol{
list-style: circle;
}
hr {
display: block;
min-height: 1px;
border: 0;
margin: 0 0; padding: 0;
background-color: #3F3F3F;
}
hr.hr{
display: block;
min-height: 3px dotted;
width: 95%;
border: 0;
margin: 10px; padding: 0px;
background-color: #A9BDD6;
}
hr.hr2{
display: block;
min-height: 3px dotted;
width: 90%;
border: 0;
margin: auto; padding: 0px;
background-color: #CADAE4;
}
.ml-autoL,
.mx-autoL {
 margin-left:0px !important;
}
.img-fluid-min {
 width: 100%;
 height: auto;
}
.img-rad {
border-radius:20px;
}
.vid-rad {
border-radius:10px;
}
.img-pad {
padding:12px;
}
.img-logo {
margin-left: auto;
margin-right: auto;
}
.paddingsmall{
padding: 1px !important;
margin: 1px !important;
}
.mega-arrow {
padding-top: 1px
}
/*---Fonts---*/
.FontStandard {
font-family: "eurostile-extended",sans-serif;
font-size: 1.15rem;
font-weight: 400;
font-style: normal;
color: #07203a;
line-height: 1.5rem;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
}
.FontS1{
font-family: "eurostile",sans-serif;
font-size: 1.2rem;
font-weight: 400;
color: #FFFFFF;
text-align: left;
padding-top: 5px;
}
.FontStandard-bold {
font-family: "eurostile-extended",sans-serif;
font-size: 1.25rem;
font-weight: 700;
font-style: normal;
color: #FFFFFF;
line-height: 1.25rem;
padding-top: 50px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 20px;
}
.FontSmallCenter
{
font-family: "eurostile-extended",sans-serif;
font-size: .75rem;
font-weight: 400;
font-style: normal;
color: #FFFFFF;
line-height: 1rem;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
}
/*---Boxes---*/
.video-frame {
display: block;
margin:5px;
padding: 10px;
background-color: rgba(0, 0, 0, 50%);
background-image: linear-gradient(to top, rgba(0, 0, 0, .25), rgba(0, 0, 0, .25) 100% );
border:solid;
border-width:1px;
border-color: rgba(255, 255, 255, .25);
box-shadow: 7px 7px 5px 1px rgba(0, 0, 0, .25);
-webkit-transition: border 0.2s ease-in-out;
-o-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
}
.video-rad {
border-radius: 5px;
}
.video4x3 {
background-color: #151515;
border-radius: 10px;
margin-bottom: 2rem;
margin-top: .5rem;
margin-left:20%;
margin-right:20%;
border-color: #FFFFFF;
border-wirdth: 5px;
}
.video-back {
background-color: #15569c;
}
.video-box {
margin-top: 0px;
margin-bottom: 20px;
background-color: #151515;
}
/*---Forms---*/

.form-group{
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 0;
width: 0;
z-index: -1;
}
.form-group2 {
color: #000000;
font-weight: 400;
font-style: normal;
margin-bottom: 15px;
margin-left:auto;
margin-right:auto;
}
.form-control {
display: block;
font-family: "eurostile-extended",sans-serif;
font-size: 1rem;
font-weight: 400;
width: 100%;
height: 50px;
padding: 6px 12px;
background: rgba(0, 0, 0, 50%);
background-image: none;
border: 1px solid rgba(255, 255, 255, 20%);
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #FFFFFF;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(179,237,236,0.08),0 0 8px rgba(179,237,236,0.08);
box-shadow: inset 0 1px 1px rgba(179,237,236,0.08),0 0 8px rgba(179,237,236,0.08);
}
.form-control::-moz-placeholder {
color: #FFFFFF;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #FFFFFF;
}
.form-control::-webkit-input-placeholder {
color: #FFFFFF;
}
.form-control1 {
 display: block;
 width: 100%;
 height: calc(1.5em + 0.75rem + 2px);
 padding: 0.375rem 0.75rem;
 font-size: 1rem;
 font-weight: 400;
 line-height: 1.5;
 color: #FFFFFF;
 background-color: #fff;
 background-clip: padding-box;
 border: 1px solid #ced4da;
 border-radius: 0.25rem;
 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.err {
font-family: "eurostile-extended",sans-serif;
font-weight: 700;
font-style: italic;
font-size: 1.25rem;
color: #E10003 !important;
padding-top:5px;
}
/*---Links---*/
.social-links a {
 color:#fff;
 margin: 5px;
 font-size: 2rem;
 padding-left: 15px;
 display: inline-block;
 line-height: 1px;
 transition: 0.3s;
}
.social-links a:hover {
 color: #7e8f93;
}
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
a {
font-family: "eurostile-extended",sans-serif;
font-size: 1.15em;
font-weight: 400;
font-style: normal;
color: #FFFFFF;
text-decoration: none;
}
a:hover,
a:focus {
color: #7e8f93;
text-decoration: none;
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
/*---Backgrounds---*/
.interback1 {
background: url('../images/InterFram.jpg');
background-repeat: mirror;
padding-top: 0px;
padding-bottom: 0px;
}
.interback2 {
background: url('../images/InterAutolite.jpg');
padding-top: 0px;
padding-bottom: 0px;
}
.interback3 {
background: url('../images/InterElectric.jpg');
padding-top: 0px;
padding-bottom: 0px;
}
.body-back-err {
background: url('../images/InterTory.jpg');
padding-top: 0px;
padding-bottom: 0px;
}
.interback4 {
background: url('../images/InterTory.jpg');
padding-top: 0px;
padding-bottom: 0px;
}
.interback5 {
background: url('../images/InterBlueCrest.jpg');
padding-top: 0px;
padding-bottom: 0px;
}
.head-bg {
background-image: radial-gradient( circle, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%);
padding:10px;
}
.foot-bg {
background-image: radial-gradient( circle, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%);
padding:10px;
}
.motion-bg{
background-image: url("../images/CannonBlastC4D.jpg");
background-repeat: no-repeat;
}
.fram-bg{
background-image: url("../images/GripBack.jpg");
background-size: cover;
background-position: center;
}
.body-back2{
background: radial-gradient( circle, rgba(157,204,255,0.95) 50%, rgba(7,32,58,.75) 100%);
}
.iconboxdark {
background-color: #14293B;
background: linear-gradient( to top, rgba(255,255,255,0.1) 10%, rgba(255,255,255,0) 100%);
max-width: 400px;
margin-top: 5%;
}
.iconboxdark2 {
max-width: 400px;
margin-top: 5%;
}
.box-1 {
background-color: #000000;
background: linear-gradient( to top, rgba(50,0,0,0.75) 80%, rgba(50,0,0,0) 100%);
margin-top: 1%;
}
.box-2 {
background-color: #000000;
background: linear-gradient( to top, rgba(0,0,0,0.75) 80%, rgba(0,0,0,0) 100%);
margin-top: 1%;
}
.bg-1{
background-color: #fff;
}
.bg-2{
background-color: #14293B;
}
.bg-3{
background-color: #14293B;
}
.bg-grad-1 {
background: linear-gradient(to top, #14293B 50%, #15569c 100%);
}
.bg-grad-2 {
background-image: linear-gradient(to left, rgba(7,32,58,0.0) 30%, #07203a);
border-radius: 5px;
padding: 15px;
}
.Copyright-bg{
background-color: rgba(20, 41, 59, .8)
}

/*---Buttons---*/
.btn {
font-family: "eurostile-extended",sans-serif;
font-size: 1rem;
font-weight: 400;
font-style: normal;
color: #fff;
margin-bottom:10px;
}
.btn-info1 {
font-family: "eurostile-extended",sans-serif;
font-size: 1rem;
font-weight: 400;
font-style: normal;
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
border-color: rgba(255, 255, 255, 0.25);
}
.btn-info1:hover {
color: #fff;
background-color: rgba(0, 0, 0, 0.9);
border-color: rgba(255, 255, 255, 0.25);
}
.btn-info1:focus, .btn-info.focus {
color: #fff;
background-color: rgba(0, 0, 0, 0.9);
border-color: rgba(255, 255, 255, 0.25);
}
.btn-info2 {
font-family: "eurostile-extended",sans-serif;
font-size: 1.15rem;
font-weight: 400;
font-style: normal;
color: #fff;
background-color: rgba(21, 86, 156, 0.75);
border-color: rgba(157, 204, 255, .5);
}
.btn-info2:hover {
color: #fff;
background-color: rgba(157, 204, 255, 0.75);
border-color: rgba(157, 204, 255, 0.5);
}
.btn-info2:focus, .btn-info.focus {
box-shadow: 0 0 0 0.2rem rgba(157, 204, 255, 0.25);
webkit-box-shadow: 0 0 0 0.2rem rgba(157, 204, 255, 0.25);
}
.btn-info3 {
font-family: "eurostile-extended",sans-serif;
font-size: 1rem;
font-weight: 400;
font-style: normal;
color: #fff;
background-color: rgba(7, 32, 58, 0.8);
border-color: rgba(20, 41, 59, .5);
}
.btn-info3:hover {
color: #fff;
background-color: rgba(21, 86, 156, 0.75);
border-color: rgba(20, 41, 59, 0.5);
}
.btn-info3:focus, .btn-info.focus {
box-shadow: 0 0 0 0.2rem rgba(157, 204, 255, 0.25);
webkit-box-shadow: 0 0 0 0.2rem rgba(157, 204, 255, 0.25);
}

/* Video Back */
.background-video {
 height: 100%;
 width: 177.77777778vh; 
 min-width: 100%;
 min-height: 56.25vw; 
 z-index: -1; 

}
.fader:hover {
-webkit-filter: opacity(40%);
filter: opacity(40%);
transition: all 3s ease;
}
/* Style the content overlay */
.content {
  position: relative;
  z-index: 1;
  color: white;
  text-align: center;
  padding: 20px;
}
/*---Preloader---*/
#preloader {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 z-index: 9999;
 overflow: hidden;
 background: rgba(21, 86, 156, .7);
}
#preloader:before {
 content: "";
 position: fixed;
 top: calc(50% - 30px);
 left: calc(50% - 30px);
 border: 8px solid #15569c;
 border-top-color: #9dccff;
 border-radius: 50%;
 width: 100px;
 height: 100px;
 -webkit-animation: animate-preloader 1s linear infinite;
 animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
 0% {
 transform: rotate(0deg);
 }
 100% {
 transform: rotate(360deg);
 }
}

@keyframes animate-preloader {
 0% {
 transform: rotate(0deg);
 }
 100% {
 transform: rotate(360deg);
 }
}

@media (max-width: 1200px) {
  .faq .faq-list {
    padding: 0;
  }
}
@media all and (min-width: 992px) {
.navbar
{ padding-top: 0;
padding-bottom: 0; 
}
	}