*{
 font-family: "Montserrat", sans-serif;
}    




header{

    .cabecalho {
        padding: 14px 0;
    }

    .box-social-central {
        display: flex;
        align-items: center;
    }

    .alt-menu {
        display: flex;
        align-items: center;

        .nav-item{
            font-weight: 500;
            font-size: 16px;
            color: #111827;
        }
        
        .social-menu {
            margin: 0;
            padding: 0;
        
            li {
                list-style-type: none;
            }
        }
        .box-social-central{
            .portal-corretor {
                font-weight: 500;
                font-size: 16px;
                color: #fff;
                line-height: 100%;
                padding: 20px 24px;
                background-color: #E7454A;
                padding: 20px 24px;
                border-radius: 5px;
                margin: 0 0 0 32px;
                transition: 300ms all ease-in-out;
                
                &:hover{
                    background-color: #A63137;
                }
            }
        }
    }

    .nav-efeito{
        margin: 0 4px;
        display: flex;
        justify-content: center;
        position: relative;
        /* height: 20px; */
    }
    .nav-efeito::after {
        content: '';
        height: 3px;
        width: 0;
        background: #E7454A;
        position: absolute;
        bottom: -5px;
        transition: all .25s;
    }
    .nav-efeito:hover::after {
        width: calc(100% - 20px);
    }
    .nav-efeito:hover{
        color: #E7454A !important;
    }
}


footer {
    padding: 50px 0 0;
    background-color: #40403F;
    border-bottom: solid 64px #ffffff;

    .alinhar-footer{
        display: flex;
        align-items: center;
    }

    .link-social-footer {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        font-size: 16px;
        line-height: 190%;
        vertical-align: middle;
        color: #fff;
        margin: 0;

        .fundo-link-fotter {
            display: flex;
            width: 48px;
            height: 48px;
            background-color: #E7454A;
            justify-content: center;
            align-items: center;
            margin-right: 16px;
            border-radius: 5px;
            box-shadow: 0px 4px 40px 0px #00000040;
        }
    }

    .social-footer{
        display: flex;
        justify-content: center;
        margin: 0;

        li{
            list-style-type: none;  
        }
    }

    hr{
        color: #fff;
    }

    h5{
        font-weight: 600;
        font-size: 16px;
        line-height: 100%;
        text-transform: uppercase;
        margin-bottom: 24px;
        color: #E7454A;
    }

    .list-footer{
        padding: 0;
        margin: 0;

        li{
            font-weight: 500;
            font-size: 16px;
            line-height: 190%;
            letter-spacing: 0%;
            color: #fff;
            list-style-type: none;

            &:hover{
                color: #E7454A;
            }

            img{
                margin-right: 8px;
            }
        }
    }


    .footer-copy{
        background-color: #ffffff;
        padding: 20px 0;
        position: relative;
        width: 100%;
        margin-bottom: -64px;
        margin-top: 60px;

        .alinhar-meio{
            display: flex;
            align-items: center;
  
            .copy{
                font-weight: 400;
                font-size: 16px;
                line-height: 100%;
                letter-spacing: 0%;
                margin: 0;
                color: #3C3C3B;
    
                span{
                    font-weight: 600;
                    color: #E7454A;
                }
            }

            .politica {
                font-weight: 500;
                font-size: 16px;
                line-height: 100%;
                text-decoration: underline;
            }
        }

    }


    .alfamaweb-logo {
        display: flex;
        justify-content: flex-end;
    }

}



/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
    header {
        .navbar-toggler {
            border: none;
        }
        .navbar-toggler:focus {
            box-shadow: none;
        }

        .alt-menu {
            .box-social-central {
                    display: flex;
                    flex-direction: column;

                    ul{
                        display: flex;
                        justify-content: space-around;
                        padding: 0;
                        margin: 0 0 20px 0;

                        li {
                            list-style-type: none;
                            margin: 0 11px;
                        }
                    }
            }
        }

        .navbar-collapse a {
            line-height: 45px;
        }
    }

    footer {
        text-align: center;

        .social-footer {
            display: flex;
            justify-content: center;
            margin: 30px 0;
            padding: 0;
        }

        .logo-footer {
            margin: 10px 0 50px;
        }

        .footer-copy {
            margin-bottom: -100px;
        }
    }
}

@media (min-width: 1025px) and (max-width: 1400px) {
    .nav-link {
        font-size: 14px;
        margin: 0 !important;
        line-height: 0 !important;
    }
}

/* MOBILE */
@media all and (max-width: 767px) { 

        header {

            .navbar-toggler {
                border: none;
            }
            .navbar-toggler:focus {
                box-shadow: none;
            }

                .alt-menu {
                    .box-social-central {
                            display: flex;
                            flex-direction: column;

                            ul{
                                display: flex;
                                justify-content: space-around;
                                padding: 0;
                                margin: 0 0 20px 0;

                                li {
                                    list-style-type: none;
                                    margin: 0 11px;
                                }
                            }
                    }
                }
        }

        footer {
            text-align: center;

            .link-social-footer {
                margin-bottom: 20px;
            }

            h5 {
                margin-bottom: 10px;
                margin-top: 40px;
            }

            .footer-copy {
                .alinhar-meio {
                    .copy {
                        margin: 16px 0;
                    }
                }
            }

            .alfamaweb-logo {
                display: flex;
                justify-content: center;
                margin: 20px 0;
            }
        }
   
}

.btn-whatsapp-pulse {
	background: #25d366;
	color: white;
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 35px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
    z-index: 10;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}

.btn-whatsapp-pulse-border {
	bottom: 120px;
	right: 20px;
	animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 25px;
	border: 5px solid #25d366;
	opacity: 0.75;
	animation-name: pulse-border;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse-border {
	0% {
		padding: 25px;
		opacity: 0.75;
	}
	75% {
		padding: 50px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

.icon-whatsp{
    width: 40px;
}



.page-404 h1{
    color: #e7454a;
}
.btn-404{
    font-weight: 500;
    font-size: 16px !important;
    color: #fff !important;
    line-height: 100%;
    padding: 20px 24px !important;
    background-color: #E7454A;
    border-radius: 8px;
    margin: 0 30px 0 32px;
    transition: 300ms all ease-in-out !important; 

    &:hover {
        background-color: #A63137 !important;
    }
}

@media (min-width: 992px) and (max-width: 1400px) {
    .nav-link {
        line-height: 0 !important;
    }
}

@media (min-width: 992px) and (max-width: 1400px) {
    header {
        .nav-efeito::after {
            bottom: -16px;
        }
    }
}