/* Footer */

.parallax-view{
	padding: 15rem 15px;
}


#parallax-3 {
    background: url(assets/banner/footer.jpg);
    background-size: cover;
    background-position: center;
}

#parallax-3{
	background-attachment: fixed;
}

.card-footer{
    background-color: rgba(51, 51, 51, 0.9);
    background-blend-mode: normal;
    opacity: 1;
    width: 65% !important;
    height: auto !important;
    border-radius: 10% !important;
    
}

.icon-f{
	width: 42px !important;
	height: auto;
}

.btn-icon {
	background-color: #BF4330 !important;
}

.form-f{
    background-color: rgba(51, 51, 51, 0.9);
    opacity: 1;
}

.card-footer.mx-5.text-white {
    height: 480px;
   }

   
.card-footer.mx-5.text-white {
 position: relative;
 left: 103px;
}

.fixed-bottom-custom{
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 1;
    transition: opacity 0.2s;
}

.fixed-bottom-custom:hover{
    opacity: 0.7;
}

.fadeIn {
    animation: go-back 1s;
}

/* styles page contato */

.fundo-cont{
    background-color: #BF4330 !important;
	padding: 1rem 15px;
}

.fundo-cont-2{
    background-color: #f8f9fa !important;
    padding: 1rem 15px;
}

.parallax-view{
	padding: 15rem 15px;
}


#parallax-cont {
    background: url(assets/images/parallax-map.webp);
    background-size: cover;
    background-position: center;
}

#parallax-cont{
	background-attachment: fixed;
}

.underline{
    text-decoration-line: none;
}


.icon-size{
	width: 100px !important;
	height: auto;
}

.fundo-c{
	background-color: #BF4330 !important;
}

.icon-circle{
	border-radius: 80% !important;
	padding: 10px 10px 10px 10px;
}

.justify{
   text-align: justify;
}


/* Responsivo Footer */

@media screen and (min-width: 320px) and (max-width: 359px)  {
    .f-mobile {
        position: relative;
        width: 450px !important; 
        right: 140px !important;
       }

    .map-mobile{
        position: relative;
        width: 450px !important; 
        right: 140px !important;
    }
 
 
 }
@media screen and (min-width: 360px) and (max-width: 374px)  {
    .f-mobile {
        position: relative;
        width: 500px !important; 
        right: 136px !important;
       }

       .map-mobile{
        position: relative;
        width: 300px !important; 
        right: auto !important;
        height: auto !important;
    }

    .font-size{
        font-size: 15px !important;
        position: relative;
        right: 30px !important;
    }
    .icons{
        font-size: 15px !important;
        position: relative;
        right: 30px !important;
    }  
 
 }
@media screen and (min-width: 375px) and (max-width: 383px)  {
    .f-mobile {
        position: relative;
        width: 500px !important; 
        right: 130px !important;
       }

       #parallax-3 {
        background: url(assets/banner/footer.jpg);
        background-size: cover;
        background-position: center;
    }

    .map-mobile{
        position: relative;
        width: 300px !important; 
        right: auto !important;
        height: auto !important;
    }

    .font-size{
        font-size: 15px !important;
        position: relative;
        right: 30px !important;
    }
    .icons{
        font-size: 15px !important;
        position: relative;
        right: 30px !important;
    }
 
 }

@media screen and (min-width: 384px) and (max-width: 389px)  {
    .f-mobile {
        position: relative;
        width: 520px !important; 
        right: 132px !important;
       }
       #parallax-3 {
        background: url(assets/banner/footer.jpg);
        background-size: cover;
        background-position: center;
    }

    .map-mobile{
        position: relative;
        width: 350px !important; 
        right: 0px !important;
        height: auto !important;
    }
 
 }
@media screen and (min-width: 390px) and (max-width: 411px)  {
    .f-mobile {
        position: relative;
        width: 530px !important; 
        right: 135px !important;
       }
       #parallax-3 {
        background: url(assets/banner/footer.jpg);
        background-size: cover;
        background-position: center;
    }

    .map-mobile{
        position: relative;
        width: 300px !important; 
        right: auto !important;
        height: auto !important;
    }

    .font-size{
        font-size: 15px !important;
        position: relative;
        right: 30px !important;
    }
    .icons{
        font-size: 15px !important;
        position: relative;
        right: 30px !important;
    }
 
 }

 @media screen and (min-width: 412px) and (max-width: 427px)  {
    .f-mobile {
        position: relative;
        width: 550px !important; 
        right: 124px !important;
       }

       #parallax-3 {
        background: url(assets/banner/footer.jpg);
        background-size: cover;
        background-position: center;
       
        } 

        .font-size{
            font-size: 15px !important;
            position: relative;
            right: 30px !important;
        }
        .icons{
            font-size: 15px !important;
            position: relative;
            right: 30px !important;
        }    

    .map-mobile{
        position: relative;
        width: 370px !important;
        right: auto!important;
        height: auto !important;
       }

       #parallax-cont {
        background: url(assets/images/parallax-map.webp);
        background-size: cover;
        background-position: center;
    }  
 }
 @media screen and (min-width: 428px) and (max-width: 768px)  {
    .f-mobile {
        position: relative;
        width: 550px !important; 
        right: 120px !important;
       }

       #parallax-3 {
        background: url(assets/banner/footer.jpg);
        background-size: cover;
        background-position: center;
    }

    .map-mobile{
        position: relative;
        width: 380px !important; 
        right: auto !important;
        height: auto !important;
    }

    .font-size{
        font-size: 15px !important;
        position: relative;
        right: 30px !important;
    }
    .icons{
        font-size: 15px !important;
        position: relative;
        right: 30px !important;
    }   
 }
 @media screen and (min-width: 769px) and (max-width: 1080px)  {

    .f-mobile {
        position: relative;
        width: 620px !important;
        right: 40px !important;
       }

       .map-mobile{
        position: relative;
        width: 650px !important;
        right: auto!important;
       }  

 }
 @media screen and (min-width: 1280px) and (max-width: 1439px)  {
 
    .map-mobile{
        position: relative;
        width: 1100px !important;
        right: auto!important;
       }

 } 
 @media screen and (min-width: 1366px) and (max-width: 1430px)  {

    .font-size{
        font-size: 15px !important;
        position: relative;
        right: 30px !important;
    }
    .icons{
        font-size: 15px !important;
        position: relative;
        right: 30px !important;
    }   

 }
 @media screen and (min-width: 1440px) and (max-width: 1500px)  {

    .map-mobile{
        position: relative;
        width: 1200px !important;
        right: auto!important;
       }

 }