/* Start custom CSS for html, class: .elementor-element-4a9fb0c */@media  (max-width: 768px) {

#contact-menu {
    top: 95% !important;
    width: 100%;
}

#contact-menu #items-background {
    width: 255px !important;
    height: 2rem !important;
    border-radius: 16px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

#contact-menu #items-box {
    idth: 300px !important;
    top: -550% !important;
    eft: -7% !important;
    display: flex;
    background-color: pink;
    justify-content: center;
    margin: 0 auto;
}

#contact-menu #items-box a {
    display: flex;
    justify-content: center;
}

/*icon and content*/
#contact-menu .item-contact {
    width: 80% !important;
    padding: 8% 8% !important;
}
    
} /*end 360 mq*/


@media  (min-width: 361px) and (max-width: 680px) {

#contact-menu {
    top: 95.5% !important;
}

.banner_lateral{
	max-width:100vw;
	width: 100%;    
    display: flex;
    justify-content:center;
}

#contact-menu #items-background {
    width: 300px !important;
    height: 2rem !important;
    border-radius: 16px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

#contact-menu #items-box {
    width: 300px !important;
    top: -570% !important;
    left: 0% !important;
    display: flex;
}

#contact-menu #items-box a {
    display: flex;
    justify-content: center;
}

/*icon and content*/
#contact-menu .item-contact {
    width: 80% !important;
    padding: 8% 8% !important;
}
    
} /*end 361-451 mq*/


/*Container*/
#contact-menu {
    position: fixed;
    top: 30%;
	left:0%;
	z-index: 9999;
	
}

#contact-menu a {
    color: transparent;
}

#contact-menu #items-background {
    background-color: #3C3C3B;
    opacity:0.5;
    width: 40px;
    height: 18rem;
    z-index: 1;
    border: solid 1px none;
    border-radius: 16px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

#contact-menu #items-box {
    position: absolute;
    width: 75%;
    margin-top: 25%;
    top: -0%;
    left: 40%;
    z-index: 2;
}

/*icon and content*/
#contact-menu .item-contact {
    background-color: #1D71B8;
    width: 200%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: solid 1px none;
    border-radius: 20%;
    margin-top: 35%;
    padding: 15% 15%;
    cursor: pointer;
}

#contact-menu .item-contact:hover {
  transform: scale(1.2);
  cursor: pointer;
}

#contact-menu .item-contact-icon {
    width: 100%;
    border-radius: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#contact-menu .item-contact-content {
    color: #E3E3E3;
    font-size: 9px;
    margin-top: 8%;
    font-weight: bold;
    text-shadow: 0px 1px 3px #1D1D1B;
}/* End custom CSS */