.cf:before, .cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

.pt0, .pv0,
.pa0 {
  padding-top: 0px !important;
}

.pr0, .ph0,
.pa0 {
  padding-right: 0px !important;
}

.pb0, .pv0,
.pa0 {
  padding-bottom: 0px !important;
}

.pl0, .ph0,
.pa0 {
  padding-left: 0px !important;
}

.mt0, .mv0,
.ma0 {
  margin-top: 0px !important;
}

.mr0, .mh0,
.ma0 {
  margin-right: 0px !important;
}

.mb0, .mv0,
.ma0 {
  margin-bottom: 0px !important;
}

.ml0, .mh0,
.ma0 {
  margin-left: 0px !important;
}

.pt5, .pv5,
.pa5 {
  padding-top: 5px !important;
}

.pr5, .ph5,
.pa5 {
  padding-right: 5px !important;
}

.pb5, .pv5,
.pa5 {
  padding-bottom: 5px !important;
}

.pl5, .ph5,
.pa5 {
  padding-left: 5px !important;
}

.mt5, .mv5,
.ma5 {
  margin-top: 5px !important;
}

.mr5, .mh5,
.ma5 {
  margin-right: 5px !important;
}

.mb5, .mv5,
.ma5 {
  margin-bottom: 5px !important;
}

.ml5, .mh5,
.ma5 {
  margin-left: 5px !important;
}

.pt10, .pv10,
.pa10 {
  padding-top: 10px !important;
}

.pr10, .ph10,
.pa10 {
  padding-right: 10px !important;
}

.pb10, .pv10,
.pa10 {
  padding-bottom: 10px !important;
}

.pl10, .ph10,
.pa10 {
  padding-left: 10px !important;
}

.mt10, .mv10,
.ma10 {
  margin-top: 10px !important;
}

.mr10, .mh10,
.ma10 {
  margin-right: 10px !important;
}

.mb10, .mv10,
.ma10 {
  margin-bottom: 10px !important;
}

.ml10, .mh10,
.ma10 {
  margin-left: 10px !important;
}

.pt15, .pv15,
.pa15 {
  padding-top: 15px !important;
}

.pr15, .ph15,
.pa15 {
  padding-right: 15px !important;
}

.pb15, .pv15,
.pa15 {
  padding-bottom: 15px !important;
}

.pl15, .ph15,
.pa15 {
  padding-left: 15px !important;
}

.mt15, .mv15,
.ma15 {
  margin-top: 15px !important;
}

.mr15, .mh15,
.ma15 {
  margin-right: 15px !important;
}

.mb15, .mv15,
.ma15 {
  margin-bottom: 15px !important;
}

.ml15, .mh15,
.ma15 {
  margin-left: 15px !important;
}

.pt20, .pv20,
.pa20 {
  padding-top: 20px !important;
}

.pr20, .ph20,
.pa20 {
  padding-right: 20px !important;
}

.pb20, .pv20,
.pa20 {
  padding-bottom: 20px !important;
}

.pl20, .ph20,
.pa20 {
  padding-left: 20px !important;
}

.mt20, .mv20,
.ma20 {
  margin-top: 20px !important;
}

.mr20, .mh20,
.ma20 {
  margin-right: 20px !important;
}

.mb20, .mv20,
.ma20 {
  margin-bottom: 20px !important;
}

.ml20, .mh20,
.ma20 {
  margin-left: 20px !important;
}

.pt30, .pv30,
.pa30 {
  padding-top: 30px !important;
}

.pr30, .ph30,
.pa30 {
  padding-right: 30px !important;
}

.pb30, .pv30,
.pa30 {
  padding-bottom: 30px !important;
}

.pl30, .ph30,
.pa30 {
  padding-left: 30px !important;
}

.mt30, .mv30,
.ma30 {
  margin-top: 30px !important;
}

.mr30, .mh30,
.ma30 {
  margin-right: 30px !important;
}

.mb30, .mv30,
.ma30 {
  margin-bottom: 30px !important;
}

.ml30, .mh30,
.ma30 {
  margin-left: 30px !important;
}

.pt50, .pv50,
.pa50 {
  padding-top: 50px !important;
}

.pr50, .ph50,
.pa50 {
  padding-right: 50px !important;
}

.pb50, .pv50,
.pa50 {
  padding-bottom: 50px !important;
}

.pl50, .ph50,
.pa50 {
  padding-left: 50px !important;
}

.mt50, .mv50,
.ma50 {
  margin-top: 50px !important;
}

.mr50, .mh50,
.ma50 {
  margin-right: 50px !important;
}

.mb50, .mv50,
.ma50 {
  margin-bottom: 50px !important;
}

.ml50, .mh50,
.ma50 {
  margin-left: 50px !important;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.header-title {
  font-size: 12px;
  background-color: #444444;
  color: #fff;
}

.mainview {
  background-color: #f7f6f0;
}

.title {
  position: relative;
  padding: 0 0 5px 0;
  font-size: 20px;
  border-bottom: #BFBFBF dotted 1px;
}

.title:first-letter {
  font-size: 40px;
  color: #ff0000;
}

.index_card {
  border: 0.5px solid #dddddd;
  border-radius: 3px;
  background-color: #fafafa;
  margin: 20px 0;
}

.index_card .col-lg-7 {
  padding: 30px;
}

.index_card .col-lg-5 {
  padding: 30px 10px;
}

.index_card p {
  margin: 30px 0;
}

.index_card p small {
  display: block;
  margin-top: 10px;
  color: #888;
}

.slider-nav img, .slider-for img {
  width: 100%;
  height: auto;
}

footer {
  background-color: #444444;
  color: #fff;
}

footer a {
  color: #BBB;
  text-decoration: underline !important;
}

.mfp_element_all {
  max-width: 100% !important;
}

@media (max-width: 767.98px) {
  .carousel-caption h5 {
    font-size: 1.25rem !important;
  }
  .carousel-caption p {
    font-size: 0.75rem !important;
  }
}

@media (max-width: 575.98px) {
  .carousel-caption h5 {
    font-size: 1rem !important;
  }
  .carousel-caption p {
    font-size: 0.75rem !important;
  }
}
/*# sourceMappingURL=layout.css.map */