body{
    padding:0; margin:0; overflow-x:hidden;
}

.container{
    width:90%;
    margin:auto;
}

.d-spaced-flex{
    display:flex; justify-content:space-between;
    padding:12px;
}

.logo{
    height:45px; width:auto;
    border-radius:100px;
}

nav{
   margin-top:12px;
}

nav button{
    background:none; color:rgb(128, 0, 38); 
    padding:10px; border:none; transition:0.5s;
}

nav button:hover{
    background:rgb(128, 0, 38); color:green; cursor:pointer;
}

.active_btn{
    border-bottom:1px solid rgb(128, 0, 38); border-radius:15px;
}

#navigator{
    display:none;
}

#navigator2 {
    display: none;
}

#nav2{
    display:none;
}

#nav2 button{
    width:100%;
}

#nav2 .active_btn{
    border-radius:0px;
}

@media(width < 500px){
    #nav {
        display:none;
    }

    #navigator {
        display:block;
    }

    #nav2{
        display:none;
    }
}

#showcase{
    background-image:url('../images/images.jpg');
    background-repeat: no-repeat; background-size:cover;
    height:500px; padding:15px; position:absolute; width:100%;
    background-position:top right;
}

.showcase_cover{
    background:linear-gradient(rgba(62, 1, 22, 0.709),rgba(44, 30, 37, 0.75)); height: 400px;
    padding: 15px; position:relative;height: 500px;
}

.showcase_cover h1{
    font-size:30px; color:white; font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande',
     'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

.showcase_cover p{
    margin-top:-10px; font-size:25px; font-style:italic; color:white;
    margin-bottom:7px; 
}

.green{
    color:green;
}

.showcase_cover .order{
    background:linear-gradient(rgb(153, 34, 54),maroon); color:white; padding:10px 20px;
    font-style:bold; cursor:pointer; transition:1s; border:none; font-size:15px;
    
}

.order{
    background:linear-gradient(rgb(153, 34, 54),maroon); color:white; padding:10px 20px;
    font-style:bold; cursor:pointer; transition:1s; border:none; font-size:15px;
    
}

.showcase_cover .order:hover{
    background:linear-gradient(white,pink); color:black;
}

.showcase_cover .sign{
    background:linear-gradient(rgb(255, 255, 255),rgb(255, 255, 255)); color:rgb(0, 0, 0); padding:10px 20px;
    font-style:bold; cursor:pointer; transition:1s; border:none; font-size:15px;
}

.showcase_cover .sign:hover{
    background:linear-gradient(rgb(54, 0, 0),rgb(85, 0, 40)); color:rgb(255, 255, 255);
}

.about_felabliz{
    min-height:50vh; padding:20px;  overflow:auto;
}

.picture_col{
    width:2000px; margin-right:10px; 
}

.picture_col img{
    width:100%; height:auto;
}

.about_text{
    font-size:20px; line-height:30px; text-align:justify;
}

.about_text button{
    display:block;
}

.text{
    font-size:14px; text-align:justify; padding:15px;
}

.center{
    text-align:center;
}

.ceos_place{
    background:rgba(201, 191, 191, 0.589); padding:20px; color: black;
}

#ceosText span{
    color:green;
}

#cp{
    width:450px; height:auto; margin-right:10px;
}

.ceos_column {
    background: greenviolet;
    padding: 20px;
}

#cp {
    width: 450px;
    height: auto; margin-right: 10px;
}

#ceosText2 span{
    color:magenta
}

.MeetCEO{
    background:rgb(85, 0, 40); padding:20px;
}

#cp{
    width: 450px; height: auto;margin-right:10px ;
}

#ceosText3 span{
    background: maroon;
}

#connect{
    background:none; padding:10px; border-bottom:  2px ;
    transition: 0.5sc; border-radius: 10px; color: white; 
}

#connect:hover{
    background:magenta; color: aqua; cursor: pointer;
}


.newsletter{
    background:rgba(141, 137, 137, 0.63); color:black; padding:40px; 
}

.newsletter form{
    width:100%; margin:auto; 
}

.newsletter input{
    width:80%; padding:13px;
}

.newsletter button{
    background:black; color:green; padding:16px; 
    transition:2s; border:none; 
}

.newsletter button:hover{
    background:green; color:maroon; cursor:grab;
}


.first-footer a {
    color: #eee;
    display: block;
    margin: 25px 0px;
    font-size: 18px;
    text-decoration: none;
    transition: 1s;
}

.first-footer a:hover {
    color: gray;
}

.footer {
    border-top: 1px solid #eee;
    font-size: 17px;
    text-align: center;
}


.contact_felabliz{
    background:rgba(0, 0, 0, 0.803); position:relative;
    padding: 80px 12px; color:white;
}
.contact_felabliz form{
    width:45% ; 
}
.contact_felabliz input{
    width: 100%; padding:20px ; margin-bottom:12px; border:none;
    border-bottom:2px solid gray;
}
.contact_felabliz button{
    background:black; color:  green;padding: 16px; transition: 2s;
     border:aqua;
}
.contact_felabliz button:hover{
    background:green ; color:magenta; cursor: pointer;
}


.bg4_contact_felabliz{
    background-image:url("../images/showcase.jpg");
    height:500px; position:absolute; width:100%; padding:50px;
    background-position:top right;
}


.welcome{
   padding:20px; 
}
.welcome .input{
 width: 100%; margin: 10px; background:#eee; padding:9px;
 border-radius:10px; border:none; 
}
.welcome button{
    background:green ;color: white; padding: 10px;
    margin: 10px; width: 90%; border:none; border-radius:6px;

}

.login_holder{
    display:flex;
}

.login_holder .left-side{
    width:65%; background:linear-gradient(white,rgba(255, 192, 203, 0.411));
    padding:40px 20px; font-size:25px;
}

.mockups{
    font-size:35px;
}

#mannage-margin{
    margin:-30px 0px;
}

.paddiz{
    padding:0px 10px;
}

.s-container{
    width:90%; margin:auto;
}

.b-icons img{
    width:40px; height:40px; margin:0px 4px;
}

#showcase2{
    background-image:url('../images/welcome.jpg');
    background-repeat: no-repeat; background-size:cover;
    height:400px; padding:15px; position:absolute; width:100%;
    background-position:center center; background-attachment: fixed;
}

.showcase_cover2{
    background:linear-gradient(rgba(27, 26, 26, 0.562),rgb(2, 1, 1)); height: 400px;
    padding: 15px; position:relative;
}
.showcase_cover2 h1{
    font-size:30px; color:white; font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande',
    'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.showcase_cover2 p{
    margin-top:-10px; font-size:25px; font-style:italic; color:white;
    margin-bottom:7px;
}

#quick_links a{
    display:block; color:white; padding:10px; 
    text-decoration:none; transition:1s;
}

#quick_links a:hover{
    color:green;
}

.special-i{
    background:rgba(255, 255, 0, 0.338); transition:1s;
    padding:50px; border-radius:200%; margin:20px 10px;
    cursor:pointer;
}

.special-i:hover{
    scale:2;
}

.latest{
    background:radial-gradient(rgba(128, 128, 128, 0.642),#eeeeeeaa);
}









.footer{
    background:black; color:white; padding:50px 40px; 
}

.Felas_footer_row{
    display:flex; justify-content:space-between; font-size:20px; 
}

.Felas_footer_row a{
    color:green; display:block; text-decoration:none;
}

.Felas_footer_row .col{
    width:30%; text-align:center;
}

footer{
    background:black; padding:15px; color:white; font-style:italic;
    text-align:center;
}