/**
 * @copyright        Copyright (c) 2013 Skyline (http://extstore.com). All rights reserved.
 * @license                GNU General Public License version 2 or later; see LICENSE.txt
 */



ul.dropdown_css3 {
        border-radius: 3px;
        width: 100%;
        margin: 0; /* all lists */
}

.dropdown_css3 ul {
        margin: 0; /* all lists */
        padding: 0;
}

.dropdown_css3 > li:first-child {
        margin-left: 10px;
}

.dropdown_css3 li {
        margin: 0; /* all list items */
        float: left;
        display: block;
        cursor: pointer;
        list-style: none;
        position: relative;
        text-align: left;
}

.dropdown_css3-container .menubar,
.dropdown_css3 li a {
        font-family: "Roboto Condensed", sans-serif;
        display: block;
        text-decoration: none;
        font-size: 16px;
        padding: 12px 25px;
        text-transform: none;

        transition: background-color 200ms linear;
        -moz-transition: background-color 200ms linear;
        -o-transition: background-color 200ms linear;
        -webkit-transition: background-color 200ms linear;
}

.dropdown_css3 > li > a:hover,
.dropdown_css3 > li:hover > a,
.dropdown_css3 > li.active > a {
        box-shadow: 2px 0 10px -5px rgba(0, 0, 0, 0.6) inset, -2px 0 10px -5px rgba(0, 0, 0, 0.6) inset;
}

.dropdown_css3 li ul li.deeper > a > span {
        display: block;
        background: url(../images/arrow.gif) no-repeat right;
}

.dropdown_css3 li ul li.deeper > a:hover > span,
.dropdown_css3 li ul li.active.deeper > a > span,
.dropdown_css3 li ul li.sfhover.deeper > a > span {
        background: url(../images/arrow_hover.gif) no-repeat right;
}

.dropdown_css3 li ul ul {
        top: 0;
        left: 130%;
        margin: 0;
}

/* 2nd level and above */

.dropdown_css3 li ul {
        background: #FFFFFF;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
        width: 16.4em;
        position: absolute; /* second-level lists */
        z-index: 99;
        padding: 0;
        -webkit-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
        -moz-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
        -o-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
        transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
        visibility: hidden;
        opacity: 0;
        margin: 0;
        top: 130%;
}

.dropdown_css3 li ul li {
        float: none;
    margin: 0 0 1px;
    min-width: 204px;
    padding: 0;
        height: auto;
        border-collapse: collapse;
}

.dropdown_css3 li ul li:first-child {
        border: none;
}

.dropdown_css3 li ul li a {
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 13px;
        color: #666666;
        white-space: normal;
        background: none;
        text-shadow: none;
        padding: 8px 8px 8px 15px;

        transition: background-color 50ms linear;
        -moz-transition: background-color 50ms linear;
        -o-transition: background-color 50ms linear;
        -webkit-transition: background-color 50ms linear;
}

.dropdown_css3 li:hover > ul,
.dropdown_css3 li.sfhover > ul {
        opacity: 1;
    visibility: visible;
        top: 100%;
}

.dropdown_css3 li > ul > li:hover > ul {
        left: 100%;
        opacity: 1;
        visibility: visible;
        top: 0;
}

.dropdown_css3 li ul li.active a,
.dropdown_css3 li ul li.active li.active a,
.dropdown_css3 li ul li.active li.active li.active a,
.dropdown_css3 li ul li.active li.active li.active li.active a {
        font-weight: normal !important;
}

.dropdown_css3-container .menubar,
.dropdown_css3-container .menubar-check {
        display: none;
}

/****************** RESPONSIVE *******************/
@media screen and (max-width: 958px) {
        .dropdown_css3 > li:first-child {
                margin-left: 0;
        }

        .dropdown_css3 li {
                float: none;
        }

        .dropdown_css3 li ul li {
                min-width: 0;
        }

        .dropdown_css3 li a {
                padding: 12px 12px 12px 20px;
        }

        .dropdown_css3 li ul li a {
                padding: 8px 8px 8px 20px;
        }

        .dropdown_css3 li ul li {
                background: #fafafa;
        }

        .dropdown_css3 li.deeper > a span,
        .dropdown_css3 li.deeper > a:hover span,
        .dropdown_css3 li.active.deeper > a span,
        .dropdown_css3 li.sfhover.deeper > a span {
                background-image: url("../images/sprites_hover.png");
                background-position: right center;
                background-repeat: no-repeat;
                background-color: transparent;
                display: block;
        }

        .dropdown_css3 li ul li.deeper > a > span,
        .dropdown_css3 li ul li.active.deeper > a > span {
                background: url("../images/sprites.png") no-repeat scroll right center rgba(0, 0, 0, 0);
        }

        .dropdown_css3 li ul li.deeper > a:hover > span,
        .dropdown_css3 li ul li.sfhover.deeper > a > span {
                background: url("../images/sprites_hover.png") no-repeat scroll right center rgba(0, 0, 0, 0);
        }

        .dropdown_css3 li ul {
                box-shadow: none;
                width: 100%!important;
                position: static;
                overflow: hidden;
                max-height: 0;
                margin: 0;
                padding: 0;
                border-left: 1px solid #f2f2f2;
                border-right: 1px solid #f2f2f2;

                -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
                -moz-box-sizing: border-box;    /* Firefox, other Gecko */
                box-sizing: border-box;         /* IE 8+ */


                transition: all .2s linear;
                -webkit-transition: all .2s linear;
                -moz-transition: all .2s linear;
                -ms-transition: all .2s linear;
                -o-transition: all .2s linear;
        }

        .dropdown_css3 li:hover > ul,
        .dropdown_css3 li.sfhover > ul {
                max-height: 99999em;
        }

        .dropdown_css3 li ul ul {
                margin: 0;
                height: auto;
                width: 100%;
                border: none;
        }

        .dropdown_css3 li ul li ul li a {
                padding-left: 30px;
        }

        .dropdown_css3 li ul li ul li ul li a {
                padding-left: 50px;
        }

        .dropdown_css3-container .menubar {
                display: block;
                color: #fff;
                margin-bottom: 0;
        }

        .dropdown_css3-container .menubar:before {
                content: "\2261";
                display: block;
                float: left;
                font-size: 30px;
                margin: -1px 8px 0 0;
        }

        .dropdown_css3-container .menubar-check + ul {
                display: none;
        }

        .dropdown_css3-container .menubar-check:checked + ul {
                display: block;
        }
}

.clearfix:before,
.clearfix:after {
        content: "";
        display: table;
        line-height: 0;
}

.clearfix:after {
        clear: both;
}