/* reset */
form {display:block; margin:0; padding:0;} body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements structure element */dl, dt, dd, ul, ol, li, /* list elements list element */pre, /* text formatting elements text format element */fieldset, lengend, button, input, textarea, /* form elements  */th, td { /* table elements  */    margin: 0;    padding: 0;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
} table th,table td {padding:1px} /*  */body,button, input, select, textarea  }address, cite, dfn, em, var { font-style: normal;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
} /*  */code, kbd, pre, samp, tt { font-family: "Open Sans", Helvetica, Arial, sans-serif; } /*  */small { font-size: 12px; } /* *//*  */ul, ol { list-style: none; }/*  */a { text-decoration: none; color: gray;}a:hover { text-decoration: underline; }abbr[title], acronym[title] { /* ：1.ie6  abbr; 2.，ie6  */	border-bottom: 1px dotted;	cursor: help;}q:before, q:after { content: ''; }/*  */legend { color: #000; } /* for ie6 */fieldset, img { border: none; } /* img  *//* ：optgroup */button, input, select, textarea {    font-size: 100%; /*  */}/*  */table {	border-collapse: collapse;	border-spacing: 0;}/*  hr */hr {    border: none;    height: 1px;} .clear{ clear:both;}	
a:hover{text-decoration: none;}

#mapwrapper {
	max-width:1290px;
	margin:0 auto;
	padding:0px 0;
	background-color:#ffffff;
	/*background-color:transparent;*/
	min-width:220px; }

@media screen and (max-width: 240px){
	svg {
		height:150px;
		width:98%;
		margin:0px;	}
	#msg_box {
		position: relative;
		width:98%;
		margin:0px;	}
	#msg_title {
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		height:100%;
		padding:2%;
		font: 12px "Open Sans", Helvetica, Arial, sans-serif;
			}
}
@media screen and (max-width: 320px) and (min-width: 241px){
	svg {
		height:204px;
		width:98%;
		margin:0px;	}
	#msg_box {
		position: relative;
		width:98%;
		margin:0px;	}
	#msg_title {
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		height:100%;
		padding:2%;
		font: 12px "Open Sans", Helvetica, Arial, sans-serif;
			}
}
@media screen and (max-width: 400px) and (min-width: 321px){
	svg {
		height:266px;
		width:98%;
		margin:0px;	}
	#msg_box {
		position: relative;
		width:98%;
		margin:0px;	}
	#msg_title {
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		height:100%;
		padding:2%;
		font: 12px "Open Sans", Helvetica, Arial, sans-serif;
			}
}
@media screen and (max-width: 480px) and (min-width: 401px){
	svg {
		height:310px;
		width:98%;
		margin:0px;	}
	#msg_box {
		position: relative;
		width:98%;
		margin:0px;	}
	#msg_title {
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		height:100%;
		padding:2%;
		font: 12px "Open Sans", Helvetica, Arial, sans-serif;
			}
}
@media screen and (max-width: 568px) and (min-width: 481px){
	svg {
		height:370px;
		width:98%;
		margin:0px;	}
	#msg_box {
		position: relative;
		width:98%;
		margin:0px;	}
	#msg_title {
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		height:100%;
		padding:2%;
		font: 12px "Open Sans", Helvetica, Arial, sans-serif;
			}
}
@media screen and (max-width: 685px) and (min-width: 569px){
	svg {
		height: 370px;
		float:left;
		width:98%; }
	#msg_box {
		float:center;
		position: relative;
		width:98%; }
	#msg_title {
		width:98%;
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		width:98%;
		height:100%;
		padding:2%;
		font: 12px "Open Sans", Helvetica, Arial, sans-serif;
			}
}
@media screen and (max-width: 768px) and (min-width: 686px){
	svg {
		height: 320px;
		float:center;
		width:98%; }
	#msg_box {
		float:center;
		position: relative;
		width:98%; }
	#msg_title {
		width:98%;
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		width:98%;
		height:100%;
		padding:2%;
		font: 12px "Open Sans", Helvetica, Arial, sans-serif;
			}
}
@media screen and (max-width: 1024px) and (min-width: 769px){
	svg {
		height: 430px;
		float:center;
		width:98%; }
	#msg_box {
		float:center;
		position: relative;
		width:98%; }
	#msg_title {
		width:98%;
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		width:98%;
		height:100%x;
		padding:2%;
		font: 12px "Open Sans", Helvetica, Arial, sans-serif;
			}
}
@media screen and (max-width: 1280px) and (min-width: 1025px){
	svg {
		height: 430px;
		float:center;
		width:98%; }
	#msg_box {
		float:center;
		position: relative;
		width:98%; }
	#msg_title {
		width:98%;
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		width:98%;
		height:100%;
		padding:2%;
		font: 12px "Open Sans", Helvetica, Arial, sans-serif;
			}
}
@media screen and (max-width: 1600px) and (min-width: 1281px){
	svg {
		height: 430px;
		float:center;
		width:98%; }
	#msg_box {
		float:center;
		position: relative;
		width:98%; }
	#msg_title {
		width:98%;
		margin:0 auto;
		min-height:25px; }
	#msg_data {
		margin:15px auto 5px;
		width:98%;
		height:100%;
		padding:2%;	
		font: 12px "Open Sans", Helvetica, Arial, sans-serif;
		}
}
@media screen and (min-width: 1601px){
	svg {
		height: 430px;
		float:center;
		width:98%; }
	#msg_box {
		float:center;
		position: relative;
		width:98%; }
	#msg_title {
		width:98%;
		margin:0 auto;
		min-height:25px;
		font: 22px "Open Sans", Helvetica, Arial, sans-serif;
	}
	#msg_data {
		margin:15px auto 5px;
		width:98%;
		height:100%;
		padding:2%;
		font: 12px "Open Sans", Helvetica, Arial, sans-serif;
	}
}
.unselectable {
	-moz-user-select:none;
	-webkit-user-select:none;
}
.tip{
	display:none;
	padding:5px;
	border:1px solid #EBECED;
	color:#edeef0;
	font-weight: bold;
	z-index:1000;
	float:left;
	position:absolute;
	/*gradient color*/
	background: rgb(73,73,73); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(73,73,73,1) 0%, rgba(101,101,101,1) 0%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,73,73,1)), color-stop(0%,rgba(101,101,101,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(73,73,73,1) 0%,rgba(101,101,101,1) 0%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(73,73,73,1) 0%,rgba(101,101,101,1) 0%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(73,73,73,1) 0%,rgba(101,101,101,1) 0%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(73,73,73,1) 0%,rgba(101,101,101,1) 0%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#656565',GradientType=0 ); /* IE6-9 */
	word-break:keep-all;
	white-space:nowrap;
}
#msg_title {
	border:1px solid #ffffff;
    -moz-border-radius: 8px;      
    -webkit-border-radius: 8px;   
    border-radius:8px;            
	box-shadow:1px 2px 4px #ffffff;
	-moz-box-shadow:1px 2px 4px #ffffff;
	-webkit-box-shadow:1px 2px 4px #ffffff;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font: 22px "Open Sans", Helvetica, Arial, "San Serif";
	text-align: center;
	padding:10px;
	line-height: 25px;
	color:#333;
	/*gradient color*/
	background: transparent; /* Old browsers */
	 /* FF3.6+ */
	 /* Chrome,Safari4+ */
	 /* Chrome10+,Safari5.1+ */
	 /* Opera 11.10+ */
	 /* IE10+ */
	 /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
#msg_data{
	line-height: 22px;
	background: transparent;
	border:1px solid #ffffff; 
    -moz-border-radius: 6px;      
    -webkit-border-radius: 6px;  
    border-radius:6px; 
	box-shadow:1px 2px 8px #ffffff9;
	-moz-box-shadow:1px 2px 8px #ffffff;
	-webkit-box-shadow:1px 2px 8px #ffffff;
	overflow: auto;
	word-wrap:break-word;
	font: 14px "Open Sans", Helvetica , Arial;
	text-align: left;	
	color: #000000;
	/*gradient color*/
	/* Old browsers */
	 /* FF3.6+ */
	 /* Chrome,Safari4+ */
	 /* Chrome10+,Safari5.1+ */
	 /* Opera 11.10+ */
	 /* IE10+ */
	 /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}

#list2 {
  padding-left: 20px;
}


.contact-details {
	font-size: 14px !important;
}

.lead > a{
	color: #0088cc !important;
}

body .body > .row{
	margin-right: 0px;
}

/*werksheets banner on homepage*/

.feature-icon{
	float: left;
}
.feature-text{
	float:left; 
	font-size: 25px; 
	font-weight:800; 
	color: white; 
	padding-top:6px; 
	padding-left: 15px;
}
.banner-background-element{
	height: 450px;
}
.color-grey{
	background-color: #435465; 
}
.banner-element-holder{
	margin:auto; 
	height:450px; 
	padding-top:75px;
}
.feature-holder{
	height: 14%;
}
.werksheets-large-text{
	color:white; 
	font-size: 50px; 
	line-height: 50px; 
	font-weight: 300;
	padding-top: 10px;
}
.werksheets-medium-text{
	margin-top: 15px;
	color:white; 
	font-size: 25px; 
	line-height: 30px; 
	font-weight: 200;
	margin-bottom: 20px;
}
.left-banner-element{
	width: 470px;
	margin-left: 20%;
}
.right-banner-element{
	width: 298px;
}
.werksheets-button-dark{
	background-color:#233445; 
	font-weight: 700;
	color: white;
}
.werksheets-button-dark:hover{
	color:white;
}
.werksheets-button-dark > img{
	padding-left:10px;
}
.werksheets-button-light{		
	color:#233445; font-weight: 700;
	margin-right: 10px;
}
.werksheets-banner{
	padding-right: 0px; margin-top:35px; margin-bottom:5px;
}
.werksheets-middle-banner-element{
	position: absolute;
	right: -15%;
	top: 6%;
	z-index: 100;
}
@media(max-width:700px){
	.werksheets-middle-banner-element{
		display:none;
	}
	.left-banner-element{
		height:450px !important;
	}
}
@media (max-width:992px){
	.right-banner-element{
		margin:0px !important;
		margin-left:auto !important;
		margin-right:auto !important;
	}
	.color-grey{
		height:450px !important;
	}
}
@media (max-width: 1700px){
	.werksheets-middle-banner-element{
		position: relative;
		top: -20px;
		left: -80px;
		margin: auto;
	}
	.banner-background-element{
		height: 850px;
		vertical-align: center;
	}
	.right-banner-element{
		margin-top: 200px;
	}
}