#modal{position: absolute;top:0px;left: 0px;right:0px;bottom: 0px;background-color: rgba(0,0,0,0.8);width: 100%;height:100%;z-index: 98;}

 .fa-times-circle{position:fixed;top:50px;right: 50px;font-size:2em;background-color: transparent;z-index:99;color: #d3d311;}

 #emb{width:60%;height:60%;margin: auto;margin-top:50px;}
/* styles main menu fixed */
#menu-fixed{background-color:rgba(39, 36, 40,0);padding-top:10px;z-index: 80;}
/* logo top position */
#logo{width:250px;height:125px;margin-top:0px;margin-left:100px;}

#ul-menu-fixed{width:90%;margin-left:10%;}

#menu-fixed li{border:1px solid transparent;}

#menu-fixed li a{color:#fff;font-family:Roboto-Light;font-size:94%;letter-spacing:0.5px;}

#menu-fixed li:hover{border-bottom:1px solid #dadc00;background-color:rgba(39, 36, 40,0.5);}

#span-ampersand{color:#dadc00;}

.dropdown-menu{background-color:rgba(39, 36, 40,0.8);}

.dropdown-menu .dropdown-item{border-bottom:1px solid gray;}

.dropdown-menu .dropdown-item:hover{background-color:rgba(39, 36, 40,0.8);border-bottom:1px solid #dadc00;}

#hidden-icon{display: none;}

#trans{background-color:rgba(0,0,0,0.3);height: 100%;opacity:0.5;}

#background-row{
height:720px;
background-image: url('../img/parallax.jpg');
background-position:top  center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}

#style-general-text
{
width:90%;margin:auto;
font-size:3em;color:white;
font-family:Roboto-Thin;
text-align:center;
border-color: transparent;
background-color:rgba(0,0,0,0);
margin:22% auto auto auto;
}

#style-part-one-text{font-family:Roboto-Black;letter-spacing:8px;line-height:10px;}

#really{font-family:Roboto-Black;}

#text-changing{width:50%;margin:auto;color:#d3d311;font-family:Roboto-Black;letter-spacing:10px;}

.card-group{margin-bottom:50px;border-radius:0px;}

.card{border-radius:0px;border:2px solid white;margin:1.5%;height:auto;}

.card-body{margin:0px;padding:0px;border-radius:0px;}

.card-body a
{
        font-size:80%;
        height:50px;
        border:3px solid transparent;
        border-radius: 0px;
        position: absolute;
        bottom:-15px;
        width:80%;
        margin-left:10%;
        margin-right: 10%;
        font-family:Roboto-MediumItalic;
        line-height: 15px;
        padding-top: 14px;
        outline: 0px;
}

.card-body #ul-photos1-a1{background-color:rgba(0, 163, 178, 0.85);}

/*.card-body #ul-photos1-a2{background-color:rgba(221, 220, 0, 0.90);}*/
.card-body #ul-photos1-a2{background-color:rgba(170,201,12,0.85);}

.card-body #ul-photos1-a3{background-color:rgba(102, 36, 131, 0.85);}

.card-body #ul-photos1-a4{background-color:rgba(7, 139, 165, 0.85);}

.card-body #ul-photos2-a1{background-color:rgba(170, 201, 12, 0.85);}

.card-body #ul-photos2-a2{background-color:rgba(150, 27, 131, 0.8);}

.card-body #ul-photos2-a3{background-color:rgba(140, 140, 137, 0.85);}

.card-body #ul-photos2-a4{background-color:rgba(0, 163, 178, 0.85);}

.card-body a:hover{border-color: white;}


#col-image-slide
{
height:400px;
background-color:black;
background-image:url('../img/parallax.jpg');
background-position:top  center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}

#first-div-part-white
{
        width:100%;
        height:400px;
        background-color:rgba(0,0,0,0);
        padding-top:10px;
}

#second-div-part-white
{
        background-color:rgba(255,255,255,0);
        color:white;
        width:80%;
        height:auto;
        margin:20px auto;
        padding:10px 0px;
}

#img-back-slide1,#img-back-slide2,#img-back-slide3,#img-back-slide4,#img-back-slide5{height:300px;}

#h5-back-slide1,#h5-back-slide2,#h5-back-slide3,#h5-back-slide4,#h5-back-slide5{font-family:Roboto-Regular;font-size:2em;letter-spacing:4px;}

#span-we-are1,#span-we-are2,#span-we-are3,#span-we-are4,#span-we-are5{font-family:Roboto-Black;}

#p-text-slide1,#p-text-slide2,#p-text-slide3,#p-text-slide4,#p-text-slide5{font-family:Roboto-Regular;text-align: justify;margin-top:20px;font-size:130%;}

#hidden-card{display: none;}

/* COLOR FONT INPUTS FORM CONTACT*/
#row-form-contact #form-contact input{font-size:80%;}
/* COLOR FONT TEXTAREA FORM CONTACT*/
#row-form-contact #form-contact textarea{font-size:80%;}

#row-form-contact #form-contact #send{font-size:80%;width:50%;margin:10px 25% 20px 25%;}
/* STYLES INPUTS FIELDS FORM CONTACT */
#row-form-contact #form-contact #input1{padding:5px;height:50px;border:6px solid #d3d311;outline: none;}

#form-contact{width:30%;margin:auto;margin:50px auto;}

#input1{padding:5px;height:50px;border:6px solid #d3d311;outline: none;}

#input2{padding:5px;height:50px;border:6px solid #228896;outline: none;}

#input3{padding:5px;height:50px;border:6px solid #861c78;outline: none;}


#addon1{background-color:#d3d311;border-radius: 5%;border:none;}

#addon2{background-color:#228896;border-radius: 5%;border:none;}

#addon3{background-color:#861c78;border-radius: 5%;border:none;}

#addon1 i:hover{background-color:#d3d311;}

#addon2 i:hover{background-color:#228896;}

#addon3 i:hover{background-color:#861c78;}

#input1,#input2,#input3,#textarea{background-color:white;}

#textarea{border:6px solid #d3d311;outline:none;}






input::placeholder { color:black;letter-spacing:1px;}
textarea::placeholder { color:black;letter-spacing:1px;}
input,textarea{color:black;font-family:Roboto-Regular;outline: none;outline-color: transparent;}

#send{
    text-align:center;
    background-color:#92278f;
    margin-left:40%;
    width: 120px;
    margin-bottom:30px;
    color:white;
    font-family:Roboto-Medium;
    border:3px solid transparent;
    outline: none;
    letter-spacing:1px;
}




#send:hover{background-color:#272423;border-color: white;}

#addon1 i{padding:10px;background-color: white;border-radius: 50%;}

#addon2 i{padding:10px;background-color: white;border-radius: 50%;}

#addon3 i{padding:10px;background-color: white;border-radius: 50%;}

#h1-div-4{text-align:center;font-family:Roboto-MediumItalic;letter-spacing:4px;font-size:1.8em;color:white;margin:80px 0px 4px 0px;width:100%;}

#div-5{background-color:#d3d311;padding-top:50px;padding-bottom:50px;}

#first-h1-1{font-family:Roboto-Thin;text-align:center;line-height: 15px;}   

#first-h1-2{font-family:Roboto-Black;text-align:center;}

#first-p-1{font-family:Roboto-Regular;line-height:1px;text-align:center;}

#first-p-2{font-family:Roboto-Regular;line-height:1px;text-align:center;}

#row-map{color:white;background-color: #3e3a39;}

#col-map{background-color:#272423;padding:50px 0px 50px 0px;margin: 0px;}

#ulmap3{margin-left:150px;margin-top:30px;}

#ulmap3 li a{color:white;font-family:Roboto-Medium;text-decoration:none;}

#last-row-col1{padding:20px 0px 20px 0px;}

ul{list-style: none;}

#logo-down{width:250px;height:125px;margin-top:0px;margin-left:120px;}

#ulmap3{list-style: none;margin-left:150px;margin-top: 30px;}

#ulmap3 li a{color:white;font-family:Roboto-Medium;text-decoration:none;}

#ulmap3 li:hover{background-color:#272423;}

#ulmap3 li a:hover{color:white;background-color:#272423;color:yellow;font-size: 1em;}

#ulmap3 li i{background-color: rgba(0,0,0,0);color:yellow;font-size: 1em;}

#last-row-col1{padding-top:50px;padding-bottom:50px;background-color: #3e3a39;}

#h1-servicios-last-row{font-family:Roboto-Regular;text-align: center;letter-spacing:4px;font-size: 100%;padding-bottom: 50px;}

#h4-contact-last-row{font-family:Roboto-Regular;text-align: center; letter-spacing: 4px; font-size: 100%;padding-bottom: 50px;}

#ulmap1{margin:10px 30px 0px 30px;}

#ulmap1 li{border-bottom: 1px solid gray;}

#ulmap1 li a{font-size:100%;padding:10px 0px;color:white;font-family:Roboto-Medium;text-decoration: none;}

#ulmap1 li span i{background-color: rgba(0,0,0,0);color:yellow;font-size: 1em;}

#ulmap1 li:hover{background-color:#272423;color:white;}

#ulmap1 li span i{background-color: rgba(0,0,0,0);color:yellow;font-size: 1em;padding:10px;}

#ulmap2 li a i{background-color: rgba(0,0,0,0);color:yellow;font-size: 1em;padding:10px;}

#ulmap2{padding:2px 10px;}

#last-row-col2{padding-top: 50px;padding-bottom: 50px;background-color: #3e3a39;}

#facebook{font-size: 2em;background-color: transparent;color:#dadc00;}

#emailcontact{font-family:Roboto-Regular; font-size: 1em; letter-spacing: 3px; color:#dadc00;}

#ulmap2 li a{color:white;font-family:Roboto-Medium;text-decoration: none;}


#ulmap2 li a:hover{color:white;}

/*#ulmap2 li:hover{background-color:#272423;}*/

#ulmap2 li a i{background-color: rgba(0,0,0,0);color:yellow;font-size: 1em;}

#ulmap2 li{border-bottom: 1px solid gray;}

#ulmap2 li a{color:white;font-family:Roboto-Medium;text-decoration: none;}

#footer{background-color: white;height:40px;}

#p-footer{margin-left:40px;font-family:Roboto-Ligth;}

#span-copy{color:gray;font-family:Roboto-Medium;font-size:1.5em;padding-top:10px;}

#span-text{color: gray;font-family:Roboto-Regular;font-size:1em;padding-bottom:10px;}