@font-face {font-family: ubold; src: url(//medeirosrangel.com.br/wp-content/themes/site4/arquivos/fonts/Ubuntu-Bold.ttf);}
@font-face {font-family: uboldi; src: url(//medeirosrangel.com.br/wp-content/themes/site4/arquivos/fonts/Ubuntu-BoldItalic.ttf);}
@font-face {font-family: ui; src: url(//medeirosrangel.com.br/wp-content/themes/site4/arquivos/fonts/Ubuntu-Italic.ttf);}
@font-face {font-family: ul; src: url(//medeirosrangel.com.br/wp-content/themes/site4/arquivos/fonts/Ubuntu-Light.ttf);}
@font-face {font-family: uli; src: url(//medeirosrangel.com.br/wp-content/themes/site4/arquivos/fonts/Ubuntu-LightItalic.ttf);}
@font-face {font-family: um; src: url(//medeirosrangel.com.br/wp-content/themes/site4/arquivos/fonts/Ubuntu-Medium.ttf);}
@font-face {font-family: umi; src: url(//medeirosrangel.com.br/wp-content/themes/site4/arquivos/fonts/Ubuntu-MediumItalic.ttf);}
@font-face {font-family: ub; src: url(//medeirosrangel.com.br/wp-content/themes/site4/arquivos/fonts/Ubuntu-Regular.ttf);}
body {    background: #141517!important;}
body{font-family: ul!important;}
.center{text-align: center;}
.right{text-align: right;}
.left{text-align: left;}
.tamanhoicone{width: 49%; display: inline-block;}
.espacoservico {padding: 2% 16%!important;}
#topo { background:#fff;bottom: 30px;right: 30px;color: #000;text-align: center;
cursor: pointer;padding: 10px;font-size: 20px;position: fixed;border: 0;
opacity: .8;z-index: 1;width: 55px;} .sidenav {height: 100%; width: 0; position: fixed; z-index: 999; top: 0; left: 0;
background-color: #fff; overflow-x: hidden; transition: 0.5s; padding-top: 60px; 
font-family: url;}
.sidenav a, .dropdown-btn {padding: 8px 8px 8px 32px;text-decoration: none;
font-size: 21px;color:#000;display: block;transition: 0.3s;border: none;
background: transparent;font-weight: bold;}
.sidenav a:hover {color:#fff ;background: #000000;}
.sidenav img {width: 12%;margin: -4% 0% 0% 3%;}
.sidenav .closebtn {position: absolute;top: 0;right: 2px;font-size: 36px;
padding: 2px 32px 0px 32px;
margin-left: 0px;}
.dropdown-container {display: none;padding-left: 8px;}
.fa-caret-down {float: right;padding-right: 8px;}
@media screen and (max-height: 450px){
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 21px;}
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 12px 16px;
z-index: 1;
}
.tamanho6{width: 49%;display: inline-block;vertical-align: middle;}
.dropdown:hover .dropdown-content {
display: block;
}
.responsivo {display: none}
.responsivo a {font-size: 17px;font-family: ubold;}
.desktop {display: block}
.iconeRespo i {font-size: 34px;padding: 0px 4px 1px 5px;float: left;color: #fff;margin: 5% 0% 1% 1%;}
.repo img {vertical-align: middle;width: 60%;margin: 2% 11% 0% 0%;}
.reponsivoStyle {color: #ff151e!important;padding: 0px 10px;
background: #ffffff;position: absolute;width: 100%;
padding: 0.7%;top: 0;box-shadow: 0px 1px 5px 0px #000;}
.topo img {width: 28%; padding: 2%; margin: 0 auto;}
#topo { background: #000206d6;bottom: 30px;right: 30px;color: #fff;text-align: right;cursor: pointer;
padding: 12px;font-size: 20px;position: fixed;border: 0;opacity: .8;z-index: 1;width: 55px;
text-align: center;border-radius: 47px;transition: 1s}
#topo:hover {transition: 1s;transform: rotate(360deg);} #gtranslate_wrapper{position: absolute;top: -20px!important;right: 3%!important;z-index: 999999;}
#menu {background-color: #333333e8;position: fixed;top: 0;width: 100%;display: block;
transition: top 0.3s;}
#menu img {width: 65%;margin: 4% 0% 4% 0%;}
#menu a {float: left;display: block;color: #f2f2f2;text-align: center;
padding: 7% 1% 0% 1%;text-decoration: none;font-size: 15px;font-family: ub;
margin: 0% 0% 0% 0%;}
#menu a:hover {text-decoration: block;transition: 0.3s;
text-decoration: none;border-bottom: 1px solid #ffffff;
padding-bottom: 2px;}
.menu button:hover {background:transparent;border: solid 2px #fff;color: #fff;
font-family: ub;font-size: 13px;padding: 0% 12% 0% 12%;margin: 11% 0% 0% 0%;
transition: 0.3s;width: 84%;border-radius: 400px;}      
.menu button {background:#00b0e669;border: solid 2px #fff;color: #fff;
font-family: ub;font-size: 13px;padding: 0% 12% 0% 12%;margin: 11% 0% 0% 0%;
transition: 0.3s;width: 84%;border-radius: 400px;}
.menuv button {background: #161936c2;border: solid 2px #fff; color: #fff; font-family: ub;
font-size: 13px;padding: 0% 15% 0% 15%;margin: 18% 0% 0% 0%;}    
.menuv button:hover {background: transparent;border: solid 2px #fff; color: #fff; font-family: ub;
font-size: 13px;padding: 0% 15% 0% 15%;margin: 18% 0% 0% 0%;}    
.menu2 img {width: 115%;margin: 16% 0% 0% 0%;}    
.menu2{background: transparent; text-align: center;
height: auto; font-family: ub;}
.menu2 ul{ padding: 0px;}
.menu2 ul li {display: inline-block;padding: 0% 1%;
margin: 7% 0% 1% 0%;}
.menu2 li a{color: #fff; font-size: 14px;transition: 0.5s;}
.menu2 li a:hover {text-decoration: block;transition: 0.3s;
text-decoration: none;border-bottom: 1px solid #ffffff;
padding-bottom: 2px;}
.menu2 button {background: transparent;border: solid 2px #fff;color: #fff;font-family: ub;
font-size: 13px;padding: 0% 12% 0% 12%;margin: 17% 0% 0% 0%;transition: 0.3s;
width: 110%;border-radius: 400px;}  
.menu2 button:hover {background: #00b0e669;border: solid 2px #fff;color: #fff;font-family: ub;
font-size: 13px;padding: 0% 12% 0% 12%;margin: 17% 0% 0% 0%;transition: 0.3s;
width: 110%;border-radius: 400px;}
.menuv2 button {
background: transparent;
border: solid 2px #fff;
color: #fff;
font-family: ub;
font-size: 13px;
padding: 0% 15% 0% 15%;
margin: 17% 0% 0% 0%;
transition: 0.3s;
}  
.menuv2 button:hover {
background: #161936ba;
border: solid 2px #fff;
color: #fff;
font-family: ub;
font-size: 13px;
padding: 0% 15% 0% 15%;
margin: 17% 0% 0% 0%;
transition: 0.3s;
}  
body {margin-top:35px!important;}
.taman33 {width: 33% ;display: inline-block;vertical-align: middle;}
.taman66 {width: 66% ;display: inline-block;vertical-align: middle;}
.acimaMenu img {width: 85%;margin: -3% 0% 3% 0%;}
.menu{text-align: center; color: #5e5f62;
height: auto; font-family: url;}
.menu ul {margin: 2% 0% 0% 0%;padding: 0px;}
.menu ul li {display: inline-block;padding: 0% 2px 0% 2px;}
.menuu li {color: #022b3b;}
.menu li a { color: #fff;font-size: 18px;font-family: ul;}
.menu li a:hover {color: #fff;text-decoration: block;
transition: 0.3s;text-decoration: none;border-bottom: 1px solid #767070;
padding-bottom: 2px;}
.topo img {padding: 1% 0; width: 6%}
.linhacinza{background: #ccc; height:17px;}
.slide{height: 500px;background-position: center;padding: 0% 0% 0% 0%;background-size: 100%;margin: 0% 0% 0% 0%; display: inline-block;background-repeat:no-repeat;}  .metodologia h2 {color: #fff;font-family: ubold;font-size: 30px;margin: 4% 0% 4% 0%;}
.metodologia img { width: 17%;}
.metodologia p {padding: 0% 12% 0% 12%;text-align: center;font-family: 'Ubuntu', sans-serif;
color: #8892a1;font-size: 17px;margin: 9% 0% 0% 0%;}
.metodologia h3 {color: #fff;font-family: um;text-align: center;font-size: 30px;}
.tamanho1 {width: 33%; display: inline-block;vertical-align: middle;height: 384px;}
.tamanho1:hover {color:#000;transition: 0.6s;transform: scale(1.1);background:#76707030;}
.tamanho2 {width: 24%;display: inline-block;vertical-align: middle;height: 384px;}
.valores h2 {color: #fff;font-family: ubold;font-size: 65px;text-align: center;margin: -38px 0% 4% -45%;}
.valores img {width: 49%;margin: 20% 0% 20% 25%;}
.valores p {padding: 0% 8% 0% 8%;text-align: justify;font-family: 'Ubuntu', sans-serif;color: #8892a1;
font-size: 17px;margin: 2% 0% 0% 0%;}
.valores h3 {color: #fff;font-family: um;text-align: left;font-size: 25px;
margin: 0% 0% 2% 8%;}
.valoresBorda {border-bottom: solid 1px #fff; }
.tamanho3 {width: 25%; display: inline-block;vertical-align: middle;}
.tamanho4 {width: 74%; display: inline-block;vertical-align: middle;}
.tamanho5 {width: 25%; display: inline-block;vertical-align: middle;} .servtitutlo button {width: 100%;margin: 0% 0% 1% 0%;background: transparent;border: 2px solid #fff;
font-family: um;color: #fff;font-size: 30px;}
.servtitutlo button:hover {width: 100%;margin: 0% 0% 1% 0%;background: #fff;border: 2px solid #fff;
font-family: um;color: #333;font-size: 30px;}
.servsubtitulo button {color: #333;background: #fff;font-family: um;font-weight: bold;padding: 3% 3% 0% 3%;
border: 0px;width: 100%;}
.servico h2 {color: #fff;font-family: ubold;font-size: 30px;margin: 4% 0% 4% 0%;}
.contatoo h2 {color: #fff;font-family: ubold;margin: 0% 0% 2% 0%;}
.contatoo p {font-family: 'Ubuntu', sans-serif;color: #8892a1;font-size: 15px;text-align: justify;padding: 0% 8% 2% 0%;}
.contatoo i {color: #fff;font-size: 15px;margin: 0% 0% 2% 0%;}
.contatoo a {font-family: 'Ubuntu', sans-serif;color: #8892a1;font-size: 16px;text-align: justify;padding: 0% 8% 0% 2%;}
.contatoo input {width: 80%;border-bottom: 2px solid #8892a1!important;background: transparent;border: 0px;
font-size: 20px;color: #fff;margin: 0% 0% 2% 0%;font-family: uli;}
.contatoo textarea {width: 80%;border-bottom: 2px solid #8892a1!important;background: transparent;border: 0px;
font-size: 20px;color: #fff;margin: 0% 0% 2% 0%;font-family: uli;}
.contatoo button {width: 20%;border-bottom: 2px solid #8892a1!important;background: transparent;border: 0px;
font-size: 20px;color: #fff;margin: 0% 0% 2% 0%;font-family: ubold;}
.contatoo button:hover {width: 20%;background: #fff;border: 0px;font-size: 20px;color: #333;margin: 0% 0% 2% 0%;font-family: ubold;}
.servico img {    width: 26%; margin: 0% 0% 7% 0%;}
.cursos h2 {color: #fff;font-family: ubold;font-size: 65px;text-align: center;margin: 30px 0% 0% 0%;}
.cursos img {width: 65%;margin: 20% 0% 20% 25%;}
.cursos p {padding: 0% 8% 0% 8%;text-align: justify;font-family: 'Ubuntu', sans-serif;color: #8892a1;font-size: 17px;margin: 2% 0% 0% 0%;}
.cursoss button {background: #000;border: 0px;color: #ffff;font-family: ubold;width: 80%;margin: 0% 0% 4% 10%;padding: 0% 10% 0% 10%;
height: 200px;font-size: 30px;}
.cursoss button:hover {background: #fff;border: 0px;color: #000;font-family: ubold;width: 80%;margin: 0% 0% 4% 10%;padding: 0% 10% 0% 10%;
height: 200px;font-size: 30px;}
.cursoss h2 {color: #fff;font-family: ubold; font-size: 65px;text-align: center;margin: 30px 0% 4% 0%;} .parceiro img {width: 80%;margin: 6% 0% 2% 9%;}
.parc p {font-size: 30px;color: #000;font-family: ubold;margin: 2% 0% 2% 0%;}
#i399{width:37%;}
#fixa {height: 100%;width: 100%;background: transparent;z-index: 0;position: absolute;font-family: ubold;font-size: 30px;text-align: center;}
#slider-carousel1  {height: 13em;} .menuTitulo h1 {font-size: 28px;font-family: ub;color: #ff151e;;margin: 4% 0% 3% 0%;}
.menuTitulo p {font-size: 20px;font-family: url;color: #000;padding: 0% 13%;text-align: justify;}
.menuProdutos img {width: 70%;margin: 0% 0% 0% 0%;} 
.menuProdutos h2 {font-size: 28px;font-family: ub;color: #005b0f;margin: 4% 0% -1% 0%;}   
.menuProdutos p {font-size: 20px;font-family: url;color: #000;padding: 0% 16%;}
.menuProdutos h3 {font-size: 24px;font-family: ub;color: #ff151e;margin: 4% 0% 3% 0%;}
.menutamanho {width: 33%; display: inline-block;vertical-align: middle;}
.paginacao a {font-size: 20px;background: #000;color: #fff;font-family: url;
padding: 0% 7px 0% 7px;border-radius: 4px; border: solid 1px #fff;
transition: 0.5s;}
.paginacao a:hover {font-size: 20px;background: #fff;color: #000;
border: solid 1px #000;transition: 0.5s;text-decoration: none}
.paginacao span {font-size: 20px;background: #000;color: #fff;font-family: url;
padding: 0% 7px 0% 7px;border-radius: 4px;}   
.posfd {margin: 0% 0% 3% 0%;}  .pedido h1 {font-size: 34px;font-family: ub;color: #000;margin: 4% 0% 5% 0%;}
.pedido input {width: 88%;padding: 3px 1%;font-size: 19px;margin: 0% 0% 7% 0%;
color: #000;border: #000 solid 0px;}
.pedido button {color: #fff;font-family: ub;font-size: 16px;
background: #000;border: solid 1px #000;padding: 9px 4%;
margin: 5% 0%;text-align: left;transition: 0.8s;}
.pedido button:hover {color: #000;font-family: ub;font-size: 16px;
background: #fff;border: solid 2px #000;padding: 11px 4.4%;
transition: 0.8s;}  
.dropbtn {
background-color: #4CAF50;
color: white;
padding: 16px;
font-size: 16px;
border: none;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background: #fff;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 9px 16px;
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #3e8e41;} .tamahno3333 {width: 24%;display: inline-block;vertical-align: middle;} .contato h2 {
font-size: 32px;
font-family: ub;
color: #005728;
margin: 3% 0% 3% 0%;
margin: 12% 0% 3% 0%;
} 
.contato p {
font-size: 25px;
font-family: ub;
color: #005728;
margin: 0% 0% 0% 0%;
}
.contato h5 {
font-size: 17px;
margin: 0% 9% 3% 0%;
text-align: justify;
color: #000000;
}
.contato img {
width: 100%;
}
.contato input {
width: 92%;
border: solid 2px #005728;
padding: 2px 1%;
color: #000;
background: #ffffff;
font-family: url;
font-size: 15px;
margin: 0% 0% 1% 0%;
}
.contato textarea {
width: 92%;
border: solid 2px #005728;
padding: 2px 1%;
color: #000;
font-family: url;
font-size: 15px;
margin: 0% 0% 1% 0%;
}
.contato button {
color: #fff;
font-family: ub;
font-size: 16px;
background: #000000;
border: solid 1px #000000;
padding: 1px 7%;
margin: 5% 8% 2% 0%;
transition: 0.8s;
}
.contato button:hover {color: #000;font-family: ub;font-size: 16px;
background: #fff;border: solid 2px #000;padding: 2px 7%;
transition: 0.8s;}   .corktAçaí h1 {color: #fff;margin: 0px;font-size: 55px;padding: 1% 0% 1% 0%;font-family: ub;
background: #683367;}
.corktFrutas h1 {color: #fff;margin: 0px;font-size: 55px;padding: 1% 0% 1% 0%;font-family: ub;
background: #beaa83;}
.Queijo h1 {color: #fff;margin: 0px;font-size: 55px;padding: 1% 0% 1% 0%;font-family: ub;
background: #992d2e;} .eventos p {color: #4c465a; font-size: 18px; font-family: robob; border: solid 1px #cacaca; margin: 0px 0 0px;padding: 3% 0% 3% 0%;background:#fff;}
.eventos img {width: 100%; margin-top: 5%;border: solid 1px #aba5a5;max-height: 211px;}
.eventos h2 {color: #FFF; background: #ef4b5d; font-family: nimbu; font-size: 16px; padding: 2% 29% 2% 11%; margin:0px;}
.event h2 {font-family: nimbu;color: #ed2a38;font-size: 40px;text-align: center;letter-spacing: 15px;}
.eventos h3 {height: 47px;color: #000; font-family: arialln;margin: 0px;font-size: 40px; border: solid 1px #cacaca;background:#fff;}
.evento {background: #e4e3e3; border: solid 1px #cacaca; padding: 0% 0% 1.7% 4%; margin-bottom: 3%}
.evento p {color: #4c465a; font-size: 17px; font-family: robob; margin: 2.5% 0% 0% 1%;}
.evento i  { color: #848080; font-size: 15px; margin-top: 2%;}
.evento  span { color: #848080; font-size: 15px; margin-top: 2%;}
.tamanho53 {width: 90%;vertical-align: middle;display: inline-block;}
.evento{padding: 0 0px 9px 0px;text-align: center;} .calma img {width: 100%}    
.tamanho58 {width: 58%; display: inline-block;vertical-align: middle;} 
.tamanho39 {width: 39%; display: inline-block;vertical-align: middle;}
.tamanho33 {width: 33%; display: inline-block; vertical-align: top;} .mapa iframe {width: 100%;height: 262px;margin: 0%0% 0% 0%;}
.tamanho100 {width: 49% ;vertical-align:middle;display: inline-block;} @media(max-width: 1200px){
}
@media (max-width: 1134px){
.deps {padding: 4% 0%;}
blockquote:before {padding-left: 9%!important;top: 3%!important;}
}
@media(max-width: 1000px){
.tamanho33 {width: 49%;}
.deps {padding: 0% 0%;}
.depoimentos p {font-size: 22px;padding: 0% 11%;}
blockquote:before {padding-left: 4%!important;top: -10%!important;}
}
@media(max-width: 900px){
.menu li a {font-size: 15px;}
}
@media (max-width: 850px){
.destaques button {font-size: 13px;width: 19%;padding: 1% 0%;
margin: 0% 0% 4% 0%;}
.destaques button:hover {font-size: 13px;width: 20%;padding: 1% 0%;
margin: 0% 0% 4% 0%;}  
.negocio p {font-size: 16px;}
.negocio h2 {font-size: 24px;margin: 20% 0% 3% 6%;padding: 0% 20% 0% 0%;}
.negocio2 p {font-size: 16px;}
.negocio2 h2 {font-size: 24px;margin: 20% 0% 3% 6%;padding: 0% 20% 0% 0%;}
.negocio button {font-size: 16px;margin: 13% 0%;}
.negocio2 button {font-size: 16px;margin: 13% 0%;}
.quemSomos p {font-size: 16px;}
.quemSomos h2 {font-size: 24px;margin: 20% 0% 3% 6%;padding: 0% 20% 0% 0%;}
.quemSomos p {font-size: 16px;}
.quemSomos2 h2 {font-size: 24px;margin: 20% 0% 3% 6%;padding: 0% 20% 0% 0%;}
.quemSomos2 button {font-size: 16px;margin: 13% 0%;}
.quemSomos2 button {font-size: 16px;margin: 13% 0%;}
.menuTitulo p {font-size: 17px;}
.menuProdutos p {font-size: 17px;padding: 0% 4%;}
.menuProdutos h3 {font-size: 19px;margin: 4% 0% 3% 0%;}
.menutamanho {width: 49%;}
} @media(max-width: 767px){
.body{margin-top: 56px!important;}
.tamahno3333 {width: 49%;}
.responsivo {display: block;}
.desktop {display: none}
.destaques p {font-size: 20px;}
.destaques button {font-size: 13px;width: 34%;padding: 3% 0%;margin: 2% 0% 12% 2%;}
.destaquess button {font-size: 14px;background: #000;border: solid 2px #000;
width: 23%;transition: 0.8s;margin: 1% 0% 2% 0%;padding: 1% 0%;}
.destaques h2 {font-size: 25px;margin: 4% 0% 0% 0%;}
.destaques img {width: 60%;border-radius: 151px;}
.destaques2 h2 {font-size: 27px;margin: 7% 0% 6% 0%;}
.depoimentos h2 {font-size: 37px;padding: 2% 27%;text-shadow: 2px 2px #000;}
.depoimentos p {font-size: 19px;padding: 0% 0% 2% 0%;margin: 0% 0% 0% 0%;}
.negocio p {padding: 0% 6% 0% 0%;text-align: justify;}
.negocio2 p {margin: 4% 0% 3% 6%;padding: 0% 0% 0% 0%;text-align: justify;}
.negocio h3 {font-size: 26px;text-align: center;}
.quemSomos p {margin: 4% 0% 3% 6%;padding: 0% 0% 0% 0%;text-align: justify;}
.quemSomos2 p {margin: 4% 0% 3% 6%;padding: 0% 0% 0% 0%;text-align: justify;}
.quemSomos2 img {width: 60%;margin: 3% 0% 0% 0%;}
.quemSomos img {width: 60%;margin: 3% 0% 0% 0%;}
.mapa iframe {width: 100%;height: 262px;margin: 0% 0% 10% 0%;}
.menuTitulo p {padding: 0% 2%;text-align: justify;}
.menuTitulo h1 {font-size: 24px;margin: 7% 0% 5% 0%;}
.pedido h1 {font-size: 28px;padding: 4% 0% 5% 0%; margin: 0px}
.pedido input {width: 100%;}
.ut {padding: 0%!important}
.pedido button {font-size: 13px;padding: 5px 9%;}
.pedido button:hover {font-size: 13px;padding: 6px 10%;}
.contato textarea {width: 100%;}
.contato input {width: 100%;}
.contato button {margin: 5% 0% 2% 0%;}
.contato img {width: 100%;}
.contato h2 {font-size: 26px;margin: 3% 0% 3% 0%;margin: 12% 0% 3% 0%;}
.contato h5 {font-size: 15px;margin: 0% 0% 4% 0%;text-align: center;}
.proble {margin: -12% 0% 0% 0%;}	
.asd{padding: 3% 0% 13% 0%!important;text-align: center;}
.menuTitulo p {padding: 0% 2% 5% 0%;text-align: justify;}
.destaques button {font-size: 13px;width: 29%;padding: 1% 0%;margin: 2% 0% 12% 2%;}
.paginaRoupa p {text-align: justify;padding: 0% 7% 0% 0%;font-size: 15px;}
.buttonwpp button {width: 50%;padding: 1% 0%;font-size: 18px;margin: 2% 0% 1% 0%;border: solid #fff 2px;
transition: 0.5s;}
.produtoscate h1 {font-family: breman;color: #005b0f;font-size: 65px;letter-spacing: 3px;}
.depoimentos{background-size: 100%;opacity: 0.9;background-color: #ff151e;}
.paginaRoupa h1 {font-size: 22px;margin: 0px;color: #000;padding: 6% 0% 2% 0%;}
.destaques3 h2 {font-size: 65px;}	
.negocio img {width: 100%;}
.negocio2 img {width: 100%;}	
.eventos h2 {color: #FFF;background: #ef4b5d;font-family: nimbu;font-size: 16px;padding: 2% 29% 2% 11%;margin: 0px;width: 33.3333%;}	
.eventos h3 {height: 47px;color: #000;font-family: arialln;margin: 0px;font-size: 40px;border: solid 1px #cacaca;background: #fff;width: 33.3333%;}
.tamanho33 {width: 49%!important;}
.evento {padding: 0 0px 4px 0px;text-align: center;float: right;width: 66.6666%;margin: -23% 0% 0% 0%;}
}
@media (max-width: 720px){
blockquote:before {padding-left: 4%!important;top: -10%!important;
font-size: 99px!important;}
.depoimentos p {font-size: 17px;padding: 0% 11%;}
.depoimentos h2 {font-size: 19px;}
}
@media (max-width: 610px){
.destaques img {width: 45%;margin: 0% 0% 0% 0%;border-radius: 233px;}
.destaques2 h2 {font-size: 23px;margin: 6% 0% 7% 0%;}
.menutamanho {width: 100%;}
}
@media (max-width: 500px){
.tamanho33 {width: 100%;}
.destaques button {width: 29%;}
.destaques button:hover {width: 29%;}
.negocio h2 {font-size: 24px;margin: 11% 0% 3% 6%;padding: 0% 20% 0% 0%;}
.negocio2 h2 {font-size: 24px;margin: 11% 0% 3% 6%;padding: 0% 20% 0% 0%;}
.quemSomos h2 {font-size: 24px;margin: 11% 0% 3% 6%;padding: 0% 20% 0% 0%;}
.quemSomos2 h2 {font-size: 24px;margin: 11% 0% 3% 6%;padding: 0% 20% 0% 0%;}
} @media(max-width: 425px){
.sl{margin-top: 3em;}
html {margin-top: -35px !important;}
.body{margin-top: 0px!important;}
.tamanho1 {width: 100%;display: inline-block;vertical-align: middle;height: 300px;}
.metodologia h2 {color: #fff;font-family: ubold;font-size: 25px;margin: 4% 0% 4% 0%;}	
.metodologia img {width: 25%;}
.metodologia h3 {color: #fff;font-family: um;text-align: center;font-size: 25px;}
.metodologia p {padding: 0% 12% 0% 12%;text-align: justify;font-family: 'Ubuntu', sans-serif;
color: #8892a1;font-size: 16px;margin: 5% 0% 0% 0%;}
.tamanho3 {width: 100%;display: inline-block;vertical-align: middle;}	
.tamanho4 {width: 100%;display: inline-block;vertical-align: middle;}		
.valores h2 {color: #fff;font-family: ubold;font-size: 45px;text-align: center;margin: 0px 0% 4% 0%;}
.valores img {width: 38%;margin: 4% 0% 6% 31%;}	
.valores h3 {color: #fff;font-family: um;text-align: center;font-size: 25px;margin: 0% 0% 2% 0%;}	
.valores p {padding: 0% 8% 2% 8%;text-align: justify;font-family: 'Ubuntu', sans-serif;color: #8892a1;
font-size: 16px;margin: 2% 0% 0% 0%;}	
.servico img {width: 30%;margin: 0% 0% 4% 0%;}	
.servtitutlo button {width: 80%;margin: 0% 0% 1% 0%;background: transparent;border: 2px solid #fff;
font-family: um;color: #fff;font-size: 25px;}
.servtitutlo button:hover {width: 80%;margin: 0% 0% 1% 0%;background: #fff;border: 2px solid #fff;
font-family: um;color: #333;font-size: 25px;}
.servsubtitulo button {color: #333;background: #fff;font-family: um;font-weight: bold;padding: 8% 3% 3% 3%;
border: 0px;font-size: 10px;width: 80%;margin: 0% 0% 8% 0%;}
.tamanho5 {width: 100%;display: inline-block;vertical-align: middle;}	
.contatoo h2 {color: #fff;font-size: 24px;font-family: ubold;margin: 0% 0% 2% 0%;}	
.contatoo input {width: 100%;border-bottom: 2px solid #8892a1!important;background: transparent;
border: 0px;font-size: 20px;color: #fff;margin: 0% 0% 2% 0%;font-family: uli;}
.contatoo textarea {width: 100%;border-bottom: 2px solid #8892a1!important;
background: transparent;border: 0px;font-size: 20px;color: #fff;
margin: 0% 0% 2% 0%;font-family: uli;}	
.eventos h2 {color: #fff;font-family: ubold;font-size: 26px;padding: 2% 0% 2% 0%!important;text-align: center;width: 33.3333%;}
.cursoss h2 {color: #fff;font-family: ubold;font-size: 26px;padding: 17% 0% 2% 0%;text-align: center;}
.cursoss button {background: #000;border: 0px;color: #ffff;font-family: ubold;width: 80%;
margin: 0% 0% 4% 10%;padding: 0% 10% 0% 10%;height: 138px;font-size: 20px;}
.cursos h2 {color: #fff;font-family: ubold;font-size: 45px;text-align: center;margin: -9px 0% 0% 0%;
padding: 5% 0% 0% 0%;}	
.cursos img {width: 35%;margin: 8% 0% 3% 32%;}	
.cursos p {padding: 0% 8% 0% 8%;text-align: center;font-family: 'Ubuntu', sans-serif;color: #8892a1;
font-size: 17px;margin: 2% 0% 0% 0%;}	
.tamanho33 {width: 100%!important;}
.eventos h3 {height: 37px;color: #000;font-family: arialln;margin: 0px;font-size: 32px;border: solid 1px #cacaca;background: #fff;width:33.3333%}
.evento {padding: 0px 0px 26px 0px;text-align: center;margin: -80px 0px 0;width: 66.6666%;float: right;}
#gtranslate_wrapper {position: absolute;top: 22px!important;right: 3%!important;z-index: 999999;}
}
@media (max-width: 414px){
html {margin-top: -35px !important;}
.body{margin-top: 0px!important;}
.sl {margin-top: 2.5em;}
}
@media(max-width: 400px){
html {margin-top: -34px !important;}
.body{margin-top: 0px!important;}
.servico p {font-size: 14px;width: 75%;margin: -7% 12.5% 3%;}
}
@media(max-width: 320px){
html {margin-top: 0px !important;}
.body{margin-top: 0px!important;}
.sl {margin-top: 2em;}
}
@media(max-width: 375px){
html {margin-top: -34px !important;}
.body{margin-top: 0px!important;}
.evento {padding: 0px 0px 6px 0px;text-align: center;width: 66.6666%;float: right;background-color: white;}
.cursoss h2 {color: #fff;font-family: ubold;font-size: 26px;   padding: 15% 0% 2% 0%;text-align: center;}
.sl {margin-top: 2.5em;}
#gtranslate_wrapper {position: absolute;top: 21px!important;right: 1%!important;z-index: 999999;}
.produtoscate h1 {
font-family: breman;
color: #005b0f;
font-size: 45px;
letter-spacing: 3px;
}
.destaques3 h2 {
font-size: 60px;
}
.destaques img {width: 40%;margin: 0% 0% 0% 0%;border-radius: 233px;}
.depoimentos h2 {font-size: 23px;padding: 4% 20%;}
.depoimentos p {font-size: 13px;padding: 0% 0% 4% 0%;}
.buttonwpp button {width: 40%;padding: 1% 0%;font-size: 15px;margin: 2% 0% 1% 0%;
border: solid #fff 2px;transition: 0.5s;}
.contato h2 {font-size: 22px;margin: 3% 0% 3% 0%;margin: 12% 0% 3% 0%;}
.contato h5 {font-size: 13px;margin: 0% 0% 4% 0%;text-align: center;}
.destaques button {font-size: 13px;width: 56%;padding: 2% 0%;
margin: 2% 0% 5% 2%;}
}
.imgrotation{-webkit-transform: perspective(600px) rotateY(180deg); -moz-transform:perspective(600px) rotateY(180deg); -o-transform:perspective(600px) rotateY(180deg) ; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
.imgrotation:hover{-webkit-transform: perspective(100px) rotateY(360deg) ; -moz-transform: perspective(100px) rotateY(360deg) ; -o-transform: perspective(100px) rotateY(360deg);} ::-webkit-scrollbar {
width: 10px;
} ::-webkit-scrollbar-track {
background: #fff; 
} ::-webkit-scrollbar-thumb {
background: #000; 
} ::-webkit-scrollbar-thumb:hover {
background: #000;
}
.depoimento p{padding-left: 40px;}
blockquote {
padding: 15px 0px 0px 0%!important;
margin: 0!important;
border-left: none!important;
font-size: 13px!important;
}
.blockquote {
font-family: Georgia, serif!important;
font-size: 34px!important;
font-style: italic!important;
width: auto!important;
margin: 0.25em 0!important;
padding: 0.35em 40px!important;
line-height: 1.45!important;
position: relative!important;
color: #faa72b!important;
}
blockquote:before {
display: block;
padding-left: 1%;
content: "\201C";
font-size: 136px;
position: absolute;
top: 11%;
color: #fff;
}
blockquote cite {
padding-left: 40px;
color: #faa72b!important;
font-size: 17px!important;
display: block!important;
margin-top: 5px!important;
font-family: br;
}
blockquote cite:before {
content: "\2014 \2009"!important;
} div.wpcf7 .ajax-loader {
background-image: url(//medeirosrangel.com.br/wp-content/themes/site4/arquivos/images/ajax-loader.gif);
width: 30px;
height: 30px;
margin-left: 10px;
}