.flex{

    display: flex;
}

#nav-main{

    min-height: 5em;
    border-bottom: 3px solid purple;
    margin-top: 1em;
}



.nav_flex{
    justify-content: space-between;
}

.nav_flex a{

    text-decoration: none;
    color:black;
}

#nav-main li{

    list-style: none;
    justify-content: space-between;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.125em;
}

.nav_list_item{

    padding-top: 1em;
    display: flex;
    margin: 2em 2em;
    justify-content: space-between;


}
.nav_list_item li{


}


.center{

    margin: 0 auto;
    text-align: center;
    margin-top: 1em;
    color: darkgreen;
    font-size: 1.2em;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.popup_navbar{

    display:none;
    position: absolute;
    max-width: 100%;
    background: white;
    padding: 8px;
    font-size: 1.15em;
    margin-top: .3em;
    opacity: .9;


}




#nav_popop{

    height: 4em;
    background: white;
    margin-top: 1em;


}




.popup_navbar p{

    padding:2px 0;
}

#background-index{
    position: relative;


}

.background_top{

    position:absolute;
    top:1em;
    left:2em;
    font-size: 4em;
    color:purple;
}

.background_small{

    position:absolute;
    top:4em;
    left:4em;
    font-size: 2em;
    color:darkgreen;
}

.background_small_two{

    position:absolute;
    top:5em;
    left:4em;
    font-size: 2em;
    color:darkgreen;
}

#video{

    filter: grayscale(100%);
}

.contact_popup{

    border: 3px solid purple;
    border-radius: 50%;
    background-color: darkgray;
    opacity: .9;
    display: block;
    position:absolute;
    top:40%;
    right:3em;
    height:400px;
    width: 400px;

    z-index: 300;
}

.contact_popup p{

    font-family: Calibri,sans-serif;
    font-size: 1.5em;
    text-align: center;
    margin-top: 60px;
}

.contact_popup input{

    border-radius: 15px;
    width:200px;
    height:3em;
    padding: 0 5px;
    cursor: pointer;

}
#service_new{

    display: block;
    margin-top: 2em;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    color: purple;
}

#service_new h2{

    font-family: Calibri,sans-serif;

    font-size: 1.5em;
    font-weight: bold;
}

.service_header{

    text-align: center;
    font-family: Calibri,sans-serif;
    font-size: 3em;
    margin-bottom: 2em;
    font-weight: lighter;
}


#services{

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding-top:3em;
}


#services p{

    font-size: 2.2em;
    text-align: center;
}

.accordion {
    background-image:url("img/sps.png");
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1.6em;
    transition: 0.4s;
    font-weight: lighter;
}

.active, .accordion:hover {
    background-color: #ccc;
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: lighter;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2212";
}
.flex{

    display: flex;
}

.right{

    float: right;
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel img{

    filter: grayscale(50%);
    max-width: 600px;
    margin-top: 3em;
}

.panel h2{

    font-size: 1.5em;
    text-align: center;
    display: block;
    margin:  0 auto;
    color: black;
    font-weight: bold;
}



.img_service{

    display: flex;
    justify-content: space-between;
    margin: 3em auto;
}

.img_service li{

    list-style-type: none;
    text-align: center;
    width: 33.333333%;
    max-width: 33.333333%;
    height: auto;

}

.img_service p{

    margin-top: 0.3em;
    font-weight: lighter;
}


.img_service li img{

    /*width: 80% !important;
    max-width: 80% !important;*/
    height: auto;
    width: 300px;

}

.img_service li img:hover{


}


#news{


}

#news p{

    font-size: 2.2em;
    text-align: center;

}

#news_ticker ul{

    list-style-type: none;
    width:80%;
    margin-top: 1em;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;


}

#news_ticker li{

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.125em;
    padding: 1em 0;
    border-top: 1px solid purple;

}


#footer{

    background: lightgray;
    position: relative;
    height: 10em;
    bottom: 0;
    border-top: 2px solid purple;



}

#footer p{

    font-size: 1em;
    margin-left:1em;
}

#footer a{
    text-decoration: none;
    color: black;
}

#footer a:hover{

    color:purple;
    text-decoration: underline;
}

.footer_img img{

width:40px;
}