@import url("https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700");
@import url("https://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise"); *{outline: none;
box-shadow: none;
}
body {margin: 0;
padding: 0;
font-family: Quicksand;
font-weight: 400;
font-size: 16px;
}
#wpcf7-f17-o1 > form > div.wpcf7-response-output{
margin: 2em 0 1em;
color: #fff;
width: 90%;
padding: 0.2em 1em;
}
p{color:#545454;
font-size:1.2rem;
margin: 1% 0 !important;
line-height: 27px !important;
}
h2{font-size: 2.0 rem;
color: #DD0000;
}
h3{font-size: 1.8 rem;
color: #DD0000;
}
.upper{text-transform: uppercase;
}
#topo > div > div{margin-right:20px;
}
.ajax-loader{display:none;
}
a, a:hover {text-decoration: none !important;
}
.tb-padding{padding:2% 0;
}
.write{color:#fff;
}
.bg-write{background:url(//agenciamissaoweb.com.br/assets/images/bg-header.png);
}
.bg-cinza{background: linear-gradient(to right, rgba(84,84,84,1) 0%, rgba(35,39,41,1) 100%) !important;
}
.bg-branco{background: #fff;
}
.bg-red{ background: #FF0000 !important;
}
.bg-azul{ background: #038ABB !important;
}
.bronze{background: #cd7f32;}
.border-bronze{	border: 1px solid #cd7f32;border-bottom: none;}
.prata{ background: #c0c0c0;}
.border-prata{border: 1px solid #c0c0c0;border-bottom: none;}
.ouro{background: #ffd700;}
.border-ouro{border: 1px solid #ffd700;border-bottom: none;}
.flex1{flex: 1;
}
.flex2{flex: 2;
}
.flex3{flex: 3;
}
.flex10{flex:10;
}
.fixo{
position: fixed !important;
border-bottom: 1px solid #f6f6f6;
} #header{display: flex;
justify-content: center;
background: #fff;
position:relative;
width:100%;
z-index: 99999;
padding: 1% 0;
height: auto;
}
#topo{display: flex;
justify-content: center;
background: #004C66;
width:100%;
padding: 0.5% 0;
}
#topo .container p{color: #fff;
font-size:0.8rem;
margin: 0 !important;
line-height: 0 !important;
}
.apagatopo{display: none !important;
transition:all 1s;
}
.container{display: flex;
width: 1170px;
}
.column{flex-direction: column;
}
.logo{flex:2;
display: flex;
align-items: center;
}
.logo img{
width: 60%;
height: auto;
}
.menu{flex:5;
display: flex;
align-items: center;
}
nav .menu-header ul,nav .menu-header li{list-style: none;
margin: 0;
padding: 0;
}
nav .menu-header a{display: block;
padding: 14px 30px;
text-transform: uppercase;
color: #545454;
font-size: 0.9rem;
font-weight: 500;
}
nav .menu-header li:hover a{color: #dd0000;
transition: all 1s;
}
nav .menu-header ul li.current_page_item{}
nav .menu-header ul li.current_page_item > a,nav .menu-header ul li.current_page_item > a:hover,nav .menu-header ul li.current-menu-ancestor > a,nav .menu-header ul li.current-menu-item > a,nav .menu-header ul li.current-menu-parent > a,nav .menu-header ul li.current-menu-item:hover > a {color: #dd0000;
}
.menu-page-interna{display: flex;
}
.menu-interna{width: 100%;
float: left;
position: relative;
}
.menu-page-interna nav{}
ul#menu-secondary.menu{width: 100% !important;
float: left !important;
position: relative !important;
display: block;
margin: 0 !important;
padding: 0 !important;
list-style: none;
}
nav .menu-interna ul li{width: 100%;
border-bottom: 1px dashed #474747;
}
nav .menu-interna a{display:inline-block;
padding: 10px 0;
text-transform: uppercase;
color: #474747;
font-size: 1rem;
font-weight: 500;
}
nav .menu-interna li:hover{color: #dd0000;
transition: all 1s;
border-bottom: 1px dashed #DD0000;
}
nav .menu-interna li:hover a{color: #dd0000;
transition: all 1s;
}
nav .menu-interna ul li.current_page_item > a,nav .menu-interna ul li.current_page_item > a:hover,nav .menu-interna ul li.current-menu-ancestor > a,nav .menu-interna ul li.current-menu-item > a,nav .menu-interna ul li.current-menu-parent > a,nav .menu-interna ul li.current-menu-item:hover > a {color: #dd0000;
}
.abrir-nav,.abrir-nav-interna{display: none;
}
.social{flex:1;
display: flex;
align-items: center;
}
#home-orcamento > div > div.contact-home > div.box-content-contact > div > a,#header > div > div.social > a,#page-empresa > div > div.contact-page > div.box-content-contact.flex1.no-flex > div.box-content.yes-flex > a{
background-color: #474747;
border-radius: 50px;
margin: 5px;
display: flex;
width: 30px;
height: 30px;
text-align: center;
justify-content: center;
align-items: center;
}
#home-orcamento > div > div.contact-home > div.box-content-contact > div > a > svg,	#header > div > div.social > a> svg,#page-empresa > div > div.contact-page > div.box-content-contact.flex1.no-flex > div.box-content.yes-flex > a > svg{color: #fff !important;
font-size: 15px !important;
}
#home-orcamento > div > div.contact-home > div.box-content-contact > div > a:hover,#header > div > div.social > a:hover,#page-empresa > div > div.contact-page > div.box-content-contact.flex1.no-flex > div.box-content.yes-flex > a:hover{background-color:#DD0000;
transition: all 1s;
}
#banner{background-image:url(//agenciamissaoweb.com.br/assets/images/imagem-fundo.jpg);
background-position: center;
background-size:cover;
height:900px;
display: flex;
justify-content: center;
}
#page-title{background-image:url(//agenciamissaoweb.com.br/assets/images/imagem-fundo-page.jpg);
background-position: center;
background-size:cover;
height:450px;
display: flex;
justify-content: center;
}
#page-title-quemsomos{background-image:url(//agenciamissaoweb.com.br/assets/images/imagem-fundo-page.jpg);
background-position: center;
background-size:cover;
height:450px;
display: flex;
justify-content: center;
}
.banner_headline{display: flex;
flex-direction: column;
justify-content: center;
height: 900px;
align-items: center;
}
.banner_headline_titlepage{display: flex;
flex-direction: column;
justify-content: center;
height: 450px;
align-items: center;
}
.banner_headline h1,.banner_headline_titlepage h1{color: #fff;
font-size: 2.5rem;
text-shadow: 0px 1px 0px #DD0000;
margin: 0.5% 0;
}
.banner_headline h2,.banner_headline_titlepage h2{
color: #fff;
font-weight: 400;
font-size: 2.0rem;
text-shadow: 0px 1px 0px #DD0000;
margin: 0;
}
.banner_headline p,.banner_headline_titlepage p{color: #fff;
font-size: 2.0rem;
text-shadow: 0px 1px 0px #DD0000;
margin: 1% 0 0;
text-align: center;
}
.banner_headline p span{color: #fff;
font-size: 1.8rem;
text-shadow: 0px 1px 0px #DD0000;
line-height: 50px;
}
.options-contact{height: 300px;
display: flex;
flex-direction: row;
justify-content: center;
}
.options1,.options2,.options3{}
.options1 .title-options-contact,.options2 .title-options-contact,.options3 .title-options-contact{text-align: center;
}
.description-options-contact{width: 100%;
}
.options1 h3,.options2 h3,.options3 h3{margin: 2% 0;
}
.options1 h3,.options1 p,.options2 h3,.options1 p,.options3 h3,.options1 p{color: #fff;
}
.options1{background: #DD0000;
}
.options2{background: #545454;
flex-direction: column;
}
.options3{	background: #FF0000;
} #home-empresa,#home-servicos,#home-partner,#home-orcamento,#home-social,#copy,#page,#page-portfolio,#home-instagram\20{display: flex;
justify-content: center;
text-align: center;
width: 100%;
float: left;
position: relative;
}
#home-servicos{background-image: url(//agenciamissaoweb.com.br/assets/images/bg-fundo.jpg);
}
#home-orcamento{background-image:url(//agenciamissaoweb.com.br/assets/images/fundo-escuro.jpg);
background-position: center;
background-size:cover;
display: flex;
justify-content: center;
}
#copy{background:#004C66;
padding: 0.2%;
}
.options-services{display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}
.box-services{width: 50%;
flex-direction: row;
display: flex;
height: 250px;
}
.box-content-services-branco,.box-content-services{flex: 1;
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
}
.box-content-services img{width: 100%;
height: 100% !important;
}
.box-content-services h2{color: #fff;
margin: 0;
}
.bg-branco h2{color: #DD0000 !important;
margin: 0;
}
.bg-branco p,.bg-branco p a{color: #545454 !important;
}
.box-content-services p{color: #fff;
font-size: 0.8rem;
line-height: 22px !important;
}
.bg-branco p a{}
.box-content-services p a{color: #fff;
font-size: 1rem;
font-weight: 500;
line-height: 22px !important;
}
.maxwidth{max-width: 96%;
margin: 16px auto !important;
}
.partner-home{display: flex;
flex-wrap: wrap;
}
.box-content-partner{width: 100%;
}
#home-instagram\20 .container{
margin: 0 auto !important;
}
#home-instagram\20 .container .content h2 .newupper{
font-family: 'Waiting for the Sunrise', cursive;
}
.contact-home{display: flex;
flex-wrap: wrap;
padding-top: 2%;
}
.box-content-contact{display: flex;
}
#wpcf7-f17-o1,
#wpcf7-f244-p232-o1,
#wpcf7-f243-p228-o1,
#wpcf7-f242-p230-o1{width: 80%;
float: left;
position: relative;
}
.contato input[type=text],.contato input[type=email]{width: 98%;
margin: 1% 0;
padding: 10px;
height: 30px;
float: left;
position: relative;
border: 1px solid #fff;
background: none;
color: #fff;
}
.contato textarea{width: 98%;
margin: 1% 0;
height: 200px;
padding: 10px;
float: left;
position: relative;
border: 1px solid #fff;
background: none;
color: #fff;
}
.contato input[type=submit]{width: 50%;
margin: 1% 0;
padding: 2% 0;
text-align: center;
float: left;
position: relative;
border: 1px solid #fff;
color: #fff;
background: none;
cursor: pointer;
}
.contato input[type=submit]:hover{border: 1px solid #DD0000;
color: #fff;
background: #DD0000;
transition: 2s;
}
.no-flex{display: block !important;
}
.yes-flex{display: flex;
}
.box-content{width: 100%;
float: left;
position: relative;
margin: 1% 0;
text-align: left;
}
.box-content p{color: #fff;
text-align: left;
}
.box-content p:hover a{color: #DD0000;
transition: all 2s;
}
#copy .container p,#copy .container p a{color: #fff;
font-size:0.8rem;
} #page-empresa,#page-servicos-interna{display: flex;
justify-content: center;
text-align: left;
}
.box-page{padding: 10px;
margin: 20px;
}
.content-page{display: flex;
justify-content: center;
}
.content-page p{margin: 5% 0 !important;
}
.btn-page:first-child{margin-top: 5%;
}
.btn-page{width: 50%;
padding: 4%;
border-radius: 30px;
margin: 2% 0;
color: #fff;
background: #038ABB;
}
a.btn-page{	color: #fff;
}
.mvv{display: flex;
justify-content: center;
color: #fff;
text-align: center;
font-size: 2.3rem !important;
padding: 10px;
}
.mvv p{color: #fff !important;
text-align: center;
margin: 2% 0 !important;
}
.mvv h3{color: #fff !important;
margin: 0;
}
#page-empresa > div > div > div.mvv > p svg{font-size: 3rem;
margin: 0 10px;
} .contact-page{display: flex;
flex-wrap: wrap;
padding-top: 2%;
}
.box-content-contact{display: flex;
}
#wpcf7-f17-p10-o1{width: 80%;
float: left;
position: relative;
}
.contato-page input[type=text],.contato-page input[type=email],.contato-page select{
width: 98%;
margin: 1% 0;
padding: 1%;
height: 30px;
float: left;
position: relative;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #545454;
background: none;
color: #545454;
}
.contato-page textarea{width: 98%;
margin: 1% 0;
height: 200px;
padding: 1%;
float: left;
position: relative;
border: 1px solid #545454;
background: none;
color: #545454;
}
.contato-page input[type=submit]{width: 50%;
margin: 1% 0;
padding: 2% 0;
text-align: center;
float: left;
position: relative;
border: 1px solid #545454;
color: #545454;
background: none;
cursor: pointer;
}
.contato-page input[type=submit]:hover{border: 1px solid #DD0000;
color: #fff;
background: #DD0000;
transition: 2s;
}
.contact-page .box-content{width: 100%;
float: left;
position: relative;
margin: 1% 0;
text-align: left;
}
.contact-page .box-content p,.contact-page .box-content p a{color: #545454;
text-align: left;
}
.box-content p:hover a{color: #DD0000;
transition: all 2s;
}
#wpcf7-f17-p232-o1{
width: 80%;
} .content-portfolio{display: flex;
flex-wrap: wrap;
}
.content-portfolio p{padding: 50px !important;
width: 24%;
margin: 3px !important;
background-image: url(//agenciamissaoweb.com.br/assets/images/bg-fundo.jpg);
}
.content-portfolio p img{width: 100%;
height: auto;
} .options-plano{
flex-direction: row;
width: 100%;
justify-content: space-around;
display: flex;
}
.box-plano{
display: flex;
flex-direction: column;
margin: 0 20px;
padding: 10px;
width: 30%;
}
.evidence-plano{
text-align: center;
}
.evidence-plano h3{
color: #fff;
}
.evidence-plano p{
color: #fff !important;
margin: 0.5%;
}
.content-plano{
text-align: left;
padding: 5%;
}
.positivo{
color:#0B6121;
font-weight: bolder;
}
.negativo{
color: #DD0000;
}
#page > div > div > div > div.content-plano > p > span{
font-size: 0.8rem;
}
.contrate-plano{
width: 100%;
display: flex;    
height: 42px;
}
.contrate-plano div{
display: flex;
justify-content: center;
align-items: center;
font-size: 0.8rem;
}
.contrate-left{
background: #DD0000;
flex:2;
}
.contrate-left {
color: #fff
}
.contrate-right{
border: 1px solid #DD0000;
flex:1;
}
.contrate-right a{
color: #DD0000;
}
.contrate-right:hover{
background: #545454;
border: none;
transition: 1s all;
}
.contrate-right:hover a{
color: #fff;
transition: 1s all;
}
#page > div > div > div > div.contrate-plano > div> a{
padding: 11% 25%;
font-weight: bolder;
}
@media(max-width:1170px){.container{width: 98%;
}
}
@media(max-width:1000px){nav .menu-header a {padding: 16px;
}
}
@media(max-width:900px){
.box-services {width: 100%;
height: 250px; }
.fixo{position: relative !important;
}
#page-title,
#page-title-quemsomos{
background-image:url(//agenciamissaoweb.com.br/assets/images/imagem-fundo-page-900.jpg);
}
}
@media(max-width:750px){
.container{
width: 100%;
}
p,
#page-servicos-interna > div > div.page-interna .flex3 > h3 > strong,
#page-servicos-interna > div > div.page-interna .flex3 > p{
margin:5% 0 !important;
font-size: 1.8rem;
line-height:32px !important;
}	
#topo {
padding: 2% 0;
height: auto;
}
#topo > div > div{
margin-right:0;
}
#topo .container{flex-direction:column;
}
#topo .container p {text-align: center;
width:100%;
font-size: 1.4rem;
margin:4px 0 !important
}
#header{
position:relative; padding: 4% 0 10%;
}
#header .container{
flex-direction: column;
}
.logo,.menu, .social {
}
.menu {
order:3;
justify-content: flex-end;
flex:1;
}
.social {
justify-content: center;
order: 1;
width: 100%;
flex:none;
padding:5px 0;
}
.logo {
order:2;
flex:1;
justify-content: flex-start;
margin: 40px 0 0 6px;
}
nav .abrir-nav{
width:40px;
height:40px;
margin-top:-40px;
margin-bottom:0;
margin-right:40px;
display:flex;
flex-direction:column;
justify-content:space-around;
}
.mm_line{
height:3px;
background-color:#dd0000;
}
.menu-page-interna nav{
width:100%;
color:#fff;}	
nav .abrir-nav-interna{
background:#DD0000;
width:100%;
height:40px;
margin-top:40px;
margin-bottom:40px;
display:flex;
flex-direction:column;
justify-content:center;    align-items: center;
font-size: 2.0rem;
padding: 1% 0;
}		
nav .menu-header ul{
flex-direction:column;
position:absolute;
left:0;
width:100%;
background-color:#fff;
}	
.menu-interna,.menu-header{
display:none;
}	
nav .menu-header a {
padding: 16px 0;
}
.banner_headline h1, .banner_headline_titlepage h1,.banner_headline h2, .banner_headline_titlepage h2 {text-align: center;
}
.box-content-contact {display: flex !important;
flex-direction: column;
width: 100%;
flex: none !important;
justify-content: center !important;
align-items: center !important;
}
#wpcf7-f17-o1 {width: 100%;
margin: 0;
float: left;
position: relative;
padding: 0;
}
.content-page{
flex-direction:column;
}
#page-empresa > div > div > div.mvv.flex1.column{
flex:none;}	
.btn-page:first-child {
margin-top: 1%;
}
.btn-page {
width: 92%;
padding: 4%;
border-radius: 30px;
margin: 1% 0;
color: #fff;
background: #038ABB;
font-size:1.4rem;
}	
a.btn-page {
}	
.box-content-services p,
.box-content-services p a
{
font-size: 1.2rem;
line-height: 28px !important;
}
.box-content-services h2 {
font-size: 1.8rem;
margin:16px;
} .flex1,flex3{
flex:none;}
#page-servicos-interna > div{
flex-direction:column;} .content-portfolio p {
width: 100%;
margin: 1% 0 !important;
}
.options-plano{
flex-direction: column;
}
.box-plano {
margin: 0 10%;
width: 80%;
}
@media(max-width:600px){
#topo .container p {font-size: 1.2rem;
}
#banner,
.banner_headline{
height:600px;
}
.banner_headline h1, .banner_headline_titlepage h1{
font-size:2rem;
}
#topo .container p {
font-size: 1rem;
}
#wpcf7-f17-o1, #wpcf7-f244-p232-o1, #wpcf7-f243-p228-o1, #wpcf7-f242-p230-o1 {
width: 96%;
}
.banner_headline p, .banner_headline_titlepage p,	
.banner_headline h2, .banner_headline_titlepage h2{
font-size:1.5rem;
}
.banner_headline p span{
font-size:1.4rem;}			
#home-servicos{overflow:hidden;
}
#home-partner{}
.options-services {   
}
#copy {
padding: 1%;
width: 98%;
}
.box-services {width: 100%;
overflow:hidden;
display: inline-table;
}
.box-content-services img {width: 100%;
height: auto !important;
}
.box-content-services-branco, .box-content-services {justify-content: center;
align-items: center;
width: 100%;
height:auto !important;
flex-direction: column;
}
}
@media(max-width:580px){
#header {
padding: 5% 0 14%;
}
}
@media(max-width:440px){
#header {
padding: 5% 0 18%;
}
}
}