@charset "UTF-8";
/* CSS Defined by F3 Designs (February 2022) f3designs.ca */ :root {
	--red-brand: #;
	--red: #ba141a;
  	--black: #262525;
	--grack: #333333;
	--grey: #cccccc;
	--grite: #f3f3f3;
	--white: #ffffff;
}


/* CUSTOM FONTS: ADOBE ==================================================================================================== */
/*	font-family: roboto, sans-serif;
	font-weight: 300, 400, 500 (light, regular, medium);
	font-family: oswald, sans-serif;
	font-weight: 300, 400, 700 (light, regular, bold)


/* VIEWPORTS (BOOTSTRAP 4) ================================================================================================ */
/*	__: mobile (i.e. col-12)
	sm: mobile (i.e. col-sm-12)
	md: tabletPortrait (i.e. col-md-12)
	lg: tabletLandscape / desktopSmall (i.e. col-lg-12)
	xl: desktopLarge (i.e. col-xl-12)


/* MEDIA QUERIES (BOOTSTRAP 4) ============================================================================================ */
/* Extra small devices (portrait phones, less than 576px) -- No media query since this is the default in Bootstrap
/* Small devices (landscape phones, 576px and up)
	@media (min-width: 576px) { ... }
/* Medium devices (tablets, 768px and up)
	@media (min-width: 768px) { ... }
/* Large devices (desktops, 992px and up)
	@media (min-width: 992px) { ... }
/* Extra large devices (large desktops, 1200px and up)
	@media (min-width: 1200px) { ... }


/* MEDIA QUERIES (CUSTOM) ================================================================================================= */
/* :::::::::::::::::::: MEDIA QUERY: Smart Phones (portrait and landscape) 
@media (min-width: 320px) and (max-width: 768px) {
	...
}
/* :::::::::::::::::::: MEDIA QUERY: Tablets (portrait and landscape) 
@media (min-width: 768px) and (max-width: 1024px) {
	...
}
/* :::::::::::::::::::: MEDIA QUERY: Tablets (portrait) 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	...
}
/* :::::::::::::::::::: MEDIA QUERY: Tablets (landscape) 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	...
}


/* TYPE SELECTORS ========================================================================================================= */
html, body {
	height: 100% !important; /* required for jumbotron and various flex CSS */
	font-family: roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
	/* font-size: ; Bootstrap's global default font-size is 16px=1rem */
	color: var(--black);
	-webkit-font-smoothing: antialiased; /* resolves issue with font displaying much bolder than it should in Mac Chrome and Safari */
	-moz-osx-font-smoothing: grayscale; /* resolves issue with font displaying much bolder than it should in Mac Firefox */
	scroll-behavior: smooth;
}
p {
	font-size: 1.125rem; /* 18px=1.125rem */
	margin: 0px 0px 45px 0px;
	line-height: 24px;
}
strong {

}
.lead {

}
h1, h2, h3, h4, h5, h6 {

}
h1 {
	font-family: oswald, sans-serif;
	font-weight: 700;
	margin: 0px 0px 45px 0px;
}
h2 {
	font-family: oswald, sans-serif;
	margin: 0px 0px 30px 0px;
}
h3 {
	font-family: oswald, sans-serif;
	letter-spacing: -1px;
}
h4 {

}


/* MISCELLANEOUS CLASSES ================================================================================================== */
/* ROWS & COLS ______________________________________________ */
/* BOOTSTRAP TIP: By default, cols have a gutter separating them; however when applying a background-color or border to the col, this won't be obvious b/c the gutters are created using padding which expands the background-color or border into the gutter. Required work-around is applying an inner div within the col. */


/* NOTE ____________________________________________________ */
.note {
	font-size: 16px;
	border-left: solid 3px #d9534f;
	border-right: solid 3px #d9534f;
	padding: 15px;
	background-color: #fdf7f7;
}
/* NOWRAP __________________________________________________ */
.nowrap {
	white-space: nowrap;
}
/* RED _____________________________________________________ */
.red {
	color: var(--red);
}


/* BUTTONS ================================================================================================================ */
/* BTN-PRIMARY _____________________________________________ */
.btn-primary {
	text-transform: uppercase;
	background-color: var(--red);
	border-color: var(--red);
	border-radius: 0px;
	margin: 0px 0px 0px 0px;
	color: var(--white);
	padding: 10px 15px 10px 15px;
	height: 45px;
	font-weight: 500;
}
.btn-primary:link {

}
.btn-primary:visited {

}
.btn-primary:hover {
	background-color: var(--grack);
	border-color: var(--grack);
}
.btn-primary:active {

}
.btn-primary:after {
	font-family: 'Font Awesome 5 Pro';
	content: '\f0da ';
	padding-left: 10px;
	color: var(--white);
	font-weight: 900;
}
.btn-primary:hover:after {
	color: var(--white);
}
/* BTN-DEFAULT _____________________________________________ */
.btn-default {
	text-transform: uppercase;
	background-color: var(--grack);
	border-color: var(--grack);
	border-radius: 0px;
	margin: 0px;
	color: var(--white);
	padding: 10px 15px 10px 15px;
	height: 45px;
	font-weight: 500;
}
.btn-default:link {

}
.btn-default:visited {

}
.btn-default:hover {
	background-color: var(--red);
	border-color: var(--red);
	color: var(--white);
}
.btn-default:active {

}
.btn-default:after {
	font-family: 'Font Awesome 5 Pro';
	content: '\f0da ';
	padding-left: 10px;
	color: var(--grey);
	font-weight: 900;
}
.btn-default:hover:after {
	color: var(--white);
}
.navbar-supplemental .btn-default:after {
	display: none;
}
/* BTN-TOP _________________________________________________ */
.btn-top {
	text-transform: uppercase;
	background-color: var(--grack);
	border-color: var(--grack);
	border-radius: 0px;
	margin: 0px;
	color: var(--white);
	padding: 0px 10px 0px 10px;
	font-size: 24px;
}
.btn-top:link {
	
}
.btn-top:visited {

}
.btn-top:hover {

}
.btn-top:active {

}


/* ALERT ================================================================================================================== */


/* JUMBOTRON ============================================================================================================== */
.jumbotron-integritycam {
	background-image: url("../img/index-jumbotron-bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top; /* horizontal vertical */ 
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0px;
	border-radius: 0px;
}
.jumbotron-content {
	position: relative;
	top: 22%;
	padding:  0px;
}
/* :::::::::::::::::::: MEDIA QUERY: Smart Phones (portrait and landscape) */ 
@media (min-width: 320px) and (max-width: 768px) {
.jumbotron-content {top: 30%;}
}
/* :::::::::::::::::::: MEDIA QUERY: Tablets (portrait) */ 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.jumbotron-content {top: 30%;}
}
.jumbotron-content h1 {
	text-transform: uppercase;
	color: var(--white);
	font-weight: 300;
	margin: 0px;
}
/* :::::::::::::::::::: MEDIA QUERY: Smart Phones (portrait and landscape) */ 
@media (min-width: 320px) and (max-width: 768px) {
.jumbotron-content h1 {font-size: 32px;}
}
.jumbotron-content h2 {
	text-transform: uppercase;
	color: var(--red);
	font-weight: 700;
	margin: 0px;
	letter-spacing: -2px;
}
/* :::::::::::::::::::: MEDIA QUERY: Smart Phones (portrait and landscape) */ 
@media (min-width: 320px) and (max-width: 768px) {
.jumbotron-content h2 {font-size: 38px;}
}
.jumbotron-content p {
	font-size: 1.5rem;	/* 24px=1.5rem */
	color: var(--white);
	font-weight: 300;
	line-height: 28px;
	margin: 45px 0px 45px 0px;
}
/* :::::::::::::::::::: MEDIA QUERY: Smart Phones (portrait and landscape) */ 
@media (min-width: 320px) and (max-width: 768px) {
.jumbotron-content p {font-size: 18px; line-height: 22px; margin: 30px 0px 30px 0px;}
}
.jumbotron-content .jumbotron-col1 {
	padding: 0px 30px 0px 0px;
}
/* :::::::::::::::::::: MEDIA QUERY: Smart Phones (portrait and landscape) */ 
@media (min-width: 320px) and (max-width: 768px) {
.jumbotron-content .jumbotron-col1 {display: none;}
}
/* :::::::::::::::::::: MEDIA QUERY: Tablets (portrait) */ 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.jumbotron-content .jumbotron-col1 {display: none;}
}
.jumbotron-content .jumbotron-col1 img {

}
.jumbotron-content .jumbotron-col2 {

}
/* :::::::::::::::::::: MEDIA QUERY: Smart Phones (portrait and landscape) */ 
@media (min-width: 320px) and (max-width: 768px) {
.jumbotron-content .jumbotron-col2 {text-align: center;}
}
/* :::::::::::::::::::: MEDIA QUERY: Tablets (portrait) */ 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.jumbotron-content .jumbotron-col2 {text-align: center;}
}
.jumbotron-row1 {
	border-left: solid 5px var(--red);
	padding-left: 15px;
}
/* :::::::::::::::::::: MEDIA QUERY: Smart Phones (portrait and landscape) */ 
@media (min-width: 320px) and (max-width: 768px) {
.jumbotron-row1 {border-left: none; padding-left: 0px;}
}
/* :::::::::::::::::::: MEDIA QUERY: Tablets (portrait) */ 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.jumbotron-row1 {border-left: none; padding-left: 0px;}
}
.jumbotron-row2 {
	margin: 0px 0px 0px -40px;
	padding-left: 10px;
}
/* :::::::::::::::::::: MEDIA QUERY: Smart Phones (portrait and landscape) */ 
@media (min-width: 320px) and (max-width: 768px) {
.jumbotron-row2 {margin: 0px;}
}
/* :::::::::::::::::::: MEDIA QUERY: Tablets (portrait) */ 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.jumbotron-row2 {margin: 0px;}
}


/* INDEX and PAGE ========================================================================================================= */
/* INDEX ___________________________________________________ */
.index {

}
.index .copy {
	
}
.index .copy [class*=col]{
	margin-bottom: 30px;
}

.index .copy p {
	line-height: 36px;
}
.index .section {
	padding: 90px 0px 90px 0px;
}
.index .section1 {
	background-color: var(--white);
}
.index .section2 {
	background-color: var(--grite);
}
/* PAGE ____________________________________________________ */
.page {
	
}
.page .copy {
	
}
.page .copy [class*=col]{
	margin-bottom: 30px;
}

.page .copy p {
	font-size: 16px;
	margin-bottom: 30px;
}
.page .copy h2 {
	color: var(--red);
}
.page .section {
	padding: 90px 0px 90px 0px;
}
.page .section1 {
	background-color: var(--white);
}
.page .section2 {
	background-color: var(--grite);
}
.page .social ul {
	list-style: none;
	padding-left: 0px;
}
.page .social li {
	display: inline-block;
	padding: 0px 20px 0px 0px;
}
.page .social a {
	color: var(--white) !important;
	background-color: var(--red);
	border: solid 1px var(--red);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	padding: 3px 0px 0px 0px;
	text-align: center;
}
.page .social a:hover {
	color: var(--white) !important;
	background-color: var(--grack);
	border: solid 1px var(--grack);
}
/* GRID ____________________________________________________ */
.btn-grid {
	background-color: var(--white);
	border: none;
	border-radius: 0px;
	margin: 0px 0px 0px 0px;
	color: var(--black);
	padding: 15px 5px 15px 5px;
	font-weight: 500;
	display: block;
	text-align: center;
}
.btn-grid:link {

}
.btn-grid:visited {

}
.btn-grid:hover {
	background-image: linear-gradient(to right, rgba(182,52,49), rgba(107,23,18));	
	color: var(--white);
}
.btn-grid:active {

}
.btn-grid .icon {
	color: var(--red);
	font-size: 100px;
	display: block;
}
.btn-grid .icon:hover {
	color: var(--white);
}
.note-grid {
	background-color: var(--grack);
	border: none;
	border-radius: 0px;
	margin: 0px 0px 0px 0px;
	color: var(--white);
	padding: 46px 30px 46px 30px;
	display: block;
	text-align: center;
	font-family: oswald, sans-serif;
	font-weight: 300;
	font-size: 28px;
}
.note-grid .ics {
	font-weight: 900;
	color: var(--grey);
}
.page .product-service1 {
	background-color: var(--grite);
}
.page .product-service2 {
	background-color: var(--white);
}
.page .description {
	padding-top: 30px;
}
/* product-service: ptz-cameras */
.page .ptz-cameras .image {
	background: url("../img/products-services/ptz-cameras.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top; /* horizontal vertical */
	height: 400px;
	margin: 0px;
}
/* product-service: driveway-alarms */
.page .driveway-alarms .image {
	background: url("../img/products-services/driveway-alarms.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top; /* horizontal vertical */
	height: 400px;
	margin: 0px;
}
/* product-service: livestock-monitors */
.page .livestock-monitors .image {
	background: url("../img/products-services/livestock-monitors.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top; /* horizontal vertical */
	height: 400px;
	margin: 0px;
}
/* product-service: implement-cameras */
.page .implement-cameras .image {
	background: url("../img/products-services/implement-cameras.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top; /* horizontal vertical */
	height: 400px;
	margin: 0px;
}
/* product-service: trail-cameras */
.page .trail-cameras .image {
	background: url("../img/products-services/trail-cameras.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top; /* horizontal vertical */
	height: 400px;
	margin: 0px;
}
/* product-service: cellphone-boosters */
.page .cellphone-boosters .image {
	background: url("../img/products-services/cellphone-boosters.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top; /* horizontal vertical */
	height: 400px;
	margin: 0px;
}
/* product-service: wifi-antennas */
.page .wifi-antennas .image {
	background: url("../img/products-services/wifi-antennas.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top; /* horizontal vertical */
	height: 400px;
	margin: 0px;
}




/* FOOTER ================================================================================================================= */
footer {
	margin: 0px 0px 0px 0px;
	color: var(--grey);
	font-size: .875rem; /* 14px=1.875rem */
}
footer .pipe {
	padding: 0px 15px 0px 15px;
}
/* :::::::::::::::::::: MEDIA QUERY: Smart Phones (portrait and landscape) */ 
@media (min-width: 320px) and (max-width: 768px) {
footer .pipe {display: none;}
}
/* :::::::::::::::::::: MEDIA QUERY: Tablets (portrait) */ 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
footer .pipe {display: none;}
}
/* FOOTER-BORDER _____________________________________________ */
.footer-border1 {
	background-color: var(--black);
}
.footer-border2 {
	border-top: solid 1px #333333;
	margin: 30px 15px 0px 15px;
}
/* FOOTER-ROW1 _____________________________________________ */
.footer-row1 {
	background-color: var(--black);
	padding: 0px 20px 20px 20px;
}
/* footer-row1-col1 (logo) */
.footer-row1-col1 {
}
/* :::::::::::::::::::: MEDIA QUERY: Smart Phones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 768px) {
.footer-row1-col1 {text-align: center;}
}
/* :::::::::::::::::::: MEDIA QUERY: Tablets (portrait) */ 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.footer-row1-col1 {text-align: center;}
}
/* footer-row1-col2 (copyright) */
.footer-row1-col2 {
	text-align: center;
}
/* :::::::::::::::::::: MEDIA QUERY: Smart Phones (portrait and landscape) */ 
@media (min-width: 320px) and (max-width: 768px) {
.footer-row1-col2 {padding: 30px 0px 30px 0px;}
}
/* :::::::::::::::::::: MEDIA QUERY: Tablets (portrait) */ 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.footer-row1-col2 {padding: 30px 0px 30px 0px;}
}
.footer-row1-col2 a:link {
	font-family: oswald, sans-serif;
	color: var(--white);
}
.footer-row1-col2 a:visited {
	font-family: oswald, sans-serif;
	color: var(--white);
}
.footer-row1-col2 a:hover {
	font-family: oswald, sans-serif;
	color: var(--grey);
}
.footer-row1-col2 a:active {
	font-family: oswald, sans-serif;
	color: var(--white);
}
/* footer-row1-col3 (social media) */
.footer-row1-col3 {
	text-align: right;
}
/* :::::::::::::::::::: MEDIA QUERY: Smart Phones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 768px) {
.footer-row1-col3 {text-align: center;}
}
/* :::::::::::::::::::: MEDIA QUERY: Tablets (portrait) */ 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.footer-row1-col3 {text-align: center;}
}
.footer-row1-col3 ul {
	list-style: none;
	padding: 0px !important;
}
.footer-row1-col3 li {
	display: inline-block;
	padding: 0px 0px 0px 20px;
}
/* :::::::::::::::::::: MEDIA QUERY: Smart Phones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 768px) {
.footer-row1-col3 li {padding: 0px 10px 0px 10px;}
}
/* :::::::::::::::::::: MEDIA QUERY: Tablets (portrait) */ 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.footer-row1-col3 li {padding: 0px 10px 0px 10px;}
}
.footer-row1-col3 a {
	color: var(--white) !important;
	background-color: var(--red);
	border: solid 1px var(--red);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	padding: 3px 0px 0px 0px;
	text-align: center;
}
.footer-row1-col3 a:hover {
	color: var(--white) !important;
	background-color: var(--grack);
	border: solid 1px var(--grack);
}
/* FOOTER-ROW2 _____________________________________________ */
.footer-row2 {
	text-align: center;
	background-color: #000000;
	padding: 20px 20px 20px 20px;
}


/* FORM ================================================================================================================== */
#sendmessage {
	cursor: pointer;
}
.contactus .row {
	padding-left: 8px;
}
.contactus .form-group {
	width: 95%;
	margin-bottom: 45px;
}
.contactus .form-group input.form-control {
	height: auto;	
	width: 100%;
	margin: 0px auto 0px auto;
}
.contactus .form-group textarea.form-control {
	height: 201px;
}
.contactus input {
	border-top: none;
	border-right: none;
	border-bottom: solid 1px var(--grey);
	border-left: none;
	border-radius: 0px;
	background-color: var(--grite);
}
.contactus textarea {
	border-top: none;
	border-right: none;
	border-bottom: solid 1px var(--grey);
	border-left: none;
	border-radius: 0px;
	background-color: var(--grite);
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #000000 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #000000 !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #000000 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #000000 !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
	color: #000000 !important;
}
::placeholder { /* Most modern browsers support this now. */
	color: #000000 !important;
}
input {

}
textarea {

}
.contactus ul {
	padding-left: 5px;
}
/* RED _____________________________________________________ */
.contactus .with-errors li {
	color:#a15451;
	font-weight: 700;
	padding-left: 0px;
}
.contactus .with-errors li:before {
	display: none;
}
.contactus .with-errors {
	border-top: none !important;
	border-right: solid 3px #e5ced2 !important;
	border-bottom: none !important;
	border-left: solid 3px #e5ced2 !important;
	border-radius: 0px !important;
	background-color: #eedfde !important;
	color:#a15451 !important;
	font-weight: 700 !important;
}
/* BLUE ____________________________________________________ */
.contactus .alert {
	border-top: none !important;
	border-right: solid 3px #d1e9f3 !important;
	border-bottom: none !important;
	border-left: solid 3px #d1e9f3 !important;
	border-radius: 0px !important;
	background-color: #deecf6 !important;
	color: #617e93 !important;
	font-weight: 700 !important;
}
/* GREEN ___________________________________________________ */
.contactus .alert-success {
	border-top: none !important;
	border-right: solid 3px #dce9cd !important;
	border-bottom: none !important;
	border-left: solid 3px #dce9cd !important;
	border-radius: 0px !important;
	background-color: #e2efda !important;
	color: #668b5f !important;
	font-weight: 700 !important;
}
.contactus .g-recaptcha {
	display: inline-block;
}


/* 404 NOT FOUND ========================================================================================================== */
.notfound {
	height: 100%;
}
.notfound-message {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 360px;
	width: 100%;
	text-align: center;
	color: #000000;
}
.notfound-message img {
	margin: 0 auto !important;
	text-align: center !important;
}


/* NAVBAR ================================================================================================================= */
/* NAVBAR-POSITION (forces navbar to sit on top of jumbotron rather than above) */
.index .navbar-position {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
	background-color: #ffffff;
}
.page .navbar-position {
	position: relative;
	z-index: 2;
}
/* NAVBAR-TOGGLER (hamburger) ______________________________ */
.navbar-toggler {
	background-color: var(--red);
	color: var(--white);
	padding: 0px;
	margin: 0px auto 0px auto;
}
.navbar-toggler .menu {
	padding-left: 5px;
	padding-right: 5px;
}
.navbar-toggler-icon { /* customization of horizontal lines on hamburger menu */
	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(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
/* NAVBAR-BRAND (logo) _____________________________________ */
.navbar-brand {
	padding: 0px 0px 0px 10px;
}
/* :::::::::::::::::::: MEDIA QUERY: Smart Phones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 768px) {
.logo {text-align: center; padding-bottom: 10px;}
}
/* :::::::::::::::::::: MEDIA QUERY: Tablets (portrait) */ 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.logo {text-align: center; padding-bottom: 10px;}
}
/* SUPPLEMENTAL ____________________________________________ */
.navbar-supplemental {
	height: 45px;
	margin: 10px 0px 15px 0px;
}
/* :::::::::::::::::::: MEDIA QUERY: Smart Phones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 768px) {
.navbar-supplemental {height: auto;}
}
/* :::::::::::::::::::: MEDIA QUERY: Tablets (portrait) */ 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.navbar-supplemental {height: auto;}
}
/* SUPPLEMENTAL (COL2) _____________________________________ */
.navbar-supplemental-col2 {
	height: 45px;
	padding: 0px 30px 0px 0px;
	text-align: center;
}
/* :::::::::::::::::::: MEDIA QUERY: Smart Phones (portrait and landscape) */ 
@media (min-width: 320px) and (max-width: 768px) {
.navbar-supplemental-col2 {display: none;}
}
/* :::::::::::::::::::: MEDIA QUERY: Tablets (portrait) */ 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.navbar-supplemental-col2 {display: none;}
}
/* SUPPLEMENTAL (COL3) _____________________________________ */
.navbar-supplemental-col3 {
	height: 45px;
	padding: 0px 30px 10px 30px;
	text-align: center;
	border-left: solid 2px #cccccc;	
	line-height: 22px;
}
.navbar-supplemental-col3 ul {
	list-style: none;
	padding: 0px !important;
}
.integritycam {
	
}
.mobile {
	color: var(--red);
	font-size: 38px;
	padding-top: 6px;
	margin-right: -15px;
}
.callshelbynow {
	color: var(--red);
	font-weight: 500;
}
.phonenumber:link {
	color: var(--black);
	font-family: oswald, sans-serif;
	font-weight: 700;
	font-size: 18px;
}
/* SUPPLEMENTAL (COL4) _____________________________________ */
.navbar-supplemental-col4 {
	height: 45px;
	padding: 7.5px 30px 0px 10px;
	text-align: center;
	border-left: solid 2px #cccccc;
}
/* :::::::::::::::::::: MEDIA QUERY: Smart Phones (portrait and landscape) */ 
@media (min-width: 320px) and (max-width: 768px) {
.navbar-supplemental-col4 {display: none;}
}
/* :::::::::::::::::::: MEDIA QUERY: Tablets (portrait) */ 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.navbar-supplemental-col4 {display: none;}
}
.navbar-supplemental-col4 ul {
	list-style: none;
	padding: 0px !important;
}
.navbar-supplemental-col4 li {
	display: inline-block;
	padding: 0px 0px 0px 20px;
}
.navbar-supplemental-col4 a {
	color: var(--white) !important;
	background-color: var(--red);
	border: solid 1px var(--red);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	padding: 3px 0px 0px 0px;
	text-align: center;
}
.navbar-supplemental-col4 a:hover {
	color: var(--white) !important;
	background-color: var(--grack);
	border: solid 1px var(--grack);
}
/* GLOBAL (primary) ________________________________________ */
.navbar-primary {
	background-color: var(--red);
	position: relative;
	height: 45px;
}
.navbar-primary ul {

}
/* :::::::::::::::::::: MEDIA QUERY: Smart Phones (portrait and landscape) */
@media (min-width: 320px) and (max-width: 768px) {
.navbar-primary ul {background-color: var(--grack);}
}
/* :::::::::::::::::::: MEDIA QUERY: Tablets (portrait) */ 
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.navbar-primary ul {background-color: var(--grack);}
}
.navbar-primary .navbar-nav {
	margin: 0px auto 0px auto;
	text-transform: uppercase;
	font-family: oswald, sans-serif;
	letter-spacing: 1px;
	font-size: 1.125rem; /* 18px=1.125rem */
}
.navbar-primary .navbar-nav ul {

}
.navbar-primary .navbar-nav li {

}
.navbar-primary .navbar-nav .nav-link {
	padding: 10px 45px 0px 45px;
	height: 45px;
}
/* :::::::::::::::::::: MEDIA QUERY: Smart Phones (portrait and landscape) */ 
@media (min-width: 320px) and (max-width: 768px) {
.navbar-primary .navbar-nav li {padding: 15px; border-bottom: solid 1px #ffffff;}
}
/* :::::::::::::::::::: MEDIA QUERY: Tablets (portrait) */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.navbar-primary .navbar-nav li {padding: 15px; border-bottom: solid 1px #ffffff;}
}
.navbar-primary .navbar-nav li a {
	color: var(--white);
}
.navbar-primary .navbar-nav li a:hover {
	color: var(--white);
	background-color: var(--black);
}
 /* active primary */
.navbar-primary .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
	color: var(--white);
	background-color: rgba(51, 51, 51, 0.5);
}
/* GLOBAL (secondary) ______________________________________ */
.dropdown .dropdown-menu {
	text-transform: none;
	background-color: var(--grack);
	border-radius: 0px;
	border: solid 1px var(--grack);
	margin: 0px;
	padding: 5px 15px 10px 5px;
}
.dropdown .dropdown-menu li {
	background-color: var(--black);
	border-radius: 0px;
	border: none;
	padding: 10px;
}
.dropdown .dropdown-menu .dropdown-item {
	margin: 5px 5px 0px 5px;
}
.dropdown .dropdown-item a {
	display: block; /* tada... allows for .dropdown-item text to change colour whether hover directly over the text or not */
}
.dropdown .dropdown-item:active {
	background-color: var(--red); /* tada... change from default blue background on click */
}
.dropdown .dropdown-item a:hover {
	text-decoration: none;
	color: var(--grey) !important;
}
/* dropdown-submenu (houses secondary that has tertiary nav) */
.dropdown .dropdown-menu .dropdown-submenu {
	position: relative;
	}
/* GLOBAL (tertiary) _______________________________________ */