/* Add here all your css styles (customizations) */

/*------- MAP -------*/

.mapimage{
	margin:5px 0 10px 0;
}

/*Forms
------------------------------------*/
.form-menu {
	width:70%;
	float:right;
	margin-top:-12px;
}

.fm-menu {

    padding-bottom: 8px !important;
}


/*------- CUBE LIST -------*/

.cube-portfolio .cbp-l-grid-agency-title {
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    font-weight: 800;
	text-transform:none;
}

.cbp-item-wrapper{
	border:1px solid #eee;
	
	}
	
.cube-portfolio .cbp-title-dark .cbp-l-grid-agency-title {
    color: #1b3058 !important;
}

.cube-portfolio .cbp-title-dark .cbp-l-grid-agency-desc {
    color: #00a2db;
	padding-bottom:20px;
	
}

.cube-portfolio .cbp-l-filters-text .cbp-filter-item {
    color: #1b3058;
    text-transform: uppercase;
	font-weight:800;
	font-size:13px;
	padding:20px;

}

.cbp-l-filters-text p{
	font-size:18px !important;
	}

.list-border{
	border-bottom:#eee solid 1px;
	padding-bottom:10px;
}


/*------- HEADER -------*/

#setmargin{
	height:120px;
	
	}

.header-v3{
	background-color:#fff !important;
	margin-bottom:-79px;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;


}

.header-v3 .active a{
	color:#fff !important; 
}

.header-v3 a:hover {	
	color:#fff !important; 	
}

.header-v3 a{
	color:#1b3058 !important; 
}

.header-v3 .active {
	background-color:#00a2db;

}

.header-v3 li:hover {
	background-color:#00a2db;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;

}

.navbar-brand {
    padding-top: 5px !important;
}


/*------- MAP -------*/
.map {
	width: 100%; 
	border-top: solid 1px #eee;
	border-bottom: solid 5px #00A2DB;
	margin-top:70px;
}

.mapheight {
	position:absolute;
	z-index:998;
	background-color:#00A2DB;
	width:150px;
	height:30px;
	color:#fff;
	text-align:center;
	left:50%;	
	padding-top:5px;
	cursor:pointer;
	margin-left:-75px;
	top:100px;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
	font-weight:700;
}

.mapheight:hover{
	outline:solid 2px #00A2DB;
	background-color:#fff;
	color:#00A2DB;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
}


.map-box {
	height: 250px;
}

.map-box-space {
	margin-top: 15px;
}

.map-box-space1 {
	margin-top: 7px;
}

/*------- BUTTON -------*/

.btn-u:hover{
	outline:solid 2px #00A2DB !important;
	background-color:#fff !important;
	color:#00A2DB !important;
}

.col-md-3 h3{
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	font-weight:800;
	margin-bottom:0px;
	
}



.sidemenu{
	 list-style-type: none;
	padding:0; 

}

.sidemenu input{
	 font-family: 'Open Sans', sans-serif;
	 font-weight:800;
	 width:75%;
	 float:left;
	 margin:10px 0 10px 0px;
	 outline:#fff solid 1px;
}

.sidemenu #button{
	border:#fff solid 1px;
	margin-top:9px;
}

.number{
	float:right;
}

#search{
	width:100%;
}

#topcontrol:hover {
  background-color: #000 !important;
}

#topcontrol {
  background-color: #1b3058 !important;
}

  
/*------- DETAIL -------*/


#detail{
	margin-top:40px;
  }
  
.websave{
	font-size:18px;
	font-weight:bold;
  }
  
/*------- BATTERY -------*/


.batteryhigreen{
	
	color:#0C0;
	font-size:25px;
	
	}
	
.batterygreen{
	
	color:#090;
	font-size:25px;
	
	}
	
.batterymidgreen{
	
	color:#060;
	font-size:25px;
	
	}
	
.batteryorange{
	
	color:#F90;
	font-size:25px;
	
	}
	
.batteryred{
	
	color:#F30;
	font-size:25px;
	
	}
	
.energy{	
	font-size:13px;
	font-family: 'Open Sans', sans-serif;
	margin-left:5px;
	vertical-align:middle;
	padding-bottom:5px;


	}

/*------- MOBILE -------*/

@media (max-width: 992px) {

.tp-banner-container{
	margin-top:80px;
	
	}
  
#maptap{
	 margin-top:20px;
	 }
  

.tab-v1{
     font-family: 'Open Sans', sans-serif;
	font-weight:800;
	text-transform:uppercase;
	font-size:14px;
	 margin-top:100px;
	 display:block;
  }
  
.tab-v1 .row a{
  color:#00A2DB;
  
  } 
  
.tab-v1 .row a:hover{
  text-decoration:none;
  
  } 
  
#detail{
	margin-top:-30px;
  }
  
.afiliate{
	display:none;
  }

}

@media (max-width: 767px) {

.tp-banner-container{
	margin-top:80px;
	
	}
  

}


@media (max-width: 450px) {

.tp-banner-container{
	margin-top:80px;
	
	}
	
#logo-header{
	width:200px;
	height:54px;
	margin-top:10px;
	
	}
	
.form-menu {
	width:50%;
	float:right;
	margin-top:-12px;
}
  

}