/*=====================================*/
.example {
  background: url(../images/accordion-panel-bg.html) repeat;
  overflow: hidden;
 
  margin-bottom: 20px;
}

/* Pre hide sections with JavaScript on
--- */
h5+div {
  display: block;
}

/* CSS3 Animation example
--- */
#css3-animated-example{ border-radius:3px; overflow:hidden; margin:0px 0 0 0;}
#css3-animated-example h5{ font-family: 'latobold'; font-size:15px; }
#css3-animated-example h5 img{ margin-right:12px; width:20px; height:20px; display:block; float: left;}
#css3-animated-example h5 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  background:none;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
}
#css3-animated-example .content {padding:13px 0 13px 13px; overflow:scroll; background:#f5f5f5; }
.site iframe{overflow-x: hidden;
overflow-y: scroll; width:100%; border:none;}
#css3-animated-example .content img{ text-align:center; display:block; width:100%; margin:0px auto;}
#css3-animated-example .content h4{font-family: 'MyriadProRegular'; color:#3f3f3f; font-size:16px; text-transform:none; 
padding:5px 13px;}
#css3-animated-example .content p {color:#5c5c5c; font-size:15px ; font-weight:normal; line-height:17px; font-family: 'CalibriRegular'; padding:0 13px 13px 0;}
#css3-animated-example .content p a{color:#000;} 
#css3-animated-example .content p a:hover{ color:#5c5c5c;}
#css3-animated-example .content p.text a{color:#4d1c1a; padding:0; }
#css3-animated-example .content p.text a:hover{color:#91251f; text-decoration:underline;}
#css3-animated-example h5.open + div ul li{ height:28px; font-size:13px; line-height:28px; background:url(../images/sub-nav.html) no-repeat 7px 10px; text-transform:none; margin:0 0 0 0px;}
#css3-animated-example h5.open + div ul li a{display:block; float:left; width:98%; background:url(../images/dot-icon.html) no-repeat 0px 10px;
padding:0 0 0 15px; font-family: 'latobold'; font-size:16px; color:#444; margin:0 0 5px 0;}
/* Event example
--- */
pre#event-log {
  background: #fafacc;
  padding: 10px;
  display: block;
}

/* Responsive design
--- */
 h5{ font-family: 'latobold'; font-size:14px; display:block; color:#757575; background:url(../images/category-icon2.html) no-repeat right center #f9f9fa; }
 h5 a {
font-size:14px !important; background:#00AAD3;
  display: block;
  margin: 0 0 10px 0;
  color: #fff;
  font-family: 'latobold';
  text-decoration: none;
  font-weight: normal;
  border-top:1px solid #dfdfdf;
  float:right;
  text-align:center;
  width:100px;
  padding:5px 10px;
  clear:both;
  border-radius:3px;

}

 h5.open  { background:#03718F; }
 h5.open a { background:#03718F; }
 h5 + div { padding:10px 0px; clear:both; }