/*EXT-MAP*/
@media (min-width: 1001px){
    #map_ext
    {
      margin-left:  35px !important;
      margin-right: 35px !important;
    }
}
@media (min-width: 3500px){
    #map_block
    {
      margin-top:     -8% !important;
    }
    .map-switcher
    {
      right:        120px !important;
    }   
}
@media (min-width: 2300px){
    @media (max-width: 3500px){
      #map_block
      {
        margin-top:     -11% !important;
      }
      .map-switcher
      {
        right:      100px !important;
      }
    }
}
@media (min-width: 1800px){
    @media (max-width: 2300px){
      #map_block
      {
        margin-top:   -18% !important;
      }
      .map-switcher
      {
        right:      60px !important;
      }
    }
}
@media (min-width: 1500px){
    @media (max-width: 1800px){
      #map_block
      {
        margin-top:     -20% !important;
      }
      .map-switcher
      {
        right:      40px !important;
      }
    }
}
@media (min-width: 1350px){
    @media (max-width: 1500px){
      #map_block
      {
        margin-top:     -22% !important;
      }
      .map-switcher
      {
        right:      30px !important;
      }
    }
}
@media (min-width: 1200px){
    @media (max-width: 1350px){
      #map_block
      {
        margin-top:     -23% !important;
      }
      .map-switcher
      {
        right:      33px !important;
      }
    }
}


@media (max-width: 1200px){
    #map_block
    {
      margin-top:     -30%;
    }
    .map-switcher
    {
      right:        25px !important;
    }
}

@media (max-width: 998px){
    #map_block
    {
      margin-top:     -37%;
    }
    .map-switcher
    {
      right:        25px !important;
    }
}
@media (max-width: 950px){
    #map_block
    {
      margin-top:     -33% !important;
    }
    .map-switcher
    {
      right:        23px !important;
    }
}
@media (max-width: 900px){
    #map_block
    {
      margin-top:     -35% !important;
    }
    .map-switcher
    {
      right:        20px !important;
    }
}
@media (max-width: 850px){
    #map_block
    {
      margin-top:     -35% !important;
    }
    .map-switcher
    {
      right:        18px !important;
    }
}
@media (max-width: 800px){
    #map_block
    {
      margin-top:     -36% !important;
    }
    .map-switcher
    {
      right:        18px !important;
    }
}
@media (max-width: 750px){
    #map_block
    {
      margin-top:     -39% !important;
    }
    .map-switcher
    {
      right:        18px !important;
    }
}
@media (max-width: 700px){
    #map_block
    {
      margin-top:     -42% !important;
    }
    .map-switcher
    {
      right:        15px !important;
    }
}
@media (max-width: 650px){
    #map_block
    {
      margin-top:     -45% !important;
    }
}
@media (max-width: 550px){
    #map_block
    {
      margin-top:     -53% !important;
    }
}
@media (max-width: 500px){
    #map_block
    {
      margin-top:     -57% !important;
    }
}
@media (max-width: 450px){
    #map_block
    {
      margin-top:     -64% !important;
    }
    .map_container
    {
      margin-right:-12px !important;
      margin-left:-12px !important;
    }
}
@media (max-width: 415px){
    #map_block
    {
      margin-top:     -74% !important;
    }
}
@media (max-width: 380px){
    #map_block
    {
      margin-top:     -77% !important;
    }
}
@media (max-width: 365px){
    #map_block
    {
      margin-top:     -80% !important;
    }
}
@media (max-width: 325px){
    #map_block
    {
      margin-top:     -89% !important;
    }
}
#map_ext
{
  margin-top:       0px;
  margin-left:      12px;
  margin-right:     12px;
  -webkit-perspective:  720px;
  -moz-perspective:     720px;
  -ms-perspective:      720px;
  perspective:          720px;
  overflow:       hidden;
}
#map_ext .box-title
{
  padding-left:   15px;
  font-size:    18px;
  color:      #444;
  font-weight:  bold;
}
#map_container
{
  overflow:       hidden !important;
  padding-left:   6px;
  padding-right:  6px;
}
#map_block_wrapper
{
  margin-left:          auto !important;
  margin-right:         auto !important;
  margin-bottom:        10px !important;
  border:               2px solid #666;
  /*border-radius:        3px;*/ /*per qualche motivo inficia il funzionamento di rotateX su chrome*/
  overflow:             hidden;
  width:                93%;
  height:               300px;
  -ms-transition:             all ease 0.45s;
  -moz-transition:            all ease 0.45s;
  -webkit-transition:         all ease 0.45s;
  transition:                 all ease 0.45s;   
}
#map_block
{
  margin-left:          0;
  margin-right:         0;
  margin-bottom:        0;
  margin-top:           0;
  border:               2px solid #666;
  border-radius:        3px;
  width:                300%;
  height:               300%;
  margin-left:          -100%;
  margin-top:           -29%;
  -ms-transition:       all ease 0.45s;
  -moz-transition:      all ease 0.45s;
  -webkit-transition:   all ease 0.45s;
  transition:           all ease 0.45s;   
}
.leaflet-container
{
  height:       100%;
  width:        100%;
  position:     relative; 
}
.normal-view
{
    -moz-transform:   rotateX(0deg);
    -ms-transform:    rotateX(0deg);
    transform:        rotateX(0deg);
    transform-style:  preserve-3d;
}
.perspective-view
{
    -moz-transform:   rotateX(45deg);
    -ms-transform:    rotateX(45deg);
    transform:        rotateX(45deg);
    transform-style:  preserve-3d;
}
.map-wrap-norm-view
{
    -moz-transform:   rotateX(0deg);
    -ms-transform:    rotateX(0deg);
    transform:        rotateX(0deg);
    transform-style:  preserve-3d;
}
.map-wrap-persp-view
{
    -moz-transform:   rotateX(9deg);
    -ms-transform:    rotateX(9deg);
    transform:        rotateX(9deg);
    transform-style:  preserve-3d;
}
#map_ext i
{
  -webkit-transition: all ease 0.35s;
  transition:         all ease 0.35s;  
}
#map_ext .fa-plane
{
  margin-left:    -4px;
  margin-top:     -2px;
}
.flying
{
  color:        #000;
  font-size:    23px !important;
}
.landed
{
  color:          #555;
  font-size:      18px !important;
}
#map_ext .fa-crosshairs
{
  margin-left:    -5px;
  margin-top:     -2px;
  font-size:      21px;
}
.map-add-ctrl
{
  text-align:   right;
  z-index:      10000;
  position:     relative;
  height:       0px;
  margin:       0px;
  padding:      0px;
}
.map-switcher
{
  width:        30px;
  height:       29px;
  line-height:  27px;
  margin:       0px;
  margin-top:   -47px;
  position:     absolute;
  right:        35px;
  opacity:            .75;
  -webkit-opacity:    .75;
  -webkit-box-shadow: none !important;
  -moz-box-shadow:    none !important;
  box-shadow:         none !important;
}
#map_content
{
  visibility:           visible;
  opacity:              0.1;
  -ms-transition:       all ease 0.725s;
  -moz-transition:      all ease 0.725s;
  -webkit-transition:   all ease 0.725s;
  transition:           all ease 0.725s;
}
#map_preloader_wrapper
{
  margin-left:              auto !important;
  margin-right:             auto !important;
  margin-bottom:            10px !important;
  border:                   2px solid #666;
  border-radius:            3px;
  overflow:                 hidden;
  width:                    93%;
  height:                   300px;
  background-color:         #DDD !important;
  -ms-transition:             all ease 0.45s;
  -moz-transition:            all ease 0.45s;
  -webkit-transition:         all ease 0.45s;
  transition:                 all ease 0.45s;   
}
#map_preloader
{
  margin-left:          0;
  margin-right:         0;
  margin-bottom:        0;
  margin-top:           0;
  border:               none;
  border-radius:        3px;
  width:                100%;
  height:               100%;
  background-color:     #DDD;
  color:                #FFF;
  -ms-transition:       all ease 0.45s;
  -moz-transition:      all ease 0.45s;
  -webkit-transition:   all ease 0.45s;
  transition:           all ease 0.45s;   
} 
#pre_map_block span
{
  font-size:14px;font-family:'Courier New','sans-serif';color:#222;
}
#testLayer
{
	z-index:      	20000;
	position:     	relative;
	height:       	300px;
	margin:       	0px;
	padding:      	0px;
	border:			1px solid transparent;
	margin-top:		-310px;
	margin-bottom:	10px;
	display: 		block;
	width:			100%;
}
/*EXT-MAP-END*/