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

.template_1 .toptext {
 font-size: 14pt;
 font-weight: bold;
 color: #3d2851;
}

.template_1 .bulletbox {
 margin: 35px 0;
 padding: 0 80px;
 background-color: #599531;
 font-size: 20px;
 color:#fff;
}

.template_1 .bulletbox .bbcol {
 float: left;
 width: 50%;
}

.template_1 .bulletbox ul {
 list-style: disc;
 padding: 0 30px;
}

.template_1 .bulletbox li {
 padding:0 0 0 5px;
 margin-bottom: 8px;
}

.template_1 .bigtext {
 font-size: 22pt;
 line-height: 30pt;
 font-weight: bold;
 color: #3d2851;
}

.template_1 .imgbox {
 float: left;
 margin: 30px 10px 0 10px;
 width: 340px;
 height: 458px;
 text-align: center;
}

.template_1 .ibimg  {
 height: 240px;
}

.template_1 .ibtxt h5  {
 font-size: 20pt;
 color:#000;
 font-weight: bold;
 margin:15px 0 20px 0;
}

.template_1 .ibtxt p  {
 font-size: 13pt;
 line-height: 18pt;
}

.template_1 .floatclear  {
 clear:left;
 height: 0;
}

@media only screen and (max-width: 760px) {
 .template_1 .bulletbox {
  padding: 0 20px;
 }
 .template_1 .bulletbox .bbcol,.template_1 .imgbox {
  float: none;
  width: 100%;
 }
 .template_1 .imgbox {
  height: auto;
 }
}

.template_3 img,.template_4 img {
 width: 100%;
}
.template_3 .twoimages {
 padding: 20px;
 width: calc(50% - 40px);
 float: left;
}

.template_4 .fourimages {
 padding: 15px;
 width: calc(25% - 30px);
 float: left;
}
/*
@media (max-width: 1080px) {
 .template_4 .fourimages {
  padding: 20px;
  width: calc(50% - 40px);
 }
}
*/
@media (max-width: 650px) {
 .template_3 .twoimages,.template_4 .fourimages {
/*  width: 100%;
  float: none;
  padding: 15px 0; */
  width: calc(50% - 20px);
  padding: 10px;
 }
}

.template_5 {
 display: flex;
 justify-content: center;
}

.template_5 .row {
 flex: 1;
}

.template_5 .leftbox {
 padding: 10px 15px;
 background-color: #3d2851;
 color: #fff;
 border-left: 5px #72a736 solid;
 display: flex;
}

.template_5 .valign {
 margin: auto 0;
}

.template_5 .leftbox h3 {
 margin: 0;
 font-size: 40px;
 line-height: 46px;
}

.template_5 .leftbox ul {
 list-style: none;
 font-size: 20px;
 padding: 0;
}

.template_5 img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

@media (max-width: 650px) {
 .template_5 {
  display: block;
 }
}