/* =============================================================================
   FONT STYLES
   ========================================================================== */
	@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
	h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', arial, sans-serif; font-weight: 400; margin-top: 0px; } 
	.lead { font-family: 'Roboto', arial, sans-serif; font-weight: 300; }
	.nav_font { font-family: 'Roboto', arial, sans-serif; font-weight: 300; font-size: 18px; }
	#tagline_area { font-family: 'Roboto', arial, sans-serif; font-weight: 300; font-size: 20px; }

/* =============================================================================
   LAYOUT STYLES
   ========================================================================== */
	body { background: #FFFFFF; line-height: 1.5; }
/* Page Wrappers */
	#page_wrapper { background: #FFFFFF;}
	#brand_wrapper { display: none; }
	#print_wrapper { display: none; }
	#header_wrapper { }
	#nav_wrapper {  }
	#core_wrapper { }
	#tagline_wrapper { background: #03a9f4; }
	#base_wrapper { background: #313131; }
	#footer_wrapper { background: #262626; }
/* Page Grids */
	#header_grid { }
	#nav_grid { }
	#core_grid { }
	#tagline_grid { }
	#base_grid {  }
	#footer_grid { }
/* Page Areas */
	#header_area { padding: 0px 0px 20px 0px; }
	#nav_area { padding: 0px 0px 0px 0px; }
	#core_area { padding: 30px 0px 50px 0px; }
	#menu_area { }
	#gutter_area { }
	#tagline_area { padding: 30px 0px 30px 0px; color: #FFFFFF; }
	#base_area { padding: 30px 0px 30px 0px; color: #808080; }
	#footer_area { padding: 20px 0px 20px 0px; color: #808080; }

	#base_grid .base_links a:link, #base_grid .base_links  a:visited { color: #FFFFFF; }
	#base_grid .base_links  a:active, #base_grid .base_links  a:hover { color: #FFFFFF; text-decoration: underline;}
	 .brands.brandsfooter > li > a { background-color:#262626; color:#FFFFFF; }
	 #base_grid h4 { color: #FFFFFF;  }

	 .header_index { border-bottom: 1px solid #DDDDDD; padding-bottom: 10px; padding-top: 10px; color: #808080; }
	 .header_sky { padding: 60px 15px 40px 0px; background: #FFFFFF url('../layout/sky.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;  }
	 .header_sky span {  padding: 5px 15px 5px 15px;  }
	 .header_crumb { background: #F1F1F1; padding: 15px; color: #808080;  }
	 .header_logo, .header_nav { padding-top: 10px; }

	#footer_grid a:link, #footer_grid a:visited  { color: #808080; text-decoration: underline; }
	#footer_grid a:active, #footer_grid a:hover { color: #03a9f4; }
	
	h2, h3, h4 { background: url('../layout/h.png') no-repeat bottom left; padding-bottom: 10px; } 
	h3 { color: #03a9f4; }

  div.col-sm-7.five-three {
    width: 60% !important;
    }

    div.col-sm-5.five-two {
      width: 40% !important;
    }
	
	.flyout_homeZZZZ ul {   list-style-position: inside;  padding-left: 0;}
	

	.flyout_home ul {   list-style-position: outside; margin-left: 0px; padding-left: 10px; }
	


.homepage_map { margin-top: 30px;  margin-left: -15px; margin-right: -15px; margin-bottom: -50px;}


.homepage_drone_text { background: rgba(0,0,0,0.02); }
.homepage_drone { background: #03A9F4; }
.homepage_drone img { margin-top: -10px; margin-left: -40px; }

.zoom img {
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}
.zoom:hover img {
  transform: scale(1.25); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.flyout1{z-index:10000;}
.flyout_title { margin-bottom: 25px; }
.flyout_img { padding: 0px 10px;}
.hidden{
display:none;
}




	  a.plain_link:link,  a.plain_link:visited { color: #444444; text-decoration: none; }
	a.plain_link:active, a.plain_link:hover { color: #444444; text-decoration: none;}

	.course_pod { border: 1px solid #c0c0c0; padding:15px; background:#ECECEC; border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px; margin-bottom:30px}
	.course_pod_image { border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px; margin-bottom:30px}
	.course_pod_title { font-size:160%; color: #03a9f4; background: url('../layout/h.png') no-repeat bottom left; padding-bottom: 10px;  }
/* =============================================================================
   RESPONSIVE STYLES
   ========================================================================== */
	@media (max-width: 768px)  { /* xs only */
		#logo { margin: 0 auto; }
		.header_index { text-align: center; }
		.nav_font { font-size: 18px; }

  div.col-sm-7.five-three {
    width: 100% !important;
    }

    div.col-sm-5.five-two {
      width: 100% !important;
    }
	.flyout1, .flyout2, .flyout3, .flyout4, .flyout5 { margin-bottom: 20px; }
	.flyout_title { margin: 40px 0px;} 

	}

	@media (min-width: 768px) { /* sm md lg */
		body { background: #FFFFFF; }
		#page_wrapper { width: 750px;  margin: 20px auto 50px auto;  background: #FFFFFF; padding: 0px 0px 0px 0px; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.2); box-shadow:0px 0px 5px rgba(0,0,0,0.2); }
		.navbar { margin-top: 10px; }

		.navbar-nav{ margin: 0 auto;	display: table;	table-layout: fixed; float:none; }
		#logo { margin: 0 auto; }
		.nav_font { font-size: 14px; }
	.flyout_title { margin: 0px 0px 25px 0px;} 
.flyout1, .flyout2, .flyout3, .flyout4, .flyout5 { margin-bottom: 0px; }
.homepage_drone_text { height: 300px; }
.homepage_drone_inner { padding: 50px 50px 0px 50px; }
.homepage_drone {  height:300px; }


  div.col-sm-7.five-three {
    width: 60% !important;
    }

    div.col-sm-5.five-two {
      width: 40% !important;
    }


	}

	@media (min-width: 992px) { /* md lg */
		#page_wrapper { width: 970px; }
		.navbar { margin-top: 10px; }
		.nav_font { font-size: 14px; }

.homepage_drone_text { height: 500px; }
.homepage_drone_inner { padding: 180px 50px 0px 50px; }
.homepage_drone {  height: 500px; }

	}

	@media (min-width: 1200px) { /* lg */
		#page_wrapper { width: 1170px; }
		.navbar { margin-top: 25px; }
		.nav_font { font-size: 15px; }

.homepage_drone_text { height: 500px; }
.homepage_drone_inner { padding: 180px 50px 0px 50px; }
.homepage_drone {  height: 500px; }

	}

/* =============================================================================
   DESIGN STYLES
   ========================================================================== */
	.go_full_back {background: url('../img/pic1.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}  

/* navbar */
.navbar-default {
    border: 0px;
	background: transparent;
}
/* title */
.navbar-default .navbar-brand {
    color: #FFF;
		border: 0px;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: rgba(0,0,0,0.8);
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: rgba(0,0,0,0.8);
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #000;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #009BDB;
    background-color: transparent;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #000;
    background-color: transparent;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #000;
    border-bottom-color: #000;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #000;
    border-bottom-color: #000;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #000;
    border-bottom-color: #000;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;

}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: rgba(255,255,255,0.2);

}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}
@media (max-width: 767px) {

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: rgba(0,0,0,0.8);
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #000;
    }
}


.hex-area img:hover {
  -webkit-transform: rotate(-15deg);
     -moz-transform: rotate(-15deg);
       -o-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
          transform: rotate(-15deg);
}

.hex-area img {
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

/* =============================================================================
   PRINT STYLES
   ========================================================================== */
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  #header_wrapper, #nav_wrapper, #tagline_wrapper, #base_wrapper, #footer_wrapper { display: none; }
  #core_area { padding: 0px; }
  #brand_wrapper { display: inline; margin: 10px; padding: 10px; border-bottom: 1px solid #000000; font-size: 25px; font-weight: bold; }
  #print_wrapper { display: inline; margin: 10px; padding: 10px; border-top: 1px solid #000000; }
  #page_wrapper { padding: 0px; width: 100%; box-shadow:none; text-shadow: none; filter:none; -ms-filter: none;  border: 0px solid #FFFFFF; box-shadow: 0px 0px 0px #FFFFFF;-moz-box-shadow: 0px 0px 0px #FFFFFF;-webkit-box-shadow: 0px 0px 0px #FFFFFF;} 
}


.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}



.owl-carousel .owl-wrapper-outer {

}

.owl-pagination {
	text-align:center;
	margin-top:20px;
}

.owl-theme .owl-controls {
    margin-top:0;
}

.owl-theme .owl-controls .owl-page span,
.owl-theme .owl-controls .owl-page.active span {
    background-color: #CCCCCC;
    border-radius: 50%;
    display: block;
    opacity: 1;
}

.owl-theme .owl-controls .owl-page:last-child span {
	margin-right:0;
}

body .owl-theme .owl-controls .owl-buttons div {
    position: absolute;
	top: 0;
	bottom: 46px;
    margin: auto;
	width:44px;
	height:46px;
	font-size: 29px;
	border-radius:50%;
	background-color: #FFFFFF;
	opacity:1;
	border:1px solid rgba(0,0,0,0.1);
	padding:0;
	transition-duration:0.3s;
}

body .owl-theme .owl-controls .owl-buttons div:hover {
	color: #FFFFFF;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left:-80px;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev i {
    margin-right:3px;
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
    right:-80px;
}

.owl-theme .owl-controls .owl-buttons div.owl-next i {
    margin-left:3px;
}

.hidden-control.owl-theme .owl-controls .owl-buttons div {
    opacity:0;
	transition-duration:0s;
}

.hidden-control.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left:40px;
	color: #FFFFFF;
}

.hidden-control.owl-theme .owl-controls .owl-buttons div.owl-next {
    right:40px;
	color: #FFFFFF;
}


body .owl-theme .owl-controls .owl-buttons div {
	color:#16A085;
}


body .owl-theme .owl-controls .owl-buttons div:hover {
    background-color: #444444;
}

body .owl-theme .owl-controls .owl-page.active span {
    background-color: #03a9f4;
}

body .hidden-control.owl-theme .owl-controls .owl-buttons div {
	background-color: rgba(0, 0, 0, 0.5);
}

.part ol ol.sections {	font-weight: bold;}
li.section {	font-weight: bold;}
ol.units {	font-weight: normal;}
ol.sections li.sectionTitle h3 {	color: #000000;}
.part ol {	counter-reset: sectioncounter partcounter;	margin: 0px;	padding: 0px;	word-wrap: normal;}
ol.sections {	counter-reset: sectioncounter;	margin: 0px;	padding: 0px;}
ol.sections li {	list-style: none;	margin-left: 3.5rem;	position: relative;}
ol.units {	counter-reset: unitcounter;	margin: 0 0 2rem 0;}
ol.sections li.partTitle {	list-style: none;counter-increment: none;	counter-reset: numberedpart;margin-left: 0;}
ol.sections li.sectionTitle {	list-style: none;counter-increment: none;counter-reset: numberedsection;margin-left: 0;}
ol.sections li.unnumberedunit { margin-left: 0;}
.sections li:before {position: absolute;	left: -3.5rem;	color: #000000;}
.sections li.numberedpart:before {content: counter(partcounter, DECIMAL) ". ";counter-increment: partcounter;}
.sections li.numberedsection:before {content: counter(sectioncounter, DECIMAL) ". ";counter-increment: sectioncounter;}
.units li.numberedunit:before {content: counter(sectioncounter, DECIMAL) "." counter(unitcounter, DECIMAL) " ";counter-increment: unitcounter;}
.unnumberedsection .units li.numberedunit:before {content: counter(unitcounter, DECIMAL) " ";	counter-increment: unitcounter;}
ol.sections li.definitionli {margin-left: 0;}
li.unit ol,li.unit ol ol ol {	counter-reset: loweralpha;}
li.unit ol:not(.unnumbered) li:before,li.unit ol ol ol:not(.unnumbered) li:before {content: "(" counter(loweralpha, lower-alpha) ") ";	counter-increment: loweralpha;}
li.unit ol ol,li.unit ol ol ol ol {counter-reset: lowerroman;}
li.unit ol ol:not(.unnumbered) li:before,li.unit ol ol ol ol:not(.unnumbered) li:before {content: "(" counter(lowerroman, lower-roman) ") ";counter-increment: lowerroman;}
li.unit ol.unnumbered ol li:before,li.unit ol ol ol.unnumbered ol li:before {	content: "(" counter(lowerroman, lower-alpha) ") ";counter-increment: lowerroman;}
.part dfn {font-weight: bold;font-style: italic;}