html,body { background:#F0F0F0; }
#contactContainer { padding-top: 70px; }

#footer{
  margin-top:0;
}
#head{
  background-color:#424242;
  max-height:90px;
}

#middle-top-container{
	padding-top:18px;
}
#head h1{
  clear: both;
  font-style: normal;
  line-height: 27px;
  color: #fff;
  margin-top: 10px;
  text-align:center;
  margin-top:45px;
}
#head h1 span.lighter{
	font-size:40px;
}
#head h1 span.bold{
	font-size:22px;
}
#logoFiraContainer{
	max-width:240px;
	float:left;
	margin:0;
	background-color:transparent;
	position:relative;
	z-index:2;
	padding-top:25px;
	padding-bottom:25px;
}
#rotated{
  -ms-transform: rotate(7deg);
  -webkit-transform: rotate(7deg);
  transform: rotate(15deg);
  background-color: #5a5a5a;
  width: 500px;
  height: 500px;
  position: absolute;
  left: 0;
  margin-left: -355px;
  margin-top: -110px;
  z-index:1;

}
#head #languajebox a{
	color:#e0e0e0;
}

#logoTemplate{
	padding-left: 0;
	padding-top:25px;
	float:left;
}

#linksHead{
	float:right;
	margin-top:27px;
	padding-right:25px;
}
#linksHead img{margin-right:50px;}
#head a{
	color: #fff;
}

.bold{
	font-weight:bolder;
}
.lighter{
	font-weight:lighter;
}
ul{
	list-style:none;
	padding: 0;
}
#rightLinkHead{
	margin-right:15px;
}
#languajebox{
	width:100%;
	margin-bottom: 20px;
	font-size:14px;
	text-align:left;
}

#head .navbar .navbar-collapse{text-align:right;padding:0;}
#head .navbar li:last-child{margin-right:0;}

#head ul li{
	display:inline-block;
	vertical-align:top;
	margin-right: 5px;
}

#head ul.nav a
{
	color:#e0e0e0;
}
#head ul li a i{
	margin-right:5px;
}
#head .dropdown-menu a{
	font-size:15px;
}
#head .dropdown-menu{
	background:#424242;
	min-width: 85px;
	border: 1px solid #333;
	text-align: center;
	margin-top:10px;
}
#top-menu{
	float:left;
  padding-top: 5px;
  padding-bottom: 3px;
}
#top-menu a{
	color:#fff;
	padding: 5px 15px;
}
#head .dropdown .dropdown-menu li:hover,
#head .dropdown .dropdown-menu li:hover a,
#head .dropdown .dropdown-menu li a:focus {
	color: #333;
	background: #ccc;
	/* border-radius: 20px; */
}

#head .nav .open > a,
#head .nav .open > a:hover,
#head .nav .open > a:focus{
  color:#333;
  border-radius:20px;
}

.dropdown-menu li{width:100%;margin-right:0;}
.f-row{
	width:100%;
	float:left;
}
#head .navbar{min-height:35px;margin-top:15px;}

.nav > li > a:hover, .nav > li > a:focus{background:transparent;}

#top-menu .nav > li > a.active{
	border-radius:20px;
	color:#333;
	background: #fff;
}
#top-menu .nav > li > a:hover{
  background-color:#ccc;
  color:#333;
  border-radius:20px;
}
#top-menu .nav .open > a{background:transparent !important;color:#fff !important;}
#head  #languajebox .dropdown-menu{border:none;}
#head  #languajebox .dropdown-menu li{
  display:block;
  margin-right:0;
}

#top-menu .navbar .navbar-nav{
	margin-top:0px;
}


#slide-text-container{
	background:#e7e7e7;
	padding-top:25px;
	padding-bottom:25px;
}
#top-menu-slide .slide-container{
	min-height:205px;
	/*background: url('/img/slide2.JPG') no-repeat center center;*/
	background-size:cover;
}
#top-menu-slide{
	  background-color:#e7e7e7;
	  position:relative;
}
#top-menu-slide #title-wrapper{
  z-index:9;
  position:relative;
}
#filterfront-wrap  #filterDigital,
#filterfront-wrap  #filterBranding{
  width:190px;
}
 #filterfront-wrap{
	padding:20px 0;
	background: #bababa;
 }
  #filterfront-wrap .form-control,
  #filterfront-wrap label{
	width: auto;
	display:inline-block;
  }
  #filterfront-wrap label{
	margin-right:10px;
  }
  #lbrand::before{
	content: " ";
	padding: 0px 10px;
	background-color: #5CC95F;
	font-weight: bold;
	margin-right: 10px;
	border-radius:3px;
  }
  #ldsign::before{
	content: " ";
	padding: 0px 10px;
	background-color: #600291;
	font-weight: bold;
	margin-right: 10px;
	border-radius:3px;
  }
  #legend-container{
	padding-top:7px;
  }

.btn-default{
	border:none;
	border:1px solid #ccc;
}
#lside-menu{
	margin-top:0px;
	width:auto;
	margin-right:0;
  background:transparent;
  box-shadow:none;
  border:none;
}
#lside-menu li{margin-bottom:0px;}
#lside-menu li a{
  padding:10px 0;
}
#lside-menu .btn-default{margin-left:0;}
#panel-container{
	margin:0;
	padding: 0;
	min-height:840px;
	position: absolute;
	right: 0px;
	/*margin-top: 15px;*/
}
/*#map-container{position:absolute;}*/
#panel{
	margin:0;
	border:0;
	float: left;
  width: 100%;
  min-height:884px;
  background:#fff;
/*box-shadow: -3px 3px 10px #Ccc;*/

}
#panelData .imgBanner{
  margin:0 auto;
}


#panelData a:focus{
  outline:none;
}


.ps-list ul{
  /*width:100% !important;*/
}


#panelData ul li{float:none;display:inline-block;vertical-align:top;}
.lside-menu .btn-primary,
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default{
	background:#a9a9a9;color:#000;
}

#lside-dropdown{
	  padding: 15px;
	text-transform: uppercase;
	width:230px;
}
#lside-dropdown i{
  margin-right:10px;
}

a.jcarousel-control-prev, a:hover.jcarousel-control-prev , a.jcarousel-control-next, a:hover.jcarousel-control-next 
{ 
	text-decoration: none;
	color: #000;
	opacity:0.8;
}

.jcarousel ul {
	width: 20000em;
	position: relative;
	text-align:left;
	/* Optional, required in this case since it's a <ul> element */
	list-style: none;
	margin: 0;
	padding: 0;
}

.legend-text{text-transform:uppercase;}

#panelDatainfo{
	float:left;
	padding:15px;
	width:100%;

	}
#shareAddContainer{
	height: 100%;
	float: left;
	border-top: 1px solid #ccc;
	padding-bottom: 25px;
	padding-top: 10px;
	width:100%;
}
.contWhite{
	background:#fff;
}
.contLight{
	background:#f0f0f0;
}
h2.title{
	font-style: normal;
  line-height: 25px;
  margin-top: 25px;
  font-size: 28px;
  margin-bottom: 25px;
}
#shareAddContainer button{
	background:#C8C8C8;
	color:#000;
	font-size:14px;
}
#shareAddContainer i{
	font-size:18px;
	margin-right:5px;
	color:#000;
}
#shareAddContainer #panelDatainfo{
	padding-bottom:0;
}
#filterfront-wrap strong{text-transform:uppercase;}

#languajebox a.btn-default,
#languajebox a.btn-success{
	background:transparent;
	  border: none;
  border-bottom: 0;
}

#legend-container{padding-left:0;padding-right:0;}
#legend-container .box{padding-left:0;padding-right:0;}

.btn-clear{
  background:#fff;
  border-color:#e2e2e2;
  color:#333;}
.btn-clear:hover{   
  background-color: #B8B8B8;
	border-color: #A8A8A8;
	color: rgb(51,51,51);}
#PagesCheckoutForm .btn-default:hover{
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
table.table .btn-default{
  background:#fff;
  color:#333;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a{
  background: rgba(255, 255, 255, 0.8) !important;
  color: #333;
}


#instructions{background:}
#instructions h2{
  font-style: normal;
  line-height:25px;
  margin-top:25px;
  font-size: 28px;
  margin-bottom:25px;
}
#instructions{
  text-align:center;
}
#instructions .box{
  text-align:center;
  padding-top:85px;
  display:inline-block;
  vertical-align:top;
  float:none;

}
#instructions .box:last-child{margin-right:0;}
#instructions .box p{
  margin: 0 auto 15px;
  max-width:220px;
  font-size:17px;
}
.italic{font-style: italic;}


#logosHeadContainer img{
  margin-top:15px;
}
  .fa-comment{font-size:300px;color:#fff;float:right;margin-right:150px;margin-top:115px;}
  .fa-info{font-size:100px;color:#e9e9e9;right:0;position:absolute;top:215px;margin-right:300px;}
  .btn-form{
	background-color: #fff;
	color:#333;
	border-color:#ccc;
  }
  #contactContainer p{
	margin-bottom:25px;
  }
	#successMail,#errorMail{
	  background-color: #fff;
  color: #333;
  position: absolute;
  padding: 11px 20px;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin-top: 25%;
  display:none;
  }
  #contactContainer #successMail p{margin:0;display: inline-block;width: 80%;}
  #contactContainer #errorMail p{margin:0;display: inline-block;width: 80%;}


  #successMail .fa-paper-plane{
	color: #333;
	font-size:24px;
	float:left;
	margin-right:15px;
	margin-top:5px;
  }
  #errorMail .fa-exclamation{
   color: #a94442;
	font-size:24px;
	float:left;
	margin-right:15px;
	margin-top:5px;
  }
  
	#successMail p{
	  color: #333;
	  float:left;
	}

	#errorMail p{color: #a94442;float:left;}

#content-container{
	background-color:#e7e7e7;
	padding-top:0;
	padding-bottom:25px;
}
#content-container .container{ position:relative; }

#map .leaflet-top{
	left:0%;
}
#map .leaflet-top a{ display:inline-block;vertical-align:top; }
#map{ border-bottom:1px solid rgb(186, 186, 186); }
#bottom-panel{
	position:absolute;
	bottom:0;
}
#bottom-panel p{
	color:#5a5a5a;
	font-size:11px;
	padding:10px;
}

#content-txt{ padding-top: 10px; }

#content-txt .title{
	text-transform:uppercase;
	font-weight:900;
	margin-bottom:7px;
	font-size:33px;
  }
#content-txt .light{
	color:#8A8A8A;
	font-size: 20px;
}
#content-txt p.cnt-txt{
  font-size:16px;
  line-height:24px;
}
#content-txt .cnt-txt{
  margin-top:15px;
}
#img-container{margin-top:50px;}
.leaflet-top, .leaflet-bottom{z-index:99 !important;}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
	background: #bababa !important;
	color: #333;
}
.leaflet-popup-content-wrapper p a{color:#333;}
/*
#img-container img{
  height:165px;
}
*/
/*
#img-container ul li{display:inline-block;vertical-align:top;}
*/
.popup-img-wrap{max-width:45%;float:left;margin-right: 15px;margin-bottom:15px;}
.popup-img-wrap .popup-img{width:100%;margin-right:15px;}
.leaflet-popup-pane .leaflet-popup{bottom: 7px !important;}
.leaflet-popup-content .popup-txt{overflow:hidden;}
.leaflet-popup-content .popup-txt-desc{overflow-y:hidden;max-height:150px;overflow-x:hidden;}
.leaflet-popup-content-wrapper{min-width:300px;}

#sliderTop h1{max-width:70%;margin:40px auto;color:#fff;}
#sliderTop h1 span,
#sliderTop h1 img{vertical-align:top;display:inline-block;}
#sliderTop h1 img{margin-top:-45px;max-height:80px;float:right;}

#left-menu{position:absolute;z-index:9;height:auto;margin-left:25px;}
#left-menu .btn-default{margin:0;}

#privacy{min-height:700px;}

#privacy h1{
	font-style: normal;
	line-height: 25px;
	margin-top: 25px;
	font-size: 28px;
	margin-bottom: 25px;

}

.leaflet-control-zoom{display:none;}

#filterfront-wrap .box{
  display:inline-block;
  vertical-align:top;
  width:auto;
  margin-right:55px;
}
#filterfront-wrap .box:last-child{margin-right:0;}
#filterfront-wrap > .container{text-align:left;}
.fb-cd{z-index:9;}

@media (min-width: 768px){
.navbar-nav > li {
  float:none;
}
}

/*COL-SM*/
@media (max-width: 991px){
	#linksHead{margin-top:25px;margin-right:0;float:left;text-align:left;}
	#head .navbar .navbar-collapse{text-align:center;padding-top:10px;padding-bottom:10px;}
	#linksHead li:first-child{
		margin-bottom:10px;
	}
	#languajebox{float:right;width:auto;}
	#linksHead img{margin-right:0px;margin-left:20px;}
	#linksHead #logoFira {
	  text-align: right;
	  margin-bottom: 25px;
	}
	#head{max-height:none;}
		.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px;
  }
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
	margin-top: 7.5px;
  }
  .navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
	  display:block !important;
  }

  .navbar-toggle .icon-bar{background-color:#fff;}
  .navbar-header button{border-color:#fff;}
  .navbar-header {
	float: left;
	max-width: 50%;
	margin-left: 10px;
  }
  #top-menu {
	float: left;
	padding-top: 5px;
	padding-bottom: 3px;
	max-width: 50%;
	text-align: left;
  }
  #head .navbar .navbar-collapse {
	text-align: left;
	margin-left:15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
  #head #top-menu ul li{display:block;}
  #head #top-menu ul{text-align:center;margin-left:15px;}
  #linksHead{width:auto;float:right;margin-top:35px;}
  #logosHeadContainer{float:right;text-align:center;}
  #top-menu-slide{margin-top:66px;}
  #head .navbar{margin-top:0;}
  #sliderTop h1{max-width:90%;font-size:240%;}
  #sliderTop h1 img {
	margin-top: -90px;
  }
  #logosHeadContainer img{margin-top:6px;margin-bottom:6px;max-width:190px;}
  #filterfront-wrap .col-sm-12 {text-align:left;margin-top:25px;}
  #filterfront-wrap .col-sm-12:first-child{margin-top:0;}
  #left-menu{position:relative;height:auto;}
  #left-menu .dropdown-menu{position:relative;margin-bottom:50px;}
  #filterfront-wrap .box{
	  margin-right:25px;
  }
  #filterfront-wrap .box:nth-child(4),
  #filterfront-wrap .box:last-child{
	margin-top:28px;
  }
  #map-menu-container #dropdownMenu1{padding: 0 20px !important;}
  body > div:first-child{overflow:hidden;}
}
/*COL-XS*/
@media (max-width: 767px){
	body > div:first-child{overflow:hidden;}
	#top-menu-slide{margin-top:127px;}
	#linksHead #logoFira{text-align:center;margin-bottom:25px;}
	#logoTemplate{padding-left:0;padding-right:0;}
	#head .navbar .navbar-collapse{text-align:center;}
	#linksHead .pull-left{float:none !important;}
	.navbar-toggle .icon-bar{background:#fff;}
	.navbar-header{margin-left:10px;}
	#linksHead img{margin-left:0 !important;}
	.navbar-toggle{float:left;}
	#linksHead li:first-child{
		margin-bottom:10px;
	}
	#top-menu{float:left;max-width:100%;}
	#head ul li{
		display:block;
		margin-right:5px;}
	#head ul li:last-child{margin-right:5px;}

  #linksHead #logoFira {
	text-align: center !important;
	margin-left:0 !important;
	margin-bottom: 25px;
  }
  #map-container{position:relative;}
	/*#head .navbar-collapse.collapse.in,
	#head .navbar-collapse.collapsing{
		position: absolute;
	  width: 331px;
	  overflow: hidden;
	  margin-top: 20px;
	  background-color: #424242;
	}*/
	#filterfront-wrap strong{font-size:12px;line-height: 32px;}
	#filterfront-wrap label{margin-right:0;}

	#legend-container{padding-left:0;padding-right:0;}
	#legend-container .col-xs-6{padding-left:0;padding-right:0;}
	#legend-container .box{margin-bottom:15px;}
	#filterfront-wrap .form-control{float:left;}
	#top-menu .navbar .navbar-nav{
	  margin-right: 10px;
	  text-align: left;
	  margin-bottom: 0;
	  float: left;
	  margin-left: 10px;
	}
	#logosHeadContainer{
		text-align:center;
		padding-left:15px;
	}
	#filterfront-wrap .box{
	  margin-right:25px;
	}

}

/*COL-MD*/
@media (min-width: 992px) and (max-width:1199px){
	#languajebox li a{font-size:12px;}
	#languajebox {text-align:center;}
	#logosHeadContainer img{margin-top:6px;margin-bottom:6px;}
	#top-menu a{
		padding: 5px 6px;
	}

}

/*COL-LG*/
@media (min-width:1200px){
	#logosHeadContainer img{
	  margin-top:5px;
	  margin-bottom:5px;
	}
	#instructions .box{margin-right:20px; max-width:380px;}
	#headTop{position:relative;}
	#top-menu-slide{margin-top:65px;}
}