@charset "utf-8";
:root{--color:#2eaa6b}
.main .addthis_inline_share_toolbox{clear:none !important}
#fh5co-portfolio-list li .case-studies-summary{width:auto;bottom:2em;left:2em;right:2em;position:absolute;z-index:100}
#fh5co-portfolio-list li .case-studies-summary span{text-transform:uppercase;letter-spacing:2px;font-size:13px;color:rgba(255,255,255,.7)}
#fh5co-portfolio-list li .case-studies-summary h2 span {font-size:20px;color:#fff;margin-bottom:0}
.fh5co-blog .blog-text h3 {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
#nav li a {font-size:18px!important;font-weight:bold;padding:0 7px}
.services {margin-top:0}
.head {background:#fff}
.head-logo {width:auto}
.about {background-position:center;background-size:cover;height:auto!important;display:flex;justify-content:space-between;padding:60px calc(50% - 700px)}
.about:before {position:absolute;top:0;left:0}
.abvideo {position:relative;width:48%}
.abvideo iframe {width:100%;height:100%}
.about-wrapper {position:static;padding:0;width:48%;align-items:flex-start}
.about-text {width:100%;text-align:left;margin-bottom:30px;line-height:1.8}
.about-wrapper .btn-wrapper {justify-content:flex-start}
.about-wrapper .btn-wrapper a {margin:0}
.about-title {padding:0 0 15px;font-size:27px}
@media (max-width:1520px){.about{padding:60px calc(50% - 600px)}}
@media (max-width:1280px){.about{padding:60px calc(50% - 500px)}}
@media (max-width:768px){.about{padding:40px 5.3333333333vw;flex-wrap:wrap}
.abvideo{width:100%;height:360px;margin-bottom:20px}
.about-wrapper{width:100%}
.about-title{font-size:24px}
.about-text{margin:0;line-height:1.6}}
@media (max-width:540px){.abvideo{height:280px}}
.common-main p { padding-bottom:2px}
@media (min-width:769px){.head-nav>ul .submenu .LiLevel1{position:relative}
.head-nav>ul .submenu .LiLevel1 ul{position:absolute;left:100%;top:0;background:#0c91e6;display:none}
.head-nav>ul .submenu .LiLevel1:hover ul{display:block}}
.head-logo{max-width:inherit}
.foot-l .foot-u p{color:#fff}