/*
    Theme Name: DOF
    Version: 1.0
    Description: Department of Finance
    Author: And A Half Design Studio
    Author URI: http://and-a-half.phdata-containerfilter-table

    /* Global Classes */
    html {
        -webkit-text-size-adjust: auto;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-font-smoothing: antialiased;}

    body {
        padding: 0px; margin:0px;
        font-size:12px; /* at 16px */ line-height:17px; font-family: "Montserrat", sans-serif; color: #231F20;
    }


    a, a:hover, a:visited, a:active, a:visited, a:link {
        text-decoration:none;
        -webkit-transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; -o-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out; transition:all 0.1s ease-out;
        -webkit-tap-highlight-color: rgba(51,170,170,0.5);


}

    h1, h2, h3, h4, h5, h6, p {
        display:block;
        margin: 0;
        padding: 0;
    }

    .center {
        text-align: center;
        width: 100%;
    }

    #search-button {
        float: right;
        display: none;
        height: 100%;
        width: auto;
    }

@font-face {
      font-family: 'fontello';
      src: url('./font/fontello.eot?184012');
      src: url('./font/fontello.eot?184012#iefix') format('embedded-opentype'),
           url('./font/fontello.woff?184012') format('woff'),
           url('./font/fontello.ttf?184012') format('truetype'),
           url('./font/fontello.svg?184012#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }


    .arrow-icon
    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
     color: #5B1D57;
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */

      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;

      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;

      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;

      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */

      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;

      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }

.custom-pagination {
    text-align: center;
}

.page-num {
      display: block;
  text-align: center;
    margin-bottom: 8px;
}

.page-numbers.current,
.page-numbers:hover {
      background: #382B6F;
  color: #fff !important;
}

.page-numbers {
    font-size: 10px;
  background: #E6E7E8;
  font-family: "Monserrat", sans-serif;
  padding: 8px 12px;
  margin-right: 5px;
  display: inline-block;
  margin-bottom: 5px;
  color: #000;
}


    /* ----------------------------------------------------------------------- */
    /* -------------------------- CONTAINERS ----------------------------- */
    /* ----------------------------------------------------------------------- */

    .container {
        width: 1015px;
        margin: 0 auto;
        height: 100%;
    }

    .gray-container {
        background: #E6E7E8;
        margin-top: 30px;
        padding: 30px 0;

    }

    .inline-block {
        display: inline-block;
        vertical-align: top;
    }

    .inline {
        display: inline;
    }

    .uppercase {
        text-transform: uppercase;
    }

    /* ----------------------------------------------------------------------- */
    /* ------------------------- PAGE TITLES ------------------------------ */
    /* ----------------------------------------------------------------------- */

    .shiftnav-transitioning #logo {
        margin-top: -1px;
    }
    /* page title */
    h1 {
        font-family: "Georgia", sans-serif;
        font-size: 20px;
        padding: 5px 0 10px 0;
        line-height:  25px;
        width: 100%;
    }

    /* not bold h1 */
    h1.light {
        font-weight: normal;
    }

    /* first paragraph heading + news titles */
    h2, h2 p {
        font-family: "Georgia", sans-serif;
        font-size: 20px;
        font-weight: normal;
        line-height: 25px;
        margin-bottom: 8px;
    }

    h2 a {
        color: #231F20;
    }

    h2 a:hover,
    h4 a:hover {
        color: #392B70;
    }

    /* purple all-caps section heading */
    h2.heading {
        color: #5B1E58;
        font-size: 22px;
        display: inline-block;
        padding: 10px 0;
        margin-bottom: 15px;
        letter-spacing: 0.25em;
        text-transform: uppercase;
        font-family: "Montserrat", sans-serif;
    }

    h2.heading a {
        color: #5B1E58;
        display: block;
        width: 100%;
        height: 100%;
    }

    h2.heading small {
            font-size: 15px;
        }

    h3.heading {
        color: #fff;
        font-size: 12px;
        display: inline-block;
        padding: 10px 40px;
        margin-bottom: 15px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

   h4, h4 a {
        color: #231F20;
        font-size: 16px;
        font-weight: normal;
        display: inline-block;
        line-height: 20px;
        font-family: "Georgia", sans-serif;
    }

h4.heading {
        color: #5B1E58;
        font-size: 16px;
        font-weight: normal;
        display: inline-block;
        padding: 10px 0;
        margin-bottom: 15px;
        letter-spacing: 0.25em;
        line-height: 20px;
        text-transform: uppercase;
        font-family: "Montserrat", sans-serif;
    }



    /* black all-caps section heading */
    h5.heading {
        font-size: 13px;
        font-weight: normal;
        display: inline-block;
        padding: 10px 0;
        margin-bottom: 15px;
        letter-spacing: 0.25em;
        line-height: 17px;
        text-transform: uppercase;
        font-family: "Montserrat", sans-serif;
    }

    h6.heading {
        font-family: "Georgia";
        font-size: 12px;
        font-weight: normal;
    }

    h7 {
        font-size: 10px;
        font-weight: normal;
        display: inline-block;
        padding: 10px 0;
        margin-bottom: 5px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        font-family: "Montserrat", sans-serif;
    }



    /* ----------------------------------------------------------------------- */
    /* -------------------- UNIVERSAL LINKS  ---------------------------- */
    /* ----------------------------------------------------------------------- */


    span.date {
            font-size: 12px;
            display: block;
            font-weight: normal;
            letter-spacing: 0.1em;
            margin-bottom: 8px;
            font-family: "Georgia", serif;
        }

    .read-more {
            color: #fff;
            text-transform: uppercase;
            font-size: 12px;
            font-weight: bold;
            letter-spacing: 0.1em;
            font-family: "Monserrat", sans-serif;
        }



    .tags {
            /*text-transform: uppercase;*/
            letter-spacing: 0.1em;
        }

        .tags a, .popular-tag-list a, .recent-tag-list a {
            font-size: 10px;
            background: #E6E7E8;
            font-family: "Monserrat", sans-serif;
            padding: 8px;
            margin-right: 5px;
            display: inline-block;
            margin-bottom: 5px;
            color: #000;
            /*text-transform: uppercase;*/
            letter-spacing: 0.1em;
        }

        .tags a:hover,
        .popular-tag-list a:hover,
        .recent-tag-list a:hover {
            background: #382B6F;
            color: #fff !important;
        }

.statistics-tags a {
      font-family: "Georgia", sans-serif;
  font-size: 20px;
  line-height: 25px;
  width: 100%;
    color: #B17F2E;
    display: block;

}


    /* ----------------------------------------------------------------------- */
    /* ---------------------------- COLORS ------------------------------- */
    /* ----------------------------------------------------------------------- */

    .black {
        background: #231F20;
    }

    .purple {
        background: #5B1E58;
    }

    .yellow {
        background: #FFCD32;
    }

    .violet {
        background: #392B70;
    }


    /* ----------------------------------------------------------------------- */
    /* --------------------------- PARAGRAPH ---------------------------- */
    /* ----------------------------------------------------------------------- */

    p {
        line-height: 17px;
        font-family: "Georgia", serif;
        font-size: 12px;
        margin-bottom: 15px;
    }

    .p-indent p {
        margin-left: 5em;
    }

    /* ----------------------------------------------------------------------- */
    /* ---------------------------- FONTS  --------------------------------- */
    /* ----------------------------------------------------------------------- */

    /* SANS-SERIF */
    .montserrat {
        font-family: "Montserrat", sans-serif;
        letter-spacing: 0.1em;
    }

    /* SERIF */
    .georgia {
        font-family: "Georgia", sans-serif;
    }

    /* ----------------------------------------------------------------------- */
    /* ------------------------- IMAGES ------------------------------ */
    /* ----------------------------------------------------------------------- */

    .container img {
        max-width: 100%;
        height: auto;
    }


    /* ----------------------------------------------------------------------- */
    /* ---------------------------- LISTS  ----------------------------------- */
    /* ----------------------------------------------------------------------- */

    .no-bullets {
        list-style-type:  none !important;
    }

    .clear-list {
        margin: 0;
        padding: 0;
    }


    .exp-content > ul > li {
        border-top: 3px solid #5B1E58;
        padding: 20px 0 5px;
    }

        .exp-content > ul > li > div > ul{
            border-top: 1px solid #5B1E58;
        }

        .exp-content > ul > li > div > ul > li {
            width: 90%;
            padding: 20px 5% 5px;
            border-bottom: 1px solid #5B1E58;
        }

        .exp-content > ul > li > div > ul > li:last-child {
            border-bottom: 0px;
        }

        .exp-content > ul > li > h2:hover {
            cursor: pointer;
        }

        .exp-content > ul > li > h2.no-before:before {
            content: none !important;
        }

        .exp-content > ul > li > h2,
        .exp-content > ul > li > div > ul > li > h4 {
            width: 100%;
            padding-left: 5%;
            position: relative;
        }


        .exp-content > ul > li > h2 span,
        .exp-content > ul > li > div > ul > li > h4 span {
            position: absolute;
            height: 100%;
            left: 0;

        }

        .exp-content > ul > li > h2 span:before,
        .exp-content > ul > li > div > ul > li > h4 span:before{
            content: attr(data-icon);
            width: auto;
            display: inline-block;
            font-family: "fontello";
            speak: none;
            margin-bottom: 10px;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s
            -o-transition: all 0.5s;
            transition: all 0.5s;
        }


        .transform:before {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s
            -o-transition: all 0.5s;
            transition: all 0.5s;
        }

        .retransform:before {
            -webkit-transform: rotate(-0deg);
            -moz-transform: rotate(-0deg);
            -ms-transform: rotate(-0deg);
            -o-transform: rotate(-0deg);
            transform: rotate(-0deg);
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s
            -o-transition: all 0.5s;
            transition: all 0.5s;
        }

        .transform:after {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s
            -o-transition: all 0.5s;
            transition: all 0.5s;
        }

        .retransform:after {
            -webkit-transform: rotate(-0deg);
            -moz-transform: rotate(-0deg);
            -ms-transform: rotate(-0deg);
            -o-transform: rotate(-0deg);
            transform: rotate(-0deg);
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s
            -o-transition: all 0.5s;
            transition: all 0.5s;
        }


        .exp-content > ul > li > div > ul > li > h4 {
            width: 100%;
        }

        .exp-content > ul > li > div > ul > li > h4:hover {
            cursor: pointer;
        }




    .link-content > ul > li {
        border-top: 1px solid #5B1E58;
        padding: 20px 0 5px;
    }

    .link-content > ul > li:first-child {
        border-top: none;
    }


        .link-content > ul > li > div > ul{
            border-top: 1px solid #5B1E58;
        }

        .link-content > ul > li > div > ul > li {
            width: 90%;
            padding: 20px 5% 5px;
            border-bottom: 1px solid #5B1E58;
        }

        .link-content > ul > li > div > ul > li:last-child {
            border-bottom: 0px;
        }

        .link-content > ul > li > h2:hover {
            cursor: pointer;
        }

        .link-content > ul > li > h2.no-before:before {
            content: none !important;
        }





    .dir {
         list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .dir li {
        margin-bottom: 5px;
    }

        .dir li .dir-label {
            font-family: "Montserrat";
            font-size: smaller;
            text-transform: uppercase;
            width: 30%;
            display: inline-block;
            letter-spacing: 0.1em;

        }

        .dir li .dir-data {
            width: 70%;
            display: inline-block;
            vertical-align: top;
        }


    /* DOWNLOAD LIST */

    #download-list ul {
        margin: 0 10%;
    }

    #download-list ul li {
        font-weight: bold;
        padding: 30px 15px;
        display: block;
        border-top: 1px solid #5B1E58;
    }

    #download-list ul li:first-child {
        border: 0px;
    }

    #download-list ul li a {
        color: inherit;
    }

    #download-list ul li:hover {
        background: #382B6F;
        color: #fff !important;
        cursor: pointer;
    }

    #download-list ul li:hover .file-download,
    #download-list ul li:hover .file-view,
    .wpdm-link-tpl:hover .file-download,
    .wpdm-link-tpl:hover .file-view {
        display: block !important;
    }

 .single-wpdmpro .wpdm-download-link {
            margin-top: 0px !important;
    width: 100% !important;
    height: 100% !important;
    float: left !important;
    vertical-align: top !important;
    margin-left: 0px !important;
    text-indent: 0px !important;
    background-color: transparent !important;
    display: block !important;
        color: #382B6F;
    }

    .file-control {
        display: block;
        float: right;
        width: 100px;
    }

    .file-download, .file-view {
        margin-top: -30px;
        width: 40px;
        height: 40px;
        float: right;
        vertical-align: top;
        margin-left: 15px;
        text-indent: -9999px;
        background-color: #fff;
        display: none;
    }

    .file-download {
     background-image: url(images/file-download.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    }

    .file-download-white {
         background-image: url(images/file-download-white.png) !important;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #382B6F;
            width: 40px;
        height: 40px;
        float: right;
        vertical-align: top;
        margin-left: 15px;
        text-indent: -9999px;
    }


    .file-view-white {
        background-image: url(images/file-view-white.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #382B6F;
            width: 40px;
        height: 40px;
        float: right;
        vertical-align: top;
        margin-left: 15px;
        text-indent: -9999px;
    }

    .view-site {
        color: #fff;
        background-color: #382B6F;
        height: 18px;
        padding: 12px 0 10px;
        width: 120px;
        text-align: center;
        text-transform: uppercase;
        float: right;
        vertical-align: top;
        margin-left: 2px;
        font-family: "Montserrat", sans-serif;
        font-size: 12px;
        letter-spacing: 0.1em;
    }


    .file-view {
     background-image: url(images/file-view.png)  !important;
    background-repeat: no-repeat  !important;
    background-position: center center  !important;
    }

    .file-download:hover, .file-view:hover, #view-site:hover .file-download-white, #view-site:hover .file-view-white, #view-site:hover .view-site {
        background-color: #FECC31;
    }

    #view-site {
        display: block;
        width: 70%;
        margin: 0 auto;
    }



    /* ----------------------------------------------------------------------- */
    /* ---------------------------- BORDERS ------------------------------ */
    /* ---------------------------------------------------------------------- */

    .border-left-black {
        border-left: 1px solid #231F20;
        width: 36% !important;
    }

    .bor-top {
        display: block;
        border-top: 1px solid #231F20;
    }

    .bor-right {
        border-right: 1px solid #5B1E58;
    }

    .bor-top-3 {
        border-top: 3px solid #5B1E58;
    }

    .bor-bottom {
        border-bottom:1px solid #231F20;
    }

    /* ----------------------------------------------------------------------- */
    /* ---------------------------- COLUMNS ----------------------------- */
    /* ----------------------------------------------------------------------- */

    .layout-column-1 {
        padding: 40px 0;
    }

    .layout-column-2 {
        display: inline-block;
        vertical-align: top;
        width: 35.8%;
        padding: 2% 7%;
    }

    .content-20 {
        width: 20%;
        display: inline-block;
        vertical-align: top;
    }

    .content-30 {
        width: 30%;
        display: inline-block;
        vertical-align: top;
    }

    .content-35 {
        width: 35%;
        display: inline-block;
        vertical-align: top;
    }


    .content-60 {
        width: 60%;
        display: inline-block;
        vertical-align: top;
    }

    .content-38 {
        width: 38%;
        margin: 0 30% 0 25%;
    }

    .content-40 {
        width: 40%;
        display: inline-block;
        vertical-align: top;
    }

    .content-70 {
        width: 70%;
        display: inline-block;
        vertical-align: top;
    }

    .content-80 {
        width: 80%;
        display: inline-block;
        vertical-align: top;
    }


    .content-25-left {
        width: 25%;
        margin-right: 5%;
    }



    .col1, .col2 {
        width: 50%;
        display: inline-block;
        vertical-align: top;
    }

    .col40 {
        width: 40%;
        display: inline-block;
        vertical-align: top;
    }

    .col30 {
        width: 30%;
        display: inline-block;
        vertical-align: top;
    }

    .col20 {
        width: 20%;
        display: inline-block;
        vertical-align: top;
    }

    .col25 {
        width: 25%;
        display: inline-block;
        vertical-align: top;
    }

    .col60 {
            width: 60%;
        display: inline-block;
        vertical-align: top;
    }

    .col70 {
            width:60%;
        padding-right: 10%;
        display: inline-block;
        vertical-align: top;
    }

    div.col6, span.col6 {
        width: 10%;
        display:inline-block;
    }

    .divider {
        display: block;
        border-top: 1px solid #231F20;
        width: 100%;
    }


    /* ----------------------------------------------------------------------- */
    /* ------------------------------- LOGO -------------------------------- */
    /* ----------------------------------------------------------------------- */

    #logo {
        width: 100%;
        text-align: center;
        height: 60px;
        padding: 15px 0;
    }

        #logo .container {
            position: relative;
        }

            #logo img {
                height: 100%;
                width: auto;
            }

            .logo-img-small {
                display: none;
            }

    /* ----------------------------------------------------------------------- */
    /* ------------------------------- MENU ------------------------------- */
    /* ----------------------------------------------------------------------- */

    #side-menu {
        float: left;
        display: none;
        height: 100%;
        width: auto;
    }

    .sidr ul > li > ul.sidr-sub-menu {
            display: none;
        }

    #menu-container {
        height: 40px;
        z-index: 9998;
        position: relative;
        width: 100%;
    }

#menu-container .container {
    position: relative;
}


        #menu-container > div > ul {
            padding: 0;
            margin: 0;
            list-style-type: none;
        }

        #menu-container > div > ul > li {
            float: left;
            text-align: center;
        }

        #menu-container > div > ul > li > a {
            display: block;
            width: 111px;
            border-left: 1px solid #fff;
            color: #231F20;
            text-transform: uppercase;
            font-size: 10.5px;
            letter-spacing: 0.08em;
            line-height: 40px;
        }



    /*  #menu-container > div > ul > li:last-child > a {
                width: 123px;
            } */

            #menu-container > div > ul > li:hover > a {
                background: #382b70;
                /*border-left: 1px solid #382b70;*/
                color: #fff;
            }

            #menu-container > div > ul > li:first-child:hover > a {
                    border-left: 1px solid #382b70 !important;
                }

            #menu-container > div > ul > li:last-child:hover > a {
                border-right:  0px;
            }


            #menu-container .sub-menu,
            .menu-container-2 .sub-menu {
                display: none;
                position: absolute;
                width: 249px;
                margin: 0 0 0 1px;
                padding: 0;
                list-style-type: none;
            }

                #menu-container .sub-menu > li,
                .menu-container-2 .sub-menu > li {
                    text-align: left;
                }

                #menu-container .sub-menu > li > a,
                .menu-container-2 .sub-menu > li > a {
                    display: block;
                    width: 140%;
                    height: 40px;
                    background: #2a1a58;
                    border-bottom: 1px solid #312d2e;
                    color: #fff;
                    font-size: 10.5px;
                    letter-spacing: 0.08em;
                    line-height: 40px;
                    text-indent: 15px;
                }
                #menu-container .sub-menu > li:last-child > a,
                .menu-container-2 .sub-menu > li:last-child > a {
                    border-bottom: 0px;
                }

                #menu-container .sub-menu > li:hover > a,
                .menu-container-2 .sub-menu > li:hover > a {
                    background: #77787B;
                    color: #fff;
                }


            #menu-container > div > ul li:hover > .sub-menu,
            .menu-container-2 > div > ul li:hover > .sub-menu {
                display: block;
            }




    .menu-container-2 {
        background: #231F20;
        position: fixed !important;
        top: -40px;
        height: 40px;
        z-index: 9999;
        position: absolute;
        width: 100%;
        top: 90px;
    }

        .menu-2 {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

        .menu-2 > li {
            float: left;
            text-align: center;
        }

        .menu-2 > li > a {
            border-left: 1px solid #fff;
            color: #fff !important;
            display: block;
            width: 110px;
            text-transform: uppercase;
            font-size: 10.5px;
            letter-spacing: 0.08em;
            line-height: 40px;
        }

        .menu-2 > li > a:hover, .menu-2 > li:hover > a {
           background: #382b70;
            /*border-left: 1px solid #382b70;*/
            color: #fff;
        }


        .menu-2 > li:last-child > a {
            border-right: 1px solid #fff !important;
            width: 123px !important;
        }

        .menu-2 > li:hover > .sub-menu {
            display: block;
        }


    /* ----------------------------------------------------------------------- */
    /* ---------------------- SECONDARY MENU ------------------------ */
    /* ----------------------------------------------------------------------- */

    .home #second-nav-container {
        display: none;
    }

    #second-nav-container {
        height: 40px;
        z-index: 9997;
        width: 100%;
        background: #36286B;
    }

    .tag #second-nav-container .second-menu {
        display: none !important;
    }


    .sort-by {
        background: #77787B;
        width: 123.5px;
        color: #fff;
        font-size: 10.5px;
        letter-spacing: 0.08em;
        line-height: 40px;
        display: inline-block;
        text-align: center;
        vertical-align: top;
    }

    .second-menu {
        margin: 0;
        padding: 0;
        display: inline-block;
        list-style-type: none;
        height: 40px;
        z-index: 9997;
        position: absolute;
        overflow: hidden;
    }

    .second-menu:hover {
        height: auto;
    }

    .second-menu:hover li:first-child a {
        background-color: #2a1a58;
        color: #fff;
    }

    .second-menu li:first-child a {
        display: block;
        width: 295px; /*250px*/
        height: 40px;
        text-transform: none !important;
        background-color: #77787B;
        background-image: url(images/dropdown-bg.png);
        background-repeat: no-repeat;
        background-position: 220px center;
        color: #fff;
        font-size: 10.5px;
        letter-spacing: 0.08em;
        line-height: 40px;
        text-indent: 15px;
    }

    .second-menu li a {
        display: block;
        width: 295px; /* 250px */
        height: 40px;
        text-transform: none !important;
        background-color: #D1D3D4;
        color: #231F20;
        font-size: 10.5px;
        letter-spacing: 0.08em;
        line-height: 40px;
        text-indent: 15px;
    }

        .second-menu li:hover a {
            background-color: #2a1a58;
            color: #fff;
        }

    /*------------------------------------------------*/
    /*--------------[FEATURED SLIDER]-----------------*/
    /*------------------------------------------------*/

    #featured_shadow { background: url(images/main_sprite.png) no-repeat 0 -1321px; height: 9px; margin: 1px 0 40px; }
                .slides img.featured-image { display:block; height: auto; }
                .slides span.overlay { background:url(images/main_sprite.png) no-repeat 0 -252px; display:block; height:368px; left:0; position:absolute; top:0; width:960px; }
                p.flex-caption { left:0; position:absolute; bottom:0; width:884px; display:block; background:url(images/flex-caption.png); font-size:13px; color:#ffffff; text-shadow:1px 1px 0 rgba(0,0,0,0.4); padding:23px 38px; }
            #controllers-wrapper {
                position: absolute;
                bottom: 95px;
                left: 0;
                margin: auto;
                width: 100px;
                z-index: 9998;
            }
                #controllers-wrapper div#controllers-wrapper-left {  position: absolute; bottom: -18px; left: 0px !important; visibility: hidden; }
                .et_slider_slide #controllers-wrapper div#controllers-wrapper-left { bottom: 0; }
                    #controllers-wrapper div#controllers-wrapper-right { padding-right: 25px; }
                        #controllers-wrapper ul#controllers {  height: 22px; padding: 18px 0 0; }
                        #controllers li { float: left; margin-right: 4px; }
                            #controllers li a { background: url(images/main_sprite.png) no-repeat -491px -637px; display: block; width: 11px; height: 11px; text-indent: -9999px; }
                            #controllers li a.active { background-position: -491px -624px; }

    .flex-direction-nav {
        display: none;
    }

    #featured .flex-direction-nav li a { width: 39px; height: 39px; margin-top: -19px; }
    #featured .flex-direction-nav li .prev { left: 0; background: url(images/main_sprite.png) no-repeat -490px -712px; }
    #featured .flex-direction-nav li .next { right: 0; background: url(images/main_sprite.png) no-repeat -490px -758px; }


    /* ----------------------------------------------------------------------- */
    /* ---------------------------- FEATURED ----------------------------- */
    /* ----------------------------------------------------------------------- */


    #featured-container {
        height: 360px;
    }

    .featured-excerpt {
        background: #392B70;
        color: #fff;
        font-family: "Georgia", serif;
        margin-left: 10%;
        font-size: 13px;
        height: 80px;
        overflow: hidden;
    }

    .featured-excerpt p {
        width: 420px;
        padding: 10px 10px 40px 10px;
        display: inline-block;
        border-right: 1px solid #fff;
    }

    .feat-read-more {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        width: 113px;

    }

        .feat-read-more a {
            font-family: "Montserrat", sans-serif;
            font-size: 12px;
            text-align: center;
            width: 100%;
            color: #fff;
            display: inline-block;
            height: 15px;
            padding: 33px 0;
        }

        .feat-read-more:hover {
            background: #77787B;
        }

    #feat-home {
        background: #fecc53;
        padding: 30px 50px;
        width: 290px;
        display: inline-block;
        height: 300px;
        vertical-align: top;
    }
  #feat-home-for-sec {
        background: #fecc53;
        padding: 30px 50px;
        width: 290px;
        display: inline-block;
        height: 415px;
        vertical-align: top;
    }

        #feat-home img {
            width: 45%;
            height: auto;
        }

        #feat-home p {
            font-family: "Georgia", serif;
            font-size: 12px;
        }

    #feat-home-mobile {
        background: #fecc53;
        padding: 30px 0px;
        width: 100%;
        display: inline-block;
        height: auto;
        vertical-align: top;
        display: none;
    }

    .learn-more {
        color: #231F20;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 0.1em;
        font-family: "Montserrat";
        line-height: 15px;
    }

    .learn-more:hover {
         color: #231F20;
    }

.embed_download a {
    color: #382B6F;
}

.embed_download a:hover {
    color: #231F20;
}

    .gold {
        color: #B2802F;
    }

    #data-container {
        background: #f3f3f4;
        padding-top: 120px;
        padding-bottom: 40px;
    }

    #data-container img {
        width: 100%;
        height: auto;
    }

    #home-news-container {
padding-bottom: 50px;
}

    #header-image {
        height: 360px;
        background: #5B1E58;
        background-position: center center;
    background-repeat: no-repeat;

    }



    /* ----------------------------------------------------------------------- */
    /* ----------------------------- SLIDER --------------------------------- */
    /* ----------------------------------------------------------------------- */


    #slider {
        width: 625px;
        display: inline-block;
        overflow: hidden;
        /* background: #F1F2F2; */
    }

        #banner-fade, #banner-slide {
            max-width: 100% !important;
            height: 360px !important;
        }

        .secret-source {
            display: none;
        }

        p.bjqs-caption {
            z-index: 9998 !important;
        }
        .bjqs-slide img {
            width: 100%;
            height: auto !important;
        }

        ul.bjqs-controls {
            display: none;
        }

        .bjqs-caption {
            font-family: "Georgia", serif;
            color: #fff;
            font-size: 20px;
            width: 70% !important;
            font-weight: bold;
            line-height: 28px;
            margin-left: 10% !important;
        }

        .overlay-45 {
            /*background: url(images/45.png);*/
            width: 100%;
            height: 360px;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 9997;
        }

    ul.bjqs {
        height: 360px !important;
        position:relative; list-style:none;padding:0;margin:0;overflow:hidden;
    }

    li.bjqs-slide{position:absolute; display:none;height: 360px !important; }
    ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9998;}
    ul.bjqs-controls.v-centered li a{position:absolute;}
    ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
    ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
    ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
    ol.bjqs-markers.h-centered{text-align: center;}
    ol.bjqs-markers li{display:inline;}
    ol.bjqs-markers li a{display:inline-block;}
    p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;z-index: 9999;
    }

    /* ----------------------------------------------------------------------- */
    /* ---------------------- HOMEPAGE - NEWS ------------------------ */
    /* ----------------------------------------------------------------------- */


    #news-views {
        width: 583px;
        padding: 30px 40px 30px 0;
        float: left;
    }

    #news-views a {
            color: #231F20;
        }

        #news-views a:hover {
            color: #392B70;
        }

        #news-views ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
            font-family: "Georgia", serif;
        }

        #news-views li {
            width: 265px;
            float: left;
            margin: 0px 0;
            height: 330px;
            position: relative;
        }

        #news-views li:nth-child(1),
        #news-views li:nth-child(3) {
            padding-right: 25px;
        }

        #news-views li:nth-child(1),
        #news-views li:nth-child(2) {
            border-bottom: 1px solid black;
        }


    #news-views li:nth-child(1) .for-border,
        #news-views li:nth-child(3) .for-border {
            border-right: 1px solid black;
            padding-right: 25px;
            height: 290px;
        }

        #news-views li:nth-child(2),
        #news-views li:nth-child(4) {
            padding-left: 25px;
        }

        #news-views li:nth-child(2) .for-border,
        #news-views li:nth-child(4) .for-border {
            height: 290px;
        }


        .news-overlay {
            display: none;
            position: absolute;
            width: 244px;
            height: 290px;
            padding: 20px 27px 20px 20px;
            background: #5B1E58;
            top: 0;
            left: 0;
            color: #fff;
        }

            .news-overlay .date {
                color: #5B1E58;
            }

            .news-overlay h2 {
                /*height: 170px;*/
                padding: 0px 0 10px;
                border-bottom: 1px solid #fff;
            }

            .views {
                height: 30px;
                padding: 8px 0;
                border-bottom: 1px solid #fff;
                width: 100%;
                display: block;
                font-family: "Monserrat", sans-serif; !important;
                font-size: 12px;
                letter-spacing: 0.1em;
            }

            .share {
                height: 30px;
                padding: 8px 0;
                width: 100%;
                display: block;
                font-family: "Monserrat", sans-serif; !important;
                font-size: 12px;
                letter-spacing: 0.1em;
            }

        #news-views > ul > li:hover > .news-overlay {
            display: block;
        }

        hr {
            width: 100%;
            margin: 0px;
            clear: both;
        }


    /* ----------------------------------------------------------------------- */
    /* ------------------------ PAGE - NEWS ----------------------------- */
    /* ----------------------------------------------------------------------- */

.year-selector-list {
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #404041;
}

.year-selector-list {
    width: 45px;
    float: left;
    margin: 10px 0;
    padding: 0;
}

.year-selector-list .year-selector:nth-of-type(1) {
    display: none;
}

.year-selector {
    margin-bottom: 24px;
    cursor: pointer;
    list-style-type:  none;
      text-align: center;
}

.year-selector-selected, .year-selector:hover {
    color: #9F2A2A;
    background-color: #382B6F;
  color: #fff;
}

#archiveyear {
    display: none;
}

.year-set {
    width: 300px;
    margin-left: 5px;
    color: #404041;
}

ul.year-set li {
    width: 33%;
    text-align: center;
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 13px;
    color: #CDCDCD ;
}



    #news-list {
        background-color: #F1F2F2;
        width: 524px;
        padding: 30px 50px;
        display: inline-block;
        vertical-align: top;
    }

    #news-list.white {
        background-color: #fff;
    }



    #news-ul-list {
         margin: 0;
        padding: 0;
    }

        #news-ul-list li {
            border-top: 2px solid #231F20;
            padding: 30px 0;
            list-style-type:  none;
        }

    #news-ul-list li table {
        border-collapse: collapse;
    }

    #news-ul-list li table td {
        border: 1px solid #D7D7D7;
    }

    .news-meta {
        width: 100%;
        border-top: 1px solid #231F20;
        border-bottom: 1px solid #231F20;
        padding: 5px 0;
    }

        .news-meta .up {
            display: inline-block;
            width: 10%;
            text-align: center;
            vertical-align: middle;
        }

        .news-meta .views {
            width: 27% !important;
            border-left: 1px solid #231F20;
            display: inline-block;
            text-align: center;
            height: 22px;
            padding: 18px 0 0;
            border-bottom: 0px;
            vertical-align: top;
        }

        .news-meta .share {
            width: 62% !important;
            border-left: 1px solid #231F20;
            display: inline-block;
            text-align: center;
            height: 48px;
            padding: 0px;
        }

        .share-button {

        }

    #sort-column {
        display: inline-block;
        vertical-align: top;
        width: 316px;
        padding: 30px;
    }

        #sidebar-archive {
            border-top: 2px solid #231F20;
            border-bottom: 2px solid #231F20;
            padding: 10px 0 0;
        }

        .year-selector-list, .recent-tag-title {
            font-size: 13px;
            color: #404041;
            width: 60px;
            display: inline-block !important;
            float: none !important;
            margin: 10px 0;
            padding: 0;
        }

        .recent-tag-title, .popular-tag-title {
            margin: 0px !important;
            font-family: "Georgia", serif;
        }

        .popular-tag-title {
            width: 100%;
            margin: 10px 0;
            padding: 0;
        }

           .year-selector {
    margin-bottom: 20px;
    cursor: pointer;
    list-style-type:  none;
               padding:4px 0;
      text-align: center;
}

.year-selector-selected, .year-selector:hover {
    color: #9F2A2A;
    background-color: #382B6F;
  color: #fff;
}

        .year-set, .recent-tag-list, .popular-tag-list {
            width: 270px;
            color: #404041;
            margin: 0px;
            display: inline-block;
            vertical-align: top;
            padding: 0;
        }

            ul.year-set li {
            width: 40px;
            text-align: center;
            padding: 4px 0;
            text-transform: uppercase;
            font-size: 13px;
            display: inline-block;
            margin: 10px 13px;
            -moz-border-radius: 60px;
            -webkit-border-radius: 60px;
            -khtml-border-radius: 60px;
            border-radius: 60px;
            }

            .recent-tag-list li, .popular-tag-list li {
            width: 95px;
            text-align: left;
            padding: 0;
            font-size: 12px;
            display: inline-block;
            margin: 1px 20px;
            font-family: "Georgia", serif;
            }

            .recent-tag-list, .popular-tag-list {
                padding-bottom: 10px;
                margin-bottom: 10px;
            }

            .recent-tag-list li a, .popular-tag-list li a {
                color: #77787B !important;
            }

            ul.year-set li a, .recent-tag-list li:hover a, .popular-tag-list li:hover a {
                color: #382B6F !important;
                cursor: pointer;
            }

            ul.year-set li.selected, ul.year-set li a.year {
                color: #000;
            }


            ul.year-set li.selected a, ul.year-set li a.year:hover {
                color: ##382B6F !important;
            }

    /* ----------------------------------------------------------------------- */
    /* -------------------------- STATISTICS  ---------------------------- */
    /* ----------------------------------------------------------------------- */


   #statistics-container {
        background-color: #F1F2F2;
        width: 900px;
        padding: 30px 50px;
        display: inline-block;
        vertical-align: top;
    }

#statistics {
    width: 100%;
    border-top: 2px solid #231F20;
}

  #statistics-list {
         margin: 0;
        padding: 0;
        border-top: 1px solid #231F20;

    }

        #statistics-list li {
            border-top: 1px solid #231F20;
            padding: 30px 0;
            list-style-type:  none;
        }

    /* ----------------------------------------------------------------------- */
    /* -------------------------- ADVOCACIES ---------------------------- */
    /* ----------------------------------------------------------------------- */

    #advocacies {
        width: 233px;
        padding: 30px 70px;
        float: left;
    }


        #advocacies img {
            width: 100%;
            height: auto;
        }

           #advocacies a {
            color: #231F20;
        }

        #advocacies a:hover {
            color: #392B70;
        }
}

    /* ----------------------------------------------------------------------- */
    /* --------------- PAGE - ABOUT - WHO WE ARE ------------------- */
    /* ----------------------------------------------------------------------- */

    #wwa-content, #wwa-image {
        display: inline-block;
        vertical-align: top;
    }

    #wwa-content {
        width: 60%;
    }

        #wwa-content p {
            margin-left: 150px;
        }

    #wwa-image {
        width: 40%;
        text-align: center;
    }

        #wwa-image img {
            width: 80%;
            height: auto;
        }


    .middle-list {
        position: relative;
        margin: 0;
    }

            .middle-list li {
                counter-increment: customlistcounter;
                padding: 10px 0 10px 3.5em;
                border-bottom: 1px solid #231F20;
                position: relative;
                list-style-type: none;
            }

    .middle-list.no-border li {
        border-bottom: 0px;
    }

            .middle-list li:before {
                content: counter(customlistcounter);
                width: 3.5em;
                display: inline-block;
                height: 100%;
                position: absolute;
                left: 0;
            }

            .middle-list li:only-child:before {
                content: "";
            }

            .middle-list li.single:before {
                display: none;
            }

            .middle-list:first-child {
                counter-reset: customlistcounter;
            }

            .middle-list li:last-child {
                border-bottom: 0px solid #231F20;
            }

    /* ----------------------------------------------------------------------- */
    /* ---------- PAGE - ABOUT - CLUSTERS & AGENCIES ------------- */
    /* ----------------------------------------------------------------------- */


    #clusters-agencies-section > ul > li {
        border-top: 1px solid #5B1E58;
        width: 90%;
        padding: 15px 5% 0px;
    }

    #clusters-agencies-section > ul > li:first-child {
        border-top: 3px solid #5B1E58;
    }


        .exp-content-mandate ol {
            position: relative;
        }

        .exp-content-mandate ol li {
            counter-increment: customlistcounter;
            padding: 10px 0 0 1em;
            list-style-type: none;
        }


        .exp-content-mandate ol li:before {
            content: counter(customlistcounter);
            width: 3.5em;
            display: inline-block;
            height: 100%;
            position: absolute;
            left: 0;
        }

        .exp-content-mandate ol:first-child {
            counter-reset: customlistcounter;
        }


    .exp-content-toggle, .exp-content-sub-toggle {
        display: none;
        padding-bottom: 20px;
    }

    .exp-content-logo {
        width: 18%;
    margin-right: 2%;
        display: inline-block;
        vertical-align: top;
    }

    .exp-content-mandate, .exp-content-headed {
        width: 35%;
        display: inline-block;
        vertical-align: top;
        padding-right: 5%;
    }


    /* ----------------------------------------------------------------------- */
    /* ------------- PAGE - ABOUT - TRANSPARENCY SEAL ----------- */
    /* ----------------------------------------------------------------------- */

    #transparency-seal ul {
        margin: 0;
        padding: 0px 10% 20px 0;
        list-style-type: none;
        border-bottom: 1px solid #231F20;
        font-family: "Georgia";
    }

    #transparency-seal ul li {
        display: inline-block;
        width: 80%;
        vertical-align: top;
    }

    #transparency-seal ul li:first-child {
        width: 20%;
    }

    #transparency-seal ul li span {
        padding: 10px 0 0px;
        margin-top: 10px;
    }

    #transparency-seal ul li span strong {
        padding-left: 15px;
        display: block;
    color: #000;
    }

    #transparency-seal ul li span a:hover {
    color: #36286B;
}

    #transparency-seal h5 {
        padding: 0px 50px 0 0
    }



    .careers {
        width: 100%;
    }

    .careers .tr .td {
        color: #5B1E58;
        font-family: "Montserrat", sans-serif;
        font-size: 10px;
        letter-spacing: 0.1em;
    }

    .filter-table .tr:nth-of-type(1) .td {
        min-width: 150px !important;


    }

    .filter-table a {
        color: #382B6F;
    }

    .filter-table a:hover {
        text-decoration: underline;
    }


    .careers .tr .td {
        padding: 10px 1% 10px 0px;
        vertical-align: top;
        border-bottom: 1px solid #231F20;
  width: 11%;
  display: inline-block;
  vertical-align: top;
  height: 65px;
    }

    .careers .tr:nth-of-type(last) .td {
        border-bottom: 0px;
    }


    /* ----------------------------------------------------------------------- */
    /* ---------------------- PAGE - AGENCY REPORT ------------------- */
    /* ----------------------------------------------------------------------- */

    #agency-reports ul {
        margin: 0;
        padding: 0;
    }

    #agency-reports ul li {
        padding: 20px 0;
        border-top: 1px solid #231F20;
    }

    /* ----------------------------------------------------------------------- */
    /* ---------------- PAGE - ADVOCACIES - TAX WATCH  ------------ */
    /* ----------------------------------------------------------------------- */


    #tax-watch-list,
    #tax-watch-list-search {
        margin:0;
        padding: 20px 0;
        list-style-type: none;
        border-top: 3px solid #5B1D57;
    }

    #tax-watch-list ul li {
        width: 23%;
        margin-right: 1%;
        display:inline-block;
        vertical-align: top;
        height: auto;
        margin-bottom: 50px;

    }

    #tax-watch-list-search ul li {
        width: 48%;
        margin-right: 2%;
        display:inline-block;
        vertical-align: top;
        text-transform: uppercase;
        height: 420px;
      border-top: 0px;
        padding: 0px;
    }

    #tax-watch-list ul li:last-child {
        margin-right: 0;
    }

    #tax-watch-list ul li img,
    #tax-watch-list-search ul li img{
        width: 100%;
        height: auto;
    }


    /* ----------------------------------------------------------------------- */
    /* ----------------- PAGE - TALK TO US ------------------------------ */
    /* ----------------------------------------------------------------------- */

    #report-form {
        background-color: #fff;
        width: 450px;
        padding: 30px 124px 30px 0px;
        display: inline-block;
        vertical-align: top;
    }

    #directory {
        display: inline-block;
        vertical-align: top;
        width: 426px;
        padding: 30px 0px;
    }

    #directory-list {
        padding: 0;
        margin: 0;
    }

    #directory-list li {
        width: 30%;
        margin-right: 2%;
        display: inline-block;
        vertical-align: top;
        border-bottom: 1px solid #231F20;
        font-family: "Georgia";
        font-size: 12px;
        line-height: 17px;
        padding: 8px 0;
    }

    #directory-list li:hover {
        border-bottom: 1px solid ##392B70;
    }

    #directory-list li:hover a {
        color: #392B70;
    }

    #directory-list li a {
        color: #231F20;
    }

    form label, form input {
        display: inline-block;
        vertical-align: top;
    }

    form label,
form p label {
        width: 60px;
        padding: 13px 0;
    font-family: "Montserrat";
    }

    form input {
        padding: 10px;
        border: 1px solid #231F20;
        height: 18px;
        margin-bottom: 20px;
        width: 368px;
    }

    form textarea {
        padding: 10px;
        border: 1px solid #231F20;
        height: 100px;
        margin-bottom: 20px;
        width: 368px;
    }

    #submit-form, .wpcf7-submit {
        border: 0px;
        background: #5B1E58;
        color: #fff;
        width: auto;
        padding: 10px 20px;
        height: auto;
        /*margin-left: 60px; */
        font-family: "Montserrat";
        font-size: 12px;
    }


    #directory-complete-list {
        background-color: #fff;
        width: 250px;
        padding: 30px 50px 30px 0px;
        display: inline-block;
        vertical-align: top;
        font-family: "Georgia";
    }
        #directory-complete-list > ul {
            margin: 0;
            padding: 0;
        }

        #directory-complete-list .exp-content-toggle {
            border-top: 1px solid #231F20;
            margin: 10px 0 0;
            padding: 10px 0 0;
        }


        #directory-complete-list > ul > li {
            padding: 15px 0;
            border-bottom: 1px solid #392B70;
        }

        #directory-complete-list > ul > li > h6.heading {
            position: relative;
        }

        #directory-complete-list > ul > li > h6.heading:after {
        content: url(images/toggle-arrow-2.png);
        width: auto;
        display: inline-block;
        position: absolute;
        right: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s -o-transition: all 0.5s;
        transition: all 0.5s;
        }

        #directory-complete-list > ul > li > h6.heading:hover {
            cursor: pointer;
        }

        #directory-complete-list > ul > li > .ca-toggle {
        padding: 10px 0 0;
        border-top: 1px solid #392B70;
        margin-top: 10px;
        color: #392B70;
        }

    #directory-table {
        display: inline-block;
        vertical-align: top;
        width: 698px;
        padding: 30px 0px;
    }

    .directory.head td {
        width: 30%;
    }

     .directory td {
        width: 29%;
    }

    .directory.head {
        font-family: "Georgia", serif;
        width: 100%;
        padding: 2px 0 0px;
        border-bottom: 1px solid #9E9E9E;
    }

    .directory {
        font-family: "Georgia", serif;
        width: 100%;
        padding: 10px 0 10px;
        border-bottom: 1px solid #9E9E9E;
    }

    .directory tr td {
        padding: 10px 0;
        vertical-align: top;
    }


    /* ----------------------------------------------------------------------- */
    /* --------------------------- PAGINATION --------------------------- */
    /* ----------------------------------------------------------------------- */


    #pagination a {
        color:  #B17F2E;
        padding: 0 5px;
    }

    #pagination a:hover {
        color: #FFCD32;
    }

    #pagination .prev-page {
        padding: 0 20px 0 0;
    }

    #pagination .next-page {
        padding: 0 0 0 20px;
    }


    /* ----------------------------------------------------------------------- */
    /* ------------------------------ FILTER -------------------------------- */
    /* ----------------------------------------------------------------------- */


    .filter-link {
        background: #BBBDC0;
        font-family: "georgia";
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        margin-right: 10px;
        padding: 4px 8px;
        display: inline-block !important;
        width: auto !important;
    }

    .filter-link.selected, .filter-link:hover {
        background: #392B70;
        color: #fff;
        cursor: pointer;
    }

    /* ----------------------------------------------------------------------- */
    /* ------------------------------ FOOTER ------------------------------ */
    /* ----------------------------------------------------------------------- */

    #footer {
        background: #e9e9e9;
        padding: 30px 0;
    }

        #footer ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

        #footer ul li {
            display: inline-block;
            width: 33%;
            color: #fff;
            line-height: 26px;
            vertical-align: top;
        }

        #footer h2 {
            color: #666;
        }

        #footer a {
            font-family: "Georgia";
            color: #666;
            font-size: 12px;
            display: block;

        }

        a.adv {
            font-family: "Monserrat", sans-serif !important;
            text-transform: uppercase;
            color: #fff;
            font-size: 12px;
            letter-spacing: 0.1em !important;
        }

    a.circle {
        display: inline-block;
        margin: 8px 10px;
        width: 30px;
        height: 30px;
        border: 1px solid #fff;
        -moz-border-radius: 20px;
           -webkit-border-radius: 20px;
           -khtml-border-radius: 20px;
           border-radius: 20px;
           vertical-align: middle;
    }

    .big-circle {
        display: inline-block;
        margin: 8px 10px;
        width: 100px;
        height: 100px;
        border: 1px solid #fff;
        -moz-border-radius: 80px;
           -webkit-border-radius: 80px;
           -khtml-border-radius: 80px;
           border-radius: 80px;
           vertical-align: middle;
           background: none;
    }

    a.circle.dark {
        border: 1px solid #231F20;
    }

    .purple {
        border: 1px solid #5B1E58;
    }

    .stubborn {
        display: block;
        width: 100%;
        height: 1px;
        clear: both;
    }

        .w3eden .ptitle {
            width: 70%;
        }


@font-face {
    font-family: 'icomoon';
    src:url('./font/icomoon/icomoon.eot');
    src:url('./font/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
        url('./font/icomoon/icomoon.woff') format('woff'),
        url('./font/icomoon/icomoon.ttf') format('truetype'),
        url('./font/icomoon/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

#sb-search-mobile {
            width: 0%;
    min-width: 40px;
    height: 40px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    position: absolute;
    top: 0;
    right: 0px;
}

.sb-search {
        width: 0%;
    min-width: 40px;
    height: 40px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    position: absolute;
    /*top: 87px;*/
    right: -40px;
    z-index: 9999;
}
.sb-searchf, .sb-searcht {
        width: 0%;
    min-width: 40px;
    height: 40px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    position: absolute;
    /*top: 87px;*/
    right: -83px;
    z-index: 9999;
}
.sb-searcht {
        width: 0%;
    min-width: 40px;
    height: 40px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    position: absolute;
    /*top: 87px;*/
    right: -120px;
    z-index: 9999;
}

.sb-search-input {
        position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
    background: #e9e9e9;
    width: 415px;
    height: 40px;
    margin: 0;
    z-index: 10;
    font-family: inherit;
    font-size: 12px;
    color: #231F20;
}

.sb-search-input::-webkit-input-placeholder {
    color: #231F20;
}

.sb-search-input:-moz-placeholder {
    color: #efb480;
}

.sb-search-input::-moz-placeholder {
    color: #efb480;
}

.sb-search-input:-ms-input-placeholder {
    color: #efb480;
}

.sb-icon-search,
.sb-search-submit  {
    width: 41px;
    height: 40px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
        color: #231F20;
    background: #fff;
    z-index: 90;
    font-size: 16px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}
.sb-icon-searchf {
    cursor:pointer;
    /* color: #231F20;
    background: #fff;*/
    z-index: 90;
    font-size: 16px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    line-height:40px;

}
.sb-icon-searcht {
    cursor:pointer;
    /* color: #231F20;
    background: #fff;*/
    z-index: 90;
    font-size: 16px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    line-height:40px;

}


.sb-icon-searchf a:hover {
    cursor:pointer;
    color: black;
    /*background: black;*/
    z-index: 90;
    font-size: 16px;

    speak: none;
    font-style: normal;
    /*font-weight: normal;*/
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    line-height:40px;


}


.sb-icon-search:before {
    content: "\e000";
}

.sb-icon-search:hover {
    background:  #382b70;
    color: #fff;
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: #382b70;
    color: #fff;
    z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    z-index: 90;
}

    /* ----------------------------------------------------------------------- */
    /* ------------------------- 1100 - 900  ------------------------------ */
    /* ----------------------------------------------------------------------- */

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

        #side-menu {
            display: block;
        }

        #search-button {
            display: block;
        }

        .container {
            width: 800px;
        }


        #menu-container .container #menu, .menu-container-2, #second-nav-container {
            display: none !important;
        }

        #menu-container {
            top: 23px;
        }

               .sb-search {
            right: 0px;
            top: 8px !important;
        }
        .sb-search-input {
            width: 100%;
        }

        #logo {
            position: fixed;
            background:  #fff;
            z-index: 9999;
        }

        #news-list, #statistics-container {
            width: 700px;
        }

        #sort-column {
            width: 770px;
        }

        .recent-tag-list {
            width: 100%;
        }

        #content-container, #tax-watch-container, #talk-to-us-container {
            margin-top: 130px;
        }

        #featured-container {
            margin-top: 95px;
            height: auto;
            z-index: 9998;
            position: relative;

        }


        .second-menu, .sort-by {
            margin-left: 0px !Important;
        }

        #view-site {
            width: 77%;
        }

        #feat-home {
            padding: 30px;
            width: 240px;
        }

        #slider {
            width: 500px;
        }

        .featured-excerpt {
            margin-left: 0px;
        }

        .featured-excerpt p {
            width: 366px;
        }

        .slides img.featured-image {
            margin-left: -13%;
        }

        #controllers-wrapper {
            left: 422px;
        }

        .bjqs-slide img {
            height: 100% !important;
            width: auto !important;
            margin-left: -10%;
        }

        .bjqs-caption {
            margin-left: 0% !important;
        }

        .excerpt {
            margin-left: 3%;
        }

        .excerpt p {
            width: 72%;
        }

        #news-views {
            width: 460px;
        }

        #advocacies {
            width: 230px;
            padding: 30px 35px;
        }

        #news-views li {
            width: 205px;
            height: 410px;
        }

        .news-overlay {
            width: 184px;
            height: 370px;
        }

        .news-overlay h2 {
            height: 250px;
        }

        #news-views li:nth-child(1) .for-border, #news-views li:nth-child(4) .for-border {
            height: 365px;
        }
        #advocacies {
            padding: 30px 35px 125px 35px;
        }

    }

    /* ----------------------------------------------------------------------- */
    /* ------------------------- 899 - 320  ------------------------------ */
    /* ----------------------------------------------------------------------- */

    @media only screen
    and (min-width : 780px)
    and (max-width : 899px) {

    #side-menu {
            display: block;
        }

        #search-button {
            display: block;
        }

        .container {
            width: 716px;
        }

        .content-38 {
            width: 716px;
            margin: 0 auto;
        }

        #menu-container .container #menu, .menu-container-2, #second-nav-container {
            display: none !important;
        }

        #menu-container {
            top: 23px;
        }

            .sb-search {
            right: 0px;
            top: 8px !important;
        }

        .sb-search-input {
            width: 100%;
        }

        #logo {
            position: fixed;
            background:  #fff;
            z-index: 9999;
        }


         #content-container, #tax-watch-container, #talk-to-us-container {
            margin-top: 130px;
        }

        #featured-container {
            margin-top: 95px;
            height: auto;
            z-index: 9998;
            position: relative;

        }

              #news-list, #statistics-container {
            width: 616px;
        }

        #sort-column {
            width: 686px;
        }

        .recent-tag-list {
            width: 100%;
        }

            .second-menu, .sort-by {
            margin-left: 0px !Important;
        }

        .menu-container-2 {
            display: none !important;
        }

        .menu-container-2 .container {
            width: 1002px !important;
        }

       #view-site {
            width: 87%;
        }

        .featured-excerpt {
            margin-left: 0px;
        }

        .featured-excerpt p {
            width: 75.5%;
        }

        #controllers-wrapper {
            left: inherit;
            right: 0;
        }

        .flex-container {
            height: 440px !important;
        }

        #data-container {
            padding-top: 140px;
            margin-top: -100px;
        }

        #feat-home {
            width: 100%;
            height: auto;
            padding: 30px 0 0;
        }

        #feat-home > p,
        #feat-home > a,
        #feat-home > h1 {
            display: none;
        }

        .flex-container {
            width: 100%;
        }

        #feat-home p.centered {
            display: block;
            text-align: center;
            border-bottom: 0px !important;
        }

        #feat-home p.centered a img {
              width: 20%;
            height: auto;
        }

        .feat-read-more {
            width: 21.5%;
            height: 100%;
            position: relative;
        }

        #slider {
            width: 100%;
        }

        .bjqs-slide img {
            width: auto !important;
            margin-left: 0px;
        }

        .bjqs-caption {
            margin-left: 0% !important;
        }

        .excerpt {
            margin-left: 0%;
            height: auto !important;
        }

        .excerpt p {
            width: 74.5%;
        }

        .feat-read-more a {
            float: left;
            text-align: center;
            display: block;
            width: 100%;
        }
        #news-views {
            width: 100%;
            padding: 30px 0;
        }

        #advocacies {
            width: 230px;
            padding: 30px 35px;
        }

        #news-views li {
            width: 46%;
            height: 275px;
        }

        .news-overlay {
            width: 86%;
            height: 370px;
            padding: 20px 8%;
        }

        .news-overlay h2 {
            height: 200px;
            position: relative;
        }

        .read-more {
            position: absolute;
            bottom: 0;
            left: 0;
        }

        #news-views li:nth-child(1), #news-views li:nth-child(3) {
            padding-right: 4%;
        }

        #news-views li:nth-child(2), #news-views li:nth-child(4) {
            padding-left: 4%;
        }

        #news-views li:nth-child(1) .for-border, #news-views li:nth-child(3) .for-border {
            height: 83%;
        }

        #advocacies {
            padding: 30px 0;
            width: 100%;
        }

        #advocacies h3 {
            float: left;
            margin-right: 50%;
        }

        #latest-infographics, #twitter-feed {
            width: 47%;
            float: left;
            vertical-align: top;
        }

        #latest-infographics {
            margin-right: 3%;
        }

        #twitter-feed {
            margin-left:  3%;
        }

        .space-3 {
            display: none;
        }

        #footer ul li {
            width: 50%;
        }

        #footer ul li:last-child {
            width: 100%;
        }

    }



    /* ----------------------------------------------------------------------- */
    /* ------------------------- 779 - 550  ------------------------------ */
    /* ----------------------------------------------------------------------- */

    @media only screen
    and (min-width : 650px)
    and (max-width : 779px) {


        .container {
            width: 600px;
        }

        /** CONTAINERS **/

        /** Who We Are **/
        .content-38,
        .content-60,
        .content-40,
        .col40 {
            width: 600px !important;
            margin: 0 auto;
        }


        /* Join Us */
        .no-bullets,
        .exp-content > ul > li > div > ul {
            margin: 0;
            padding: 0;
        }

        /* Download List */

        #download-list ul {
            margin: 0;
            padding: 0;
        }

        .file-link {
            width: 70%;
            display: inline-block;
        }

        /* NEWS */

        #news-list, #statistics-container {
            width: 500px;
        }

        #sort-column {
            width: 500px;
        }

        .year-set, .recent-tag-list, .popular-tag-list, .col60, .col30 {
            width: 100%;
        }

        .news-meta .up {
            width: 12%;
        }

        .news-meta .share {
            width: 60% !important;
        }

        a.circle {
            margin: 8px 3px;
        }

        .page-template-issuances-annual-reports .col30,
        .page-template-issuances-annual-reports .col20 {
            width: 47%;
        }

        #tax-watch-list ul li {
            width: 47%;
            margin-right: 1%;
            margin-left: 1%;
        }

        #report-form,
        #directory
        {
            width: 100%;
            padding: 30px 0;
        }

        .featured-excerpt {
            height: 70px;
            padding-bottom: 10px;
        }

        .featured-excerpt p {
            width: auto;
            padding: 10px;
            height: auto;
            border-right: 0px;
        }

        .feat-read-more a {
            padding: 0px;
        }

        #controllers-wrapper {
          left: inherit;
          right: -17px;
          bottom: inherit;
          top: 240px;
        }

        .flex-container {
            width: 600px !Important;
            height: 375px !important;
        }

        .overlay-45 {
            height: 302px;
        }

        #data-container {
            padding-top: 140px;
            margin-top: -100px;
        }

        #feat-home {
            width: 100%;
            height: auto;
            padding: 30px 0 0;
        }

        #feat-home > p,
        #feat-home > a,
        #feat-home > h1 {
            display: none;
        }

        .flex-container {
            width: 100%;
        }

        #controllers-wrapper div#controllers-wrapper-left {
            margin-bottom: -60px;
        }

        #feat-home p.centered {
            display: block;
            text-align: center;
            border-bottom: 0px !important;
        }

        #feat-home p.centered a img {
              width: 20%;
      height: auto;
        }

        .feat-read-more {
            width: 21.5%;
            height: 100%;
            position: relative;
            display: none;
        }

        #slider {
            width: 100%;
        }

        .bjqs-slide img {
            width: auto !important;
            margin-left: 0px;
        }

        .bjqs-caption {
            margin-left: 0% !important;
        }

        .excerpt {
            margin-left: 0%;
            height: auto !important;
        }

        .excerpt p {
            width: 74.5%;
        }

        .feat-read-more a {
            float: left;
            text-align: center;
            display: block;
            width: 100%;
        }
        #news-views {
            width: 100%;
            padding: 30px 0;
        }

        #advocacies {
            width: 230px;
            padding: 30px 35px;
        }

        #news-views li {
            width: 46%;
            height: 350px;
        }

        .news-overlay {
            width: 86%;
            height: 370px;
            padding: 20px 8%;
        }

        .news-overlay h2 {
            height: 200px;
            position: relative;
        }

        .read-more {
            position: absolute;
            bottom: 0;
            left: 0;
        }

        #news-views li:nth-child(1), #news-views li:nth-child(3) {
            padding-right: 4%;
        }

        #news-views li:nth-child(2), #news-views li:nth-child(4) {
            padding-left: 4%;
        }

        #news-views li:nth-child(1) .for-border, #news-views li:nth-child(3) .for-border {
            height: 83%;
        }

        #advocacies {
            padding: 30px 0;
            width: 100%;
        }

        #advocacies h3 {
            float: left;
            margin-right: 50%;
        }

        #latest-infographics, #twitter-feed {
            width: 47%;
            float: left;
            vertical-align: top;
        }

        #latest-infographics {
            margin-right: 3%;
        }

        #twitter-feed {
            margin-left:  3%;
        }

        .w3eden .ptitle {
            width: 70%;
        }

        .space-3 {
            display: none;
        }

        #footer ul li {
            width: 50%;
        }

        #footer ul li:last-child {
            width: 100%;
        }

    }



     /* ----------------------------------------------------------------------- */
    /* ------------------------- 649 - 550  ------------------------------ */
    /* ----------------------------------------------------------------------- */

    @media only screen
    and (min-width : 550px)
    and (max-width : 649px) {


        .container {
            width: 500px;
        }



        /** CONTAINERS **/

        /** Who We Are **/
        .content-38,
        .content-60,
        .content-40,
        .col40 {
            width: 500px !important;
            margin: 0 auto;
        }





        /* Join Us */
        .no-bullets,
        .exp-content > ul > li > div > ul {
            margin: 0;
            padding: 0;
        }


        /* Download List */

        #download-list ul {
            margin: 0;
            padding: 0;
        }

        .file-link {
            width: 70%;
            display: inline-block;
        }

        /* NEWS */

        #news-list, #statistics-container {
            width: 400px;
        }

        #sort-column {
            width: 440px;
        }

        .year-set, .recent-tag-list, .popular-tag-list, .col60, .col30 {
            width: 100%;
        }

        .news-meta .up {
            width: 12%;
        }

        .news-meta .share {
            width: 60% !important;
        }

        a.circle {
            margin: 8px 3px;
        }



        .page-template-issuances-annual-reports .col30,
        .page-template-issuances-annual-reports .col20 {
            width: 47%;
        }




        #tax-watch-list ul li {
            width: 47%;
            margin-right: 1%;
            margin-left: 1%;
        }



        #report-form,
        #directory
        {
            width: 100%;
            padding: 30px 0;
        }

        .featured-excerpt {
            height: 70px;
            padding-bottom: 10px;
        }

        .featured-excerpt p {
            width: auto;
            padding: 10px;
            height: auto;
            border-right: 0px;
        }

        .feat-read-more a {
            padding: 0px;
        }

        #controllers-wrapper {
          left: inherit;
          right: -17px;
          bottom: inherit;
          top: 240px;
        }

        .flex-container {
            width: 500px !Important;
            height: 330px !important;
        }

        .overlay-45 {
            height: 251px;
        }

        #data-container {
            padding-top: 140px;
            margin-top: -100px;
        }

        #feat-home {
            width: 100%;
            height: auto;
            padding: 30px 0 0;
        }

        #feat-home > p,
        #feat-home > a,
        #feat-home > h1 {
            display: none;
        }

        .flex-container {
            width: 100%;
        }

        #feat-home p.centered {
            display: block;
            text-align: center;
            border-bottom: 0px !important;
        }

        #feat-home p.centered a img {
              width: 20%;
      height: auto;
        }

        .feat-read-more {
            width: 21.5%;
            height: 100%;
            position: relative;
            display: none;
        }

        #slider {
            width: 100%;
        }

        .bjqs-slide img {
            width: auto !important;
            margin-left: 0px;
        }

        .bjqs-caption {
            margin-left: 0% !important;
        }

        .excerpt {
            margin-left: 0%;
            height: auto !important;
        }

        .excerpt p {
            width: 74.5%;
        }

        .feat-read-more a {
            float: left;
            text-align: center;
            display: block;
            width: 100%;
        }
        #news-views {
            width: 100%;
            padding: 30px 0;
        }

        #advocacies {
            width: 230px;
            padding: 30px 35px;
        }

        #news-views li {
            width: 46%;
            height: 255px;
        }

        .news-overlay {
            width: 86%;
            height: 370px;
            padding: 20px 8%;
        }

        .news-overlay h2 {
            height: 200px;
            position: relative;
        }

        .read-more {
            position: absolute;
            bottom: 0;
            left: 0;
        }

        #news-views li:nth-child(1), #news-views li:nth-child(3) {
            padding-right: 4%;
        }

        #news-views li:nth-child(2), #news-views li:nth-child(4) {
            padding-left: 4%;
        }

        #news-views li:nth-child(1) .for-border, #news-views li:nth-child(3) .for-border {
            height: 83%;
        }

        #advocacies {
            padding: 30px 0;
            width: 100%;
        }

        #advocacies h3 {
            float: left;
            margin-right: 50%;
        }

        #latest-infographics, #twitter-feed {
            width: 47%;
            float: left;
            vertical-align: top;
        }

        #latest-infographics {
            margin-right: 3%;
        }

        #twitter-feed {
            margin-left:  3%;
        }

        .w3eden .ptitle {
            width: 70%;
        }

        .space-3 {
            display: none;
        }

        #footer ul li {
            width: 50%;
        }

        #footer ul li:last-child {
            width: 100%;
        }

    }

/* ----------------------------------------------------------------------- */
    /* ------------------------- 549 - 450  ------------------------------ */
    /* ----------------------------------------------------------------------- */

    @media only screen
    and (min-width : 450px)
    and (max-width : 549px) {


        .container {
            width: 400px;
        }

                .content-38,
        .content-60,
        .content-40,
         .content-25-left,
        .col40 {
            width: 400px !important;
            margin: 0 auto;
        }
            /** CONTAINERS **/



        .content-80,
        .content-70,
        .content-60,
        .content-40,
        .layout-column-2,
        .border-left-black,
        .content-25-left {
            width: 100% !important;
        }

        .layout-column-2 {
            padding: 2% 0;
        }

        .border-left-black {
            border-left: 0px solid;
        }

        .no-bullets {
            margin: 0;
            padding: 0;
        }

        .content-25-left {
            margin-right: 0%;
        }


        #tax-watch-list ul li {
            width: 97%;
            margin-right: 1%;
            margin-left: 1%;
            height: auto;
            margin-bottom: 20px;
        }




        #second-nav-container > .container {
            width: 100%;
        }

     #second-nav-container .sort-by {
         display: none;
     }

         #news-list, #statistics-container {
              width: 350px;
                padding: 30px 25px;
        }

        #sort-column {
              width: 370px;
                padding: 30px 15px;
        }

        .year-set, .recent-tag-list, .popular-tag-list {
            width: 80%;
        }

        .news-meta .up {
            width: 39%;
        }

        .news-meta .views {
            width: 60% !Important;
        }

        .news-meta .share {
            border-left: 0px solid;
            width: 100% !important;
        }

         a.circle {
            margin: 8px 3px;
        }


                .feat-read-more {
            width: 21.5%;
            height: 100%;
            position: relative;
            display: none;
        }

        #report-form {
  background-color: #fff;
  width: 280px;
  padding: 30px 10px;
  display: inline-block;
  vertical-align: top;
        }

        form textarea,
        form input {
            width: 90%;
        }

        #directory {
            width: 400px;
        }

        .col1, .col2, .col60, .col30 {
            width: 100%;
        }

        #directory-list li {
  width: 98%;
        }


        #feat-home p.centered a img {
            width: 35% !important;
        }

        #slider, .flex-container {
            width: 400px !important;
            height: 290px !important;
        }

        .overlay-45 {
            height: 201px;
        }

        .bjqs-caption {
            margin-left: 0% !important;
        }

        .featured-excerpt p {
            width: 380px;
        }

         .featured-excerpt {
            height: 130px;
            padding-bottom: 10px;
        }

        .featured-excerpt p {
            width: auto;
            padding: 10px;
            height: auto;
            border-right: 0px;
        }

        .feat-read-more a {
            padding: 0px;
        }

        #controllers-wrapper {
            left: inherit;
            bottom: inherit;
            top: 27px;
            right: -20px;
        }

        #news-views {
            width: 100%;
            padding: 30px 0;
        }

        #news-views li,
        #news-views li:nth-child(1) .for-border, #news-views li:nth-child(3) .for-border{
            width: 100%;
            padding-right: 0px !important;
            height: auto;
            border-right: 0px !important;
    }

    #news-views li:nth-child(3) {
            border-bottom: 1px solid black;

        }

        #news-views li .for-border,
        #news-views li:nth-child(2) .for-border, #news-views li:nth-child(4) .for-border{
            height: auto !important;
        }

        #news-views li:nth-child(2), #news-views li:nth-child(4) {
            padding-left: 0px;
        }

        #advocacies {
            width: 100%;
            padding: 0px;
        }

        .wpdm-category .link-btn {
            width: 100% !important;
        }

        .w3eden .ptitle {
            width: 50%;
        }

        .file-download, .file-view {
            margin-top: -39px;
        }

        .col-md-12 {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .w3eden .row {
               margin-left: 0px !important;
            margin-right: 0px !important;
        }
    }


    /* ----------------------------------------------------------------------- */
    /* ------------------------- 449 - 300  ------------------------------ */
    /* ----------------------------------------------------------------------- */

    @media only screen
    and (min-width : 300px)
    and (max-width : 449px) {


        .container {
            width: 300px;
        }

                .content-38,
        .content-60,
        .content-40,
         .content-25-left,
        .col40 {
            width: 300px !important;
            margin: 0 auto;
        }
            /** CONTAINERS **/



        .content-80,
        .content-70,
        .content-60,
        .content-40,
        .layout-column-2,
        .border-left-black,
        .content-25-left {
            width: 100% !important;
        }

        .layout-column-2 {
            padding: 2% 0;
        }

        .border-left-black {
            border-left: 0px solid;
        }

        .no-bullets {
            margin: 0;
            padding: 0;
        }

        .content-25-left {
            margin-right: 0%;
        }


        #tax-watch-list ul li {
            width: 97%;
            margin-right: 1%;
            margin-left: 1%;
            height: auto;
            margin-bottom: 20px;
        }




        #second-nav-container > .container {
            width: 100%;
        }

     #second-nav-container .sort-by {
         display: none;
     }

         #news-list, #statistics-container {
              width: 250px;
                padding: 30px 25px;
        }

        #sort-column {
              width: 270px;
                padding: 30px 15px;
        }

        .year-set, .recent-tag-list, .popular-tag-list {
            width: 80%;
        }

        .news-meta .up {
            width: 39%;
        }

        .news-meta .views {
            width: 60% !Important;
        }

        .news-meta .share {
            border-left: 0px solid;
            width: 100% !important;
        }

         a.circle {
            margin: 8px 3px;
        }


                .feat-read-more {
            width: 21.5%;
            height: 100%;
            position: relative;
            display: none;
        }

        #report-form {
  background-color: #fff;
  width: 280px;
  padding: 30px 10px;
  display: inline-block;
  vertical-align: top;
        }

        form textarea,
        form input {
            width: 90%;
        }

        #directory {
            width: 300px;
        }

        .col1, .col2, .col60, .col30 {
            width: 100%;
        }

        #directory-list li {
  width: 98%;
        }


        #feat-home p.centered a img {
            width: 35% !important;
        }

        #slider, .flex-container {
            width: 300px !important;
            height: 290px !important;
        }

        .overlay-45 {
            height: 151px;
        }

        .bjqs-caption {
            margin-left: 0% !important;
        }

        .featured-excerpt p {
            width: 280px;
        }

         .featured-excerpt {
            height: 130px;
            padding-bottom: 10px;
        }

        .featured-excerpt p {
            width: auto;
            padding: 10px;
            height: auto;
            border-right: 0px;
        }

        .feat-read-more a {
            padding: 0px;
        }

        #controllers-wrapper {
            left: inherit;
            bottom: inherit;
            top: 27px;
            right: -20px;
        }

        #news-views {
            width: 100%;
            padding: 30px 0;
        }

        #news-views li,
        #news-views li:nth-child(1) .for-border, #news-views li:nth-child(3) .for-border{
            width: 100%;
            padding-right: 0px !important;
            height: auto;
            border-right: 0px !important;
    }

    #news-views li:nth-child(3) {
            border-bottom: 1px solid black;

        }

        #news-views li .for-border,
        #news-views li:nth-child(2) .for-border, #news-views li:nth-child(4) .for-border{
            height: auto !important;
        }

        #news-views li:nth-child(2), #news-views li:nth-child(4) {
            padding-left: 0px;
        }

        #advocacies {
            width: 100%;
            padding: 0px;
        }

        .wpdm-category .link-btn {
            width: 100% !important;
        }

        .w3eden .ptitle {
            width: 50%;
        }

        .file-download, .file-view {
            margin-top: -39px;
        }

        .col-md-12 {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .w3eden .row {
               margin-left: 0px !important;
            margin-right: 0px !important;
        }
    }



    /* ----------------------------------------------------------------------- */
    /* ------------------------- 779 - 300  ------------------------------ */
    /* ----------------------------------------------------------------------- */

    @media only screen
    and (min-width : 300px)
    and (max-width : 779px) {

         h2.heading {
            font-size: 18px;
        }

                /* Cluster and Agencies */
        .exp-content-logo,
        .exp-content-mandate, .exp-content-headed {
            width: 100%;
            padding-right: 0%;
            margin-bottom: 10px;
        }

        .content-25-left,
        .col70,
        div.col6, span.col6,
        .col30
        {
            width: 100%;
            margin-right: 0;
            padding-right: 0;
        }

         .page-template-external-template .bor-right {
            border-right: 0px solid;
        }

        #view-site {
          display: block;
          width: 100% !important;
          margin: 0% auto !important;
        }

        .view-site {
            float: left;
            margin-left: 0px;
        }

        .file-download-white,
        .file-view-white{
            float: left;
            margin-left: 2px;
        }

          #tax-watch-list ul {
            margin: 0;
            padding: 0;
        }



        .logo-img {
            display: none;
        }

        #side-menu {
            display: block;
            z-index: 9999;
        }



        #search-button {
            display: block;
        }

       #menu-container .container #menu, .menu-container-2, #second-nav-container {
            display: none;
        }

        #menu-container {
            top: 23px;
            display: none;
        }

        .sb-search {
            right: 0px;
            top: 8px !important;
        }

        .sb-search-input {
            width: 100%;
        }

        .category #second-nav-container {
            display: block;
              top: 90px;
  position: fixed;
        }


        #logo {
            position: fixed;
            background:  #fff;
            z-index: 9999;
        }



        #content-container, #tax-watch-container, #talk-to-us-container {
            margin-top: 130px;
        }

            .second-menu, .sort-by {
            margin-left: 0px !Important;
        }

        .menu-container-2 {
            display: none !important;
        }

        .menu-container-2 .container {
            width: 1002px !important;
        }

        #data-container {
        padding-top: 140px;
        margin-top: -100px;
        }

        #featured-container {
            margin-top: 95px;
            height: auto;
            z-index: 9998;
            position: relative;

        }

        .featured-excerpt {
            margin-left: 0px;
        }

        .bjqs-slide img {
        height: 100% !important;
        width: auto !important;
        }

        #feat-home {
            width: 100%;
            height: auto;
            padding: 30px 0 0;
        }

        #feat-home > p,
        #feat-home > a,
        #feat-home > h1 {
            display: none;
        }

        .flex-container {
            width: 100%;
        }

        #feat-home p.centered {
            display: block;
            text-align: center;
            border-bottom: 0px !important;
        }

        #feat-home p.centered a img {
              width: 20%;
            height: auto;
        }

        #footer ul li {
            width: 100%;
        }

    }








    .shiftnav-menu .sub-menu {
        width: 100%;
        position: relative;
    }

    .shiftnav .shiftnav-menu-title {
        display: none;
    }


/****************************88      For Secretary's Page 888888************88********8****

.for_speech a:link, a:visited{

  color: black;


}
**/

/**************************************For Open Data Stat button **********/

.ods_button {
    display: block;
    width: 145px;
    height: 25px;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    background: #E7E7E7;

}


#for_ebir table {

    border-collapse: collapse;
    width: 100%;
}

#for_ebir th, td {

    text-align: left;
    padding: 8px;
}

#for_ebir tr:nth-child(even){background-color: #f2f2f2}



/**************************************For Loan Agreement CSS**************************************/

#loan-agreement ul{
        margin: 0;
        padding: 0;

}



#loan-agreement li{
            width: 50%;
            float: left;
            margin: 0px 0;
            height: 225px;
}

#body00 li{
    width: 100%;
}

#loan-agreement ul li {
        padding: 20px 0;

    }
#loan-agreement a{
    color: #4F205B;
}

#loan-agreement a:hover{
    color: #2f012c;

}


#loan{
    height: 360px;
    background: #5B1E58;
    background-position: center center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 600px) {
  #loan{
    display:none;
    background:#ccc;
    }
  #thumbnail-img{
    width:100%;
 }

}

@media only screen and (max-width: 800px) {
#loan{
    display:none;
    background:#ccc;
    }

#thumbnail-img{
    width:100%;
 }
}

.btn-loan{
  background-color: #5e1d5a;
  border: none;
  color: white;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 8px;
  border-bottom: 4px solid #FFCD32;
}

.btn-loan:hover{
    background-color: #3a0e37;
}

.btn-loan:active{
    background-color: #5E1D5A;
}

#body00 li{
    font-size: 15px;
    line-height: 2em;
}

#btn-loan-agreements{
    text-align:center;
}

#for-more-info a{
    line-height: 2em;
    font-size:15px;
    font-weight: bold;
    color:#5e1d5a;
}

#for-more-info a:visited{
    color:#5e1d5a;
}





/* The Overlay Modal */

.showgrid{
width:0;
margin:auto;
}

.showgrid img{

position:absolute;
left:47%;
top:28%;
max-width: 100%;
}

.breaker{
padding-bottom:200px;
}

#banner-puzzle{
position:relative;
z-index:2;
top:5%;
right:50px;
width:135%;
text-align:center;
}

#banner-puzzle img{
width:390px;
height:105px;
}


.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  background-color: rgb(,0,0);
  background-color: rgba(255,255,255, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 5%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  border-radius:5px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #000;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #FFCC00;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

@media screen and (max-width: 375px){
.showgrid  img {

position:absolute;
top:31%;
left:5%;

}

.breaker{
padding-bottom:700px;
}

}

@media screen and (max-width: 450px){
.showgrid  img {

position:absolute;
top:31%;
left:5%;

}

.breaker{
padding-bottom:700px;
}


}


@media screen and (max-width: 768px){
.showgrid  img {

position:absolute;
  top:31%;
  left:5%;
 }

.breaker{
  padding-bottom:700px;
 }

}

#body_content{
font-size:23px;
}