*{margin:0;padding:0;}
body{background:#fff;font-size:14px;font-family:Open Sans,sans-serif;line-height:1.6;}
header{margin-bottom:2em;}
h1{color:#848688;font-size:20px;}
h2{color:#595959;font-size:1.8em;font-weight:700;margin-bottom:20px;}
a{color:#409000;text-decoration:none;}
.wrapper{margin:0 auto;padding: 0 20px;max-width:960px}
.panel-heading{position: relative}
.panel-heading:before {background: linear-gradient(to right, #fff0 50%, #eee) repeat scroll 0 0;content: "";height: 1px;position: absolute;top: 23px;width: 100%;}
.all_parent{display:flex;align-items:center;align-content:center;justify-content:center;overflow:auto;margin-bottom: 40px;}
.all{display:block;background: #9c744a;padding:10px 25px;color:#fff;font-weight:700;text-transform:uppercase;}
.all:hover{color:#fff;background: #84623f;}
.carousel{display: flex;margin: 40px 0;}
.wrap1, .wrap{display:flex;align-items:center;align-content:center;justify-content:center;overflow:auto;width: 25%}
.title{color: #9c744a;font-weight: 700;display:block;text-align: center;}
.tgk{font-style:italic;color:#6d6d6d;display:block;text-align: center;}
.prev, .next{font-size: 2em;height: 290px;background: #fff;width: 30px;}
i{color: #a3c52d;position: relative;top: 50%;transform: translateY(-50%);}
i:hover {color: #9c744a;}
@media (max-width: 425px){
.wrap1 {width: 100%;text-align: center;}
.wrap {display: none;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.5em;}
.panel-heading:before {display: none}
.title{font-size: 2em;}
.tgk{font-size: 1.4em;}
.all{font-size: 1.6em;}
.carousel img {height: 360px;width: 195px;}
.prev, .next {height: 441px;}
}