/* ----- quem-somos ----- */
.quem-somos{color:#8a8a8a; padding:60px 0 90px; text-align:center;}

.quem-somos-um{background:url(../img/quem-somos-box-um.jpg) no-repeat center bottom; padding-bottom:65px;}

.quem-somos-dois{margin-top:50px;}



/* --- titulo --- */
.quem-somos-um-titulo,
.quem-somos-dois-titulo{font-family:Arial; font-size:26px; letter-spacing:1px; text-transform:uppercase;}

.quem-somos-um-titulo{background:url(../img/quem-somos-titulo-um.jpg) no-repeat center; color:#383838; margin-bottom:25px;}

.quem-somos-dois-titulo{color:#54d389;}


/* grupo um */
.quem-somos-um-texto:not(:first-of-type){margin-top:25px;}


/* grupo dois */
.quem-somos-dois-boxes{background:url(../img/quem-somos-dois-boxes.jpg) no-repeat center top; margin:20px 0 0 -20px; overflow:hidden;}

.quem-somos-dois-box{box-sizing:border-box; font-size:14px; float:left; min-height:462px; padding:207px 0 0 20px; position:relative; width:33.33%;}

.quem-somos-dois-box::before{background-image:url(../img/quem-somos-dois-box-linhas-ativas.jpg); background-repeat:no-repeat; content:''; display:block; height:76px; opacity:0; position:absolute; top:0; width:1170px;}

.quem-somos-dois-box::after{background:url(../img/quem-somos-dois-box-icones.png) no-repeat; box-sizing:border-box; border:1px solid #e2d7d7; border-radius:100%; content:''; display:block; height:100px; left:50%; margin-left:-50px; position:absolute; transition:background-color .5s; -webkit-transition:background-color .5s; top:76px; width:100px;}

.quem-somos-dois-box-mensalistas::after{background-position:-100px 0;}

.quem-somos-dois-box-eventuais::after{background-position:-200px 0;}

.quem-somos-dois-box:hover::before{opacity:1;}

.quem-somos-dois-box:hover::after{background-color:#54d389;}

.quem-somos-dois-box-personalizados:hover::before{background-position:173px 0; left:20px;}

.quem-somos-dois-box-mensalistas:hover::before{background-position:173px -76px; left:-377px;}

.quem-somos-dois-box-eventuais:hover::before{background-position:173px -152px; left:-773px;}

.quem-somos-dois-box-personalizados:hover::after{background-position:0 -100px; border-color:#9dd3af;}

.quem-somos-dois-box-mensalistas:hover::after{background-position:-100px -100px;}

.quem-somos-dois-box-eventuais:hover::after{background-position:-200px -100px;}

.quem-somos-dois-box:hover .quem-somos-dois-subtitulo{color:#54d389;}

.quem-somos-dois-subtitulo{color:#606060; font-family:Arial; font-size:14px; margin-bottom:10px; text-transform:uppercase;}

.quem-somos-dois-btn{border:1px solid #dedede; border-radius:5px; color:inherit; display:inline-block; font-family:Arial; font-size:11px; font-weight:bold; margin-top:15px; padding:4px 10px; text-decoration:none; text-transform:uppercase; transition:all .7s; -webkit-transition:all .7s;}

.quem-somos-dois-btn:hover{background:#000; color:#fff;}