body {
	
	font-family: 'Carme', sans-serif;
	}
	
.hrstyle {
	border: 1px solid grey;
}

.listpoints {
	list-style: square; 
	margin-top: 15px;
}

.listnone {
	list-style: none; 
	margin-top: 15px;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.justify {
	text-align: justify;
}

.margin5 {
	margin-top: 5px;
}

.margin10 {
	margin-top: 10px;
}

.margin25 {
	margin-top: 25px;
}

.margin45 {
	margin-top: 45px;
}

.margin65 {
	margin-top: 65px;
}

.padding20 {
	padding: 20px;
}


.whitetext {
	color: #fff;
}

.greytext {
	color: #666;
}

.blacktext {
	color: #000;
}

.boldbluetext {
	color: #0077c8;
}

.greytext {
	color: #717171;
}


.blackbackground {
	background-color: #000;
}

.whitebackground {
	background-color: #fff;
}

.bkgrddbeige {
	background-color: #c2bfb6;
}

.bkgrdblue {
	background-color: #0084c9;
}

.bkgrddteal {
	background-color: #009ea0;
}


.featuredcard {
	box-shadow: 3px 3px 5px #ccc;
}

.featuredcard2 {
	box-shadow: 3px 3px 5px #000;
}


.lineheight {
	line-height: 200%;
}

.fillbutton {
	background-color: #0084c9; 
	border: 1px solid #0084c9; 
	margin-top: 25px;
}

.actionbutton {
	background-color: #F1c400;
	border: 1px solid #F1c400;
	margin-top: 25px;
	font-weight: bold;
	padding: 5px;
	font-size: 125%;
}

.outlineborder {
border: 1px solid black; width: 30%; margin: 35px auto;
}

.titleborder {
	border: 2px solid gray;
	padding: 25px;
	width: 75%;
	margin: 65px auto;
}


h1 {
	font-family: 'Oswald', sans-serif;
	font-weight: bold;	
}
h2 {
	font-family: 'Oswald', sans-serif;	
}
h3 {
	font-family: 'Oswald', sans-serif;	
}
h4 {
	font-family: 'Oswald', sans-serif;	
}

.bold {
	font-weight: bold;
}

.italics {
	font-style: italic;
}

.smallfont {
	font-size: .8em;
}

.medfont {
	font-size: 1.1em;
}

.largefont {
	font-size: 150%;
}

.navbar-default {
	background: none;
	opacity: 0.9;
	box-shadow: none;
	border: none;
	width: 85%;
	text-align: center;
	margin: auto;

}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #009ca6;
    color: #000;
}

.tm{
	font-size: 55%;
}



.no-gutters {
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.gutters {
	margin-right: 3px;
	margin-left: 3px;
	padding-right: 3px;
	padding-left: 3px;
}

.text-block {
	padding-top: 25px; 
	width: 80%; 
	text-align: justify;
}

.team-modal {
	min-height: 550px;
}

.team-block {
	min-height: 400px;
}

input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */  
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    margin-left: 15px;
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #45a049;
}


#slant {
	background-image: url('./images/blk-diagnal.png');
	background-repeat: no-repeat;
	background-position: left top;
    background-color: #000;
    }
    
#slantwht {
	background-image: url('./images/wht-diagnal.png');
	background-repeat: no-repeat;
	background-position: left top;
    background-color: #000;
    }
    
#warehousing {
	background-image: url('../images/warehouse-aertos120-bkgrnd.png');
	background-repeat: no-repeat;
	background-position: right bottom;
    background-color: #d8cdbb;
    
    min-height: 550px;
    
    
}



#responder-firefighter {
	background-image: url('./images/responders-image.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
    background-color: #000;
    min-height: 550px;
}

#infrastructure {
	background-image: url('../images/infrastructure-bkgrnd.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
    background-color: #a19f9d;
    min-height: 550px;
}

#warehouse {
	background-image: url('../images/warehouse.jpg');
	background-repeat: no-repeat;
	background-position: right top;
    background-color: #fff;
    min-height: 550px;
    
}

#product {
	background-image: url('./images/aertos-drone.jpg');
	background-repeat: no-repeat;
	background-position: right top;
    background-color: #fff;
    min-height: 550px;
}



#smart-city {
	background-image: url('./images/smart-city-icons.png');
	background-repeat: no-repeat;
	background-position: center bottom;
    background-color: #ffffff;
    opacity: 0.05;
    min-height: 185px;
    margin-top: -25px;
}


#hero-mars {
	background-image: url('./images/mission-to-mars2.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
    background-color: #000;
    min-height: 682px;
}

#hero-police {
	background-image: url('./images/police-image.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
    background-color: #000;
    min-height: 682px;
}

#hero-firefighter {
	background-image: url('./images/firefighter-image.jpg');
	background-repeat: no-repeat;
	background-position: right top;
    background-color: #000;
    min-height: 682px;
}

#hero-partner {
	background-image: url('./images/partner-image.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
    background-color: #fff;
}

#hero-about {
	background-image: url('../images/image-subway-secondary.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
    background-color: #000;
  	min-height: 362px;
}


#hero-drone-indoors {
	background-image: url('./images/image-subway.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
    background-color: #000;
    min-height: 682px;
}

#hero-drone-indoors2 {
	background-image: url('../images/subway_1-2.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
    background-color: #000;
    min-height: 682px;   
}



#hero-inspections {
	background-image: url('./images/warehouse-image-4.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
    background-color: #000;
    min-height: 682px;
}

#hero-product {
	background-image: url('./images/da-aertos120.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
    background-color: #e7e7e7;
    min-height: 682px;
}

#hero-product-sm {
	background-image: url('./images/da-aertos120-sm.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
    background-color: #e7e7e7;
    min-height: 303px;
    max-height: 303px;
}





#herobanner {
	background-image: url('images/DA-background.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;
    background-color: #000;
   	opacity: .5em;
    min-height: 426px;
}

#herobanner-wht {
	background-image: url('images/DA-background2.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;
    background-color: #000;
   
    min-height: 626px;
}



#engineers {
	background-image: url('images/engineers2.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;
    background-color: #000;
    max-height: 550px;
}

#campus {
	background-image: url('images/campus-safety.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;
    background-color: #000;
    max-height: 750px;
}

#firstresponder {
	background-image: url('images/firstresponder2.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;
    background-color: #fff;
    min-height: 750px;
}

#engineerswht {
	background-image: url('images/engineers-wht.jpg');
	background-repeat: no-repeat;
	background-position: center top;
    background-color: #fff;
    border: 2px solid white;
    min-height: 750px;
}

#newsmediawht {
	background-image: url('images/campus-safety-wht.jpg');
	background-repeat: no-repeat;
	background-position: center top;
    background-color: #fff;
    border: 2px solid white;
    min-height: 750px;
}

#firstresponderwht {
	background-image: url('images/firstresponder-wht.jpg');
	background-repeat: no-repeat;
	background-position: center top;
    background-color: #fff;
    border: 2px solid white;
    min-height: 750px;
}






 /* -------------------------------- 

Primary style for timeline

-------------------------------- */
*, *::after, *::before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  font-family: "Fira Sans", sans-serif;
  color: #383838;
  background-color: #f8f8f8;
}

a {
  color: #0076be;
  text-decoration: none;
}

li {
	list-style: none;
}