/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


body, html {
    width:100%;
    font-size: 1em;
    font-family: "Helvetica Neue",Arial,Verdana,Helvetica,sans-serif;
    /*font-family: "Times New Roman", Times, serif;*/
    color: #000;
    /*border:1px red solid;*/

}

.page-header
{
    /*
    position:fixed;
    width:100%;
    top:0px;
    left:0px;	
    */
}
.header-top
{
    background:white;
    /*#182b45;*/
    padding:1em;
}

.head-container
{
    display:table;
    width:100%;
    table-layout: fixed;

}
.head-main
{
    display:table-row;
}

.contact_label
{
    padding-left:1em;
    min-width:50px;
    display:inline-block;
    font-weight:bold;

}

.page_img_div
{
    height:200px;
}
.page_img_div img
{
    width:100%;

    padding:0;
    margin:0;

}


.head-left, .head-logo, .head-hour, .head-address
{
    display:table-cell;
    text-align: center;
    vertical-align: middle;
    color:black;
    padding: 2px;
}

.head-left,  .head-hour
{
    /* width:1000px;
    width: calc(80% / 3); */
    width:220px;
}
.head-address
{

    width:280px;

}

.head-left,  .head-hour, .head-address
{
    font-size:11px;
}

.head-left ul, .head-hour ul, .head-address ul
{
    display:inline-block;
    text-align:left;

}

.head-left ul li,.head-hour ul li, .head-address ul li
{

    padding:.2em;
}

.head-logo a:link:active, .head-logo a:visited:active,
.head-logo a:link, .head-logo a:visited
{
    /*color: black;*/
    color:#70AD47;
    text-decoration:none;
}

.head-logo
{
    font-size:1em;
    font-family:Algerian;
    color:#70AD47;
    font-weight:bold;
    text-align:left;
    width: 260px !important;
    height:64px;

}
.head-logo img
{
    width:64px;


}


[class^="icon-"]:before, [class*=" icon-"]:before
{
    color:#70AD47;
}

[class^="icon-menu"]:before, [class*=" icon-menu"]:before
{
    color:white;
}

/***********************/
.pagecontents
{
    /*padding:10px;*/
    margin:0;
    padding:0;
    width:100%;

}
/*****************/
.div-table
{
    display:table;
    width: 100%;

}
.div-row
{
    display:table-row;
}
.div-cell
{
    display:table-cell;
    vertical-align:top;
    padding:1em;
}

.sectoion-title
{
    margin:0;
    font-family:Algerian;
    color:#70AD47;
    font-weight:bold;
    font-size:1.5em;
    padding-bottom:1em;


}
.sectoion-title
{
    padding-top:0.5em !important;
    padding-bottom:0.5em !important;
}


.sectoion_start
{
    font-family:Algerian;
    color:#70AD47;
    font-weight:bold;
    font-size:1.2em;
}

.sectoion-tontents
{
    line-height: 1.5em;
}

.contact-page
{
    width:100%;
    /*border:1px solid gray;*/
    margin:auto;
    /* background-image: url("images/contactus.jpg");
     background-size: 100%;*/
}
.page
{
    width:80%;
    /*border:1px solid gray;*/
    margin:auto;


}
.article
{
    margin:0em;
    font-size:1.5em;
    padding:0.1em;
}



.oklist li
{
    list-style-type:none;
    padding-left: 4em;
    position: relative;
}


.oklist li:before
{
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;

    content:"\e804";
    color:#70AD47;
    font-weight:bold;

    text-align:right;
    width:10px;
    position: absolute;
    left: 2EM;
    top: 0;
}


.foot-floating-box {
    display: inline-block;
    width: 4em;
    height: 6em;
    margin: 2em;
    padding:0px;
    font-size:1em;
    color:white;
    text-align:center;
}

.foot-floating-box img
{

    width: 100%;
    padding-bottom:1em;
}


.list_img_float
{
    width:200px;
    margin:0;

}

.list_img_float img
{

    width:200px;
}
#menu_div
{
    display:inline-block;
    ;

}
/************                        media                    ********************/

@media only screen and (max-width:640px)
{
    html
    {
        overflow-y: scroll;
        overflow-x: hidden;
    }
    #menu_div
    {
        cursor: pointer;
        display:inline-block;
    }

    .foot-floating-box {

        width: 3em;
        height: 6em;
        margin: 0.5em;
        padding:0px;
        font-size:0.8em;
        color:white;
        text-align:center;
        margin-top:1em;
    }

    .foot-floating-box img
    {

        width: 100%;
        padding-bottom:0.5em;
    }


    .page
    {
        width:100%;
    }

    .list_img_float
    {
        width:100%;
        !important;
        float: none !important;
        padding-top:1em;
        text-align:center;
        padding:0em;
    }
    .list_img_float img
    {

        width:150px;


    }

    .contact-page
    {
        width:100%;
        border:0px;
        margin:auto;

    }
    .page
    {

        width:100%;
    }

    .article
    {
        margin:0em !important;
        font-size:1em;
    }

    .div-table
    {
        display:block;

    }
    .div-row
    {
        display:block;
    }
    .div-cell
    {
        display:block;
        vertical-align:top;
        padding:0.5em;
        margin:0;
        padding:0;
        width:100% !important;
    }


    .head-logo
    {
        display:block;
    }

    .head-left, head-logo, .head-hour, .head-address
    {
        text-align: left;

        vertical-align: middle;
        color:black;
        padding: 4px;
    }

    .head-left, .head-hour, .head-address
    {
        display:none;

    }

    .head-logo, .head-address
    {
        width:100%;
    }
    .head-left, .head-hour
    {
        /*
                float:left;
                width:220px;
        */
    }
    .clearfix
    {
        clear:left;
    }
}


/********************* end media ****************/
a.normaltext, a.normaltext:visited
{
    text-decoration:none;
    color:#0000EE;


}


a.fnormaltext, a.fnormaltext:visited
{
    text-decoration:none;
    color:white;


}



/*************************************/
body
{
    background-color: #f7efeb;
    /* padding: 1.25em;  20 */
}
.toolbar
{
    width: 100%;
    text-align:center;


}
#nav
{
    width: 100%; /* 1000 */
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin:auto;

    /*
    position: absolute;
    top: 25%;
    left: 50%;
    margin-left: -30em; 
    */
    /* 30 480 */

}


#nav li
{
    position: relative;
}
#nav li a
{
    color: #fff;
    display: block;
    text-decoration:none;
}

#nav li a:active
{
    background-color: #c00 !important;
}

#nav > a, #nav > a li
{
    display: none;
}


#nav span:after
{
    width: 0;
    height: 0;
    border: 0.313em solid transparent; /* 5 */
    border-bottom: none;
    border-top-color: #efa585;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -0.313em; /* 5 */
}

/* first level */

#nav > ul
{
    height: 2.75em; /* 60 */
    background-color: #4275bd; /* #e15a1f; */
    /*border: 2px solid blue;*/

}
#nav > ul > li
{
    width: 16.666%;
    height: 100%;
    float: left;
}
#nav > ul > li > a
{
    height: 100%;
    font-size: 1em; /* 24 */
    line-height: 2.75em; /* 60 (24) */
    text-align: center;
}
#nav > ul > li:not( :last-child ) > a
{
    border-right: 1px solid #182b45; /*#cc470d;*/
}
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a
{
    background-color:  #04AA6D;/*#182b45;*/ 
}
/*#cc470d;*/

/* second level */

#nav li ul
{
    background-color: #182b45; /* #cc470d;*/
    display: none;
    position: absolute;
    top: 100%;
}
#nav li:hover ul
{
    display: block;
    left: 0;
    right: 0;
}
#nav li:not( :first-child ):hover ul
{
    left: -1px;
}
#nav li ul a
{
    font-size: 1em; /* 20 */
    border-top: 1px solid  /*#e15a1f; */ #4275bd;
    padding: 0.5em; /* 15 (20) */
}
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a
{
    background-color: /*#e15a1f;*/ #4275bd;
}


@media only screen and ( max-width: 62.5em ) /* 1000 */
{
    #nav
    {
        width: 100%;
        position: static;
        margin: 0;
    }
}

@media only screen and ( max-width: 640px ) /* 640 */
{
    html
    {
        /*font-size: 75%;*/ /* 12 */
    }

    #nav
    {
        position: relative;
        top: auto;
        left: auto;

    }
    #nav > a, #nav > a li
    {
        display:inline-block;

    }

    #nav > a
    {
        width: 1.8em; /* 50 */
        height: 1.5em; /* 50 */
        text-align: center;

        vertical-align: middle;
        /*text-indent: -9999px;*/
        background-color: /*#e15a1f;*/ #4275bd;
        position: relative;
        color:white;
        padding-top:10px;
    }
    #nav > a:link:active, #nav > a:visited:active,
    #nav > a:link, #nav > a:visited
    {

        color:white;
        text-decoration:none;
    }
    /*
            #nav > a:before,
            #nav > a:after
            {
                    position: absolute;
                    border: 2px solid #fff;
                    top: 35%;
                    left: 25%;
                    right: 25%;
                    content: '';
            }
            #nav > a:after
            {
                    top: 60%;
            }*/

    #nav:not( :target ) > a:first-of-type,
    #nav.responsive > a:last-of-type
    {
        display: block;
    }

    #nav > a, #nav > a li
    {
        display:inline-block !important;

    }

    /* first level */

    #nav > ul
    {
        height: auto;
        display: none;
        position: relative; /*absolute;*/
        left: 0;
        right: 0;

    }
    #nav.responsive > ul
    {
        display: block;
        z-index:1000000;
    }
    #nav > ul > li
    {
        width: 100%;
        float: none;
    }
    #nav > ul > li > a
    {
        height: auto;
        text-align: left;
        padding: 0 0.833em; /* 20 (24) */
    }
    #nav > ul > li:not( :last-child ) > a
    {
        border-right: none;
        border-bottom: 1px solid #182b45; /*#cc470d;*/
    }


    /* second level */

    #nav li ul
    {
        position: static;
        padding: 1.25em; /* 20 */
        padding-top: 0;
    }
}