/*light version*/
 @font-face {
	font-family: NeoSansLight;
	src: url('../fonts/NeoSansStdLight.otf'); 
	     local('NeoSansLight');
    format('opentype');
}
/*bold version*/
 @font-face {
	font-family: NeoSansBold;
	src: url('../fonts/NeoSansStdBold.otf'); 
	     local('NeoSansBold');
    format('opentype');
}
/* regular version - default*/
 @font-face {
	font-family: NeoSansRegular;
	src: url('../fonts/NeoSansStdRegular.otf'); 
	     local('NeoSansRegular');
    format('opentype');
}

html {
  font-family: NeoSansRegular, Helvetica,sans-serif,Arial; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

h1 {
  margin-top: 0;
}

h2 {
  margin: 1em 0;
  font-size: 1em;
}

details {
  border-radius: 3px;
  margin: 1em 0;
}

summary {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFF;
  border-radius: 3px;
  padding: 5px 10px;
  outline: none;
  font-size: 100%;
}
/* Change the color and size of the marker. */
summary::-webkit-details-marker {
    color: #f37242;
    font-size: 150%;
	vertical-align:center;
}

/* Style the summary when details box is open #191818 */
details[open] summary {
  background: #5e75ba;
  color: #FFF;
}

/* Custom Markers */
#custom-marker summary {
  font-size: 10vw;
  vertical-align: center;
}

#custom-marker summary::-webkit-details-marker {
  display: none;
}

#custom-marker summary:before {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  content: "";
  background-repeat: no-repeat;
  background-position: 0 0;
}

#custom-marker[open] summary:before {
  background-position: -18px 0;
}