html {
    font-size: 14px;
}

body {
    background: #b8b8b8;
    margin: 0px;
    padding: 0px;
    font-size: 1rem;
    font-family: arial, sans-serif;
    color: #444;
    text-align: left;
}

.container {
    max-width: 1280px;
}

.main-content {
    background-image: url(../images/content-bg.gif);
    background-repeat: no-repeat;
    background-position: top right;
    box-shadow: -20px 30px 10px -30px rgba(0,0,0,.3) inset;
}

.top-header .navbar {
    padding: .5rem;
}

.top-header img {
    width: 100%;
    height: auto;
}

.top-header ul.navbar-nav {
    width: 100%;
}

.top-header ul.navbar-nav .nav-item {
    text-align: center;
}

.top-header .navbar.bg-light {
    background-color: #004da3 !important;
    padding: 0;
    margin: 0;
}

.top-header .navbar-light .navbar-nav .nav-link {
    color: #fff !important;
}

.top-header .navbar-light .navbar-nav .show > .nav-link,
.top-header .navbar-light .navbar-nav .active > .nav-link,
.top-header .navbar-light .navbar-nav .nav-link.show,
.top-header .navbar-light .navbar-nav .nav-link.active {
    color: #fff;
}

.top-header ul.navbar-nav li.nav-item {
    text-align: center;
    background-color: #004da3;
}

.top-header ul.navbar-nav li.nav-item.active {
    background: #b5954f !important;
    border-radius: 3px;
}

.top-header ul.navbar-nav li.nav-item a:not(.dropdown-item) {
    text-align: center;
    background-color: #004da3;
    border-radius: 3px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.top-header .dropdown-menu {
    padding: 0;
    margin: 0;
}


.top-header .dropdown-item {
    background-color: #6793c4;
    border-bottom: 2px solid #fff;
    padding: .5rem .75rem;
    color: #FFFFFF !important;
}

.top-header .dropdown-item:hover, .top-header .dropdown-item:active, .top-header .dropdown-item:focus, .top-header .dropdown-item.active {
    background-color: #b5954f;
}

.search-box .form-inline {
    width: calc(100% - 15px);
    padding-left: 15px;
}

.search-box .form-inline .form-group {
    padding-right: 0;
    width: 100%;
}

.search-box .form-inline .form-control {
    width: 100%;
    max-width: 70%;
    display: inline-block;
}

.search-box button {
    background-color: #004da3 !important;
    border: 3px double #FFF !important;
    border-radius: 0 !important;
}

@media (min-width: 768px) {
    .top-header ul.navbar-nav li.nav-item {
        width: 100%;
        flex: 0 0 20%;
        max-width: 20%;
        background: -webkit-linear-gradient(#000000 0%, #004da3 100%);
        background: -o-linear-gradient(#000000 0%, #004da3 100%);
        background: linear-gradient(#000000 0%, #004da3 100%);
        border-radius: 3px;
    }

    .dropdown-toggle::after {
        margin-left: 1.255em;
    }

    .top-header ul.navbar-nav li.nav-item a:not(.dropdown-item) {
        background-color: #004da3;
        background: -webkit-linear-gradient(rgba(255,255,255, .5) 0%, rgba(0,77,163, .1) 25%);
        background: -o-linear-gradient(rgba(255,255,255, .5) 0%, rgba(0,77,163, .1) 25%);
        background: linear-gradient(rgba(255,255,255, .5) 0%, rgba(0,77,163, .1) 25%);
    }
}


/* Main Content */

.logos-imaging {
    text-align: justify;
    background: #94c6eb;
    border: 6px double #444444;
    margin: 1em 0px;
    color: #fff;
}

.logos-imaging .row {
    padding: 5px 5px 5px 10px;
    background: #0054a5;
    color: #fff;

}

.logos-imaging .col-lg-3 {
        align-self: center;
    }

.logos-imaging .row [class*="col-"] {
        padding-left: 5px;
        padding-right: 5px;
}

.important-link {
    padding: 5px;
    text-align: center;
    background: #94c6eb;
    border: 1px solid #0a3663
}


.contact-block,
.ProductDescription,
.light-blue-bg {
    background-color: #E5EDF6;
}

.ProductDescription {
    padding: 10px;
}

.ProductImg {
    padding: 10px;
    border: 1px solid #e5edf6;
}


/* Footer */

.main-footer {
    padding: 30px 10px 10px 10px;
    font-size: .8rem;
    color: #fff;
    margin-bottom: 25px;
    background-color: #3376ba;
    background: -webkit-linear-gradient(#3376ba 0%, #0355a7 25%);
    background: -o-linear-gradient(#3376ba 0%, #0355a7 25%);
    background: linear-gradient(#3376ba 0%, #0355a7 25%);
    border-top: 5px solid #0054a5;
}

.main-footer ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-footer ul li {
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    margin: 0;
}


/* Styles */
h1, h2, h3, h4, h5 {
    color: #0155A6;
}

h1 {
    font-size: 2rem;
    border-bottom: 1px solid #90A1CE;
    margin: 0px 0px 1.25rem 0px;
    padding: 0;
}


a:link, a:visited {
    color: #004da3;
    text-decoration: none;
}

a:hover, a:active, a:focus {
    text-decoration: underline;
    color: #444;
}

.home_h1 h1 {
	display: inline-block;
}
div:not(.search-box) .btn-primary {
	color: #0a3663 !important;
	background-color: #94c6eb !important;
	border-color: #0a3663 !important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	opacity: .8;
}
.btn-primary p {
	margin: 0;
	padding: 0;
}

@media (min-width: 1024px) {
.h3.text-center * {
	font-size: 2rem !important;
}
}
.blue-bg-grad {
	background-color: #3175b9;
	background-image: linear-gradient(#3175b9, #94c6eb);
	color: #000;
}
.blue-bg-grad * {
	color: #000 !important;
}
.hr hr {
	border: 6px double #ccc;
	border-width: 6px 0 0 0;
}

.ProductOverview .widget {
	padding: 5px 0 125px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	border: 1px solid #0155a6;
	height: 153px;
}
.ProductOverview .EOD {
	background-image: url(/ResourcePackages/DSEInternational/images/btns/eod-off.jpg) !important;
}
.ProductOverview .SecurityForces {
	background-image: url(/ResourcePackages/DSEInternational/images/btns/forces-off.jpg) !important;
}
.ProductOverview .Surveillance {
	background-image: url(/ResourcePackages/DSEInternational/images/btns/surveillance-off.jpg) !important;
}
.ProductOverview .CounterSurveillance {
	background-image: url(/ResourcePackages/DSEInternational/images/btns/cs-off.jpg) !important;
}
.ProductOverview .Training {
	background-image: url(/ResourcePackages/DSEInternational/images/btns/training-off.jpg) !important;
}

.bg-blue {
    background-color: #004da3;
  }

  .top-header .top-nav ul.navbar-nav li.nav-item a:not(.dropdown-item) {
    background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: -webkit-linear-gradient(rgba(139,193,252,.7) 0%,rgba(0,77,163,.1) 100%);
    background: -o-linear-gradient(rgba(139,193,252,.7) 0%,rgba(0,77,163,.1) 100%);
    background: linear-gradient(rgba(139,193,252,.7) 0%,rgba(0,77,163,.1) 100%);
}

.top-header .top-nav ul.navbar-nav li.nav-item {
  background: none !important;
}


.top-nav .nav-tabs {
  justify-content: flex-end;
    align-items: flex-end;
    border: 0;
    margin-top: 1rem;
    margin-right: .5rem;
}

.top-nav a.nav-link {
    color: #fff;
    font-size: .875rem;
    border: 0 !important;
}

@media (min-width: 768px) {
  
  .top-header ul.navbar-nav li.nav-item:hover .dropdown-menu {
    display: block;
  }
  
  .top-header .top-nav ul.navbar-nav li.nav-item {
    flex: 0 0 25%;
    max-width: 25%;
  }
  
  .top-header ul.navbar-nav li.nav-item a:not(.dropdown-item) {
   font-size: .875rem;
    position: relative;
  }
  
.dropdown-toggle::after {
    margin-left: 0;
    position: absolute;
    right: 10px;
    top: 10px;
  }
  
}

@media (min-width: 1024px) {
  h1 * {
    font-size: 4rem !important;
  }
}

@media (min-width: 1284px) {
  
  .top-header ul.navbar-nav li.nav-item a:not(.dropdown-item) {
    padding: .5rem 3rem;
    font-size: 1.2rem;
  }

}
    
.search-box .form-inline {
	width: 100%;
	padding-left: 0;
}

@media (max-width: 990px) {
.search-box .form-inline .form-control {
	max-width: 60%;
}
}

@media (max-width: 900px) {
.search-box {
	display: none;
}
}
div:not(.search-box) .btn-primary {
	color: #0a3663 !important;
	background-color: #94c6eb !important;
	border-color: #0a3663 !important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	opacity: .8;
}

.ProductList a {
    display: block;
    padding-top: 5px;
    border: 1px solid #ccc;
    position: relative;
    overflow: hidden;
}

.ProductList img {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    max-width: 120px;
    margin: 0 auto;
    display: block;
}

.ProductListDetails {
    position: relative;
    background: #fff;
    margin: 0;
    padding: 10px 5px;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #004da3;
    border-color: #004da3;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #004da3;
    background-color: #fff;
    border: 1px solid #004da3;
}


/* PRODUCTS HOME PAGE */

.ProductOverview a, .ProductOverview a:link, .ProductOverview a:visited {
    padding: 5px 0px 125px 0px;
    text-align: center;
    display: block;
    color: #fff;
    text-decoration: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    border: 1px solid #0155A6;
    height: 153px;
}

.ProductOverview a:hover, .ProductOverview a:active, .ProductOverview a:focus {
    text-decoration: underline;
}

.ProductOverview .EOD a:link, .ProductOverview .EOD a:visited {
    background-image: url(../images/btns/eod-off.jpg);
}

.ProductOverview .EOD a:hover, .ProductOverview .EOD a:active, .ProductOverview .EOD a:focus {
    background-image: url(../images/btns/eod-on.jpg);
}

.ProductOverview .SecurityForces a:link, .ProductOverview .SecurityForces a:visited {
    background-image: url(../images/btns/forces-off.jpg);
}

.ProductOverview .SecurityForces a:hover, .ProductOverview .SecurityForces a:active, .ProductOverview .SecurityForces a:focus {
    background-image: url(../images/btns/forces-on.jpg);
}

.ProductOverview .Surveillance a:link, .ProductOverview .Surveillance a:visited {
    background-image: url(../images/btns/surveillance-off.jpg);
}

.ProductOverview .Surveillance a:hover, .ProductOverview .Surveillance a:active, .ProductOverview .Surveillance a:focus {
    background-image: url(../images/btns/surveillance-on.jpg);
}

.ProductOverview .CounterSurveillance a:link, .ProductOverview .CounterSurveillance a:visited {
    background-image: url(../images/btns/cs-off.jpg);
}

.ProductOverview .CounterSurveillance a:hover, .ProductOverview .CounterSurveillance a:active, .ProductOverview .CounterSurveillance a:focus {
    background-image: url(../images/btns/cs-on.jpg);
}

.ProductOverview .Training a:link, .ProductOverview .Training a:visited {
    background-image: url(../images/btns/training-off.jpg);
}

.ProductOverview .Training a:hover, .ProductOverview .Training a:active, .ProductOverview .Training a:focus {
    background-image: url(../images/btns/training-on.jpg);
}

.request-brochure {
    background-image: url(../images/btns/brochure.gif);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    height: 50px;
}


/* Product Overview */
.product-overview .heading {
    position: relative;
}

.product-overview .heading h2 {
    font-size: 1.4rem;
    background: #FFF;
    position: relative;
    width: 190px;
}

.product-overview .heading::before {
    content: "";
    position: absolute;
    top: 12px;
    right: 0;
    width: 100%;
    height: 1px;
    background: #99bbdb;
    z-index: 0;
}

@media (max-width: 1280px) {
.row {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 1200px) {

    .search-box .form-inline .form-control {
        max-width: 60%;
    }
}

@media (max-width: 990px) {
    .search-box {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .search-box .form-inline .form-control {
        max-width: 75%;
    }


}

@media (max-width: 350px) {
        .search-box .form-inline .form-control {
            max-width: 65%;

        }
}