*{
box-sizing:border-box;
margin:0;
outline:none;
padding:0;
text-decoration:none;
vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block
}
a{
text-decoration:none
}
ol,ul{
list-style:none
}
img,object,video{
height:auto;
max-width:100%
}
iframe{
max-width:100%
}
img{
vertical-align:middle
}
object[type="application/gas-events-abn"]{
display:none !important
}
button,textarea,input,select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:none;
border-radius:0;
border:0
}
strong,b{
font-weight:bold
}
i,em{
font-style:italic
}
u{
text-decoration:underline
}
table{
border-collapse:collapse;
border-spacing:0
}
@font-face{
font-family:'Bodoni 72';
src:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/BodoniSvtyTwoITCTT-Book.eot);
src:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/BodoniSvtyTwoITCTT-Book.eot?#iefix) format("embedded-opentype"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/BodoniSvtyTwoITCTT-Book.woff2) format("woff2"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/BodoniSvtyTwoITCTT-Book.woff) format("woff"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/BodoniSvtyTwoITCTT-Book.ttf) format("truetype"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/BodoniSvtyTwoITCTT-Book.svg#BodoniSvtyTwoITCTT-Book) format("svg");
font-weight:normal;
font-style:normal;
font-display:swap
}
@font-face{
font-family:'Bodoni 72';
src:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/BodoniSvtyTwoITCTT-BookIta.eot);
src:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/BodoniSvtyTwoITCTT-BookIta.eot?#iefix) format("embedded-opentype"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/BodoniSvtyTwoITCTT-BookIta.woff2) format("woff2"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/BodoniSvtyTwoITCTT-BookIta.woff) format("woff"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/BodoniSvtyTwoITCTT-BookIta.ttf) format("truetype"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/BodoniSvtyTwoITCTT-BookIta.svg#BodoniSvtyTwoITCTT-BookIta) format("svg");
font-weight:normal;
font-style:italic;
font-display:swap
}
@font-face{
font-family:'Bodoni 72';
src:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/BodoniSvtyTwoITCTT-Bold.eot);
src:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/BodoniSvtyTwoITCTT-Bold.eot?#iefix) format("embedded-opentype"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/BodoniSvtyTwoITCTT-Bold.woff2) format("woff2"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/BodoniSvtyTwoITCTT-Bold.woff) format("woff"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/BodoniSvtyTwoITCTT-Bold.ttf) format("truetype"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/BodoniSvtyTwoITCTT-Bold.svg#BodoniSvtyTwoITCTT-Bold) format("svg");
font-weight:bold;
font-style:normal;
font-display:swap
}
@font-face{
font-family:'Lora';
src:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lora-Regular.eot);
src:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lora-Regular.eot?#iefix) format("embedded-opentype"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lora-Regular.woff2) format("woff2"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lora-Regular.woff) format("woff"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lora-Regular.ttf) format("truetype"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lora-Regular.svg#Lora-Regular) format("svg");
font-weight:normal;
font-style:normal;
font-display:swap
}
@font-face{
font-family:'Lora';
src:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lora-Medium.eot);
src:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lora-Medium.eot?#iefix) format("embedded-opentype"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lora-Medium.woff2) format("woff2"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lora-Medium.woff) format("woff"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lora-Medium.ttf) format("truetype"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lora-Medium.svg#Lora-Medium) format("svg");
font-weight:500;
font-style:normal;
font-display:swap
}
@font-face{
font-family:'Lora';
src:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lora-MediumItalic.eot);
src:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lora-MediumItalic.eot?#iefix) format("embedded-opentype"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lora-MediumItalic.woff2) format("woff2"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lora-MediumItalic.woff) format("woff"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lora-MediumItalic.ttf) format("truetype"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lora-MediumItalic.svg#Lora-MediumItalic) format("svg");
font-weight:500;
font-style:italic;
font-display:swap
}
@font-face{
font-family:'Lato';
src:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lato-Light.eot);
src:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lato-Light.eot?#iefix) format("embedded-opentype"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lato-Light.woff2) format("woff2"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lato-Light.woff) format("woff"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lato-Light.ttf) format("truetype"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lato-Light.svg#Lato-Light) format("svg");
font-weight:300;
font-style:normal;
font-display:swap
}
@font-face{
font-family:'Lato';
src:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lato-Regular.eot);
src:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lato-Regular.eot?#iefix) format("embedded-opentype"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lato-Regular.woff2) format("woff2"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lato-Regular.woff) format("woff"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lato-Regular.ttf) format("truetype"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lato-Regular.svg#Lato-Regular) format("svg");
font-weight:normal;
font-style:normal;
font-display:swap
}
@font-face{
font-family:'Lato';
src:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lato-Bold.eot);
src:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lato-Bold.eot?#iefix) format("embedded-opentype"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lato-Bold.woff2) format("woff2"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lato-Bold.woff) format("woff"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lato-Bold.ttf) format("truetype"),url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/fonts/Lato-Bold.svg#Lato-Bold) format("svg");
font-weight:bold;
font-style:normal;
font-display:swap
}
.container{
margin:0 auto;
max-width:1240px;
position:relative;
width:90%
}
.row{
box-sizing:border-box;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-flex:0;
-webkit-flex:0 1 auto;
-ms-flex:0 1 auto;
flex:0 1 auto;
margin:0 -10px
}
.row--alignCenter{
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
.row--alignRight{
-webkit-box-pack:end;
-webkit-justify-content:flex-end;
-ms-flex-pack:end;
justify-content:flex-end
}
.row--alignHorizontal{
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center
}
[class*="col"]{
box-sizing:border-box;
-webkit-box-flex:0;
-webkit-flex:0 1 auto;
-ms-flex:0 1 auto;
flex:0 1 auto;
margin:0 0 20px;
padding:0 10px
}
.col--noMarginBottom{
margin-bottom:0
}
.col--noPadding{
padding:0
}
.col-d-1{
-webkit-flex-basis:8.33333%;
-ms-flex-preferred-size:8.33333%;
flex-basis:8.33333%;
max-width:8.33333%
}
.col-order-1{
-webkit-box-ordinal-group:2;
-webkit-order:1;
-ms-flex-order:1;
order:1
}
.col-d-2{
-webkit-flex-basis:16.66667%;
-ms-flex-preferred-size:16.66667%;
flex-basis:16.66667%;
max-width:16.66667%
}
.col-order-2{
-webkit-box-ordinal-group:3;
-webkit-order:2;
-ms-flex-order:2;
order:2
}
.col-d-3{
-webkit-flex-basis:25%;
-ms-flex-preferred-size:25%;
flex-basis:25%;
max-width:25%
}
.col-order-3{
-webkit-box-ordinal-group:4;
-webkit-order:3;
-ms-flex-order:3;
order:3
}
.col-d-4{
-webkit-flex-basis:33.33333%;
-ms-flex-preferred-size:33.33333%;
flex-basis:33.33333%;
max-width:33.33333%
}
.col-order-4{
-webkit-box-ordinal-group:5;
-webkit-order:4;
-ms-flex-order:4;
order:4
}
.col-d-5{
-webkit-flex-basis:41.66667%;
-ms-flex-preferred-size:41.66667%;
flex-basis:41.66667%;
max-width:41.66667%
}
.col-order-5{
-webkit-box-ordinal-group:6;
-webkit-order:5;
-ms-flex-order:5;
order:5
}
.col-d-6{
-webkit-flex-basis:50%;
-ms-flex-preferred-size:50%;
flex-basis:50%;
max-width:50%
}
.col-order-6{
-webkit-box-ordinal-group:7;
-webkit-order:6;
-ms-flex-order:6;
order:6
}
.col-d-7{
-webkit-flex-basis:58.33333%;
-ms-flex-preferred-size:58.33333%;
flex-basis:58.33333%;
max-width:58.33333%
}
.col-order-7{
-webkit-box-ordinal-group:8;
-webkit-order:7;
-ms-flex-order:7;
order:7
}
.col-d-8{
-webkit-flex-basis:66.66667%;
-ms-flex-preferred-size:66.66667%;
flex-basis:66.66667%;
max-width:66.66667%
}
.col-order-8{
-webkit-box-ordinal-group:9;
-webkit-order:8;
-ms-flex-order:8;
order:8
}
.col-d-9{
-webkit-flex-basis:75%;
-ms-flex-preferred-size:75%;
flex-basis:75%;
max-width:75%
}
.col-order-9{
-webkit-box-ordinal-group:10;
-webkit-order:9;
-ms-flex-order:9;
order:9
}
.col-d-10{
-webkit-flex-basis:83.33333%;
-ms-flex-preferred-size:83.33333%;
flex-basis:83.33333%;
max-width:83.33333%
}
.col-order-10{
-webkit-box-ordinal-group:11;
-webkit-order:10;
-ms-flex-order:10;
order:10
}
.col-d-11{
-webkit-flex-basis:91.66667%;
-ms-flex-preferred-size:91.66667%;
flex-basis:91.66667%;
max-width:91.66667%
}
.col-order-11{
-webkit-box-ordinal-group:12;
-webkit-order:11;
-ms-flex-order:11;
order:11
}
.col-d-12{
-webkit-flex-basis:100%;
-ms-flex-preferred-size:100%;
flex-basis:100%;
max-width:100%
}
.col-order-12{
-webkit-box-ordinal-group:13;
-webkit-order:12;
-ms-flex-order:12;
order:12
}
@media screen and (min-width: 960px){
.offset-d-1{
margin-left:8.33333%
}
.offset-d-2{
margin-left:16.66667%
}
.offset-d-3{
margin-left:25%
}
.offset-d-4{
margin-left:33.33333%
}
.offset-d-5{
margin-left:41.66667%
}
.offset-d-6{
margin-left:50%
}
.offset-d-7{
margin-left:58.33333%
}
.offset-d-8{
margin-left:66.66667%
}
.offset-d-9{
margin-left:75%
}
.offset-d-10{
margin-left:83.33333%
}
.offset-d-11{
margin-left:91.66667%
}
.offset-d-12{
margin-left:100%
}
.col--d-noMarginBottom{
margin-bottom:0
}
}
@media screen and (min-width: 640px) and (max-width: 959px){
.col-t-1{
-webkit-flex-basis:8.33333%;
-ms-flex-preferred-size:8.33333%;
flex-basis:8.33333%;
max-width:8.33333%
}
.offset-t-1{
margin-left:8.33333%
}
.order-t-1{
-webkit-box-ordinal-group:2;
-webkit-order:1;
-ms-flex-order:1;
order:1
}
.col-t-2{
-webkit-flex-basis:16.66667%;
-ms-flex-preferred-size:16.66667%;
flex-basis:16.66667%;
max-width:16.66667%
}
.offset-t-2{
margin-left:16.66667%
}
.order-t-2{
-webkit-box-ordinal-group:3;
-webkit-order:2;
-ms-flex-order:2;
order:2
}
.col-t-3{
-webkit-flex-basis:25%;
-ms-flex-preferred-size:25%;
flex-basis:25%;
max-width:25%
}
.offset-t-3{
margin-left:25%
}
.order-t-3{
-webkit-box-ordinal-group:4;
-webkit-order:3;
-ms-flex-order:3;
order:3
}
.col-t-4{
-webkit-flex-basis:33.33333%;
-ms-flex-preferred-size:33.33333%;
flex-basis:33.33333%;
max-width:33.33333%
}
.offset-t-4{
margin-left:33.33333%
}
.order-t-4{
-webkit-box-ordinal-group:5;
-webkit-order:4;
-ms-flex-order:4;
order:4
}
.col-t-5{
-webkit-flex-basis:41.66667%;
-ms-flex-preferred-size:41.66667%;
flex-basis:41.66667%;
max-width:41.66667%
}
.offset-t-5{
margin-left:41.66667%
}
.order-t-5{
-webkit-box-ordinal-group:6;
-webkit-order:5;
-ms-flex-order:5;
order:5
}
.col-t-6{
-webkit-flex-basis:50%;
-ms-flex-preferred-size:50%;
flex-basis:50%;
max-width:50%
}
.offset-t-6{
margin-left:50%
}
.order-t-6{
-webkit-box-ordinal-group:7;
-webkit-order:6;
-ms-flex-order:6;
order:6
}
.col-t-7{
-webkit-flex-basis:58.33333%;
-ms-flex-preferred-size:58.33333%;
flex-basis:58.33333%;
max-width:58.33333%
}
.offset-t-7{
margin-left:58.33333%
}
.order-t-7{
-webkit-box-ordinal-group:8;
-webkit-order:7;
-ms-flex-order:7;
order:7
}
.col-t-8{
-webkit-flex-basis:66.66667%;
-ms-flex-preferred-size:66.66667%;
flex-basis:66.66667%;
max-width:66.66667%
}
.offset-t-8{
margin-left:66.66667%
}
.order-t-8{
-webkit-box-ordinal-group:9;
-webkit-order:8;
-ms-flex-order:8;
order:8
}
.col-t-9{
-webkit-flex-basis:75%;
-ms-flex-preferred-size:75%;
flex-basis:75%;
max-width:75%
}
.offset-t-9{
margin-left:75%
}
.order-t-9{
-webkit-box-ordinal-group:10;
-webkit-order:9;
-ms-flex-order:9;
order:9
}
.col-t-10{
-webkit-flex-basis:83.33333%;
-ms-flex-preferred-size:83.33333%;
flex-basis:83.33333%;
max-width:83.33333%
}
.offset-t-10{
margin-left:83.33333%
}
.order-t-10{
-webkit-box-ordinal-group:11;
-webkit-order:10;
-ms-flex-order:10;
order:10
}
.col-t-11{
-webkit-flex-basis:91.66667%;
-ms-flex-preferred-size:91.66667%;
flex-basis:91.66667%;
max-width:91.66667%
}
.offset-t-11{
margin-left:91.66667%
}
.order-t-11{
-webkit-box-ordinal-group:12;
-webkit-order:11;
-ms-flex-order:11;
order:11
}
.col-t-12{
-webkit-flex-basis:100%;
-ms-flex-preferred-size:100%;
flex-basis:100%;
max-width:100%
}
.offset-t-12{
margin-left:100%
}
.order-t-12{
-webkit-box-ordinal-group:13;
-webkit-order:12;
-ms-flex-order:12;
order:12
}
.col--t-noMarginBottom{
margin-bottom:0
}
}
@media screen and (max-width: 639px){
.col-m-1{
-webkit-flex-basis:8.33333%;
-ms-flex-preferred-size:8.33333%;
flex-basis:8.33333%;
max-width:8.33333%
}
.offset-m-1{
margin-left:8.33333%
}
.order-m-1{
-webkit-box-ordinal-group:2;
-webkit-order:1;
-ms-flex-order:1;
order:1
}
.col-m-2{
-webkit-flex-basis:16.66667%;
-ms-flex-preferred-size:16.66667%;
flex-basis:16.66667%;
max-width:16.66667%
}
.offset-m-2{
margin-left:16.66667%
}
.order-m-2{
-webkit-box-ordinal-group:3;
-webkit-order:2;
-ms-flex-order:2;
order:2
}
.col-m-3{
-webkit-flex-basis:25%;
-ms-flex-preferred-size:25%;
flex-basis:25%;
max-width:25%
}
.offset-m-3{
margin-left:25%
}
.order-m-3{
-webkit-box-ordinal-group:4;
-webkit-order:3;
-ms-flex-order:3;
order:3
}
.col-m-4{
-webkit-flex-basis:33.33333%;
-ms-flex-preferred-size:33.33333%;
flex-basis:33.33333%;
max-width:33.33333%
}
.offset-m-4{
margin-left:33.33333%
}
.order-m-4{
-webkit-box-ordinal-group:5;
-webkit-order:4;
-ms-flex-order:4;
order:4
}
.col-m-5{
-webkit-flex-basis:41.66667%;
-ms-flex-preferred-size:41.66667%;
flex-basis:41.66667%;
max-width:41.66667%
}
.offset-m-5{
margin-left:41.66667%
}
.order-m-5{
-webkit-box-ordinal-group:6;
-webkit-order:5;
-ms-flex-order:5;
order:5
}
.col-m-6{
-webkit-flex-basis:50%;
-ms-flex-preferred-size:50%;
flex-basis:50%;
max-width:50%
}
.offset-m-6{
margin-left:50%
}
.order-m-6{
-webkit-box-ordinal-group:7;
-webkit-order:6;
-ms-flex-order:6;
order:6
}
.col-m-7{
-webkit-flex-basis:58.33333%;
-ms-flex-preferred-size:58.33333%;
flex-basis:58.33333%;
max-width:58.33333%
}
.offset-m-7{
margin-left:58.33333%
}
.order-m-7{
-webkit-box-ordinal-group:8;
-webkit-order:7;
-ms-flex-order:7;
order:7
}
.col-m-8{
-webkit-flex-basis:66.66667%;
-ms-flex-preferred-size:66.66667%;
flex-basis:66.66667%;
max-width:66.66667%
}
.offset-m-8{
margin-left:66.66667%
}
.order-m-8{
-webkit-box-ordinal-group:9;
-webkit-order:8;
-ms-flex-order:8;
order:8
}
.col-m-9{
-webkit-flex-basis:75%;
-ms-flex-preferred-size:75%;
flex-basis:75%;
max-width:75%
}
.offset-m-9{
margin-left:75%
}
.order-m-9{
-webkit-box-ordinal-group:10;
-webkit-order:9;
-ms-flex-order:9;
order:9
}
.col-m-10{
-webkit-flex-basis:83.33333%;
-ms-flex-preferred-size:83.33333%;
flex-basis:83.33333%;
max-width:83.33333%
}
.offset-m-10{
margin-left:83.33333%
}
.order-m-10{
-webkit-box-ordinal-group:11;
-webkit-order:10;
-ms-flex-order:10;
order:10
}
.col-m-11{
-webkit-flex-basis:91.66667%;
-ms-flex-preferred-size:91.66667%;
flex-basis:91.66667%;
max-width:91.66667%
}
.offset-m-11{
margin-left:91.66667%
}
.order-m-11{
-webkit-box-ordinal-group:12;
-webkit-order:11;
-ms-flex-order:11;
order:11
}
.col-m-12{
-webkit-flex-basis:100%;
-ms-flex-preferred-size:100%;
flex-basis:100%;
max-width:100%
}
.offset-m-12{
margin-left:100%
}
.order-m-12{
-webkit-box-ordinal-group:13;
-webkit-order:12;
-ms-flex-order:12;
order:12
}
.col--m-noMarginBottom{
margin-bottom:0
}
}
:root{
--light-grey: #FAFAFA;
--earth: #2E3350;
--nature: #526566;
--ice-blue: #8B9C9B;
--caribean-sea: #99D3CC;
--cottom-bag: #BBA081;
--rock: #444347;
--transparency: #E8E4DE;
--verde-sustentavel: #9FA096;
--sand: #DCD8CF;
--sand-light: #F3F1EE;
--light: #ffffff
}
body{
position:relative;
padding:48px 0 0;
background-color:var(--light-grey)
}
body::before{
content:'';
position:absolute;
top:0;
right:0;
width:775px;
height:780px;
background:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/img/detail__top.svg);
background-size:100%;
background-repeat:no-repeat;
z-index:-1
}
@media screen and (max-width: 959px){
body::before{
width:575px;
height:580px
}
}
.header__content{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center
}
.header__logo{
margin:0
}
@media screen and (max-width: 959px){
.header__logo{
width:80px
}
}
.header__menu{
margin:0
}
@media screen and (max-width: 959px){
.header__menu-list{
position:absolute;
z-index:5000;
left:0;
width:100%;
background-color:var(--cottom-bag);
height:0;
-webkit-transition:900ms ease all;
transition:900ms ease all;
overflow:hidden;
top:120px;
pointer-events:none;
padding:12px 24px;
opacity:0
}
.header__menu-list--active{
opacity:1;
height:330px;
pointer-events:all
}
}
.header__menu-link{
color:var(--rock);
font-size:24px;
-webkit-transition:300ms ease all;
transition:300ms ease all;
font-family:'Bodoni 72';
font-weight:bold;
font-style:normal
}
.header__menu-link:hover{
color:var(--earh)
}
.header__menu-link:not(:last-child){
margin:0 44px 0 0
}
@media screen and (max-width: 959px){
.header__menu-link{
display:block;
margin:12px auto;
color:var(--light)
}
.header__menu-link:not(:last-child){
margin:12px auto
}
}
@media screen and (max-width: 959px){
.header__menu-toggle{
cursor:pointer;
position:relative;
width:40px;
height:50px;
margin-top:30px
}
.header__menu-toggle span{
display:block;
position:absolute;
left:0;
height:2px;
width:100%;
background:var(--rock);
border-radius:9px;
opacity:1;
-webkit-transition:0.25s ease-in-out;
transition:0.25s ease-in-out
}
.header__menu-toggle span:nth-child(2){
top:8px
}
.header__menu-toggle span:nth-child(3){
top:16px
}
.header__menu-toggle--active span:nth-child(1){
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transform-origin:10px;
-ms-transform-origin:10px;
transform-origin:10px
}
.header__menu-toggle--active span:nth-child(2){
-webkit-transform:translateX(40px);
-ms-transform:translateX(40px);
transform:translateX(40px);
opacity:0
}
.header__menu-toggle--active span:nth-child(3){
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-transform-origin:8px;
-ms-transform-origin:8px;
transform-origin:8px
}
}
.newsletter__wrapper{
position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between
}
@media screen and (max-width: 959px){
.newsletter__wrapper{
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
}
.newsletter__wrapper::before{
content:'';
position:absolute;
width:100%;
padding-bottom:35%;
background-color:var(--ice-blue);
z-index:-1;
border-radius:5px
}
@media screen and (max-width: 1200px){
.newsletter__wrapper::before{
padding-bottom:60%
}
}
@media screen and (max-width: 959px){
.newsletter__wrapper::before{
padding:0;
height:100%
}
}
.newsletter__illustration{
width:40%;
text-align:center;
margin:0 auto
}
@media screen and (max-width: 959px){
.newsletter__illustration{
width:100%;
max-width:120px;
display:none
}
}
.newsletter__content{
width:50%
}
.newsletter__content-title{
font-family:'Bodoni 72';
font-weight:normal;
font-style:normal;
font-size:48px;
color:var(--light);
margin:0 0 10px
}
.newsletter__content-subtitle{
font-family:'Lato';
font-weight:300;
font-size:18px;
line-height:28px;
color:var(--light);
margin:0 0 42px
}
.newsletter__content input[type="text"],.newsletter__content input[type="email"]{
width:100%;
max-width:400px;
height:50px;
margin:0 0 14px;
border-radius:3px;
border:2px solid var(--light);
color:var(--light);
font-size:18px;
padding:0 20px;
font-family:'Lora';
font-weight:500
}
.newsletter__content input[type="text"]::-webkit-input-placeholder, .newsletter__content input[type="email"]::-webkit-input-placeholder{
color:var(--light);
font-size:18px;
font-family:'Lora';
font-weight:500
}
.newsletter__content input[type="text"]::-moz-placeholder, .newsletter__content input[type="email"]::-moz-placeholder{
color:var(--light);
font-size:18px;
font-family:'Lora';
font-weight:500
}
.newsletter__content input[type="text"]:-ms-input-placeholder, .newsletter__content input[type="email"]:-ms-input-placeholder{
color:var(--light);
font-size:18px;
font-family:'Lora';
font-weight:500
}
.newsletter__content input[type="text"]::-ms-input-placeholder, .newsletter__content input[type="email"]::-ms-input-placeholder{
color:var(--light);
font-size:18px;
font-family:'Lora';
font-weight:500
}
.newsletter__content input[type="text"]::placeholder,.newsletter__content input[type="email"]::placeholder{
color:var(--light);
font-size:18px;
font-family:'Lora';
font-weight:500
}
.newsletter__content input[type="text"]:not(:last-child),.newsletter__content input[type="email"]:not(:last-child){
margin:0 0 28px
}
.newsletter__content .wpcf7-not-valid-tip{
position:absolute;
background:red;
color:var(--light);
padding:5px;
top:-10px;
text-transform:uppercase;
font-family:'Lato';
font-weight:normal;
font-size:10px;
right:0px;
left:0;
margin:0 auto;
max-width:150px;
text-align:center;
border-radius:5px
}
@media screen and (max-width: 959px){
.newsletter__content .wpcf7-not-valid-tip{
left:inherit;
right:10px
}
}
.newsletter__content .wpcf7-form-control-wrap{
margin:0 0 14px;
height:50px;
display:block;
max-width:400px
}
.newsletter__content input[type="submit"]{
cursor:pointer;
position:absolute;
width:60px;
top:-5px;
right:-20px;
height:60px;
border-radius:50%;
background-color:var(--light);
font-size:22px;
color:var(--nature);
text-transform:uppercase;
font-family:'Lato';
font-weight:300
}
@media screen and (max-width: 959px){
.newsletter__content{
width:100%;
padding:32px
}
.newsletter__content input[type="submit"]{
width:100%;
border-radius:3px;
height:50px;
left:0;
position:static
}
}
.newsletter__content .wpcf7-response-output{
max-width:400px;
margin:20px 0 !important;
color:var(--light);
font-family:'Lato';
font-weight:normal
}
.form__email{
max-width:400px;
position:relative
}
.footer{
background-color:var(--verde-sustentavel);
padding:100px 0;
position:relative
}
@media screen and (max-width: 959px){
.footer{
text-align:center
}
}
.footer::before{
position:absolute;
content:'';
width:277px;
height:391px;
top:-200px;
left:0;
background-image:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/img/detail__footer-top.png);
background-position:100%
}
.footer::after{
position:absolute;
content:'';
width:200px;
height:176px;
bottom:0;
right:0;
background-image:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/img/detail__footer-bottom.png);
background-position:100%
}
.footer__links{
text-align:right;
line-height:60px
}
.footer__links-item{
display:block;
font-family:'Lora';
font-weight:500;
color:var(--light);
font-size:22px;
-webkit-transition:300ms ease all;
transition:300ms ease all
}
@media screen and (max-width: 639px){
.footer__links-item{
font-size:14px
}
}
.footer__links-item:hover{
color:var(--earth)
}
@media screen and (max-width: 959px){
.footer__links{
text-align:center
}
}
.footer__social{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
margin-top:50px
}
.footer__social-item{
margin:0 25px 0 0
}
@media screen and (max-width: 959px){
.footer__social{
text-align:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
}
.footer__menu{
margin-top:92px
}
.footer__menu-link{
color:var(--light);
font-size:22px;
-webkit-transition:300ms ease all;
transition:300ms ease all;
font-family:'Bodoni 72';
font-weight:bold;
font-style:normal
}
.footer__menu-link:hover{
color:var(--earth)
}
.footer__menu-link:not(:last-child){
margin:0 48px 0 0
}
@media screen and (max-width: 959px){
.footer__menu-link:not(:last-child){
margin:auto 24px
}
}
.footer__copyright{
margin-top:92px;
font-size:16px;
color:var(--light);
font-family:'Lato';
font-weight:normal
}
.homepage .newsletter{
margin:150px auto
}
.hero{
margin:0 0 30px
}
.hero__text{
margin-top:140px;
margin-left:55px
}
@media screen and (max-width: 959px){
.hero__text{
margin-top:30px;
margin-left:0
}
}
.hero__title{
color:var(--rock);
font-size:65px;
line-height:74px;
margin:0 0 13px;
font-family:'Bodoni 72';
font-weight:bold;
font-style:normal
}
@media screen and (max-width: 959px){
.hero__title{
font-size:42px;
line-height:48px
}
}
.hero__subtitle{
font-size:18px;
color:var(--rock);
line-height:28px;
max-width:414px;
margin:0;
font-family:'Lato';
font-weight:300
}
.hero__illustration{
text-align:right
}
@media screen and (max-width: 959px){
.hero__illustration{
max-width:300px;
text-align:center;
margin:0 auto
}
}
.hero .container::before {
content:'';
position:absolute;
width:2px;
height:1143px;
top:70px;
background-image:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/img/detail__hero-left.svg)
}
.hero .container::after {
content:'';
position:absolute;
width:759px;
height:2px;
bottom:0px;
left:-60px;
background-image:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/img/detail__hero-bottom.svg)
}
@media screen and (max-width: 959px){
.hero .container::before{
background:none;
}
}
@media screen and (max-width: 959px){
.hero .container::after{
width:100%
}
}
.blog{
margin:200px auto 250px
}
.blog__head{
position:relative;
width:90%;
margin:0 auto
}
.blog__head::before{
content:'';
position:absolute;
right:80px;
top:-60px;
width:208px;
height:170px;
background-image:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/img/detail__waves.png)
}
.blog__head-title{
color:var(--earth);
font-size:60px;
margin:0 0 25px;
font-family:'Bodoni 72';
font-weight:normal;
font-style:normal
}
.blog__head-subtitle{
font-size:18px;
color:var(--rock);
line-height:28px;
margin:0 0 55px;
font-family:'Lato';
font-weight:300
}
.blog__post{
border-radius:10px;
overflow:hidden;
position:relative;
-webkit-filter:drop-shadow(0px 5px 15px rgba(0,0,0,0.3));
filter:drop-shadow(0px 5px 15px rgba(0,0,0,0.3))
}
.blog__post-thumb{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
background-size:cover;
background-position:center center;
-webkit-transition:300ms ease all;
transition:300ms ease all
}
.blog__post:hover .blog__post-thumb{
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
.blog__post-content{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
padding:30px;
background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 84.72%);
background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 84.72%);
-webkit-transition:300ms ease all;
transition:300ms ease all;
position:relative
}
.blog__post-content-title{
font-family:'Bodoni 72';
font-weight:normal;
font-style:normal;
color:var(--light)
}
.blog__post-content-category{
background-color:var(--ice-blue);
color:var(--light);
font-size:18px;
text-transform:uppercase;
padding:10px 18px;
border-radius:5px;
font-family:'Lato';
font-weight:300
}
.blog__post--small .blog__post-content{
height:400px
}
.blog__post--small .blog__post-content-title{
font-size:26px;
line-height:38px
}
.blog__post--big .blog__post-content{
height:635px
}
.blog__post--big .blog__post-content-title{
font-size:32px;
line-height:42px
}
@media screen and (max-width: 959px){
.blog__post--big .blog__post-content{
height:400px
}
}
.blog__cta{
text-align:right;
font-family:'Lora';
font-weight:normal
}
.blog__cta-link{
color:var(--verde-sustentavel);
font-size:22px
}
.blog__cta-link img{
position:relative;
right:0;
-webkit-transition:300ms ease all;
transition:300ms ease all
}
.blog__cta-link:hover img{
right:-10px
}
.services{
position:relative;
background-color:var(--transparency);
padding-top:165px;
padding-left:62px;
padding-bottom:62px;
margin-left:18%;
margin-top:60px
}
.services__title{
font-family:'Bodoni 72';
font-weight:normal;
font-style:normal;
font-size:48px;
color:var(--rock);
margin-bottom:123px
}
@media screen and (max-width: 639px){
.services__title{
margin-bottom:62px
}
}
.services::before{
content:'';
position:absolute;
width:248px;
height:255px;
background-image:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/img/detail__services.png);
background-size:cover;
right:100px;
top:-30px
}
@media screen and (max-width: 639px){
.services::before{
width:148px;
height:155px;
right:0
}
}
@media screen and (max-width: 639px){
.services{
width:90%;
margin:0 auto;
padding:28px
}
}
.services__item-title{
color:var(--rock);
font-family:'Lora';
font-weight:normal;
font-size:28px;
line-height:28px
}
.services__item-title-detail{
color:var(--ice-blue);
font-family:'Lora';
font-weight:500;
font-style:italic
}
.services__item-description{
font-family:'Lato';
font-weight:300;
font-size:18px;
line-height:32px;
color:var(--rock);
margin-top:36px;
margin-left:36px
}
@media screen and (max-width: 639px){
.services__item-description{
margin-left:0
}
}
.swiper-services{
width:100%;
padding-bottom:80px
}
.swiper-services__arrows{
position:absolute;
height:40px;
width:120px;
bottom:0;
right:60px
}
@media screen and (max-width: 639px){
.swiper-services__arrows{
right:0px
}
}
.swiper-services .swiper-button-prev{
width:40px
}
.swiper-services .swiper-button-prev::after{
content:'';
background-image:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/img/icon__line-arrow.png);
background-size:cover;
width:40px;
height:40px;
-webkit-transform:rotate(-180deg);
-ms-transform:rotate(-180deg);
transform:rotate(-180deg)
}
.swiper-services .swiper-button-next{
width:40px
}
.swiper-services .swiper-button-next::after{
content:'';
background-image:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/img/icon__line-arrow.png);
background-size:cover;
width:40px;
height:40px
}
.parceiros{
position:relative;
padding-top:165px;
padding-left:62px;
padding-bottom:62px;
margin-left:18%;
margin-top:40px
}
.parceiros__title{
font-family:'Bodoni 72';
font-weight:normal;
font-style:normal;
font-size:48px;
color:var(--rock);
margin-bottom:50px
}
@media screen and (max-width: 639px){
.parceiros__title{
margin-bottom:32px
}
}
.parceiros::before{
content:'';
position:absolute;
width:248px;
height:255px;
background-image:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/img/detail__partners.png);
background-size:cover;
right:100px;
top:-30px
}
@media screen and (max-width: 639px){
.parceiros::before{
width:148px;
height:155px;
right:0
}
}
@media screen and (max-width: 639px){
.parceiros{
width:90%;
margin:0 auto;
padding:28px
}
}
.parceiros__item-title{
color:var(--rock);
font-family:'Lora';
font-weight:normal;
font-size:28px;
line-height:28px
}
.parceiros__item-logo {
width: 100%;
min-height: 150px;
padding: 3px;
background-repeat:no-repeat;
background-size: 150px;
background-position: center left;
}
.parceiros__item-title-detail{
color:var(--ice-blue);
font-family:'Lora';
font-weight:500;
font-style:italic
}
.parceiros__item-description{
font-family:'Lato';
font-weight:300;
font-size:18px;
line-height:32px;
color:var(--rock);
margin-top:36px;
margin-left:36px
}
@media screen and (max-width: 639px){
.parceiros__item-description{
margin-left:0
}
}
.swiper-parceiros {
width:100%;
padding-bottom:80px
}
.swiper-parceiros__arrows{
position:absolute;
height:40px;
width:120px;
bottom:0;
right:60px
}
@media screen and (max-width: 639px){
.swiper-parceiros__arrows{
right:0px
}
}
.swiper-parceiros .swiper-button-prev{
width:40px
}
.swiper-parceiros .swiper-button-prev::after{
content:'';
background-image:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/img/icon__line-arrow.png);
background-size:cover;
width:40px;
height:40px;
-webkit-transform:rotate(-180deg);
-ms-transform:rotate(-180deg);
transform:rotate(-180deg)
}
.swiper-parceiros .swiper-button-next{
width:40px
}
.swiper-parceiros .swiper-button-next::after{
content:'';
background-image:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/img/icon__line-arrow.png);
background-size:cover;
width:40px;
height:40px
}
.materiais{
margin:84px 0 59px 0
}
.materiais__title{
font-family:'Bodoni 72';
font-weight:bold;
font-style:normal;
font-size:50px;
margin:0 0 127px;
text-align:center;
color:var(--rock)
}
.ebook{
margin:0 0 58px;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}
@media screen and (max-width: 959px){
.ebook{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column
}
}
.ebook__post{
width:100%;
height:100%;
position:relative;
border-radius:10px
}
.ebook__post-img{
border-top-left-radius:5px;
border-bottom-left-radius:5px;
width:100%;
height:100%;
position:relative;
background-size:cover;
background-position:center center;
overflow:hidden
}
.ebook__post-img::before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 84.72%);
background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 84.72%)
}
@media screen and (max-width: 959px){
.ebook__post-img{
height:350px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:0
}
}
.ebook__category{
padding:0 35.5px;
height:36px;
line-height:35px;
font-family:'Lato';
font-weight:normal;
font-size:18px;
text-transform:uppercase;
position:absolute;
bottom:40px;
left:37px
}
@media screen and (max-width: 639px){
.ebook__category{
padding:0px 20px;
bottom:20px;
left:20px;
font-size:14px
}
}
.ebook__category,.ebook__info{
color:var(--light);
background:var(--cottom-bag);
border-radius:5px
}
.ebook__info{
padding:86px 75px 97px 53px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column
}
@media screen and (max-width: 639px){
.ebook__info{
padding:25px;
border-top-right-radius:0px;
border-bottom-left-radius:5px
}
}
.ebook__info-title{
font-family:'Bodoni 72';
font-weight:normal;
font-style:normal;
font-size:60px
}
@media screen and (max-width: 639px){
.ebook__info-title{
font-size:34px
}
}
.ebook__info-content{
margin:35px 0 39px;
font-family:'Lato';
font-weight:300;
font-size:18px;
line-height:28px
}
@media screen and (max-width: 639px){
.ebook__info-content{
font-size:14px;
line-height:18px
}
}
.ebook__btn-download{
max-width:309px;
cursor:pointer;
font-family:'Lato';
font-weight:normal;
line-height:53px;
text-align:center;
font-size:18px;
color:var(--light);
text-transform:uppercase;
border:2px solid var(--light);
box-sizing:border-box;
border-radius:3px
}
@media screen and (max-width: 639px){
.ebook__btn-download{
width:100%;
max-width:100%;
-webkit-align-self:center;
-ms-flex-item-align:center;
align-self:center;
padding:10px
}
}
.ebook__btn-download:hover{
background-color:var(--light);
color:var(--cottom-bag)
}
.about__title{
color:var(--rock);
font-family:'Bodoni 72';
font-weight:bold;
font-style:normal;
font-size:50px;
text-align:center;
margin:84px auto 142px
}
.team::before {
content:'';
position:absolute;
width:759px;
height:2px;
left:-60px;
background-image:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/img/detail__hero-bottom.svg)
}
@media screen and (max-width: 959px){
.team::before{
width:100%
}
}
.team__item{
max-width:500px;
margin:0 auto;
padding: 60px 0
}
.team__item-photo{
max-width:389px;
position:relative;
width:90%;
padding-bottom:100%;
background-size:cover;
background-position:center -40px;
margin-bottom:86px;
margin-top: 84px
}
.team__item-photo::before{
content:'';
position:absolute;
width:100%;
height:100%;
background-image:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/img/bg__pattern.png);
z-index:-1;
right:-30px;
bottom:-30px
}
.team__item-name{
font-family:'Bodoni 72';
font-weight:bold;
font-style:normal;
font-size:65px;
line-height:74px;
color:var(--rock);
margin-bottom:42px;
margin-top: 42px
}
@media screen and (max-width: 959px){
.team__item-name{
font-size:32px;
line-height:32px;
margin-bottom:24px
}
}
.team__item-about{
font-family:'Lato';
font-weight:300;
color:var(--rock);
font-size:18px;
max-width:514px;
line-height:28px
}
.team__item-about>p:not(:last-child){
margin-bottom:20px
}
@media screen and (max-width: 959px){
.team__item-about{
font-size:18px;
line-height:24px
}
}
.institutional{
margin:167px auto 60px;
background-color:var(--ice-blue);
margin-left:18%;
padding:95px 95px 95px 105px;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
position:relative
}
.institutional::before{
content:'';
position:absolute;
right:0;
width:184px;
height:252px;
background-image:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/img/detail__manifest.png);
top:-120px
}
@media screen and (max-width: 959px){
.institutional{
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:140px 32px 32px
}
}
.institutional__item:not(:last-child){
margin-right:162px
}
.institutional__item-title{
font-family:'Bodoni 72';
font-weight:normal;
font-style:italic;
font-size:70px;
color:var(--light)
}
.institutional__item-text{
font-family:'Bodoni 72';
color:var(--light);
font-size:30px;
line-height:50px;
margin:28px 0 0 28px
}
.institutional__item-text p:not(:last-child){
margin:0 0 20px
}
@media screen and (max-width: 959px){
.institutional__item{
width:100%
}
.institutional__item:not(:last-child){
margin:0 0 40px
}
.institutional__item-title{
font-size:48px
}
}
.ods{
margin:230px auto 120px
}
.ods__content{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.ods__title{
font-family:'Lora';
font-weight:500;
font-style:italic;
font-size:32px;
line-height:48px;
color:var(--earth);
max-width:285px;
position:relative
}
.ods__title::before{
content:'';
position:absolute;
width:182px;
height:149px;
background-image:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/img/detail__ods.png);
top:-149px;
left:-50px
}
@media screen and (max-width: 959px){
.ods__title{
margin:0 0 30px
}
}
@media screen and (max-width: 959px){
.ods{
margin-bottom:280px
}
}
.ods__list{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.ods__list-item:not(:last-child){
margin-right:30px
}
@media screen and (max-width: 959px){
.ods__list-item{
width:100%;
text-align:center
}
.ods__list-item:not(:last-child){
margin:0 0 20px
}
}
.customers__item-logo {
max-width: 150px;
}
.customers{
position:relative; padding-top:165px;
padding-left:62px;
padding-bottom:62px;
margin-left:18%;
margin-top:60px
}
.customers__title{
font-family:'Bodoni 72';
font-weight:normal;
font-style:normal;
font-size:48px;
color:var(--rock);
margin-bottom:43px
}
@media screen and (max-width: 639px){
.customers__title{
margin-bottom:42px;
padding:140px 32px 32px
}
}
.customers::before{
content:'';
position:absolute;
width:248px;
height:255px;
background-image:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/img/detail__customers.png);
background-size:cover;
right:0px;
top:-80px
}
@media screen and (max-width: 639px){
.customers::before{
width:148px;
height:255px;
right:0
}
}
@media screen and (max-width: 639px){
.customers{
width:90%;
margin:0 auto;
padding:58px
}
}
.portfolio__item-logo {
width: 100%;
min-height: 200px;
padding: 3px;
background-repeat:no-repeat;
background-size: 200px;
background-position: center left;
}
.portfolio{
position:relative;
background-color:var(--transparency);
padding-top:165px;
padding-left:62px;
padding-bottom:32px;
margin-left:18%;
margin-top:60px;
margin-bottom: 100px;
}
.portfolio__title{
font-family:'Bodoni 72';
font-weight:normal;
font-style:normal;
font-size:48px;
color:var(--rock); }
.portfolio__item-name {
color:var(--rock);
font-family:'Lora';
font-weight:normal;
font-size:28px; }
.portfolio__item-tipo {
color:var(--ice-blue);
font-family:'Lora';
font-weight:500;
font-style:italic
}
.portfolio__item-descricao {
font-family:'Lato';
font-weight:300;
font-size:18px;
color:var(--rock); }
@media screen and (max-width: 639px){
.portfolio__title{
margin-bottom:42px;
padding:140px 32px 32px
}
.portfolio__item-logo {
max-width: 200px;
}
}
.portfolio::before{
content:'';
position:absolute;
width:248px;
height:255px;
background-image:url(//www.mundosocial.com.br/wp-content/themes/mundo-social/dist/img/detail__customers.png);
background-size:cover;
right:0px;
top:-80px
}
@media screen and (max-width: 639px){
.portfolio::before{
width:148px;
height:255px;
right:0
}
}
@media screen and (max-width: 639px){
.portfolio{
width:90%;
margin: 50px auto;
padding:58px
}
}