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

/* ----------------------------------------------------------------------------- *
 *                        Template Laxman by A-KRUEGER                          *
 * ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- *
 *                                    Breadcrumb                                 *
 * ----------------------------------------------------------------------------- */
ul.breadcrumb {
    list-style: none;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 1.0em;
}
ul.breadcrumb li {display: inline;}
ul.breadcrumb li+li:before {
    padding: 1px;
    content: "/\00a0";
	
}
ul.breadcrumb li a {
	font-family: Arial;
	font-size: 1.0em;
    text-decoration: none;
}
ul.breadcrumb li a:hover {
    color: #666666;
    text-decoration: underline;
}

@media all and (max-width: 768px) {
  ul.breadcrumb{
    display:none;
  }
}

/* ----------------------------------------------------------------------------- *
 *                                Accordion                                      *
 * ----------------------------------------------------------------------------- */
button.accordion {
    background-color: #eee;
    color: #336699;
	font-family: Arial;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

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

button.accordion:after {
    content: '\002B';
    color: #336699;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2212";
}

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

.flex-accordion {
    display: -webkit-flex;
	-webkit-justify-content:space-between;
    display: flex;
	justify-content:space-between;
    margin: 0 auto;
	max-width: 100%; /* Width see section */
	height: auto;
    background-color: #ffffff;
}

.flex-accordion-box {
    background-color: #ffffff;
    margin-top: 20px;
	margin-bottom: 20px;
	text-align:justify;
}

.flex-accordion-box h2 {
    margin-top: 30px;
	margin-bottom: 30px;
	font-family: Arial, Verdana, serif;
	font-size: 3.0em;
	font-weight: normal;
    color: #336699;    
	line-height: 1.5em;
	text-align: center;
}

.flex-accordion-box h3 {
    margin: 0;
	padding-top: 20px;
	padding-bottom: 10px;
	font-family: Arial, Verdana, serif;
	font-size: 1.0em;
	font-weight: normal;
    color: #336699;    
	line-height: 1.5em;
	text-align: left;
}

.flex-accordion-box p1  {
	color: #808080; 
    font-size: 1.0em; 
    font-weight: normal;
	font-family: Tahoma, Arial, Verdana, serif;
	line-height: 1.5em;
}

.flex-accordion-box p2  {
	color: #808080; 
    font-size: 0.8em; 
    font-weight: normal;
	font-family: Tahoma, Arial, Verdana, serif;
	line-height: 1.5em;
}

.flex-accordion-box a {
    color:#336699;
    text-decoration: none;
}

.flex-accordion-box a:hover {
    opacity: 0.7;
}

.flex-accordion-box ul {
    list-style-type: disc;
	list-style-position:outside;
}

.flex-accordion-box ul li {
    color: #808080;
    margin: 5px;
	font-size: 1.0em; 
    font-weight: normal;
	font-family: Tahoma, Arial, Verdana, serif;
	line-height: 1.5em;
}

.flex-accordion-box img  {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	box-shadow: 1px 1px 2px #0a0a0a;
}


@media all and (max-width: 768px) {
  .flex-accordion{
    flex-wrap: wrap;
}

  .flex-accordion-box h2{
    font-size: 2.0em;
    top: 14vw;
}
}

@media all and (max-width: 350px) {
  .flex-accordion-box h2{
    font-size: 1.5em;
    top: 14vw;
  }  
  .flex-accordion-box h3{
    font-size: 0.9em;
    top: 14vw;
  }
  .flex-accordion-box  p1, p2, p3 {
    font-size: 0.9em;
  }
  .flex-accordion-box ul li {
    margin: 0;
	padding: 0;
	font-size: 0.8em; 
	text-align: left;
}  
}