/*404 css*/


/*section header*/

body{font-family: 'Roboto', sans-serif!important;}

.container{/*width:1550px;*/margin: 0 auto;    /*border: 2px solid #ccc;*/}


.section-header{
	background: url('https://404dobem.com.br/img/bg-left-header.png') no-repeat;height: 100%;
	max-height: 1024px;background-color: #eeeced; 
	background-position: 100% 65%;color:#828282; 
	background-size: 45%;
}



.div-logo{margin: 3% 0;}

.p-header-description {
    font-size: 1.8em;
    margin: 5% 0px;
    width: 90%;
}

.div-button {
    margin: 5em 0px;
}


.button-404-default {
    background: #2584c5;
    border-radius: 50px!important;
    /* padding: 4.2% 10%; */
    width: 300px!important;
    border: 0!important;
    height: 75px!important;
    font-size: 22px!important;
    color: #fff;
}

.button-404-default a{text-decoration: none; color: #fff;height: 100%;display: inline-block;width: 100%;line-height: 75px;}


.div-caption {
    margin: 7em 0;
}

.span-button-caption{color: #2584c5;font-size:20px;margin-left: 2%;}
.box-section-header{margin-top: 5%;}


/* section quem somos content*/

.section-quem-somos{background: url('https://404dobem.com.br/img/bg-quem-somos.png') no-repeat;height: 100%;min-height: 650px;background-color: #ffffff;color:#828282;background-size: 100%;}


.section-continue{margin-bottom: 10%;}


.div-box-quem-somos{text-align: center;margin-top: 6em;}
.div-box-quem-somos h2{color: #2584c5; font-size: 3em; font-family: 'Roboto Slab', serif; font-weight: bold;}

.p-sub-title {
    font-weight: bold;
    font-size: 2em;
    color: #262626;
    margin: 0;
}



.p-description {
    max-width: 990px;
    margin: 3em auto;
    width: 70%;
    font-size: 1.2em;
    line-height: 2.0em;
}






.half-box {
	width: 48%;
    max-width: 560px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0px 3px 10px 0px #ccc;
    background: #fff;
    padding: 2em 2em;
}


.half-box .div-box-row-img{min-height: 90px;}

.half-box h3{font-weight: bold;}

.boxes-causa-site{max-width: 1200px;margin: -5em auto 0 auto;}



.fl-right{float: right;}
.fl-left{float: left;}


section.section-cadastro {
    border-top: 2px solid rgba(204, 204, 204, 0.5);
    /*background-color: #f2f2f2;*/
    background: url('https://404dobem.com.br/img/bg-section-cadastro.jpg') repeat-y;
    background-size: 100%;
}

.form-design{
	background: url('https://404dobem.com.br/img/msg.png') no-repeat 0px 100px;
    background-size: 100%;
    min-height: 860px;
}



.form-design img{}




.form-404 input{
	border-top: 0px!important;
    border-left: 0pc!important;
    border-right: 0px!important;
    box-shadow: none!important;
}

.form-group label{
	color: #c4c4c4;
    font-size: 15px;
    font-family: 'Roboto', sans-serif!important;
    font-weight: normal;}



.form-title{
	font-weight: bold;
    font-size: 2.8em;
    color: #262626;
    margin: 2em 0;
}

p.sub-title-form {
    margin: 5em 0;
}


.form-fields {
    min-height: 860px;
    background: #fff;
    padding: 0.1em 7% 0.1em 0;
}

footer{padding: 2em;border-top: 2px solid rgba(204, 204, 204, 0.5);}
.div-logo-footer img{margin: 0;}
.align-right{text-align: right;}



@media (min-width: 1200px){

	.container {max-width: 1550px;margin: 0 auto;width: 85%;}
}



@media (min-width: 992px){

.container {width: 90%;}

.section-quem-somos{background-size: cover;}

.boxes-causa-site {max-width: 1200px; margin: -5em auto 0 auto!important;}

}


@media (min-width: 768px){
	.container {width: 90%;}
	.form-design{display: block!important;}
	.section-quem-somos{background-size: cover;}
	.boxes-causa-site {max-width: 1200px; margin: 0 auto 0 auto;}

	.half-box {
		width: 48%;
	    max-width: 560px;
	    border: 1px solid #ccc;
	    border-radius: 4px;
	    box-shadow: 0px 3px 10px 0px #ccc;
	    background: #fff;
	    padding: 2em 2em;
	    min-height: 320px;
	}

}


@media screen and (max-width: 767px) {
	.container {width: 92%;}
	.form-design{display: none;}
	section.section-cadastro{background: none;}
	.section-quem-somos{background-size: cover;}
	.section-header{background: none;}
	.section-header{background-color: #eeeced;}
	.half-box{width: 100%; float: none; margin-bottom: 2%;max-width: 100%;}
	.boxes-causa-site{margin: 0;}
	.form-fields{padding: 0; min-height: 720px;padding-bottom: 5em;}

	.div-button{text-align: center;}

	.span-button-caption{display: block;margin-top: 15px;}

	.p-header-description{width: 100%;}
	.div-caption{text-align: center;}
	#mc_embed_signup_scroll div.clear{text-align: center;}

	.p-description{width: 90%;}

	.form-title{text-align: center;}
    

    footer{padding: 2em 1em;}

    footer .container{width: 100%;}
    .div-logo-footer{    
        width: auto%;
        margin: 0;
        padding: 0;
        }

    .div-logo-footer img{}

    footer .align-left{float: left;}
    footer .align-right{float: right;}
}


.div-select-form {height: 100%;min-height: 90px;text-align: center;}

input#bt_form1 {
    width: 220px!important;
    height: 55px!important;
    /*float: left;*/
    display: inline-block;
    /*margin-bottom: 40px;*/
    font-size: 18px!important;
    background: #ffffff;
    color: #2584c5;
    border: 2px solid #2584c5!important;
    border-radius: 50px;
    margin: 0px 2px 40px 2px;
}

input#bt_form2 {
    width: 220px!important;
    height: 55px!important;
    /*float: right;*/
    display: inline-block;
    /*margin-bottom: 40px;*/
    font-size: 18px!important;
    background: #ffffff;
    color: #2584c5;
    border: 2px solid #2584c5!important;
    border-radius: 50px;
    margin: 0px 2px 40px 2px;
}



.bt-active{
   /* display: block;*/
   /* width: 220px!important;
    height: 55px!important;*/
    /*float: left;*/
   /* display: block;*/
   /* margin-bottom: 40px;*/
   /* font-size: 18px!important;*/
    background: #2584c5!important;
    color: #fff!important;
    border: 2px solid #2584c5!important;
    }