/*Epsilon Framework Version 2*/
/*Framework author: Enabled*/
/*License: This stylesheet cannot be resold by anyone else except Enabled and Cosmin Cotor*/

/*@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900);*/

/* Open Sans @font-face kit */

/* BEGIN Light */
@font-face {
  font-family: 'Open Sans';
  src: url('fonts/Light/OpenSans-Light.ttf') format('truetype'),
  font-weight: 300;
  font-style: normal;
}
/* END Light */

/* BEGIN Light Italic */
@font-face {
  font-family: 'Open Sans';
  
  src: url('fonts/LightItalic/OpenSans-LightItalic.ttf') format('truetype'),
      
  font-weight: 300;
  font-style: italic;
}
/* END Light Italic */

/* BEGIN Regular */
@font-face {
  font-family: 'Open Sans';

      src: url('fonts/Regular/OpenSans-Regular.ttf') format('truetype'),
     font-weight: normal;
  font-style: normal;
}
/* END Regular */

/* BEGIN Italic */
@font-face {
  font-family: 'Open Sans';
       src: url('fonts/Italic/OpenSans-Italic.ttf') format('truetype'),
   font-weight: normal;
  font-style: italic;
}
/* END Italic */

/* BEGIN Semibold */
@font-face {
  font-family: 'Open Sans';
      src: url('fonts/Semibold/OpenSans-Semibold.ttf') format('truetype'),
  font-weight: 600;
  font-style: normal;
}
/* END Semibold */

/* BEGIN Semibold Italic */
@font-face {
  font-family: 'Open Sans';
        src: url('fonts/SemiboldItalic/OpenSans-SemiboldItalic.ttf') format('truetype'),
  font-weight: 600;
  font-style: italic;
}
/* END Semibold Italic */

/* BEGIN Bold */
@font-face {
  font-family: 'Open Sans';
       src: url('fonts/Bold/OpenSans-Bold.ttf') format('truetype'),
  font-weight: bold;
  font-style: normal;
}
/* END Bold */

/* BEGIN Bold Italic */
@font-face {
  font-family: 'Open Sans';
        src: url('fonts/BoldItalic/OpenSans-BoldItalic.ttf') format('truetype'),
  font-weight: bold;
  font-style: italic;
}
/* END Bold Italic */

/* BEGIN Extrabold */
@font-face {
  font-family: 'Open Sans';
       src: url('fonts/ExtraBold/OpenSans-ExtraBold.ttf') format('truetype'),
  font-weight: 800;
  font-style: normal;
}
/* END Extrabold */

/* BEGIN Extrabold Italic */
@font-face {
  font-family: 'Open Sans';
       src: url('fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf') format('truetype'),
   font-weight: 800;
  font-style: italic;
}
/* END Extrabold Italic */
/* Lato */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), url('../fonts/Lato-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Open Sans Black'), url('../fonts/lato-Black.ttf');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Hairline'), url('../fontst/Lato-Hairline.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), url('../fonts/Lato-Regular.ttf') format('truetype');
}

/* Roboto */
@font-face {
  font-family: 'Roboto';
  font-style: thin;
  font-weight: 100;
  src: local('Roboto Thin'), url('../fonts/Roboto-Thin.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: thin italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), url('../fonts/Roboto-ThinItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: light;
  font-weight: 300;
  src: local('Roboto Light'), url('../fonts/Roboto-Light.ttf');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Normal'), url('../fonts/Roboto-Regular.ttf');
}

@font-face {
  font-family: 'Roboto';
  font-style: medium;
  font-weight: 500;
  src: local('Roboto Medium'), url('../fonts/Roboto-Medium.ttf');
}
@font-face {
  font-family: 'Roboto';
  font-style: medium italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), url('../fonts/Roboto-MediumItalic.ttf');
}
@font-face {
  font-family: 'Roboto';
  font-style: bold;
  font-weight: 700;
  src: local('Roboto Bold'), url('../fonts/Roboto-Bold.ttf');
}
@font-face {
  font-family: 'Roboto';
  font-style: bold italic;
  font-weight: 700;
  src: local('Roboto Medium Italic'), url('../fonts/Roboto-BoldItalic.ttf');
}
@font-face {
  font-family: 'Roboto';
  font-style: black;
  font-weight: 900;
  src: local('Roboto Black'), url('../fonts/Roboto-Black.ttf');
}
@font-face {
  font-family: 'Roboto';
  font-style: bold italic;
  font-weight: 900;
  src: local('Roboto Black Italic'), url('../fonts/Roboto-BlackItalic.ttf');
}
/* CSS Document */


/*////////////////*/
/*Stylesheet Reset*/
/*////////////////*/

* {
  appearance:normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  outline: none;
  font-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
*:focus {
  outline: none;
}

*,*:after,*:before {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  padding: 0;  margin: 0;}

body {
  margin: 0;
  padding: 0;
  overflow-x:hidden;
}

body::-webkit-scrollbar { 
    display: none; 
}

a:hover{
  text-decoration:none!important;
}

::selection {
  background-color:#CCC;
  color: #000;
}


p {
  font-size:12px;
  letter-spacing:0px;
}

p > a {
  display: inline;
  text-decoration: none;
}

p > a:hover {
  text-decoration: underline;
}

p > span {
  display: inline;
}

span > a {
  display: inline;
}

a > span {
  display: inline;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
  display: inline;
}


th {
  vertical-align: middle;
  font-weight: bold;
}


td {
  
  text-align: center; 
  padding-top: 9px;
  padding-bottom: 9px;
  line-height: 18px;
  vertical-align: middle;

}


ul {
  margin-bottom: 20px;
}

ol {
  margin-bottom: 30px;
}

li {
  line-height: 18px;
  margin-bottom:5px;
  list-style:inside;
}


/*//////////////////////////////////////*/
/*Font Selection and General Font Colors*/
/*//////////////////////////////////////*/

body{
  font-family:'Roboto', sans-serif;
  color:#666;
  font-size:12px;
  line-height:20px;
}

.checkbox{
  color:#666;
}

h1{
  font-size:21px;
  margin-bottom:10px;
  font-weight:800;
  color:#292929;
}

h2{
  font-size:19px;
  margin-bottom:10px;
  font-weight:800;
  color:#292929;
}

h3{
  font-size:17px;
  margin-bottom:10px;
  font-weight:700;
  color:#292929
}

h4{
  font-size:15px;
  margin-bottom:10px;
  font-weight:800;
  color:#292929;
}

h5{
  color:#292929;
  font-size:13px;
  margin-bottom:5px;
  font-weight:800;
}

h1, h2, h3, h4, h5, h6{
  font-family:'Roboto', sans-serif;
  color:#1f1f1f;  
}

a:hover{
  color:#2980b9;
  transition:all 200ms ease;
}

a{
  color:#3498db;
  transition:all 200ms ease;
}



/*//////////////*/
/*Data Preloader*/
/*//////////////*/

#preloader {
  position:fixed;
  z-index:2500;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#FFF; 
  z-index:99999999; 
}

#status {
  position:fixed;
  z-index:99999999;
  width:250px;
  height:250px;
  position:absolute;
  left:50%; 
  top:50%; 
  background-image:url(../images/status.gif); 
  background-size:64px 64px;
  background-repeat:no-repeat;
  background-position:center;
  margin:-125px 0 0 -125px; 
}

#status p{
  top:60%;
}

#status em{
  font-size:10px!important;
  display:block;
  font-style:normal;
}



/*/////////////*/
/*Map Styling*/
/*/////////////*/

.map-legend {
position: absolute;
bottom: 0px;
right: 0px;
z-index: 99999;
padding: 10px 0px 20px 26px;
width: 150px;
background-color: rgba(0, 0, 0, 0.8);
box-shadow: 0 10px 20px rgba(0,0,0,0.4);
}

.map-legend-icon {
font-size: 24px;
color: #fff;
opacity: 0.8;
}

div.map-icon-poi {
  background-image:url(../leaflet/images/guerra-marker-icon.png);
  background-repeat:no-repeat;
  width:25px;
  height:41px;
  background-size:80% 80%;
  position:relative;
}
 div.map-icon-agri {
  background-image:url(../leaflet/images/ristoro-marker-icon.png);
  background-repeat:no-repeat;
  width:25px;
  height:41px;
  background-size:80% 80%;
  position:relative;
  
  
  }
.map-legend-text {
  color:#fff;
  font-size:9px;
  margin-left:5px;
  margin-right:5px;
  font-family: 'Open Sans',sans-serif;
}

.map-legend-list {
position: relative;
display:-webkit-inline-box;
}

.map-naviga {
visibility: hidden;
position: absolute;
width: 70%;
height: auto;
top: 20%;
left: 10%;
padding: 20px 20px 20px;
background-color: rgba(50, 50, 50, 1);
color: #DDD;
font-size: 12px;
font-family: 'Open Sans',sans-serif;
text-align: center;
box-shadow: 10px 5px 20px rgba(0,0,0,0.5);
z-index:999999;
}

.p-map-naviga {
text-align: center;
}

.decoration-map {
height: 1px;
background-color: rgba(255,255,255,0.5);
margin-bottom: 15px;
display: block;
clear: both;
margin-top: 10px;  
}

.map-box-legend-icon {
font-size: 15px;
width: 30px;
text-align: center;
padding-right: 10px;
}

.map-list {
line-height: 18px;
margin-bottom: 5px;
list-style: none;
}

.close-map {
position: absolute;
top: 5px;
right: 10px;
color: rgb(100,100,100);
font-size: 20px;
}