*{
    margin: 0;
    padding: 0;
}
@font-face {
    font-family: Nunito Sans;
    src: url(../font/NunitoSans-Regular.ttf);
  }

.hidden {
    display: none !important;
}
  

body{

    font-family: Nunito Sans, serif;
    
   
   
}
.main_content{

   border: thin solid lightgray;   
   position: relative;
   display: flex;
  
   justify-content: center;
   flex-direction: column;
  
}
.top_bar{

    background-color: #079b9d;
    height: 2em;

}

.header_section{

    display: flex;     
    padding-top: 1em;
    padding-bottom: 1em;
    align-items: center;   
    flex-direction: row;   
    justify-content: space-between;   
   
}

.mobile_section{
   
    padding-left: 2%;
    width: 5%;
    height: 20px;
    display: none;
    background-size: contain;
    background-position: center; 
    background-repeat: no-repeat;
    background-image: url(../images/hamburger.png);
}
.logo{
    width: 30%;
    height: 100px;   
    background-size: contain;
    background-position: 15px; 
    background-repeat: no-repeat;
    background-image: url(../images/logo.png);
    

}
.menu_section{
    width: 80%;
    
}

.social_media{
    display: flex;
    padding-right: 2.1em;
    align-items: center;     
    justify-content:flex-end;  
  
   
}

.social_media a img{

    width:2em;
}

.social_media > a{

    max-width: 6em;
    color: black;
    padding-right: 0.3em;
    padding-bottom: 1em;
    text-decoration: none;
    
}

.menu{

    
    display: flex;
    align-items:baseline; 
    justify-content: space-evenly;    
    text-transform: uppercase; 
   
}


.menu > div{

   padding: 0.4em;
   max-width: 15em;
   position: relative;
   border-top: 3px solid #a0ce4e;
}
.menu > div a{

    text-decoration: none;
    color: rgb(43, 40, 40);
}

.menu > div:hover{

    font-weight: bold;
    border-top: 3px solid #079b9d;    
}


.menu > div:hover > .submenu
{

    display: flex;
    flex-direction: column;
}


.submenu{

    width: 15em;
    z-index:1;
    display: none; 
    padding-top: 0.2em;   
    font-weight: normal;
    position: absolute;
    align-items:baseline;     
    flex-direction: column;
    justify-content:flex-start;  
    text-transform: capitalize; 
    background-color: #fff;
    

}

.submenu > a{
    padding: 0.5em;
    line-height: 23px;
    border-left: 3px solid #a0ce4e;
}

.submenu > a:hover{

    font-weight: bold;
    border-left: 2px solid #079b9d;

}
.search{
    display: flex;   
    justify-content: center;
    
}
.search .no-submit{

    width: 40em;
   
}

.search > form input[type=search]{

    color:black;
    width: 100%;
    padding: 0.6em;
    font-size: 1em;
    text-align: center;
    border-radius: 15px;
    border: #079b9d thin solid;
}

.search > input[type=search]:hover {

    cursor: pointer;
    box-shadow: 0 0 4px 4px #d0e8e9;
   
}


.search > button{
   margin-left: 1em;
 padding: 1em 2.2em 1em 2.2em;
 border-radius: 25px;

}

.slider_container{

  /*  z-index:-10;*/

}
.carousel_media{

   
    max-width: 100%;
    height: 35em;
    background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
  /*  background-image: url(../images/media_lg.jpg);*/
/*	background-image: url(../images/media_1_lg.jpg);*/
    
}

.call_to_action{

    /* height: 20rem; */
    width: 100%;
    display:flex ;
    align-items: center;
    justify-content:center;   
    background-color: #a0ce4e;
}


.action_sections
{
    /* padding: 2em;   
    height: 5rem;
    margin: 2em; */
   

    display:flex ;
    align-items: center;
    justify-content:space-around;   
    background-color: #a0ce4e;
	width:100%;
}
.action_sections>div
{
	width:30%;
}
.action_sections>div>#container
{
	width:100%;
	margin: 1em 0;
}

.our_partners{

  display: flex;  
  padding-top: 2%;
  align-items: center;  
  flex-direction: column;
  
}

.our_partners> h2{

    padding-top: 5%;
    padding-bottom: 5%;
}
.partner_list{
	width:100%;
    padding: 1% 0;   
    display: flex;
    flex-wrap: wrap;
    justify-content:space-around;
  
    
}

.content_container{

    display: flex;  
    min-height: 100vh;
    padding-top: 2%;
    align-items: center;  
    flex-direction: column;
}

.content_container_adj{
 /*   height: auto;*/

}
.content_container div > h2{

    font-size: 3em;
}
.breadcrumb{
    width: 80%;

}

.breadcrumb > a{

    text-decoration: none;
    color:#079b9d;

}
.breadcrumb > a:hover{

    text-decoration: none;
    color:rgb(19, 41, 48);

}

.content_text{

    width: 80%;

}

hr.space{

  border: 30px solid #079b9d;

}

.content_text p{

    line-height: 2.5em;
    text-align: justify;
    padding-bottom: 2em;
}

.content_text_main {

    line-height: 2em;

}

.content_text_main  .heading_text ul{


    margin-left: 1.5em;
    padding-bottom: 2em;
}

.content_text_main  .heading_text ol{


    margin-left: 1.5em;
    padding-bottom: 2em;
}

.list_items{

    line-height: 3em;
}
.list_items > li:hover{
    padding-left: 1em;
    background-color: #a0ce4e;
}

a.download_item{

 text-decoration: none;
 color:lightseagreen;
}


.consumer_news{

    color: #a0ce4e;;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;   
    flex-direction: column;   
    
}
.consumer_news h2{

    padding: 1.5em;
    font-size: 3rem;
}


.new_articles{
   
    display:flex ;
    width: 100%;
    align-items: start;
    justify-content:center;   
    background-color: #a0ce4e;
}


.article_sections{

    display:flex ;
    width: 80%;
    color: aliceblue;
    align-items: start;
    flex-direction: row;
   
   

}

.article_sections > div{

    margin: 2em;
    line-height: 25px;
}

.article_sections div img{

    width:100%;
    border: thick solid white;

}

.article_sections div a{

   text-decoration: none;
   color: black;
   font-size: 1em;
   font-weight: bold;

}

.article_sections div p{

    text-decoration: none;
    color: black;
    font-size: 1em;
 
 }
 
 .article_sections div p.date{

    text-decoration: none;
    color: black;
    font-size: 0.75em;
 
 }
 
.heading_text{

    padding: 1em;
    cursor: pointer;
    margin-bottom:0.5em;   
    border: thin solid lightblue;
}

.heading_text:hover{

    background-color: rgb(212, 231, 238);
}



.inner_text{
    padding: 1em;
    display: none;
    line-height: 2em;
    flex-direction: column;
    
}

.inner_text > div a{

    color: #fff;
    font-weight: bold;
    text-decoration: none;
}


.newsletters a{

    color: #000;
    font-weight: bold;
    text-decoration: none;

}

.newsletters a:hover{

    color: #e62620;
   

}   
#links{

    color:#e62620;
}

.inner_text > div a button{

   
    border: none;
    color:white;
    border-radius: 10px;
    margin-top: 0.5em;
    cursor: pointer;
    padding: 1em 2em 1em 2em;
    background-color: #079b9d;

}

button{

   
    border: none;
    color:white;
    border-radius: 10px;
    margin-top: 0.5em;
    cursor: pointer;
    padding: 1em 2em 1em 2em;
    background-color: #079b9d;

}

.inner_text > div a button:hover{

  
    background-color: #e0741b;

}

.two_column{

   padding: 2em;
   display: flex;
   justify-content: left;
   flex-direction: row;

}

.two_column > div{

    padding: 1em;
    
}

.two_column > .address{

    width: 25em;
}


.message > input[type]{

    width:35em;
    padding: 1em;   
    font-size: 1em;
    margin-bottom: 1em;
    border-radius: 10px;
    border:thin solid #079b9d;    
}


.message > textarea{

    width:44em;
    padding: 1em;
    font-size: 1em;
    margin-bottom: 1em; 
    border-radius: 10px;
    border:thin solid #079b9d;
}

span.required {
    color: red;
}

.complaint{


    display: flex;
    align-items: center;
    padding-top: 1em;
    justify-content: center;
    margin-bottom: 1em;
    font-size: 14px;
}

.complaint_content{

    width:60%;
    border:thin solid lightgray;
    line-height: 2em;
    border-radius: 25px;
    padding: 2.5em;


}

.complaint_content hr{
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
    border: thin lightgray solid;
}

.complaint_content > div input[type]{   
   width:98%;
   padding: 1em;  
   font-size: 1em;
   margin-bottom: 1em;
   border-radius: 5px;
   border:thin solid #079b9d; 
}
.complaint_content > div input[type="radio"]{ 

    width:5%;
}  

.complaint_content > div input[type="checkbox"]{ 

    width:5%;
} 

.complaint_content > input[type=submit]{ 

    width:20%;   
    padding: 1em;     
    color: white;
    border-radius: 10px;
    background-color: #079b9d;
    cursor: pointer;
}

.status {
    text-align: center;
}

.map>div{

    padding: .4em;
}
.location_map{

    width:100%;
}
.align_address{

    display: flex;
    border-bottom: thin lightgrey solid;
    
}

.location_icon{

    width: 2em;   
    background-position: center;
    background-size: 30%;
    background-image: url(../images/icon_location.png);
    background-repeat: no-repeat;
   
}
.location_icon:hover{

    background-image: url(../images/icon_location_color.png);
}

.work_icon{

    width: 2em;   
    background-position: center;
    background-size: 90%;
    background-image: url(../images/icon_work.png);
    background-repeat: no-repeat;
   
}
.work_icon:hover{

    background-image: url(../images/icon_work_color.png);
}

.phone_icon{

    width: 2em;   
    background-position: center;
    background-size: 80%;
    background-image: url(../images/icon_phone.png);
    background-repeat: no-repeat;
   
}
.phone_icon:hover{

    background-image: url(../images/icon_phone_color.png);
}

.email_icon{

    width: 2em;   
    background-position: center;
    background-size: 60%;
    background-image: url(../images/icon_email.png);
    background-repeat: no-repeat;
   
}
.email_icon:hover{

    background-image: url(../images/icon_email_color.png);
}




.footer{
    bottom: 0;
    width: 100%;
    padding-top: 1.5em;
    padding-bottom: 1em;
    color: white;
    text-align: center;
    position:static;
    border-top: thick solid black;
    background-color: #079b9d;
}
/*******************************************/
/***********flip animation*****************/
#container {
    position: relative;
    margin: 1em;
    width: 25rem; 
    height: 10rem;
    z-index: 1;
    border: thick solid white;
    border-radius: 5px;
  }
  
 
  #innercontainer {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: all 1.0s linear;
  }
  #container:hover #innercontainer {
    transform: rotateY(180deg);
    /* box-shadow: -5px 5px 5px #fff; */
  }
  .face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
  }

 .face_text{

    display: flex;
    flex-direction: column;
 }

 .face_text img{

    width:4em;
    padding-bottom: 1em;
 }


  .face.back {
    display: flex;
    transform: rotateY(180deg);
    box-sizing: border-box;
    padding: 10px;
    color: white;
    text-align: center;
    background-color: #a0ce4e;
    align-items: center;
  }
  .front {
    background-color: #a0ce4e;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: large;
  }


@media only screen and (max-width: 900px) {


    .header_section {

        flex-direction: column;

    }
    .mobile_section{
        padding-bottom: 2em;
        height: 2em;
        display:block;
    }

    .logo{
        width: 30%;
        height: 100px;    
        padding-top: 1em;    
        background-size: contain;
        background-position: center; 
        background-repeat: no-repeat;
        background-image: url(../images/logo_mobile.png);
        
    
    }
    .menu_section{
        width: 100%;
        
    }
    

    .social_media{
        display: flex;
        padding: 1em;        
        align-items: center;     
        justify-content:center;  
      
       
    }

    .menu{
         width: 100%;
        display: flex;
        line-height: 3em;
        align-items:center; 
        justify-content: center;  
        flex-direction: column;   
       
    }
    .menu > div
    {
        
        width: 100%;
        max-width: 100%;
        text-align: center;
    }  
    .submenu{
        width: 100%;
        position: static;
        text-align: center;
    }

    .submenu > a {

        width: 100%;
        border-left:none;
        text-align: center;
    }
    .submenu > a:hover {

        color:#079b9d; 
        border-left:none ;
    }

    .action_sections {

       flex-direction: column;
    }

    /* .meet_director {
        flex-direction: column;

    }
    .meet_director>div {
        width: 100%;
    }
    .director_pic {

   
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/Orrin-Steele-mobile.png);
    } */


  .article_sections{

    flex-direction: column;

}
}