/* areasdeatuacao */
.areasdeatuacao { width: 940px; float: right; position: relative; z-index: 2; padding: 285px 100px 185px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.areasdeatuacao ul { }
.areasdeatuacao ul li { position: relative; margin-bottom: 100px; }
.areasdeatuacao ul li h3 { font-family: 'AGR'; font-size: 35px; color: rgba(255, 255, 255, 0.2); transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; position: relative; z-index: 2; margin-top: -37px; padding-right: 280px; }
.areasdeatuacao ul li p { width: 280px; height: 0; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; position: relative; z-index: 2; left: 280px; overflow: hidden; opacity: 0; }
.areasdeatuacao ul li p { display: -webkit-box; height: 67px; line-height: 1.4; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.areasdeatuacao ul li p strong { font-family: 'AGR'; font-size: 15px; color: #9F542E; }
.areasdeatuacao ul li a { left: 280px; position: relative; z-index: 2; overflow: hidden; color: #9F542E; opacity: 0; font-family: 'AGB'; margin-top: 3px; }

.areasdeatuacao ul li .bgdada { width: 100%; height: 100%; position: fixed; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(../imgs/grayscale.svg#greyscale); filter: gray; }

.areasdeatuacao.cts li.sel h3 { font-family: 'AGEB'; color: #9F542E; font-size: 50px; left: 0; }
.areasdeatuacao.cts li.sel p { height: auto; left: 380px; animation: 1s ease 0s normal forwards 1 fadeInLeft; -moz-animation: 1s ease 0s normal forwards 1 fadeInLeft; -webkit-animation: 1s ease 0s normal forwards 1 fadeInLeft; }
.areasdeatuacao.cts li.sel a { height: auto; left: 380px; animation: 1s ease 0s normal forwards 1 fadeInLeft !important; -moz-animation: 1s ease 0s normal forwards 1 fadeInLeft !important; -webkit-animation: 1s ease 0s normal forwards 1 fadeInLeft !important; }
.areasdeatuacao.cts li.sel .bgdada { opacity: 0.2; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(../imgs/grayscale.svg#greyscale); filter: gray; }