html, body { height: 100%; min-height: 100%;	 }
body { 
	background: rgb(9,82,150);
	background: -moz-radial-gradient(circle, rgba(9,82,150,1) 0%, rgba(3,14,62,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(9,82,150,1) 0%, rgba(3,14,62,1) 100%);
	background: radial-gradient(circle, rgba(9,82,150,1) 0%, rgba(3,14,62,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#095296",endColorstr="#030e3e",GradientType=1);
}

.outer { display: flex; align-items: center; background-image: url(../../images-spy/drones/dots.png); background-position: center top; background-repeat: repeat; height: 100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, a, li { font-family: 'Exo 2', sans-serif, tahoma; font-weight: 300; font-size: 20px; line-height:auto; color:#fff;  }
a, div { box-sizing:border-box; background-repeat: no-repeat; background-position: 0 0; }


@media (max-width: 767px) {
	
}

@media (max-width: 479px) {
	
}




/*  BOOTSTRAP CLASSES ---------------------------------------  */
.container-fluid { min-width: 320px; }
/*  / BOOTSTRAP CLASSES -------------------------------------  */

a { text-decoration: underline; color: #02b87a;  }
a:hover { color:#06ea9c; text-decoration: none;  text-decoration: underline; }

strong { font-weight: 700; }

* {
  margin: 0;
  padding: 0;  
}


.drones-circle { overflow: auto; background-image: url(../../images-spy/drones/drones-circle.png); background-repeat: no-repeat; background-position: center center; width: 100%; margin-top: 30px; padding: 120px 0 120px 0; }
.drones-circle a  { z-index: 90; text-align: center; font-size: 30px; color: #0c3a65; text-decoration: none; font-weight: 700; display: block; width: 139px; height: 139px; background-image: url(../../images-spy/drones/drone-but.png); background-repeat: no-repeat; background-position: 0 0; float: left; margin-left: 15px; margin-right: 15px; margin-top: 15px; margin-bottom: 15px; padding-top: 44px; }
.drones-circle a:hover, .drones-circle a.active { background-position: 0 -139px; }

.drones-circle-inner { width: 676px; overflow: auto; margin: 0 auto 0; }


.ng-spy-afm { float: right; margin: 5px 0 30px 30px; max-width: 440px; width: 50%; border: 1px solid #fff; }
.ng-spy-afm--2 { display: none; }

	
@media (max-height: 780px) {
	/*.outer { height: auto; }*/
}

@media (max-width: 1199px) {
	.drones-circle a:hover { background-position: 0 0; }

	.ng-spy-afm { margin: 5px 0 20px 30px; }
}

@media (max-width: 767px) {
	.drones-circle a { -webkit-background-size: 110px;	background-size: 110px; font-size: 27px;  width: 110px; height: 110px; margin-left: 8px; margin-right: 8px; margin-top: 10px; margin-bottom: 10px; padding-top: 32px; }
	.drones-circle a.active { background-position: 0 -110px; }
	.drones-circle { padding: 20px 0 20px 0; -webkit-background-size: 430px;	background-size: 430px; }
	.drones-circle-inner { width: 506px; }

	.drones-circle a.active { background-position: 0 -110px; }
}


@media (max-width: 600px) {	
	.drones-circle a { -webkit-background-size: 110px;	background-size: 110px; font-size: 27px;  width: 110px; height: 110px; margin-left: 8px; margin-right: 8px; margin-top: 10px; margin-bottom: 10px; padding-top: 32px; }
	.drones-circle a.active { background-position: 0 -110px; }
	.drones-circle-inner { width: 380px; }
	.drones-circle { -webkit-background-size: 400px; background-size: 400px; }

	.ng-spy-afm { margin: 5px 0 20px 0; max-width: 600px; }
	.ng-spy-afm--2 { display: block; width: 100%; }
	.ng-spy-afm--1 { display: none; }
}


@media (max-width: 440px) {
	.drones-circle a { -webkit-background-size: 90px;	background-size: 90px; font-size: 24px;  width: 90px; height: 90px; margin-left: 6px; margin-right: 6px; margin-top: 8px; margin-bottom: 8px; padding-top: 24px; }
	.drones-circle a.active { background-position: 0 -90px; }
	.drones-circle {   -webkit-background-size: 350px;	background-size: 350px; }
	.drones-circle-inner { width: 310px; }

	.ng-spy-afm { margin: 4px 0 10px 0; }
}

@media (max-width: 380px) {
	.drones-circle a { -webkit-background-size: 70px;	background-size: 70px; font-size: 20px;  width: 70px; height: 70px; margin-left: 6px; margin-right: 6px; margin-top: 8px; margin-bottom: 8px; padding-top: 19px; }

	.drones-circle a.active { background-position: 0 -70px; }
	.drones-circle {  -webkit-background-size: 300px;	background-size: 300px; }
	.drones-circle-inner { width: 250px; }
}