@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: 'OpenSans-Regular';
  src: url('../font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
       url('../font/OpenSans-Regular.woff') format('woff'),
	   url('../font/OpenSans-Regular.ttf')  format('truetype'),
	   url('../font/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans-SemiBold';
  src: url('../font/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
  	   url('../font/OpenSans-SemiBold.woff') format('woff'),
	   url('../font/OpenSans-SemiBold.ttf')  format('truetype'),
	   url('../font/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans-Bold';
  src: url('../font/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
       url('../font/OpenSans-Bold.woff') format('woff'),
	   url('../font/OpenSans-Bold.ttf')  format('truetype'),
	   url('../font/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans-ExtraBold';
  src: url('../font/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('../font/OpenSans-ExtraBold.woff') format('woff'),
	   url('../font/OpenSans-ExtraBold.ttf')  format('truetype'),
	   url('../font/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

*{margin: 0px;padding: 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body,html {width:100%;font-family: 'OpenSans-Regular';color: #282828;line-height: 18px; font-weight:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
img{border:none;}
a{text-decoration:none; outline:none;color: #282828; font-family: 'OpenSans-SemiBold';}
.clear{clear:both;}
.wrapper{width:100%; height:auto; padding:0; margin:0;}
.container{width:100%; max-width:1100px; padding:2em 3em; margin:auto;}
h1{font-size:1.750em; color:#00285d; font-weight:normal; margin-bottom:0.750em;}
h3{font-size:1.250em; color:#00285d; font-weight:normal;padding-top:0.250em;}
p{font-size:0.938em; color:#282828; margin:1em 0; line-height:24px; }

.accordion {
  background-color: #ffffff;
  color:#333333;
  cursor: pointer;
  padding: 18px 25px;
  width: 100%;
  text-align: left;
  outline: none;
  font-size:1em;
  transition: 0.4s;
  margin-top:1.5em;
  border:none;
  position:relative;
  font-weight:normal;
  box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.05);
  font-family: 'OpenSans-SemiBold';
}

.active, .accordion:hover {
  background-color: #f9f9f9;
}

.accordion:after {
  content: '\002B';
  color: #666666;
  font-weight: normal;
  font-size:1.5em;
  right:0.750em;
  position:absolute;
  height: 34px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'OpenSans-Regular';
}

.active:after {
  content: "\2212";
  color: #666666;
  background: transparent;
  font-family: 'OpenSans-Regular';
}

.panel {
  padding: 0 15px;
  background-color: white;
  max-height:inherit;
  overflow:hidden;
  transition: max-height 0.2s ease-out;
}

div.panel {
    display: none;
	
}

div.panel.show {
    display: block;
	
}
@media screen and (max-width:479px){
	.container{padding:2em 1em;}
	h1{font-size:1.5em; margin-bottom:0.5em;}
	h3 {font-size: 1.150em;}
	.accordion{font-size:1em;margin-top:1em;padding: 15px 20px;}
	.accordion:after {right:15px;height: auto;}
	p{font-size:0.875em; margin:1em 0; text-align:justify;line-height:20px;}
   
}

@media screen and (max-width:375px){
	h1{font-size:1.350em;}
	h3 {font-size: 1.100em;}
	
}