/*-CREATED BY WAVESITE-*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.menuElement{color:#fecd35;font-family: "Montserrat", sans-serif;display:inline-block;margin:0 8px;padding:5px 12px;font-weight: 700;}
.menuElement.on{background:#fecd35;color:#000;border-radius:50px;transition:512ms}
.menuElement.on:hover{background:black;color:#fecd35}
.menuElement:hover{color:white;}
.montserrat{font-family: "Montserrat", sans-serif;}
.poppins{font-family: "Poppins", sans-serif;}

#gotop{right: 12px;
    border-radius: 50px;
    background: #fecd35;transition:1s}
#gotop:hover{background:#000;color:#fecd35}
#gotop:hover i{color:#fecd35}
#gotop i{color:black}
#gotop i:hover{color:#fecd35}

header{background-color: #fecd35;
    background-image: url(../img/header_bg.png);
    background-size: 93%;
    background-repeat: no-repeat;}
.mainphrase{color:black;}
.about{background-image:url(../img/nosotros_bg.jpg);background-size:cover;background-position: bottom center;}

.yellow{color:#fecd35;}
.yellowbg{background:#fecd35;}
.yellow-highlight {background:#fecd35;color:#000;border-radius:50px;display:inline-block;padding:0.3rem 0.5rem}

.misionvision{border-radius:0 50px 0 50px;padding:25px;font-size:1.1em;font-weight: 600;margin-top:-12px;}

.servicios{border-radius:0 50px 0 50px;max-width: 95%;margin:auto;margin-bottom:21px;}

.cotizar{
    background-color: rgb(229, 175, 1);
    color :#000;
    border-radius: 50px;
    cursor :default;
    display :inline-block;
    font-family: Poppins, sans-serif;
    font-size :13.3333px;
    font-weight: 900;
    height :44px;
    padding:12px 21px;
    text-align: center;
    vertical-align: text-bottom;
    width: 225.594px;}

.gallery{background-color: #fecd35;
    background-image: url(../img/gallery-bottom.png), url(../img/gallery-top.png);
    background-repeat: no-repeat;
    background-position: bottom right, top left;}

#contactform{position: fixed;
    top: 50%;
    left: 50%;
    width: 95%;
    max-width: 500px;
    transform: translate(-50%, -50%);
    background: #efefef;
    border-radius: 12px;
    background-image: linear-gradient(0deg, rgba(254, 205, 54, 1) 66%, rgba(255, 255, 255, 0) 100%), url(../img/contact_form_bg.jpg);
    padding: 35px 21px 53px 21px;
    background-size: contain;
    background-position: top center;box-shadow: 0 5px 19px 12px #121212;display:none;}

#contactform .fa-times{font-size:1.5em; color:white;margin-top:-12px;display:block;}
#contactform .sendform{border-radius:50px;}
#contactform .sendform:hover{background:#00000080;color:black}

@media only screen and (max-width:768px){
    .menuElement{display: block;text-align: center;}
    .mainphrase{color:white;margin-bottom:75px}
    header{    background-size: cover;background-repeat: no-repeat;background-position: center;}
    .yellow-highlight {line-height: 29px;}
}