/* The Modal (background) */
.modal-map {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}

/* Modal Content */
.modal-content-map {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
    max-width:500px;
	font-family: Arial, Helvetica, sans-serif;
}


/* The Close Button */
.close {
  color: grey;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header-map {
  padding: 2px 16px;
  color: white;
}
.modal-header-map h2{
  color:#C0A959;
  border-bottom:#999999 thin;
}
.modal-body-map {padding: 2px 16px;


margin-bottom:20px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}
#us-map{
display: block;
/* position: absolute;
top: 0;
left: 0;*/
width: 100%;
height: 100%;
background-color: #59798c;
max-width: 900px;
margin: 0px auto;
padding: 50px;
}
path {
  stroke: #000 !important;
  stroke-width:.25px;
  stroke-linejoin: round;
  fill: #fff4e9 !important;
  cursor: pointer;
}
path:hover, circle:hover {
  stroke: #002868 !important;
  stroke-width:2px;
  stroke-linejoin: round;
  fill: #ccaa70 !important;
  cursor: pointer;
}
#path67 {
  fill: none !important;
  stroke: #A9A9A9 !important;
  cursor: default;
}
#info-boxx {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background-color: #ffffff;
  border: 2px solid #BF0A30;
  border-radius: 5px;
  padding: 5px;
  font-family: arial;
  max-width:200px
}


.regEditForm
{

clear:both;
background-color:#FFFFCC;
max-width:550px;
min-height:200px;

}
.regnav
{
clear:both;
}
.RegForm{
max-width:500px;
margin: 0px auto;
}
.label{
min-width:150px;
max-width:110px;
font-weight:bold;
float:left;
}
.value{
min-width:210px;
float:left;

}


.labele{
min-width:150px;
max-width:110px;
font-weight:bold;

}
.valuee{
min-width:210px;
}

.editcont
{
min-width:650px;
max-width:650px;
clear:both;
}
.firstBox{
width:300px;
margin-right:20px;
float:left;
margin-left:20px;
}

.secondBox{
min-width:300px;
float:left;

}

.clearB{
clear:both;
}
.clearC{
clear:both;
}
.capvalue{
font-weight:bold;
font-size:18px;
clear:both;

}


.l-submain {

    padding-top: 15px;
}




	.TFtable{
		width:100%; 
		border-collapse:collapse; 
	}
	.TFtable td{ 
		padding:7px; border:#4e95f4 1px solid;
	}
	/* provide some minimal visual accomodation for IE8 and below */
	.TFtable tr{
		background: #9ca2aa;
	}
	/*  Define the background color for all the ODD background rows  */
	.TFtable tr:nth-child(odd){ 
		background: #9ca2aa;
	}
	/*  Define the background color for all the EVEN background rows  */
	.TFtable tr:nth-child(even){
		background: #d7d9dd;
	}


.Txtfield
{
width:500px;
}

.addeditTable td
{
padding-bottom:10px;
margin:10px;
}


.portfolioitem
{
width:300px;
float:left;
min-height:350px;
max-height:350px;

box-shadow: 10px 10px 5px #888888;
padding:10px;
margin-right:0px;
margin-left:0px;
margin-bottom:25px;
}
.item_name
{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
line-height:130%;
font-size:14px;
font-weight:bold;

margin:0px auto;
}





.item_desc
{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
line-height:130%;
font-size:12px;
padding:10px;

margin:0px auto;
}
.css_btn_class {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #dcdcdc;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background-color:#ededed;
	color:#777777;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}
.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
	background-color:#dfdfdf;
}
.css_btn_class:active {
	position:relative;
	top:1px;
}


.pic {
border: 5px solid #fff; 
float: left;
margin: 10px;
overflow: hidden;
-webkit-box-shadow: 5px 5px 5px #111;
box-shadow: 5px 5px 5px #111; 
}

.brandlink {

    min-width: 215px;
    max-width: 215px;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 10px;
    min-height: 20px;
    padding-top: 8px;
    padding-left: 8px;
    padding-bottom: 8px;
    padding-right: 3px;
    border: solid thin #CCCCCC;
    font-size: 12px;
    font-family: monospace;
    font-weight: bold;
text-align: center !important;
min-height: 60px !important;
}

.brandlink23 {

    min-width: 115px;
    max-width: 215px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 5px;
    min-height: 20px;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-right: 3px;
    border: solid thin #CCCCCC;
    font-size: 14px;
    font-family: monospace;
    font-weight: bold;
	text-align:center;

}

.w-iconbox-h
{
min-height:300px;
}

@media only screen and (max-device-width: 480px) {
.biobox
{
width:250px;
}
.biobox img
{
display:block;
    margin:auto;

clear:both !important;
}

}



.biobox
{

text-align:justify;

border-radius:7px;

}
.baclear
{

clear:both;
}
.before-after
{
width:100%;


}
.before
{
width:45%; float:left; margin-right:20px; text-align:center;
}
.after
{
width:45%; float:left;text-align:center;
}
.ba-subtitle
{
margin: 0 auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
.ba-title
{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
.baimg
{
width:100%
}






.button77 {
  background-color: #ddd;
  border: none;
  color: black;
  padding: 10px 20px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  min-width:200px;
  font-size:16px;
  float:left;
  margin-right:15px;
}

.button77:hover{

    color: #000 !important;
    background-color: #f1f1f1 !important;

}