body{font-family: "Roboto Condensed", sans-serif;font-size: 14px;font-weight:400;color:#444;}
a{text-decoration: none;transition: all 0.3s linear;}

.primbg {background-color: #5a9795;}
.primmbg {background-color: #33594f;}
.primdbg {background-color: #1f2b28;}
.seconbg {background-color: #e6ecea;}
.ybg {background-color: #9c9f63;}
.ylightbg {background-color: #efefba;}
.gradbg {background: #23322f; background: linear-gradient(0deg, #23322f 0%, #3c5e4c 50%, #9c9f63 100%);}

.logo{display:inline-block;padding:6px 14px 10px 14px;background-color: #e6ecea;border-radius: 0px 0px 12px 12px;}
.logo img {height:60px;transition: all 0.3s linear;}

.navi {margin-top: 26px;transition: all 0.3s linear;}
.navi a{display: inline-block;font-size:16px;font-weight:400;color:#fff;margin-left:24px;transform-origin: bottom;}
.navi a:hover {transform: scale(1.1);}
.navi .sep {display: inline-block;margin-left:20px;color:#fff;}

.srink {box-shadow:0px 0px 3px 1px rgba(0,0,0,0.2);background-color: #e6ecea;border-top: solid 1px #b5caca;}
.srink .logo {padding:6px 0px 6px 0px;}
.srink .logo img {height:42px;}
.srink .navi {margin-top: 18px;}
.srink .navi a{margin-left: 18px;color:#4a8077;}
.srink .navi .sep{color:#4a8077;}

.hero {display: block;overflow: hidden;}
.hero .imgone {background: url('../images/slide/a.jpg') no-repeat right bottom;background-size: cover;}
.hero .imgtwo {background: url('../images/slide/b.jpg') no-repeat right bottom;background-size: cover;}
.hero .imgtre {background: url('../images/slide/c.jpg') no-repeat right bottom;background-size: cover;}
.hero .imgfur {background: url('../images/slide/d.jpg') no-repeat right bottom;background-size: cover;}
.hero .imgfiv {background: url('../images/slide/e.jpg') no-repeat right bottom;background-size: cover;}

.hero .slide {display: flex;height: 670px;align-items: flex-end;}
.hero .slide .slidetext {display: inline-block;width:500px;padding:180px 45px 110px 45px;background: url(../images/slide/tbg.png) no-repeat left top;}
.hero .slide h1{font-size: 36px;line-height: 46px;font-weight: 600; color:#f3fcfb;text-transform: uppercase;}
.hero .slide p{display: inline-block;padding: 8px 16px 6px 16px;border-radius: 3px;font-size: 12px;font-weight: 400; color:rgba(255,255,255,0.8);text-transform: uppercase;background-color: #a0a26a;letter-spacing: 2px;}


.txcss h3 {font-size: 30px;color:#fff;font-weight: 400;}
.txcss h5 {font-size: 22px;color:#fff;font-weight: 400;}
.txcss p {font-size: 17px;color:#fff;font-weight: 250;line-height: 26px;opacity: 0.8;letter-spacing: 0.75px;}
.txcss p.sm{font-size: 15px;color:#9ebfb5;font-weight: 300;}
.txcss p.mid {font-size: 20px;color:#fff;font-weight: 400;}
.txcss a {font-size: 17px;color:#d5f1e9;font-weight: 300;display: inline-block;transform-origin: left;}
.txcss a:hover {transform: scale(1.1);color: #ffffff;}

.txcss_dark h3 {font-size: 30px;color:#1f2b28;font-weight: 450;}
.txcss_dark h5 {font-size: 18px;color:#1f2b28;font-weight: 450;}
.txcss_dark p {font-size: 17px;color:#000000;font-weight: 300;line-height: 26px;opacity: 1;letter-spacing: 0.5px;}
.txcss_dark p.sm{font-size: 15px;color:#2f4c44;font-weight: 300;}

.servicecard {display: block;padding: 30px 24px 16px 24px;border:solid 1px #cccf93;border-radius: 5px;margin-bottom: 30px;transition: all 0.3s linear;}
.servicecard * {transition: all 0.3s linear;}
.servicecard:hover {background-color: #33594f;}
.servicecard:hover h5 {color:#fff }
.servicecard:hover p {color:rgba(255,255,255,0.85)}

.ftr {background: url('../images/ftr.jpg') no-repeat right bottom;background-size: cover;}
.copytx {font-size: 15px;color:#9ebfb5;font-weight: 300;}