.bg-laranja {
	background-color: #FF4E5B;
    z-index: 1;
}
.bg-rosa {
	background-color: #FF2695;
    z-index: 100;
}
.bg-cinza {
	background-color: #F6F6F6;
}
.bg-cinza-escuro{
background-color: #D8DCD6;
}

p.preto{
color: #333333;
}

p.preto span{
color: #FF4E5B;
font-weight: 500;
}

h2.laranja{
color: #FF4E5B;
}

.polig{
    position: relative;
    top: 180%;
    width: 400px;
    height: 100px;
-webkit-clip-path: polygon(100% 0, 100% 100%, 0 70%, 0 0);/* Chrome, Safari, Opera */
clip-path: polygon(100% 0, 100% 100%, 0 70%, 0 0);
-ms-clip-path: polygon(100% 0, 100% 100%, 0 70%, 0 0);/* IE 9 */

}

.polig2{
-webkit-clip-path: polygon(100% 0, 100% 100%, 0 60%, 0 20%);/* Chrome, Safari, Opera */
clip-path: polygon(100% 0, 100% 100%, 0 60%, 0 20%);
-ms-clip-path: polygon(100% 0, 100% 100%, 0 60%, 0 20%);/* IE 9 */
}


.polig1{
-webkit-clip-path: polygon(100% 0, 100% 80%, 0 100%, 0 0);/* Chrome, Safari, Opera */
clip-path: polygon(100% 0, 100% 80%, 0 100%, 0 0);
-ms-clip-path: polygon(100% 0, 100% 80%, 0 100%, 0 0);/* IE 9 */
}

.polig3{
    display: block;
-webkit-clip-path: polygon(100% 20%, 100% 100%, 0 100%, 0 0);/* Chrome, Safari, Opera */
clip-path: polygon(100% 20%, 100% 100%, 0 100%, 0 0);
-ms-clip-path: polygon(100% 20%, 100% 100%, 0 100%, 0 0);/* IE 9 */
    position: relative;
    top: -150px;
}

.boxMobile{
display: none;
    position: relative;
    top: -120px;
}


.arte-tel {
    z-index: 110;
	position: absolute;
    top: 2700px;
    left: auto;
    background-color: transparent;
}

.subir {
	position: relative;
    top: -500px;
    background-color: transparent;

}
.rede {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 5%;
    background-color: transparent;
}
.iconRede {
    margin: 0 auto 0 auto;
    margin: 5px;
}
.ongs {
     width: 100%;
    height: auto;
    background-color: #FFFFFF;
    border: thin solid #CCCCCC;
    padding: 10%;
    margin: 15px 0; 
    cursor: pointer;

}
.ongs img {
    width: 100%;
    height: auto;
    background-color: #FFFFFF;  
}
.ongs img a {
    cursor: pointer;
   
}

.appBaixar img {
    width: 100%;
    height: auto;
    background-color: transparent;  
}

.pdd-60{
padding: 40px;
}
p.white{
color: white;
}

.dflex{
    display: flex;
    align-items: center;
    align-content: center;
}

footer.cor{    
    background-color: #000000;
}

footer.cor a{
    color: #FFFFFF;
}

/* Smartphones */
@media screen and (max-width: 768px) {
    .polig3{  
        width: 100%;
        -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
        clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
        -ms-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
        position: relative;
        top: 0px; 
        }
}

/* Css - Formulario */
section.contat{
    /*padding: 50px;*/
    margin: 5% auto 0 auto;
    width: 100%;
    height: auto;  
}
.boxForm{
    width: 100%;
    padding: 50px;
    background-color: rgba(255,255,255,.2);
    border: thin #CCCCCC solid;
}

.form-group .form-control {
   border-bottom: 2px rgba(35,35,35,.4) solid;
    margin: 0px;
    border-radius: 0;
    box-shadow: none;
    height: 48px;
    outline: none;
   
}
label.labelForm{ 
    margin-top: 10px;
 color: #222222; 
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
}


.form-group .form-control:focus,
.form-group .form-control:hover {
    border-color: #583CF9;
}
input.form-group .form-control:active {
    color: #583CF9; !important;
}
textarea.form-control {
    height: 120px !important;
    outline: none;    
}


/*CSS - Modal*/

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 20px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
    }
    .modal-sm {
        width: 300px
    }
}

.modal-content {
    padding-top: 30px;
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out
}

.modal-body {
    position: relative;
    padding: 15px;
}

p.title-f{
    font-family: "Ubuntu", sans-serif !important;
    background-color: transparent;
    line-height: 28px;
    font-size: 18px;
    color: #333333;
    font-weight: 300;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
img.imgFechar{
   width: 20px;
    height: 20px;
    background-color: transparent;
    text-decoration: none;
}

button.fechar{
    border: none;
    background-color: transparent;
    outline: none;
    text-decoration: none;
}
button.fechar:focus{
    background-color: transparent;
    outline: none;
    text-decoration: none;
}