/*********** Stylesheet for HOME PAGE**********/

 body,
 html {

     font-family: "Maven Pro","Martel","Helvetica Neue",Helvetica,Arial,sans-serif;
     padding: 0px;margin:0px;
}


/********* WELCOME TIER ****************/
#wlc_head
{
    max-width:300px;
    min-height: 50px;
    margin:0px auto;
    padding:0px 10px 0px 0px;
    border:1px solid #0A3B5B;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    font-weight: 700;
    color: #0A3B5B
}

#wlc_text
{
    max-width: 800px;
    border:0px solid #0A3B5B;
    min-height: 100px;
    margin:0px auto;
    padding:20px 10px 20px 10px;
    text-align: center;
    font-size:20px;
    color:#0A3B5B;
    line-height: 30px;
}


/*******************PRODUCTS SECTION*****************/
#prod_case
{
    width:30%;
    max-height: 290px ;
    float:left;
    margin:20px 20px 10px 20px;
    background-color: #E5E4E2;
    /*border-bottom:3px solid #0A3B5B;*/
    overflow: hidden;
    -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    -moz-box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    -o-box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

/*#prod_case:hover
{
    -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    -moz-box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}*/

/*#prod_head
{
    width: 100%;
    min-height: 60px;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    background-color: #0A3B5B;
    color:#FFFFFF;
    font-weight: 400;
    /*padding: 0px 5px 0px 5px;
}*/

.prod_head, .prod_head2
{
    display: block;
    width: 100%;
    min-height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    text-decoration:none;
    -webkit-transition: background-color, color,background-color 0.5s ease-out;
    -moz-transition: background-color, color, background-color 0.5s ease-out;
    -o-transition: background-color, color, background-color 0.5s ease-out;
    transition: background-color, color, background-color 0.5s ease-out;
}

.prod_head
{
    background-color: #0A3B5B;
    color:#CCDC00;
}

.prod_head2
{
    background-color: #F4F4F4;
    color:#0A3B5B;
}


.prod_img
{
    width: 100%;
    height: auto;
    display:block;
}


.prod_img {
    transition: transform .8s ease;
}
  
.prod_img:hover 
{
    transform: scale(1.05);
}

/*.prod_link
{
    display: block;
    width:50%;
    min-height: 50px;
    background-color: #CCDC00;
    color:#0A3B5B;
    text-align: center;
    margin:0px auto;
    text-decoration: none;
    font-size: 20px;
    line-height:60px;
    border-bottom:4px solid #0A3B5B;
    -webkit-transition: background-color, color,border-bottom 1.5s ease-out;
    -moz-transition: background-color, color, border-bottom 1.5s ease-out;
    -o-transition: background-color, color, border-bottom 1.5s ease-out;
    transition: background-color, color, border-bottom 1.5s ease-out;
}*/

/*.prod_link:hover
{
    color:#FFFFFF;
    background-color: #0A3B5B;
    border-bottom:4px solid #CCDC00;
}*/


#head_1
{
    max-width:300px;
    min-height: 50px;
    margin:0px auto;
    padding:40px 10px 0px 10px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    font-weight: 700;
    color: #0A3B5B
}

#client_text
{
    max-width: 800px;
    border:0px solid #0A3B5B;
    min-height: 80px;
    margin:0px auto;
    padding:20px 10px 0px 10px;
    text-align: center;
    font-size:20px;
    color:#0A3B5B;
    line-height: 30px;
    font-style: italic;
}

/****** resp - 900px*/

@media screen and (max-width: 1300px) 
{
    #prod_case
    {
        width: 30%;
        margin:10px 15px 10px 15px;
        float:left;
    }
}

@media screen and (max-width: 1100px) 
{
    #prod_case
    {
        width: 45%;
        margin:10px 15px 10px 15px;
        float:left;
    }
}

@media screen and (max-width:750px) 
{
    #prod_case
    {
    width:90%;
    height:auto ;
    float:none;
    margin:0px auto;
    margin-top:20px;
    }

    .prod_img
    {
        display:none
    }

    .prod_head, .prod_head2
    {
        font-size:20px;
    }
        
}