@font-face {
    font-family: 'IRANSans';
    src: url('../vendor/fonts/IRANSans/IRANSans.eot') format('eot'), url('../vendor/fonts/IRANSans/IRANSans.ttf') format('truetype'), url('../vendor/fonts/IRANSans/IRANSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IRANSansBold';
    src: url('../vendor/fonts/IRANSansBold/IRANSansBold.eot') format('eot'), url('../vendor/fonts/IRANSansBold/IRANSansBold.ttf') format('truetype'), url('../vendor/fonts/IRANSansBold/IRANSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'iranyekan';
    src: url('../vendor/fonts/iranyekan/iranyekan.eot') format('eot'), url('../vendor/fonts/iranyekan/iranyekan.ttf') format('truetype'), url('../vendor/fonts/iranyekan/iranyekan.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'iranyekanbold';
    src: url('../vendor/fonts/iranyekanbold/iranyekanwebbold.eot') format('eot'), url('../vendor/fonts/iranyekanbold/iranyekanwebbold.ttf') format('truetype'), url('../vendor/fonts/iranyekanbold/iranyekanwebbold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Kalameh';
    src: url('../vendor/fonts/Kalameh/Kalameh.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KalamehBold';
    src: url('../vendor/fonts/kala') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/****** Start Content of Global.css *******/





@font-face {
    font-family: iransansweb;
    src: url(../vendor/fonts/IRANSANSWEBULTRALIGHT.TTF);
    font-weight: 100;
}

@font-face {
    font-family: iransansweb;
    src: url(../vendor/fonts/IRANSANSWEBLIGHT.TTF);
    font-weight: 300;
}

@font-face {
    font-family: iransansweb;
    src: url(../vendor/fonts/IRANSANSWEB.TTF);
    font-weight: 500;
}

@font-face {
    font-family: iransansweb;
    src: url(../vendor/fonts/IRANSANSWEBMEDIUM.TTF);
    font-weight: 700;
}

@font-face {
    font-family: iransansweb;
    src: url(../vendor/fonts/IRANSANSWEBBOLD.TTF);
    font-weight: 900;
}



@font-face {
    font-family: iransans;
    src: url(../vendor/fonts/IRANSans.ttf);
    font-weight: 500;
}

@font-face {
    font-family: iransans;
    src: url(../vendor/fonts/IRANSans_Medium.ttf);
    font-weight: 600;
}

@font-face {
    font-family: iransans;
    src: url(../vendor/fonts/IRANSans_UltraLight.ttf);
    font-weight: 200;
}

@font-face {
    font-family: iransans;
    src: url(../vendor/fonts/IRANSans_Light.ttf);
    font-weight: 300;
}

@font-face {
    font-family: iransans;
    src: url(../vendor/fonts/IRANSans_Bold.ttf);
    font-weight: 700;
}

@font-face {
    font-family: iransans;
    src: url(../vendor/fonts/IRANSans_Black.ttf);
    font-weight: 900;
}




@font-face {
    font-family: iranyekan;
    src: url(../vendor/fonts/IRANYekanThin.ttf);
    font-weight: 100;
}

@font-face {
    font-family: iranyekan;
    src: url(../vendor/fonts/IRANYekanLight.ttf);
    font-weight: 200;
}

@font-face {
    font-family: iranyekan;
    src: url(../vendor/fonts/IRANYekanRegular.ttf);
    font-weight: 300;
}


@font-face {
    font-family: iranyekan;
    src: url(../vendor/fonts/IRANYekanMedium.ttf);
    font-weight: 400;
}


@font-face {
    font-family: iranyekan;
    src: url(../vendor/fonts/IRANYekanBold.ttf);
    font-weight: 500;
}

@font-face {
    font-family: iranyekan;
    src: url(../vendor/fonts/IRANYekanExtraBold.ttf);
    font-weight: 600;
}


@font-face {
    font-family: iranyekan;
    src: url(../vendor/fonts/IRANYekanBlack.ttf);
    font-weight: 700;
}

@font-face {
    font-family: iranyekan;
    src: url(../vendor/fonts/IRANYekanExtraBlack.ttf);
    font-weight: 800;
}




@font-face {
    font-family: iranyekanrd;
    src: url(../vendor/fonts/IRANYekanThinRd.ttf);
    font-weight: 100;
}

@font-face {
    font-family: iranyekanrd;
    src: url(../vendor/fonts/IRANYekanLightRd.ttf);
    font-weight: 200;
}

@font-face {
    font-family: iranyekanrd;
    src: url(../vendor/fonts/IRANYekanRegularRd.ttf);
    font-weight: 300;
}


@font-face {
    font-family: iranyekanrd;
    src: url(../vendor/fonts/IRANYekanMediumRd.ttf);
    font-weight: 400;
}


@font-face {
    font-family: iranyekanrd;
    src: url(../vendor/fonts/IRANYekanBoldRd.ttf);
    font-weight: 500;
}

@font-face {
    font-family: iranyekanrd;
    src: url(../vendor/fonts/IRANYekanExtraBoldRd.ttf);
    font-weight: 600;
}


@font-face {
    font-family: iranyekanrd;
    src: url(../vendor/fonts/IRANYekanBlackRd.ttf);
    font-weight: 700;
}

@font-face {
    font-family: iranyekanrd;
    src: url(../vendor/fonts/IRANYekanExtraBlackRd.ttf);
    font-weight: 800;
}




@font-face {
    font-family: iranyekanfn;
    src: url(../vendor/fonts/IRANYekanThinFaNum.ttf);
    font-weight: 100;
}

@font-face {
    font-family: iranyekanfn;
    src: url(../vendor/fonts/IRANYekanLiteFaNum.ttf);
    font-weight: 200;
}

@font-face {
    font-family: iranyekanfn;
    src: url(../vendor/fonts/IRANYekanRegularFaNum.ttf);
    font-weight: 300;
}

@font-face {
    font-family: iranyekanfn;
    src: url(../vendor/fonts/IRANYekanRegularFaNum.ttf);
    font-weight: 400;
}

@font-face {
    font-family: iranyekanfn;
    src: url(../vendor/fonts/IRANYekanMediumFaNum.ttf);
    font-weight: 500;
}

@font-face {
    font-family: iranyekanfn;
    src: url(../vendor/fonts/IRANYekanBoldFaNum.ttf);
    font-weight: 600;
}

@font-face {
    font-family: iranyekanfn;
    src: url(../vendor/fonts/IRANYekanExtraBoldFaNum.ttf);
    font-weight: 700;
}

@font-face {
    font-family: iranyekanfn;
    src: url(../vendor/fonts/IRANYekanBlackFaNum.ttf);
    font-weight: 800;
}

@font-face {
    font-family: iranyekanfn;
    src: url(../vendor/fonts/IRANYekanExtraBlackFaNum.ttf);
    font-weight: 900;
}


@font-face {
    font-family: kalameh;
    src: url(../vendor/fonts/Kalameh/Kalameh.ttf);
    font-weight: 500;
}

@font-face {
    font-family: kalamehbold;
    src: url(../vendor/fonts/Kalameh/KalamehBold.ttf);
    font-weight: 600;
}



















/****** Start Content of FontFace *******/
.floatr {
    float: right;
}

.floatl {
    float: left;
}

.myclear {
    clear: both;
}

.behavior {
    behavior: url(PIE.htc);
}

.blocktaglist {
    list-style-type: none;
}

.blocktagss {
    background-color: #E1ECF4;
    color: #39739d;
    padding: 3px;
    width: auto;
    display: inline-block;
    margin: 2px;
}

.tagname {
}

.zone[group] {
    min-height: 100px;
}

.sortablehover {
    min-height: 20px !important;
    background-color: #E6EBF0;
}

#divPersonalizeSetting {
    background: none transparent;
    background-color: #F2F2F2;
    height: auto;
    left: 0;
    position: fixed;
    top: 100px;
    width: 45px;
    z-index: 100;
}

#sidemnu2 {
    margin-top: 6px;
    border: 1px solid #DDDDDD;
    padding: 5px;
    cursor: pointer;
}

#sidemnu1 {
    border: 1px solid #DDDDDD;
    padding: 5px;
    cursor: pointer;
}

.dellBlock {
    background-color: #F2F2F2;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 100;
    padding: 5px;
}

.frame {
    position: relative;
}

.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

    .cmn-toggle + label {
        display: block;
        position: relative;
        cursor: pointer;
        outline: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

input.cmn-toggle-round + label {
    padding: 2px;
    width: 30px;
    height: 18px;
    background-color: #dddddd;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
}

input.cmn-toggle-round:checked + label:before {
    background-color: #8ce196;
}

input.cmn-toggle-round:checked + label:after {
    margin-left: 60px;
}

input.cmn-toggle-round-flat + label {
    padding: 2px;
    width: 30px;
    height: 18px;
    background-color: #dddddd;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s;
}

    input.cmn-toggle-round-flat + label:before,
    input.cmn-toggle-round-flat + label:after {
        display: block;
        position: absolute;
        content: "";
    }

    input.cmn-toggle-round-flat + label:before {
        top: 2px;
        left: 2px;
        bottom: 2px;
        right: 2px;
        background-color: #fff;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        -ms-border-radius: 60px;
        -o-border-radius: 60px;
        border-radius: 60px;
        -webkit-transition: background 0.4s;
        -moz-transition: background 0.4s;
        -o-transition: background 0.4s;
        transition: background 0.4s;
    }

    input.cmn-toggle-round-flat + label:after {
        top: 4px;
        left: 4px;
        bottom: 4px;
        width: 12px;
        background-color: #dddddd;
        -webkit-border-radius: 52px;
        -moz-border-radius: 52px;
        -ms-border-radius: 52px;
        -o-border-radius: 52px;
        border-radius: 52px;
        -webkit-transition: margin 0.4s, background 0.4s;
        -moz-transition: margin 0.4s, background 0.4s;
        -o-transition: margin 0.4s, background 0.4s;
        transition: margin 0.4s, background 0.4s;
    }

input.cmn-toggle-round-flat:checked + label {
    background-color: #8ce196;
}

    input.cmn-toggle-round-flat:checked + label:after {
        margin-left: 15px;
        background-color: #8ce196;
    }

img#imgAudioCaptcha {
    display: none;
}

/****** Start Content of Block blockName: obj_default_block550 *******/
.defaultnone {
    border: 0px;
    border-radius: 5px;
    text-align: right;
}

header {
    z-index: 11;
    position: relative;
}

    header #zone1 {
        padding: 0;
        position: static ! IMPORTANT;
    }

    header .top-header {
        background-color: #373737;
        color: #fff;
        padding: 7px 0;
    }

        header .top-header .b2 .b1 {
            text-align: left;
        }

            header .top-header .b2 .b1 a {
                color: #fff;
                pointer-events: none;
                letter-spacing: 1px;
                font-size: 12px;
                padding-top: 3px;
            }

        header .top-header .b1 .date {
            text-align: right;
            direction: ltr;
            font-size: 12px;
            padding-top: 3px;
        }

    header .mylogo {
        padding: 15px 0;
        background-color: #fff;
    }

        header .mylogo .b3 {
            width: auto;
            margin-left: 385px;
        }

        header .mylogo .b4,
        header .mylogo .b5,
        header .mylogo .b6 {
            width: auto;
            margin-top: 23px;
        }

            header .mylogo .b6 a {
                background-color: #76c000;
                color: #fff;
                padding: 9px 50px 9px 20px;
                border-radius: 30px;
                background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/internet-icon.png);
                background-repeat: no-repeat;
                background-position: right 10px center;
            }

                header .mylogo .b6 a:hover {
                    opacity: .7;
                }

            header .mylogo .b4 a {
                background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/branch-icon.png);
                background-repeat: no-repeat;
                padding: 9px 27px 9px 0;
                background-position: right center;
                color: #000;
            }

            header .mylogo .b5 a {
                background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/shaba-icon.png);
                background-repeat: no-repeat;
                padding: 9px 20px 9px 0;
                background-position: right center;
                color: #000;
            }

                header .mylogo .b4 a:hover,
                header .mylogo .b5 a:hover {
                    color: #057585;
                }

    header .mymenu {
        background-color: #76c000e0;
        backdrop-filter: blur(3px);
    }

    header .b7 {
        padding: 0;
    }

        header .b7 .navbar-brand {
            display: none !important;
        }

        header .b7 .nav > li > a {
            padding: 10px 10px 10px 40px !important;
        }

        header .b7 .navbar {
            border: 1px solid transparent;
            margin-bottom: 0 !important;
            min-height: auto !important;
            position: relative;
        }

        header .b7 .navbar-inverse {
            background-color: transparent !important;
            border-color: transparent !important;
        }

            header .b7 .navbar-inverse .navbar-nav > li > a {
                color: #fff !important;
                font-size: 15px !important;
                border-bottom: none !important;
            }

                header .b7 .navbar-inverse .navbar-nav > li > a:hover,
                header .b7 .navbar-inverse .navbar-nav > li > a:focus {
                    color: #373737 !important;
                }

            header .b7 .navbar-inverse .navbar-nav > .open > a,
            header .b7 .navbar-inverse .navbar-nav > .open > a:hover,
            header .b7 .navbar-inverse .navbar-nav > .open > a:focus {
                color: #fff !important;
            }

    header .dropdown-menu > li > a:hover,
    header .dropdown-menu > li > a:focus {
        color: #78be20 !important;
        background-color: transparent !important;
    }

    header .b7 .dropdown-menu > li > a {
        padding: 7px 10px 7px 25px !important;
        text-align: justify !important;
        color: #fff;
    }

    header .b7 .caret {
        height: 4px;
        margin-right: 7px;
        width: 9px;
    }

    header .b7 .navbar:not(.no-border) .navbar-nav.dropdown-onhover > li:hover > a,
    header .b7 .navbar:not(.no-border) li.dropdown-onhover:hover > a,
    header .b7 .navbar.dropdown-onhover:not(.no-border) .navbar-nav > li:hover > a {
        margin-bottom: 0 !important;
    }

    header .b7 .navbar-toggle {
        background-color: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 2px 15px !important;
        height: 40px;
    }

        header .b7 .navbar-toggle .icon-bar {
            width: 40px !important;
            height: 4px !important;
            margin: 7px 0 !important;
            border-radius: 3px !important;
        }

    header .b7 .dropdown-menu {
        padding: 5px !important;
    }

    header .b7 .reverse {
        font-family: iranyekan;
    }

    header .mymenu .container {
        position: relative;
    }

    header .mymenu .b8 {
        position: absolute;
        top: 10px;
        left: 15px;
        width: 160px;
        text-align: left;
        padding: 0;
        z-index: 10;
        overflow: hidden;
        white-space: nowrap;
        display: none !important;
    }

        header .mymenu .b8 a {
            color: #fff;
        }

            header .mymenu .b8 a span {
                font-family: 'iranyekan';
                font-size: 15px;
            }

            header .mymenu .b8 a:hover {
                color: #373737 !important
            }

    header .mymenu .b9 {
        position: absolute;
        top: 10px;
        left: 15px;
        width: 65px;
        padding: 0;
        z-index: 10;
        overflow: hidden;
        white-space: nowrap;
        text-align: center;
    }

        header .mymenu .b9 a {
            color: #fff;
        }

            header .mymenu .b9 a:hover {
                color: #373737 !important;
            }

            header .mymenu .b9 a span {
                font-family: 'iranyekan';
                font-size: 15px;
            }

    header .mylogo .b3:after {
        display: none !important;
    }

@media (min-width:1200px) {
    .zones {
        /* padding-top: 169px !important; */
    }

    header .mylogo .b3:after {
        content: '';
        width: 220px;
        height: 37px;
        position: absolute;
        left: -220px;
        top: 14px;
        background-image: url(https://qmb.ir/Dorsapax/userfiles/Sub0/template/logo2.png);
        background-repeat: no-repeat;
    }

    header #zone1 {
        padding: 0;
        /* position: fixed; */
        width: 100%;
        top: 0;
        left: 0;
    }

    header .b7 .dropdown-menu .caret {
        float: left !important;
        height: 7px !important;
        left: 5px !important;
        position: absolute !important;
        top: 16px !important;
        width: 9px !important;
        transform: rotate(90deg);
    }

    header .mymenu {
        margin-right: 00px;
        margin-left: 0px;
    }

    header .b7 .navbar-inverse .navbar-nav > .open > a,
    header .b7 .navbar-inverse .navbar-nav > .open > a:hover,
    header .b7 .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: #78be20 !important;
    }

    /* --- Mega menu --- */
    header ul.nav.navbar-nav.navbar-right > li:nth-child(3) {
        display: none !important;
    }

    header ul.nav.navbar-nav.navbar-right > li > ul {
        width: 1087px;
        background-color: rgba(94, 75, 60, .9);
        min-height: 360px;
        padding: 20px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul > li > ul > li .caret {
            display: none !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul > li > ul > li > ul {
            height: 0 !important;
            min-height: 0 !important;
            max-height: 0 !important;
            overflow: hidden !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(2) ul {
            top: -34px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(3) ul {
            top: -68px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(4) ul {
            top: -102px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(5) ul {
            top: -136px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(6) ul {
            top: -170px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(7) ul {
            top: -204px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(8) ul {
            top: -238px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(9) ul {
            top: -272px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(10) ul {
            top: -306px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(11) ul {
            top: -340px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(12) ul {
            top: -374px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul > li > ul {
            width: 835px;
            background-color: rgba(125, 120, 113, 0.5);
            box-shadow: none;
            border: none;
            margin-top: 0 !important;
            border-radius: 0 !important;
            right: 215px !important;
            border-right: 2px solid rgba(118, 192, 0, .5);
        }

    header ul.nav.navbar-nav.navbar-right > li:nth-child(1) > ul > li > ul {
        min-height: 339px;
    }

    header ul.nav.navbar-nav.navbar-right > li:nth-child(2) > ul > li > ul {
        min-height: 339px;
    }

    header ul.nav.navbar-nav.navbar-right > li:nth-child(3) > ul > li > ul {
        min-height: 339px;
    }

    header ul.nav.navbar-nav.navbar-right > li > ul > li > ul > li {
        width: 25%;
        float: right;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul > li > ul > li .caret {
            display: none !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul > li > ul > li > ul {
            display: none !important;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul > li > ul:before {
        content: '';
        width: 220px;
        height: 33px;
        background-color: rgba(125, 120, 113, 0.5);
        right: -220px;
        position: absolute;
    }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(1) ul {
        top: 0 !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(1) ul:before {
            top: 0;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(2) ul {
        top: -34px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(2) ul:before {
            top: 34px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(3) ul {
        top: -68px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(3) ul:before {
            top: 68px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(4) ul {
        top: -102px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(4) ul:before {
            top: 102px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(5) ul {
        top: -136px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(5) ul:before {
            top: 136px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(6) ul {
        top: -170px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(6) ul:before {
            top: 170px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(7) ul {
        top: -204px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(7) ul:before {
            top: 204px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(8) ul {
        top: -238px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(8) ul:before {
            top: 238px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(9) ul {
        top: -272px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(9) ul:before {
            top: 272px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(10) ul {
        top: -306px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(10) ul:before {
            top: 306px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(11) ul {
        top: -340px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(11) ul:before {
            top: 340px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(12) ul {
        top: -374px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(12) ul:before {
            top: 374px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul > li a {
        position: relative;
        padding-right: 15px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul > li a:before {
            content: '' !important;
            width: 6px !important;
            height: 6px !important;
            position: absolute !important;
            display: block;
            right: 5px !important;
            top: 14px;
            border-radius: 50%;
            border: 1px solid #8ac63f;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul > li > ul li a:before {
        background-color: #8ac63f;
        width: 4px !important;
        height: 4px !important;
        top: 16px !important;
    }

    header ul.nav.navbar-nav.navbar-right > li > ul > li .caret {
        display: none;
    }

    header ul.nav.navbar-nav.navbar-right > li:nth-child(1) > ul {
        right: 0px;
    }

    header ul.nav.navbar-nav.navbar-right > li:nth-child(2) > ul {
        right: -135px;
    }

    header ul.nav.navbar-nav.navbar-right > li:nth-child(3) > ul {
        right: -284px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .zones {
        /*padding-top: 169px !important;*/
    }

    header .mylogo .b3:after {
        content: '';
        width: 165px;
        height: 37px;
        position: absolute;
        left: -155px;
        top: 20px;
        background-image: url(https://qmb.ir/Dorsapax/userfiles/Sub0/template/logo2.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

    header #zone1 {
        padding: 0;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
    }

    header .mylogo .b3 {
        margin-left: 175px !important;
    }

    header .b7 .dropdown-menu .caret {
        float: left !important;
        height: 7px !important;
        left: 5px !important;
        position: absolute !important;
        top: 16px !important;
        width: 9px !important;
        transform: rotate(90deg);
    }

    header .mymenu {
        margin-right: 30px;
        margin-left: 30px;
    }

    header .b7 .navbar-inverse .navbar-nav > .open > a,
    header .b7 .navbar-inverse .navbar-nav > .open > a:hover,
    header .b7 .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: #78be20 !important;
    }

    /* --- Mega menu --- */
    header ul.nav.navbar-nav.navbar-right > li > ul {
        width: 877px;
        background-color: rgba(94, 75, 60, .9);
        min-height: 245px;
        padding: 20px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul > li > ul > li {
            width: 25%;
            float: right;
        }

            header ul.nav.navbar-nav.navbar-right > li > ul > li > ul > li .caret {
                display: none !important;
            }

            header ul.nav.navbar-nav.navbar-right > li > ul > li > ul > li > ul {
                height: 0 !important;
                min-height: 0 !important;
                max-height: 0 !important;
                overflow: hidden !important;
            }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(2) ul {
            top: -34px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(3) ul {
            top: -68px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(4) ul {
            top: -102px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(5) ul {
            top: -136px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(6) ul {
            top: -170px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(7) ul {
            top: -204px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(8) ul {
            top: -238px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(9) ul {
            top: -272px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(10) ul {
            top: -306px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(11) ul {
            top: -340px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(12) ul {
            top: -374px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul > li > ul {
            width: 620px;
            background-color: rgba(125, 120, 113, 0.5);
            box-shadow: none;
            border: none;
            margin-top: 0 !important;
            border-radius: 0 !important;
            right: 215px !important;
            border-right: 2px solid rgba(118, 192, 0, .5);
        }

    header ul.nav.navbar-nav.navbar-right > li:nth-child(1) > ul > li > ul {
        min-height: 339px !important;
    }

    header ul.nav.navbar-nav.navbar-right > li:nth-child(2) > ul > li > ul {
        min-height: 339px !important;
    }

    header ul.nav.navbar-nav.navbar-right > li:nth-child(3) > ul > li > ul {
        min-height: 339px !important;
    }

    header ul.nav.navbar-nav.navbar-right > li > ul > li > ul > li .caret {
        display: none !important;
    }

    header ul.nav.navbar-nav.navbar-right > li > ul > li > ul > li > ul {
        display: none !important;
    }

    header ul.nav.navbar-nav.navbar-right > li > ul > li > ul:before {
        content: '';
        width: 220px;
        height: 33px;
        background-color: rgba(125, 120, 113, 0.5);
        right: -220px;
        position: absolute;
    }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(1) ul:before {
        top: 0;
    }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(2) ul {
        top: -34px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(2) ul:before {
            top: 34px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(3) ul {
        top: -68px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(3) ul:before {
            top: 68px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(4) ul {
        top: -102px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(4) ul:before {
            top: 102px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(5) ul {
        top: -136px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(5) ul:before {
            top: 136px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(6) ul {
        top: -170px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(6) ul:before {
            top: 170px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(7) ul {
        top: -204px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(7) ul:before {
            top: 204px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(8) ul {
        top: -238px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(8) ul:before {
            top: 238px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(9) ul {
        top: -272px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(9) ul:before {
            top: 272px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(10) ul {
        top: -306px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(10) ul:before {
            top: 306px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(11) ul {
        top: -340px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(11) ul:before {
            top: 340px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(12) ul {
        top: -374px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(12) ul:before {
            top: 374px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul > li a {
        position: relative;
        padding-right: 15px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul > li a:before {
            content: '' !important;
            width: 6px !important;
            height: 6px !important;
            position: absolute !important;
            display: block;
            right: 5px !important;
            top: 14px;
            border-radius: 50%;
            border: 1px solid #8ac63f;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul > li > ul li a:before {
        background-color: #8ac63f;
        width: 4px !important;
        height: 4px !important;
        top: 16px !important;
    }

    header ul.nav.navbar-nav.navbar-right > li > ul > li .caret {
        display: none;
    }

    header ul.nav.navbar-nav.navbar-right > li:nth-child(1) > ul {
        right: 0px;
    }

    header ul.nav.navbar-nav.navbar-right > li:nth-child(2) > ul {
        right: -135px;
    }

    header ul.nav.navbar-nav.navbar-right > li:nth-child(3) > ul {
        right: -284px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    header .mylogo .b3 {
        margin-left: -12px !important;
    }

        header .mylogo .b3:after {
            content: '';
            width: 165px;
            height: 37px;
            position: absolute;
            left: 50px;
            top: 50px;
            background-image: url(https://qmb.ir/Dorsapax/userfiles/Sub0/template/logo2.png);
            background-repeat: no-repeat;
            background-size: contain;
        }

    .mylogo .container {
        width: 720px !important;
    }

    header .b7 .dropdown-menu .caret {
        float: left !important;
        height: 7px !important;
        left: 5px !important;
        position: absolute !important;
        top: 16px !important;
        width: 9px !important;
        transform: rotate(90deg);
    }

    header .b7 .navbar-inverse .navbar-nav > .open > a,
    header .b7 .navbar-inverse .navbar-nav > .open > a:hover,
    header .b7 .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: #78be20 !important;
    }

    /* --- Mega menu --- */
    header ul.nav.navbar-nav.navbar-right > li > ul {
        width: 660px;
        background-color: rgba(94, 75, 60, .9);
        min-height: 245px;
        padding: 20px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul > li > ul > li {
            width: 33.33%;
            float: right;
        }

            header ul.nav.navbar-nav.navbar-right > li > ul > li > ul > li .caret {
                display: none !important;
            }

            header ul.nav.navbar-nav.navbar-right > li > ul > li > ul > li > ul {
                height: 0 !important;
                min-height: 0 !important;
                max-height: 0 !important;
                overflow: hidden !important;
            }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(2) ul {
            top: -34px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(3) ul {
            top: -68px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(4) ul {
            top: -102px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(5) ul {
            top: -136px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(6) ul {
            top: -170px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(7) ul {
            top: -204px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(8) ul {
            top: -238px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(9) ul {
            top: -272px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(10) ul {
            top: -306px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(11) ul {
            top: -340px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(12) ul {
            top: -374px !important;
        }

        header ul.nav.navbar-nav.navbar-right > li > ul > li > ul {
            width: 448px;
            background-color: rgba(125, 120, 113, 0.5);
            box-shadow: none;
            border: none;
            margin-top: 0 !important;
            border-radius: 0 !important;
            right: 170px !important;
            border-right: 2px solid rgba(118, 192, 0, .5);
        }

            header ul.nav.navbar-nav.navbar-right > li > ul > li > ul a {
                font-size: 11px;
            }

        header ul.nav.navbar-nav.navbar-right > li > ul > li a {
            font-size: 12px !important;
        }

    header ul.nav.navbar-nav.navbar-right > li:nth-child(1) > ul > li > ul {
        min-height: 339px;
    }

    header ul.nav.navbar-nav.navbar-right > li:nth-child(2) > ul > li > ul {
        min-height: 339px;
    }

    header ul.nav.navbar-nav.navbar-right > li:nth-child(3) > ul > li > ul {
        min-height: 339px;
    }

    header ul.nav.navbar-nav.navbar-right > li > ul > li > ul > li .caret {
        display: none !important;
    }

    header ul.nav.navbar-nav.navbar-right > li > ul > li > ul > li > ul {
        display: none !important;
    }

    header ul.nav.navbar-nav.navbar-right > li > ul > li > ul:before {
        content: '';
        width: 180px;
        height: 33px;
        background-color: rgba(125, 120, 113, 0.5);
        right: -180px;
        position: absolute;
    }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(1) ul {
        top: 0 !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(1) ul:before {
            top: 0;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(2) ul {
        top: -34px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(2) ul:before {
            top: 34px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(3) ul {
        top: -68px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(3) ul:before {
            top: 68px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(4) ul {
        top: -102px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(4) ul:before {
            top: 102px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(5) ul {
        top: -136px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(5) ul:before {
            top: 136px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(6) ul {
        top: -170px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(6) ul:before {
            top: 170px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(7) ul {
        top: -204px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(7) ul:before {
            top: 204px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(8) ul {
        top: -238px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(8) ul:before {
            top: 238px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(9) ul {
        top: -272px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(9) ul:before {
            top: 272px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(10) ul {
        top: -306px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(10) ul:before {
            top: 306px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(11) ul {
        top: -340px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(11) ul:before {
            top: 340px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(12) ul {
        top: -374px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul li:nth-child(12) ul:before {
            top: 374px;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul > li a {
        position: relative;
        padding-right: 15px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul > li a:before {
            content: '' !important;
            width: 6px !important;
            height: 6px !important;
            position: absolute !important;
            display: block;
            right: 5px !important;
            top: 14px;
            border-radius: 50%;
            border: 1px solid #8ac63f;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul > li > ul li a:before {
        background-color: #8ac63f;
        width: 4px !important;
        height: 4px !important;
        top: 16px !important;
    }

    header ul.nav.navbar-nav.navbar-right > li > ul > li .caret {
        display: none;
    }

    header ul.nav.navbar-nav.navbar-right > li:nth-child(1) > ul {
        right: 0px;
    }

    header ul.nav.navbar-nav.navbar-right > li:nth-child(2) > ul {
        right: -135px;
    }

    header ul.nav.navbar-nav.navbar-right > li:nth-child(3) > ul {
        right: -284px;
    }

    header .mymenu .b8 {
        left: 5px !important;
        top: -25px !important;
    }

        header .mymenu .b8 a {
            color: #5e4b3c !important;
        }
}

@media (min-width: 450px) and (max-width: 767px) {
    header .mylogo .b3 {
        width: 100% !important;
        margin-left: 0 !important;
    }

        header .mylogo .b3:after {
            content: '';
            width: 100%;
            height: 37px;
            position: absolute;
            left: 0;
            top: 50px;
            background-image: url(https://qmb.ir/Dorsapax/userfiles/Sub0/template/logo2.png);
            background-repeat: no-repeat;
            background-size: 170px;
            background-position: center center;
        }

        header .mylogo .b3 img {
            margin: 0 auto;
        }

    header .mylogo .b4,
    header .mylogo .b5 {
        text-align: center;
    }

    header .mylogo .b6 {
        float: left;
        padding-right: 0;
    }

        header .mylogo .b6 a {
            padding: 9px 45px 9px 14px !important;
            width: 140px !important;
        }

    header .b7 .caret {
        left: 15px !important;
        position: absolute !important;
    }

    header .b7 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff !important;
    }

    header ul.nav.navbar-nav.navbar-right > li > ul > li a {
        display: block;
        position: relative;
        padding-right: 15px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul > li a:before {
            content: '' !important;
            width: 6px !important;
            height: 6px !important;
            position: absolute !important;
            display: block;
            right: 5px !important;
            top: 14px;
            border-radius: 50%;
            border: 1px solid #ffffff;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul > li > ul > li a:before {
        content: '' !important;
        width: 4px !important;
        height: 4px !important;
        position: absolute !important;
        display: block;
        right: 5px !important;
        top: 16px;
        border-radius: 50%;
        border: 1px solid #ffffff;
        background-color: #fff
    }

    header ul.nav.navbar-nav.navbar-right li {
        border-top: none !important;
        border-bottom: none !important;
    }

    header ul.nav.navbar-nav.navbar-right ul {
        border-top: none !important;
        border-bottom: none !important;
        width: 100% !important;
    }

    header .navbar .navbar-collapse {
        border: none !important;
        padding: 10px !important;
    }

    header ul.nav.navbar-nav.navbar-right li.dropdown-short.open {
        border-right: 2px solid #fff;
    }

    header ul.nav.navbar-nav.navbar-right li.dropdown-short {
        border-right: 2px solid rgba(255, 255, 255, .5);
        margin: 10px 0;
    }

    header .b7 .dropdown-menu {
        padding: 5px 0 !important;
    }

    header .b7 .navbar-inverse .navbar-nav > .open > a,
    header .b7 .navbar-inverse .navbar-nav > .open > a:hover,
    header .b7 .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: transparent !important;
    }

    header .navbar-toggle .icon-bar {
        transition: all .5s ease 0s;
        opacity: 1;
    }

    header .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) {
        transform: rotate(-40deg);
        position: absolute;
        top: 11px;
    }

    header .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) {
        opacity: 0;
    }

    header .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(4) {
        transform: rotate(40deg);
        position: absolute;
        top: 11px;
    }

    header .mymenu .b8 {
        left: auto !important;
        right: 65px !important;
        text-align: right !important;
        width: 65px !important
    }

        header .mymenu .b8 a span {
            font-size: 0 !important;
        }

            header .mymenu .b8 a span:before {
                content: ' پیشخوان ';
                font-size: 15px !important;
            }

    header .mymenu .b9 {
        right: 70px;
        top: 15px !important;
    }
}

@media (min-width: 320px) and (max-width: 449px) {
    header .mylogo .b3:after {
        content: '';
        width: 100%;
        height: 37px;
        position: absolute;
        left: 0;
        top: 50px;
        background-image: url(https://qmb.ir/Dorsapax/userfiles/Sub0/template/logo2.png);
        background-repeat: no-repeat;
        background-size: 170px;
        background-position: center center;
    }

    header .top-header .b1 {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 10px;
    }

    header .top-header .b2 {
        width: 100% !important;
        text-align: center !important;
    }

        header .top-header .b2 .date {
            text-align: center !important;
        }

    header .mylogo .b3 {
        width: 100% !important;
        margin-left: 0 !important;
    }

        header .mylogo .b3 img {
            margin: 0 auto;
        }

    header .mylogo .b4,
    header .mylogo .b5 {
        width: 50% !important;
        text-align: center;
    }

    header .mylogo .b6 {
        width: 100% !important;
    }

        header .mylogo .b6 a {
            padding: 9px 50px 9px 20px !important;
            width: 170px !important;
            display: block;
            margin: 0 auto;
        }

    header .b7 .caret {
        left: 15px !important;
        position: absolute !important;
    }

    header .b7 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff !important;
    }

    header ul.nav.navbar-nav.navbar-right > li > ul > li a {
        display: block;
        position: relative;
        padding-right: 15px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul > li a:before {
            content: '' !important;
            width: 6px !important;
            height: 6px !important;
            position: absolute !important;
            display: block;
            right: 5px !important;
            top: 14px;
            border-radius: 50%;
            border: 1px solid #ffffff;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul > li > ul > li a:before {
        content: '' !important;
        width: 4px !important;
        height: 4px !important;
        position: absolute !important;
        display: block;
        right: 5px !important;
        top: 16px;
        border-radius: 50%;
        border: 1px solid #ffffff;
        background-color: #fff
    }

    header ul.nav.navbar-nav.navbar-right li {
        border-top: none !important;
        border-bottom: none !important;
    }

    header ul.nav.navbar-nav.navbar-right ul {
        border-top: none !important;
        border-bottom: none !important;
        width: 100% !important;
    }

    header .navbar .navbar-collapse {
        border: none !important;
        padding: 10px !important;
    }

    header ul.nav.navbar-nav.navbar-right li.dropdown-short.open {
        border-right: 2px solid #fff;
    }

    header ul.nav.navbar-nav.navbar-right li.dropdown-short {
        border-right: 2px solid rgba(255, 255, 255, .5);
        margin: 10px 0;
    }

    header .b7 .dropdown-menu {
        padding: 5px 0 !important;
    }

    header .b7 .navbar-inverse .navbar-nav > .open > a,
    header .b7 .navbar-inverse .navbar-nav > .open > a:hover,
    header .b7 .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: transparent !important;
    }

    header .navbar-toggle .icon-bar {
        transition: all .5s ease 0s;
        opacity: 1;
    }

    header .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) {
        transform: rotate(-40deg);
        position: absolute;
        top: 11px;
    }

    header .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) {
        opacity: 0;
    }

    header .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(4) {
        transform: rotate(40deg);
        position: absolute;
        top: 11px;
    }

    header .mymenu .b8 {
        left: auto !important;
        right: 65px !important;
        text-align: right !important;
        width: 65px !important
    }

        header .mymenu .b8 a span {
            font-size: 0 !important;
        }

            header .mymenu .b8 a span:before {
                content: ' پیشخوان ';
                font-size: 15px !important;
            }

    header .mymenu .b9 {
        right: 70px;
        top: 15px !important;
    }
}

@media (max-width:319px) {
    header .mylogo .b3:after {
        content: '';
        width: 100%;
        height: 37px;
        position: absolute;
        left: 0;
        top: 50px;
        background-image: url(https://qmb.ir/Dorsapax/userfiles/Sub0/template/logo2.png);
        background-repeat: no-repeat;
        background-size: 170px;
        background-position: center center;
    }

    header .top-header .b1 {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 10px;
    }

    header .top-header .b2 {
        width: 100% !important;
        text-align: center !important;
    }

        header .top-header .b2 .date {
            text-align: center !important;
        }

    header .mylogo .b3 {
        width: 100% !important;
        margin-left: 0 !important;
    }

        header .mylogo .b3 img {
            margin: 0 auto;
        }

    header .mylogo .b4,
    header .mylogo .b5 {
        width: 50% !important;
        text-align: center;
    }

    header .mylogo .b6 {
        width: 100% !important;
    }

        header .mylogo .b6 a {
            padding: 9px 50px 9px 20px !important;
            width: 170px !important;
            display: block;
            margin: 0 auto;
        }

    header .b7 .caret {
        left: 15px !important;
        position: absolute !important;
    }

    header .b7 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff !important;
    }

    header ul.nav.navbar-nav.navbar-right > li > ul > li a {
        display: block;
        position: relative;
        padding-right: 15px !important;
    }

        header ul.nav.navbar-nav.navbar-right > li > ul > li a:before {
            content: '' !important;
            width: 6px !important;
            height: 6px !important;
            position: absolute !important;
            display: block;
            right: 5px !important;
            top: 14px;
            border-radius: 50%;
            border: 1px solid #ffffff;
        }

    header ul.nav.navbar-nav.navbar-right > li > ul > li > ul > li a:before {
        content: '' !important;
        width: 4px !important;
        height: 4px !important;
        position: absolute !important;
        display: block;
        right: 5px !important;
        top: 16px;
        border-radius: 50%;
        border: 1px solid #ffffff;
        background-color: #fff
    }

    header ul.nav.navbar-nav.navbar-right li {
        border-top: none !important;
        border-bottom: none !important;
    }

    header ul.nav.navbar-nav.navbar-right ul {
        border-top: none !important;
        border-bottom: none !important;
        width: 100% !important;
    }

    header .navbar .navbar-collapse {
        border: none !important;
        padding: 10px !important;
    }

    header ul.nav.navbar-nav.navbar-right li.dropdown-short.open {
        border-right: 2px solid #fff;
    }

    header ul.nav.navbar-nav.navbar-right li.dropdown-short {
        border-right: 2px solid rgba(255, 255, 255, .5);
        margin: 10px 0;
    }

    header .b7 .dropdown-menu {
        padding: 5px 0 !important;
    }

    header .b7 .navbar-inverse .navbar-nav > .open > a,
    header .b7 .navbar-inverse .navbar-nav > .open > a:hover,
    header .b7 .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: transparent !important;
    }

    header .navbar-toggle .icon-bar {
        transition: all .5s ease 0s;
        opacity: 1;
    }

    header .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) {
        transform: rotate(-40deg);
        position: absolute;
        top: 11px;
    }

    header .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) {
        opacity: 0;
    }

    header .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(4) {
        transform: rotate(40deg);
        position: absolute;
        top: 11px;
    }

    header .mymenu .b8 {
        left: auto !important;
        right: 65px !important;
        text-align: right !important;
        width: 65px !important
    }

        header .mymenu .b8 a span {
            font-size: 0 !important;
        }

            header .mymenu .b8 a span:before {
                content: ' پیشخوان ';
                font-size: 15px !important;
            }

    header .mymenu .b9 {
        right: 70px;
        top: 15px !important;
    }
}

/****** Start Content of Block blockName: obj_shownews_block593 *******/
.defaultnone {
    border: 0px;
    border-radius: 5px;
    text-align: right;
}

.mynavigator {
    /* padding-top: 25px;
    padding-bottom: 12px; */
}

    .mynavigator ol,
    .mynavigator ul {
        list-style: none;
    }

    .mynavigator .row {
        margin: 0;
    }

    .mynavigator li {
        padding: 0 5px;
        display: inline-block;
        color: #888888;
    }

        .mynavigator li:first-child a span {
            color: #76c000 !important;
            cursor: pointer !important;
        }

        .mynavigator li a,
        .mynavigator li span {
            color: #888888;
        }

@media (min-width:1200px) {
    .mynavigator .b1 {
        padding: 0;
    }

    .mynavigator #zone2 {
        padding: 0;
    }

    .mynavigator .container {
        padding: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .mynavigator .b1 {
        padding: 0;
    }

    .mynavigator #zone2 {
        padding: 0;
    }

    .mynavigator .container {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mynavigator .b1 {
        padding: 0;
    }

    .mynavigator #zone2 {
        padding: 0;
    }

    .mynavigator .container {
        padding: 0;
    }
}

@media (min-width: 450px) and (max-width: 767px) {
}

@media (min-width: 320px) and (max-width: 449px) {
}

@media (max-width:319px) {
}

/****** Start Content of Block blockName: obj_default_block548 *******/
.defaultnone {
    border: 0px;
    border-radius: 5px;
    text-align: right;
}

.myfooter {
    background-color: #373737;
    padding: 50px 0;
}

    .myfooter #zone11 #obj_default_block548 {
        background-color: #2f2f2f;
        padding: 20px;
        color: #fff;
        border-radius: 3px;
        font-size: 13px;
    }

    .myfooter #zone11 .b1 {
        text-align: center;
    }

        .myfooter #zone11 .b1 img {
            margin-bottom: 25px;
        }

        .myfooter #zone11 .b1 div {
            font-family: iranyekan;
            line-height: 30px;
        }

@media (min-width:1200px) {
    .myfooter {
        margin-bottom: 45px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .myfooter {
        margin-bottom: 45px;
    }

        .myfooter #zone11 .b1 {
            padding: 0 7px !important;
        }

            .myfooter #zone11 .b1 div {
                font-size: 11px !important;
            }

        .myfooter #zone11 {
            padding: 15px !important;
        }

            .myfooter #zone11 .b1 img {
                width: 100%;
                height: auto;
            }
}

@media (min-width: 450px) and (max-width: 767px) {
    .myfooter #zone11 {
        width: calc(100% - 50px) !important;
        margin: 0 auto !important;
        float: none !important;
    }
}

@media (min-width: 320px) and (max-width: 449px) {
    .myfooter #zone11 {
        width: calc(100% - 50px) !important;
        margin: 0 auto !important;
        float: none !important;
    }
}

@media (max-width:319px) {
    .myfooter #zone11 {
        width: calc(100% - 50px) !important;
        margin: 0 auto !important;
        float: none !important;
    }
}

/****** Start Content of Block blockName: obj_default_block549 *******/
.defaultnone {
    border: 0px;
    border-radius: 5px;
    text-align: right;
}

.myfooter #linksheadercol1 {
    color: #fff;
    font-family: iranyekan;
    font-size: 15px;
    background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/info-icon.png);
    background-repeat: no-repeat;
    background-position: right top;
    height: 29px;
    padding-right: 35px;
    padding-top: 5px;
    margin-bottom: 10px;
}

.myfooter #linksheadercol2 {
    color: #fff;
    font-family: iranyekan;
    font-size: 15px;
    background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/loan-icon.png);
    background-repeat: no-repeat;
    background-position: right top;
    height: 29px;
    padding-right: 35px;
    padding-top: 5px;
    margin-bottom: 10px;
}

.myfooter #linksheadercol3 {
    color: #fff;
    font-family: iranyekan;
    font-size: 15px;
    background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/phone-icon.png);
    background-repeat: no-repeat;
    background-position: right top;
    height: 29px;
    padding-right: 35px;
    padding-top: 5px;
    margin-bottom: 10px;
}

.myfooter .links1titr a {
    display: block;
    color: #fff;
    margin-bottom: 7px;
}

    .myfooter .links1titr a:hover {
        color: #057585;
    }

.myfooter .linksholder {
    border-right: 1px solid #fff0;
    display: table;
    width: 100%;
    height: 115px;
}

@media (max-width: 991px) {
    .myfooter #zone12 {
        margin-top: 15px;
    }
}

@media (max-width: 767px) {

    .myfooter #linksheadercol1,
    .myfooter #linksheadercol2,
    .myfooter #linksheadercol3 {
        margin-bottom: 5px !important;
        border-bottom: 2px solid #2f2f2f !important;
        margin-top: 5px !important;
        cursor: pointer;
        position: relative;
        height: 40px;
    }

    .myfooter .linksheader:after {
        content: '';
        position: absolute;
        left: 5px;
        top: 15px;
        background-repeat: no-repeat;
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px dashed;
        border-top: 4px solid \9;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }

    .myfooter .myfooter .linksholder {
        height: auto !important;
        margin-bottom: 20px;
    }
}

/****** Start Content of Block blockName: obj_default_block551 *******/
.defaultnone {
    border: 0px;
    border-radius: 5px;
    text-align: right;
}

.linkarm {
    display: none !important;
}

.copyrights {
    background-color: #fff;
    display: table;
    width: 100%;
    padding: 12px 0;
    position: fixed;
    bottom: 0;
    z-index: 10;
    left: 0;
}

    .copyrights .b1,
    .copyrights .b2 {
        width: auto;
    }

        .copyrights .b1 a,
        .copyrights .b2 a {
            color: #242424;
        }

            .copyrights .b1 a:hover,
            .copyrights .b2 a:hover {
                color: #8bc63e;
            }

    .copyrights .b4,
    .copyrights .b5,
    .copyrights .b6,
    .copyrights .b7 {
        width: auto;
        padding: 0 8px;
        float: left;
    }

    .copyrights img {
        transition: all .3s ease 0s;
        margin-top: 0;
    }

        .copyrights img:hover {
            margin-top: -5px;
        }

    .copyrights .b3 {
        text-align: center;
        color: #8a8a8a;
        font-size: 13px;
    }

    .copyrights .content17left {
        float: left;
    }

    .copyrights .b1 span,
    .copyrights .b2 span {
        font-family: iranyekan;
    }

@media (min-width:1200px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {
    .copyrights {
        position: relative !important;
    }

        .copyrights .b1,
        .copyrights .b2 {
            width: 50%;
            margin-bottom: 10px;
        }

        .copyrights .b1 {
            text-align: left;
        }

        .copyrights .b2 {
            text-align: right;
        }

        .copyrights .b3 {
            margin-bottom: 10px;
        }

    #zone13 {
        padding-top: 30px;
    }

    .copyrights .content17left {
        float: none !important;
        margin: -32px auto 0 auto !important;
        display: table;
        width: auto !important;
    }
}

@media (min-width: 450px) and (max-width: 767px) {
    .copyrights {
        position: relative !important;
    }

    #zone13 {
        padding-top: 30px;
    }

    .copyrights .b1,
    .copyrights .b2 {
        width: 50%;
        margin-bottom: 10px;
    }

    .copyrights .b1 {
        text-align: left;
    }

    .copyrights .b2 {
        text-align: right;
    }

    .copyrights .b3 {
        margin-bottom: 10px;
    }

    .copyrights .content17left {
        float: none !important;
        margin: -32px auto 0 auto !important;
        display: table;
        width: auto !important;
    }
}

@media (min-width: 320px) and (max-width: 449px) {
    .copyrights {
        position: relative !important;
    }

    #zone13 {
        padding-top: 30px;
    }

    .copyrights .b1,
    .copyrights .b2 {
        width: 50%;
        margin-bottom: 10px;
    }

    .copyrights .b1 {
        text-align: left;
    }

    .copyrights .b2 {
        text-align: right;
    }

    .copyrights .b3 {
        margin-bottom: 10px;
    }

    .copyrights .content17left {
        float: none !important;
        margin: -32px auto 0 auto !important;
        display: table;
        width: auto !important;
    }
}

@media (max-width:319px) {
    .copyrights {
        position: relative !important;
    }

    #zone13 {
        padding-top: 30px;
    }

    .copyrights .b1,
    .copyrights .b2 {
        width: 50%;
        margin-bottom: 10px;
    }

    .copyrights .b1 {
        text-align: left;
    }

    .copyrights .b2 {
        text-align: right;
    }

    .copyrights .b3 {
        margin-bottom: 10px;
    }

    .copyrights .content17left {
        float: none !important;
        margin: -32px auto 0 auto !important;
        display: table;
        width: auto !important;
    }
}

/****** Start Content of Block blockName: obj_default_block542 *******/
.defaultnone {
    border: 0px;
    border-radius: 5px;
    text-align: right;
}

.quicklinks {
    position: fixed;
    left: 0px;
    top: 50%;
    width: 30px;
    z-index: 7;
    height: 170px;
    margin-top: -85px;
}

    .quicklinks .container,
    .quicklinks #zone5 {
        padding: 0;
        width: 100% !important;
    }

        .quicklinks .container .row {
            margin: 0 !important;
        }

    .quicklinks .b1,
    .quicklinks .b2,
    .quicklinks .b3 {
        padding: 0 !important;
    }

    .quicklinks a {
        display: block;
        width: 25px;
        height: 25px;
        background-repeat: no-repeat;
        margin: 0 auto;
        font-size: 0;
        padding: 2px;
        border-radius: 50px;
        background-position: center;
        background-size: 17px;
    }

    .quicklinks .b1 span {
        display: block;
        width: 25px;
        height: 25px;
        background-repeat: no-repeat;
        margin: 0 auto;
        font-size: 0;
        padding: 2px;
        border-radius: 50px;
        background-position: center;
        background-size: 17px;
        cursor: pointer;
    }

    .quicklinks .b1 span {
        background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/202011383714search-icon.png);
    }

    .quicklinks .b2 a {
        background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/202011383749email-icon.png);
    }

    .quicklinks .b3 a {
        background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/202011383814en-icon.png);
    }

    .quicklinks .b1 span:hover {
        background-color: #76c000;
        background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/2020119135641search-icon.png);
    }

    .quicklinks .b2 a:hover {
        background-color: #76c000;
        background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/202011913573email-icon.png);
    }

    .quicklinks .b3 a:hover {
        background-color: #76c000;
        background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/2020119135751en-icon.png);
    }

@media (min-width:1200px) {

    .quicklinks .b4,
    .quicklinks .b5,
    .quicklinks .b6 {
        display: none !important;
    }

    .quicklinks #mainbody > .row {
        margin: 30px 0 !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .quicklinks #mainbody > .row {
        margin: 30px 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .quicklinks #mainbody > .row {
        margin: 30px 0 !important;
    }
}

@media (min-width: 450px) and (max-width: 767px) {
    .quicklinks {
        top: 184px !important;
        position: absolute !important;
        z-index: 1000 !important;
        width: 150px !important;
        height: auto !important;
        margin-top: 0 !important;
    }

        .quicklinks a {
            width: 46px !important;
            height: 21px !important;
            background-repeat: no-repeat;
            padding: 0 !important;
            background-size: auto !important;
            background-color: transparent !important;
        }

        .quicklinks .b1 span {
            width: 46px !important;
            height: 21px !important;
            background-repeat: no-repeat;
            padding: 0 !important;
            background-size: auto !important;
            background-color: transparent !important;
        }

        .quicklinks .container .row {
            margin: 0 !important;
            float: right !important;
        }

        .quicklinks .b1 span {
            background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/2020119135641search-icon.png) !important;
        }

        .quicklinks .b2 a {
            background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/202011913573email-icon.png) !important;
        }

        .quicklinks .b3 a {
            background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/2020119135751en-icon.png) !important;
        }
}

@media (min-width: 320px) and (max-width: 449px) {
    .quicklinks {
        top: 274px !important;
        position: absolute !important;
        z-index: 1000 !important;
        width: 150px !important;
        height: auto !important;
        margin-top: 0 !important;
    }

        .quicklinks a {
            width: 46px !important;
            height: 21px !important;
            background-repeat: no-repeat;
            padding: 0 !important;
            background-size: auto !important;
            background-color: transparent !important;
        }

        .quicklinks .b1 span {
            width: 46px !important;
            height: 21px !important;
            background-repeat: no-repeat;
            padding: 0 !important;
            background-size: auto !important;
            background-color: transparent !important;
        }

        .quicklinks .container .row {
            margin: 0 !important;
            float: right !important;
        }

        .quicklinks .b1 span {
            background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/2020119135641search-icon.png) !important;
        }

        .quicklinks .b2 a {
            background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/202011913573email-icon.png) !important;
        }

        .quicklinks .b3 a {
            background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/2020119135751en-icon.png) !important;
        }
}

@media (max-width:319px) {
    .quicklinks {
        top: 274px !important;
        position: absolute !important;
        z-index: 1000 !important;
        width: 150px !important;
        height: auto !important;
        margin-top: 0 !important;
    }

        .quicklinks a {
            width: 46px !important;
            height: 21px !important;
            background-repeat: no-repeat;
            padding: 0 !important;
            background-size: auto !important;
            background-color: transparent !important;
        }

        .quicklinks .b1 span {
            width: 46px !important;
            height: 21px !important;
            background-repeat: no-repeat;
            padding: 0 !important;
            background-size: auto !important;
            background-color: transparent !important;
        }

        .quicklinks .container .row {
            margin: 0 !important;
            float: right !important;
        }

        .quicklinks .b1 span {
            background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/2020119135641search-icon.png) !important;
        }

        .quicklinks .b2 a {
            background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/202011913573email-icon.png) !important;
        }

        .quicklinks .b3 a {
            background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/2020119135751en-icon.png) !important;
        }
}

/****** Start Content of Block blockName: obj_default_block590 *******/
.defaultnone {
    border: 0px;
    border-radius: 5px;
    text-align: right;
}

.mymodal .modal-header {
    border-bottom: none !important;
}

.mymodal #searchmodal {
    padding: 0 !important;
}

.mymodal .modal-dialog {
    z-index: 10000;
}

.mymodal .close {
    float: left !important;
    color: #000 !important;
    opacity: 1 !important;
}

.mymodal .searchcheck {
    display: none !important;
}

.mymodal .modal-body {
    display: table;
    width: 100%;
}

.mymodal .searchtext {
    border: none;
    border-bottom: 2px solid #78be20;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
    padding: 5px 25px 10px 25px !important;
    font-size: 18px;
}

.mymodal .input-group-addon {
    border: none !important;
    background-color: transparent !important;
}

.mymodal #sendsearch {
    background-image: url(https://qmb.ir/Dorsapax/userfiles/Sub0/search-icon.png);
    width: 27px;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    height: 27px;
    border-radius: 50%;
    background-color: transparent;
    margin-right: -50px;
    z-index: 1000;
    position: relative;
}

.mymodal .b3 .page-row.row {
    width: 50%;
    float: right;
}

.mymodal .links1titr a {
    color: #8a8a8a;
    display: block;
    font-size: 13px;
    border-right: 2px solid #8a8a8a;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-top: 5px;
}

    .mymodal .links1titr a:hover {
        color: #78be20;
    }

.mymodal .b2 span {
    display: block;
    font-family: iransansbold;
    margin-top: 45px;
    margin-bottom: 15px;
    background-image: url(https://qmb.ir/Dorsapax/userfiles/Sub0/link-icon.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 23px;
}

.mymodal #sendsearch:hover {
    filter: grayscale(1);
}

.mymodal .b3 {
    margin-bottom: 40px;
}

@media (max-width:767px) {
    .mymodal .b2 span {
        margin-top: 10px !important;
    }

    .mymodal .b3 .page-row.row {
        width: 100% !important;
    }

    .mymodal .b3 {
        margin-bottom: 0 !important;
    }
}

/****** Start Content of Css File in Css Folder in befor of main fileName: date1/blue.css *******/
/*startIframeDate*/
.IframeDate {
    width: 120;
    height: 20;
    border: 1px dashed #B5D1FD;
}

/*endIframeDate*/
/*startdate*/
.Date {
    direction: ltr;
    text-align: right;
}

/*enddate*/
/****** Start Content of Css File in Css Folder in befor of main fileName: advmenu1responsive/blue.css *******/
@media(min-width:768px) {

    .navbar .navbar-nav .dropdown-menu[data-duration=ultrafast],
    .navbar .navbar-nav[data-duration=ultrafast] .dropdown-menu,
    .navbar[data-duration=ultrafast] .navbar-nav .dropdown-menu {
        -webkit-animation-duration: 150ms;
        -moz-animation-duration: 150ms;
        -o-animation-duration: 150ms;
        animation-duration: 150ms
    }

    .navbar .navbar-nav .dropdown-menu[data-duration=fast],
    .navbar .navbar-nav[data-duration=fast] .dropdown-menu,
    .navbar[data-duration=fast] .navbar-nav .dropdown-menu {
        -webkit-animation-duration: 250ms;
        -moz-animation-duration: 250ms;
        -o-animation-duration: 250ms;
        animation-duration: 250ms
    }

    .navbar .navbar-nav .dropdown-menu,
    .navbar .navbar-nav .dropdown-menu[data-duration=normal],
    .navbar .navbar-nav[data-duration=normal] .dropdown-menu,
    .navbar[data-duration=normal] .navbar-nav .dropdown-menu {
        -webkit-animation-duration: .5s;
        -moz-animation-duration: .5s;
        -o-animation-duration: .5s;
        animation-duration: .5s
    }

        .navbar .navbar-nav .dropdown-menu[data-duration=slow],
        .navbar .navbar-nav[data-duration=slow] .dropdown-menu,
        .navbar[data-duration=slow] .navbar-nav .dropdown-menu {
            -webkit-animation-duration: 750ms;
            -moz-animation-duration: 750ms;
            -o-animation-duration: 750ms;
            animation-duration: 750ms
        }

        .navbar .navbar-nav .dropdown-menu[data-duration=superslow],
        .navbar .navbar-nav[data-duration=superslow] .dropdown-menu,
        .navbar[data-duration=superslow] .navbar-nav .dropdown-menu {
            -webkit-animation-duration: 1s;
            -moz-animation-duration: 1s;
            -o-animation-duration: 1s;
            animation-duration: 1s
        }

        .navbar .navbar-nav .dropdown-menu[data-duration=ultraslow],
        .navbar .navbar-nav[data-duration=ultraslow] .dropdown-menu,
        .navbar[data-duration=ultraslow] .navbar-nav .dropdown-menu {
            -webkit-animation-duration: 1.5s;
            -moz-animation-duration: 1.5s;
            -o-animation-duration: 1.5s;
            animation-duration: 1.5s
        }

    .navbar .navbar-nav.dropdown-onhover.no-fix > li:not(:hover) > .dropdown-grid-wrapper > .dropdown-menu,
    .navbar .navbar-nav.dropdown-onhover.no-fix > li:not(:hover) > .dropdown-menu,
    .navbar .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.open):not(:hover) > .dropdown-grid-wrapper > .dropdown-menu,
    .navbar .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.open):not(:hover) > .dropdown-menu,
    .navbar .navbar-nav > li.dropdown-onhover.no-fix:not(:hover) > .dropdown-grid-wrapper > .dropdown-menu,
    .navbar .navbar-nav > li.dropdown-onhover.no-fix:not(:hover) > .dropdown-menu,
    .navbar .navbar-nav > li.dropdown-onhover:not(.no-fix):not(.open):not(:hover) > .dropdown-grid-wrapper > .dropdown-menu,
    .navbar .navbar-nav > li.dropdown-onhover:not(.no-fix):not(.open):not(:hover) > .dropdown-menu,
    .navbar.dropdown-onhover.no-fix .navbar-nav > li:not(:hover) > .dropdown-grid-wrapper > .dropdown-menu,
    .navbar.dropdown-onhover.no-fix .navbar-nav > li:not(:hover) > .dropdown-menu,
    .navbar.dropdown-onhover:not(.no-fix) .navbar-nav > li:not(.open):not(:hover) > .dropdown-grid-wrapper > .dropdown-menu,
    .navbar.dropdown-onhover:not(.no-fix) .navbar-nav > li:not(.open):not(:hover) > .dropdown-menu,
    .navbar:not(.dropdown-onhover) .navbar-nav:not(.dropdown-onhover) > li:not(.dropdown-onhover):not(.open) > .dropdown-grid-wrapper > .dropdown-menu,
    .navbar:not(.dropdown-onhover) .navbar-nav:not(.dropdown-onhover) > li:not(.dropdown-onhover):not(.open) > .dropdown-menu {
        -moz-animation-name: none;
        -o-animation-name: none;
        animation-name: none;
        -webkit-animation-name: none
    }

    .navbar .navbar-nav .dropdown-menu.no-animation,
    .navbar .navbar-nav .no-animation .dropdown-menu,
    .navbar .navbar-nav li[class*=collapse-] > .dropdown-menu,
    .navbar .navbar-nav li[class*="-onhover"].no-fix:not(:hover) > .dropdown-menu:not(.collapsing),
    .navbar .navbar-nav li[class*="-onhover"]:not(.no-fix):not(:hover) > .dropdown-menu:not(.in):not(.collapsing),
    .navbar .navbar-nav li[class*="-onclick"] > .dropdown-menu.collapse:not(.in):not(.collapsing) {
        -moz-animation-name: none !important;
        -o-animation-name: none !important;
        animation-name: none !important;
        -webkit-animation-name: none !important
    }
}

@-webkit-keyframes HingeUpToDown {
    0% {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(3000px) rotateX(-90deg);
        transform: perspective(3000px) rotateX(-90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateX(20deg);
        transform: perspective(3000px) rotateX(20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateX(-10deg);
        transform: perspective(3000px) rotateX(-10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateX(5deg);
        transform: perspective(3000px) rotateX(5deg)
    }

    100% {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@keyframes HingeUpToDown {
    0% {
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(3000px) rotateX(-90deg);
        -ms-transform: perspective(3000px) rotateX(-90deg);
        transform: perspective(3000px) rotateX(-90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateX(20deg);
        -ms-transform: perspective(3000px) rotateX(20deg);
        transform: perspective(3000px) rotateX(20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateX(-10deg);
        -ms-transform: perspective(3000px) rotateX(-10deg);
        transform: perspective(3000px) rotateX(-10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateX(5deg);
        -ms-transform: perspective(3000px) rotateX(5deg);
        transform: perspective(3000px) rotateX(5deg)
    }

    100% {
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(3000px);
        -ms-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@-webkit-keyframes HingeLeftToRight {
    0% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: perspective(3000px) rotateY(-90deg);
        transform: perspective(3000px) rotateY(-90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateY(20deg);
        transform: perspective(3000px) rotateY(20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateY(-10deg);
        transform: perspective(3000px) rotateY(-10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateY(5deg);
        transform: perspective(3000px) rotateY(5deg)
    }

    100% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@keyframes HingeLeftToRight {
    0% {
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: perspective(3000px) rotateY(-90deg);
        -ms-transform: perspective(3000px) rotateY(-90deg);
        transform: perspective(3000px) rotateY(-90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateY(20deg);
        -ms-transform: perspective(3000px) rotateY(20deg);
        transform: perspective(3000px) rotateY(20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateY(-10deg);
        -ms-transform: perspective(3000px) rotateY(-10deg);
        transform: perspective(3000px) rotateY(-10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateY(5deg);
        -ms-transform: perspective(3000px) rotateY(5deg);
        transform: perspective(3000px) rotateY(5deg)
    }

    100% {
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: perspective(3000px);
        -ms-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@-webkit-keyframes HingeRightToLeftInverse {
    0% {
        -webkit-transform-origin: 100% -50%;
        transform-origin: 100% -50%;
        -webkit-transform: perspective(3000px) rotateY(-90deg);
        transform: perspective(3000px) rotateY(-90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateY(20deg);
        transform: perspective(3000px) rotateY(20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateY(-10deg);
        transform: perspective(3000px) rotateY(-10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateY(5deg);
        transform: perspective(3000px) rotateY(5deg)
    }

    100% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@keyframes HingeRightToLeftInverse {
    0% {
        -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: perspective(3000px) rotateY(-90deg);
        -ms-transform: perspective(3000px) rotateY(-90deg);
        transform: perspective(3000px) rotateY(-90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateY(20deg);
        -ms-transform: perspective(3000px) rotateY(20deg);
        transform: perspective(3000px) rotateY(20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateY(-10deg);
        -ms-transform: perspective(3000px) rotateY(-10deg);
        transform: perspective(3000px) rotateY(-10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateY(5deg);
        -ms-transform: perspective(3000px) rotateY(5deg);
        transform: perspective(3000px) rotateY(5deg)
    }

    100% {
        -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: perspective(3000px);
        -ms-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@-webkit-keyframes HingeLeftToRightInverse {
    0% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: perspective(3000px) rotateY(90deg);
        transform: perspective(3000px) rotateY(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateY(-20deg);
        transform: perspective(3000px) rotateY(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateY(10deg);
        transform: perspective(3000px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateY(-5deg);
        transform: perspective(3000px) rotateY(-5deg)
    }

    100% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@keyframes HingeLeftToRightInverse {
    0% {
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: perspective(3000px) rotateY(90deg);
        -ms-transform: perspective(3000px) rotateY(90deg);
        transform: perspective(3000px) rotateY(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateY(-20deg);
        -ms-transform: perspective(3000px) rotateY(-20deg);
        transform: perspective(3000px) rotateY(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateY(10deg);
        -ms-transform: perspective(3000px) rotateY(10deg);
        transform: perspective(3000px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateY(-5deg);
        -ms-transform: perspective(3000px) rotateY(-5deg);
        transform: perspective(3000px) rotateY(-5deg)
    }

    100% {
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: perspective(3000px);
        -ms-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@-webkit-keyframes HingeRightToLeft {
    0% {
        -webkit-transform-origin: 100% -50%;
        transform-origin: 100% -50%;
        -webkit-transform: perspective(3000px) rotateY(90deg);
        transform: perspective(3000px) rotateY(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateY(-20deg);
        transform: perspective(3000px) rotateY(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateY(10deg);
        transform: perspective(3000px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateY(-5deg);
        transform: perspective(3000px) rotateY(-5deg)
    }

    100% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@keyframes HingeRightToLeft {
    0% {
        -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: perspective(3000px) rotateY(90deg);
        -ms-transform: perspective(3000px) rotateY(90deg);
        transform: perspective(3000px) rotateY(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateY(-20deg);
        -ms-transform: perspective(3000px) rotateY(-20deg);
        transform: perspective(3000px) rotateY(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateY(10deg);
        -ms-transform: perspective(3000px) rotateY(10deg);
        transform: perspective(3000px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateY(-5deg);
        -ms-transform: perspective(3000px) rotateY(-5deg);
        transform: perspective(3000px) rotateY(-5deg)
    }

    100% {
        -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: perspective(3000px);
        -ms-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@-webkit-keyframes HingeDownToUp {
    0% {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: perspective(3000px) rotateX(-90deg);
        transform: perspective(3000px) rotateX(-90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateX(20deg);
        transform: perspective(3000px) rotateX(20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateX(-10deg);
        transform: perspective(3000px) rotateX(-10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateX(5deg);
        transform: perspective(3000px) rotateX(5deg)
    }

    100% {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@keyframes HingeDownToUp {
    0% {
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: perspective(3000px) rotateX(-90deg);
        -ms-transform: perspective(3000px) rotateX(-90deg);
        transform: perspective(3000px) rotateX(-90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateX(20deg);
        -ms-transform: perspective(3000px) rotateX(20deg);
        transform: perspective(3000px) rotateX(20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateX(-10deg);
        -ms-transform: perspective(3000px) rotateX(-10deg);
        transform: perspective(3000px) rotateX(-10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateX(5deg);
        -ms-transform: perspective(3000px) rotateX(5deg);
        transform: perspective(3000px) rotateX(5deg)
    }

    100% {
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: perspective(3000px);
        -ms-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@-webkit-keyframes HingeUpToDownInverse {
    0% {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(3000px) rotateX(90deg);
        transform: perspective(3000px) rotateX(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateX(-20deg);
        transform: perspective(3000px) rotateX(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateX(10deg);
        transform: perspective(3000px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateX(-5deg);
        transform: perspective(3000px) rotateX(-5deg)
    }

    100% {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@keyframes HingeUpToDownInverse {
    0% {
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(3000px) rotateX(90deg);
        -ms-transform: perspective(3000px) rotateX(90deg);
        transform: perspective(3000px) rotateX(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateX(-20deg);
        -ms-transform: perspective(3000px) rotateX(-20deg);
        transform: perspective(3000px) rotateX(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateX(10deg);
        -ms-transform: perspective(3000px) rotateX(10deg);
        transform: perspective(3000px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateX(-5deg);
        -ms-transform: perspective(3000px) rotateX(-5deg);
        transform: perspective(3000px) rotateX(-5deg)
    }

    100% {
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(3000px);
        -ms-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@-webkit-keyframes HingeDownToUpInverse {
    0% {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: perspective(3000px) rotateX(90deg);
        transform: perspective(3000px) rotateX(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateX(-20deg);
        transform: perspective(3000px) rotateX(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateX(10deg);
        transform: perspective(3000px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateX(-5deg);
        transform: perspective(3000px) rotateX(-5deg)
    }

    100% {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

@keyframes HingeDownToUpInverse {
    0% {
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: perspective(3000px) rotateX(90deg);
        -ms-transform: perspective(3000px) rotateX(90deg);
        transform: perspective(3000px) rotateX(90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(3000px) rotateX(-20deg);
        -ms-transform: perspective(3000px) rotateX(-20deg);
        transform: perspective(3000px) rotateX(-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(3000px) rotateX(10deg);
        -ms-transform: perspective(3000px) rotateX(10deg);
        transform: perspective(3000px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(3000px) rotateX(-5deg);
        -ms-transform: perspective(3000px) rotateX(-5deg);
        transform: perspective(3000px) rotateX(-5deg)
    }

    100% {
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: perspective(3000px);
        -ms-transform: perspective(3000px);
        transform: perspective(3000px)
    }
}

.navbar .navbar-nav .dropdown-menu.HingeUpToDown,
.navbar .navbar-nav.HingeUpToDown .dropdown-menu,
.navbar.HingeUpToDown .navbar-nav .dropdown-menu {
    -webkit-animation-name: HingeUpToDown;
    animation-name: HingeUpToDown
}

.navbar .navbar-nav .dropdown-menu.HingeUpToDownInverse,
.navbar .navbar-nav.HingeUpToDownInverse .dropdown-menu,
.navbar.HingeUpToDownInverse .navbar-nav .dropdown-menu {
    -webkit-animation-name: HingeUpToDownInverse;
    animation-name: HingeUpToDownInverse
}

.navbar .navbar-nav .dropdown-menu.HingeDownToUp,
.navbar .navbar-nav.HingeDownToUp .dropdown-menu,
.navbar.HingeDownToUp .navbar-nav .dropdown-menu {
    -webkit-animation-name: HingeDownToUp;
    animation-name: HingeDownToUp
}

.navbar .navbar-nav .dropdown-menu.HingeDownToUpInverse,
.navbar .navbar-nav.HingeDownToUpInverse .dropdown-menu,
.navbar.HingeDownToUpInverse .navbar-nav .dropdown-menu {
    -webkit-animation-name: HingeDownToUpInverse;
    animation-name: HingeDownToUpInverse
}

.navbar .navbar-left .dropdown-menu.HingeStartToEnd,
.navbar .navbar-left.HingeStartToEnd .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.HingeLeftToRight,
.navbar .navbar-nav.HingeLeftToRight .dropdown-menu,
.navbar .navbar-right .dropdown-menu.HingeEndToStart,
.navbar .navbar-right.HingeEndToStart .dropdown-menu,
.navbar.HingeEndToStart .navbar-right .dropdown-menu,
.navbar.HingeLeftToRight .navbar-nav .dropdown-menu,
.navbar.HingeStartToEnd .navbar-left .dropdown-menu {
    -webkit-animation-name: HingeLeftToRight;
    animation-name: HingeLeftToRight
}

.navbar .navbar-left .dropdown-menu.HingeStartToEndInverse,
.navbar .navbar-left.HingeStartToEndInverse .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.HingeLeftToRightInverse,
.navbar .navbar-nav.HingeLeftToRightInverse .dropdown-menu,
.navbar .navbar-right .dropdown-menu.HingeEndToStartInverse,
.navbar .navbar-right.HingeEndToStartInverse .dropdown-menu,
.navbar.HingeEndToStartInverse .navbar-right .dropdown-menu,
.navbar.HingeLeftToRightInverse .navbar-nav .dropdown-menu,
.navbar.HingeStartToEndInverse .navbar-left .dropdown-menu {
    -webkit-animation-name: HingeLeftToRightInverse;
    animation-name: HingeLeftToRightInverse
}

.navbar .navbar-left .dropdown-menu.HingeEndToStart,
.navbar .navbar-left.HingeEndToStart .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.HingeRightToLeft,
.navbar .navbar-nav.HingeRightToLeft .dropdown-menu,
.navbar .navbar-right .dropdown-menu.HingeStartToEnd,
.navbar .navbar-right.HingeStartToEnd .dropdown-menu,
.navbar.HingeEndToStart .navbar-left .dropdown-menu,
.navbar.HingeRightToLeft .navbar-nav .dropdown-menu,
.navbar.HingeStartToEnd .navbar-right .dropdown-menu {
    -webkit-animation-name: HingeRightToLeft;
    animation-name: HingeRightToLeft
}

.navbar .navbar-left .dropdown-menu.HingeEndToStartInverse,
.navbar .navbar-left.HingeEndToStartInverse .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.HingeRightToLeftInverse,
.navbar .navbar-nav.HingeRightToLeftInverse .dropdown-menu,
.navbar .navbar-right .dropdown-menu.HingeStartToEndInverse,
.navbar .navbar-right.HingeStartToEndInverse .dropdown-menu,
.navbar.HingeEndToStartInverse .navbar-left .dropdown-menu,
.navbar.HingeRightToLeftInverse .navbar-nav .dropdown-menu,
.navbar.HingeStartToEndInverse .navbar-right .dropdown-menu {
    -webkit-animation-name: HingeRightToLeftInverse;
    animation-name: HingeRightToLeftInverse
}

@-webkit-keyframes BounceTopToBottom {

    0%, 100%, 60%, 75%, 90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes BounceTopToBottom {

    0%, 100%, 60%, 75%, 90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        -ms-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        -ms-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        -ms-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes BounceLeftToRight {

    0%, 100%, 60%, 75%, 90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes BounceLeftToRight {

    0%, 100%, 60%, 75%, 90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        -ms-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        -ms-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        -ms-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes BounceRightToLeft {

    0%, 100%, 60%, 75%, 90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes BounceRightToLeft {

    0%, 100%, 60%, 75%, 90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        -ms-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        -ms-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        -ms-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes BounceBottomToTop {

    0%, 100%, 60%, 75%, 90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes BounceBottomToTop {

    0%, 100%, 60%, 75%, 90% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        -ms-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.navbar .navbar-nav .dropdown-menu.BounceTopToBottom,
.navbar .navbar-nav.BounceTopToBottom .dropdown-menu,
.navbar.BounceTopToBottom .navbar-nav .dropdown-menu {
    -webkit-animation-name: BounceTopToBottom;
    animation-name: BounceTopToBottom
}

.navbar .navbar-nav .dropdown-menu.BounceBottomToTop,
.navbar .navbar-nav.BounceBottomToTop .dropdown-menu,
.navbar.BounceBottomToTop .navbar-nav .dropdown-menu {
    -webkit-animation-name: BounceBottomToTop;
    animation-name: BounceBottomToTop
}

.navbar .navbar-left .dropdown-menu.BounceStartToEnd,
.navbar .navbar-left.BounceStartToEnd .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.BounceLeftToRight,
.navbar .navbar-nav.BounceLeftToRight .dropdown-menu,
.navbar .navbar-right .dropdown-menu.BounceEndToStart,
.navbar .navbar-right.BounceEndToStart .dropdown-menu,
.navbar.BounceEndToStart .navbar-right .dropdown-menu,
.navbar.BounceLeftToRight .navbar-nav .dropdown-menu,
.navbar.BounceStartToEnd .navbar-left .dropdown-menu {
    -webkit-animation-name: BounceLeftToRight;
    animation-name: BounceLeftToRight
}

.navbar .navbar-left .dropdown-menu.BounceEndToStart,
.navbar .navbar-left.BounceEndToStart .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.BounceRightToLeft,
.navbar .navbar-nav.BounceRightToLeft .dropdown-menu,
.navbar .navbar-right .dropdown-menu.BounceStartToEnd,
.navbar .navbar-right.BounceStartToEnd .dropdown-menu,
.navbar.BounceEndToStart .navbar-left .dropdown-menu,
.navbar.BounceRightToLeft .navbar-nav .dropdown-menu,
.navbar.BounceStartToEnd .navbar-right .dropdown-menu {
    -webkit-animation-name: BounceRightToLeft;
    animation-name: BounceRightToLeft
}

@keyframes FlipHorizontal {
    from {
        -webkit-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        transform: rotateY(-180deg)
    }

    to {
        -webkit-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@-webkit-keyframes FlipHorizontal {
    from {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg)
    }

    to {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@keyframes FlipVertical {
    from {
        -webkit-transform: rotateX(-180deg);
        -ms-transform: rotateX(-180deg);
        transform: rotateX(-180deg)
    }

    to {
        -webkit-transform: rotateX(0);
        -ms-transform: rotateX(0);
        transform: rotateX(0)
    }
}

@-webkit-keyframes FlipVertical {
    from {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg)
    }

    to {
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }
}

@keyframes FlipLeftToRightFrontLong {
    from {
        -webkit-transform: perspective(3500px) rotateY(-180deg);
        -ms-transform: perspective(3500px) rotateY(-180deg);
        transform: perspective(3500px) rotateY(-180deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes FlipLeftToRightFrontLong {
    from {
        -webkit-transform: perspective(3500px) rotateY(-180deg);
        transform: perspective(3500px) rotateY(-180deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@keyframes flipLeftToRightBackLong {
    from {
        -webkit-transform: perspective(3500px) rotateY(180deg);
        -ms-transform: perspective(3500px) rotateY(180deg);
        transform: perspective(3500px) rotateY(180deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes flipLeftToRightBackLong {
    from {
        -webkit-transform: perspective(3500px) rotateY(180deg);
        transform: perspective(3500px) rotateY(180deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@keyframes flipRightToLeftFrontLong {
    from {
        -webkit-transform: perspective(3500px) rotateY(180deg);
        -ms-transform: perspective(3500px) rotateY(180deg);
        transform: perspective(3500px) rotateY(180deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes flipRightToLeftFrontLong {
    from {
        -webkit-transform: perspective(3500px) rotateY(180deg);
        transform: perspective(3500px) rotateY(180deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@keyframes flipRightToLeftBackLong {
    from {
        -webkit-transform: perspective(3500px) rotateY(-180deg);
        -ms-transform: perspective(3500px) rotateY(-180deg);
        transform: perspective(3500px) rotateY(-180deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes flipRightToLeftBackLong {
    from {
        -webkit-transform: perspective(3500px) rotateY(-180deg);
        transform: perspective(3500px) rotateY(-180deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@keyframes FlipLeftToRightFrontMedium {
    from {
        -webkit-transform: perspective(3500px) rotateY(-91deg);
        -ms-transform: perspective(3500px) rotateY(-91deg);
        transform: perspective(3500px) rotateY(-91deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes FlipLeftToRightFrontMedium {
    from {
        -webkit-transform: perspective(3500px) rotateY(-91deg);
        transform: perspective(3500px) rotateY(-91deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@keyframes flipLeftToRightBackMedium {
    from {
        -webkit-transform: perspective(3500px) rotateY(91deg);
        -ms-transform: perspective(3500px) rotateY(91deg);
        transform: perspective(3500px) rotateY(91deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes flipLeftToRightBackMedium {
    from {
        -webkit-transform: perspective(3500px) rotateY(91deg);
        transform: perspective(3500px) rotateY(91deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@keyframes flipRightToLeftFrontMedium {
    from {
        -webkit-transform: perspective(3500px) rotateY(91deg);
        -ms-transform: perspective(3500px) rotateY(91deg);
        transform: perspective(3500px) rotateY(91deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes flipRightToLeftFrontMedium {
    from {
        -webkit-transform: perspective(3500px) rotateY(91deg);
        transform: perspective(3500px) rotateY(91deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@keyframes flipRightToLeftBackMedium {
    from {
        -webkit-transform: perspective(3500px) rotateY(-91deg);
        -ms-transform: perspective(3500px) rotateY(-91deg);
        transform: perspective(3500px) rotateY(-91deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes flipRightToLeftBackMedium {
    from {
        -webkit-transform: perspective(3500px) rotateY(-91deg);
        transform: perspective(3500px) rotateY(-91deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@keyframes FlipLeftToRightFrontShort {
    from {
        -webkit-transform: perspective(3500px) rotateY(-45deg);
        -ms-transform: perspective(3500px) rotateY(-45deg);
        transform: perspective(3500px) rotateY(-45deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes FlipLeftToRightFrontShort {
    from {
        -webkit-transform: perspective(3500px) rotateY(-45deg);
        transform: perspective(3500px) rotateY(-45deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@keyframes flipLeftToRightBackShort {
    from {
        -webkit-transform: perspective(3500px) rotateY(45deg);
        -ms-transform: perspective(3500px) rotateY(45deg);
        transform: perspective(3500px) rotateY(45deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes flipLeftToRightBackShort {
    from {
        -webkit-transform: perspective(3500px) rotateY(45deg);
        transform: perspective(3500px) rotateY(45deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@keyframes flipRightToLeftFrontShort {
    from {
        -webkit-transform: perspective(3500px) rotateY(45deg);
        -ms-transform: perspective(3500px) rotateY(45deg);
        transform: perspective(3500px) rotateY(45deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes flipRightToLeftFrontShort {
    from {
        -webkit-transform: perspective(3500px) rotateY(45deg);
        transform: perspective(3500px) rotateY(45deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@keyframes flipRightToLeftBackShort {
    from {
        -webkit-transform: perspective(3500px) rotateY(-45deg);
        -ms-transform: perspective(3500px) rotateY(-45deg);
        transform: perspective(3500px) rotateY(-45deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        -ms-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

@-webkit-keyframes flipRightToLeftBackShort {
    from {
        -webkit-transform: perspective(3500px) rotateY(-45deg);
        transform: perspective(3500px) rotateY(-45deg)
    }

    to {
        -webkit-transform: perspective(3500px) rotateY(0);
        transform: perspective(3500px) rotateY(0)
    }
}

.navbar .navbar-nav .dropdown-menu.FlipHorizontal,
.navbar .navbar-nav.FlipHorizontal .dropdown-menu,
.navbar.FlipHorizontal .navbar-nav .dropdown-menu {
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation-name: FlipHorizontal;
    animation-name: FlipHorizontal
}

.navbar .navbar-nav .dropdown-menu.FlipVertical,
.navbar .navbar-nav.FlipVertical .dropdown-menu,
.navbar.FlipVertical .navbar-nav .dropdown-menu {
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation-name: FlipVertical;
    animation-name: FlipVertical
}

.navbar .navbar-left .dropdown-menu.FlipStartToEndFrontLong,
.navbar .navbar-left.FlipStartToEndFrontLong .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.FlipLeftToRightFrontLong,
.navbar .navbar-nav.FlipLeftToRightFrontLong .dropdown-menu,
.navbar .navbar-right .dropdown-menu.FlipEndToStartFrontLong,
.navbar .navbar-right.FlipEndToStartFrontLong .dropdown-menu,
.navbar.FlipEndToStartFrontLong .navbar-right .dropdown-menu,
.navbar.FlipLeftToRightFrontLong .navbar-nav .dropdown-menu,
.navbar.FlipStartToEndFrontLong .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-animation-name: FlipLeftToRightFrontLong;
    animation-name: FlipLeftToRightFrontLong
}

.navbar .navbar-left .dropdown-menu.flipStartToEndBackLong,
.navbar .navbar-left.flipStartToEndBackLong .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.flipLeftToRightBackLong,
.navbar .navbar-nav.flipLeftToRightBackLong .dropdown-menu,
.navbar .navbar-right .dropdown-menu.flipEndToStartBackLong,
.navbar .navbar-right.flipEndToStartBackLong .dropdown-menu,
.navbar.flipEndToStartBackLong .navbar-right .dropdown-menu,
.navbar.flipLeftToRightBackLong .navbar-nav .dropdown-menu,
.navbar.flipStartToEndBackLong .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-animation-name: flipLeftToRightBackLong;
    animation-name: flipLeftToRightBackLong
}

.navbar .navbar-left .dropdown-menu.flipEndToStartFrontLong,
.navbar .navbar-left.flipEndToStartFrontLong .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.flipRightToLeftFrontLong,
.navbar .navbar-nav.flipRightToLeftFrontLong .dropdown-menu,
.navbar .navbar-right .dropdown-menu.flipStartToEndFrontLong,
.navbar .navbar-right.flipStartToEndFrontLong .dropdown-menu,
.navbar.flipEndToStartFrontLong .navbar-left .dropdown-menu,
.navbar.flipRightToLeftFrontLong .navbar-nav .dropdown-menu,
.navbar.flipStartToEndFrontLong .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
    -webkit-animation-name: flipRightToLeftFrontLong;
    animation-name: flipRightToLeftFrontLong
}

.navbar .navbar-left .dropdown-menu.flipEndToStartBackLong,
.navbar .navbar-left.flipEndToStartBackLong .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.flipRightToLeftBackLong,
.navbar .navbar-nav.flipRightToLeftBackLong .dropdown-menu,
.navbar .navbar-right .dropdown-menu.flipStartToEndBackLong,
.navbar .navbar-right.flipStartToEndBackLong .dropdown-menu,
.navbar.flipEndToStartBackLong .navbar-left .dropdown-menu,
.navbar.flipRightToLeftBackLong .navbar-nav .dropdown-menu,
.navbar.flipStartToEndBackLong .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
    -webkit-animation-name: flipRightToLeftBackLong;
    animation-name: flipRightToLeftBackLong
}

.navbar .navbar-left .dropdown-menu.FlipStartToEndFrontMedium,
.navbar .navbar-left.FlipStartToEndFrontMedium .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.FlipLeftToRightFrontMedium,
.navbar .navbar-nav.FlipLeftToRightFrontMedium .dropdown-menu,
.navbar .navbar-right .dropdown-menu.FlipEndToStartFrontMedium,
.navbar .navbar-right.FlipEndToStartFrontMedium .dropdown-menu,
.navbar.FlipEndToStartFrontMedium .navbar-right .dropdown-menu,
.navbar.FlipLeftToRightFrontMedium .navbar-nav .dropdown-menu,
.navbar.FlipStartToEndFrontMedium .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-animation-name: FlipLeftToRightFrontMedium;
    animation-name: FlipLeftToRightFrontMedium
}

.navbar .navbar-left .dropdown-menu.flipStartToEndBackMedium,
.navbar .navbar-left.flipStartToEndBackMedium .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.flipLeftToRightBackMedium,
.navbar .navbar-nav.flipLeftToRightBackMedium .dropdown-menu,
.navbar .navbar-right .dropdown-menu.flipEndToStartBackMedium,
.navbar .navbar-right.flipEndToStartBackMedium .dropdown-menu,
.navbar.flipEndToStartBackMedium .navbar-right .dropdown-menu,
.navbar.flipLeftToRightBackMedium .navbar-nav .dropdown-menu,
.navbar.flipStartToEndBackMedium .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-animation-name: flipLeftToRightBackMedium;
    animation-name: flipLeftToRightBackMedium
}

.navbar .navbar-left .dropdown-menu.flipEndToStartFrontMedium,
.navbar .navbar-left.flipEndToStartFrontMedium .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.flipRightToLeftFrontMedium,
.navbar .navbar-nav.flipRightToLeftFrontMedium .dropdown-menu,
.navbar .navbar-right .dropdown-menu.flipStartToEndFrontMedium,
.navbar .navbar-right.flipStartToEndFrontMedium .dropdown-menu,
.navbar.flipEndToStartFrontMedium .navbar-left .dropdown-menu,
.navbar.flipRightToLeftFrontMedium .navbar-nav .dropdown-menu,
.navbar.flipStartToEndFrontMedium .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
    -webkit-animation-name: flipRightToLeftFrontMedium;
    animation-name: flipRightToLeftFrontMedium
}

.navbar .navbar-left .dropdown-menu.flipEndToStartBackMedium,
.navbar .navbar-left.flipEndToStartBackMedium .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.flipRightToLeftBackMedium,
.navbar .navbar-nav.flipRightToLeftBackMedium .dropdown-menu,
.navbar .navbar-right .dropdown-menu.flipStartToEndBackMedium,
.navbar .navbar-right.flipStartToEndBackMedium .dropdown-menu,
.navbar.flipEndToStartBackMedium .navbar-left .dropdown-menu,
.navbar.flipRightToLeftBackMedium .navbar-nav .dropdown-menu,
.navbar.flipStartToEndBackMedium .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
    -webkit-animation-name: flipRightToLeftBackMedium;
    animation-name: flipRightToLeftBackMedium
}

.navbar .navbar-left .dropdown-menu.FlipStartToEndFrontShort,
.navbar .navbar-left.FlipStartToEndFrontShort .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.FlipLeftToRightFrontShort,
.navbar .navbar-nav.FlipLeftToRightFrontShort .dropdown-menu,
.navbar .navbar-right .dropdown-menu.FlipEndToStartFrontShort,
.navbar .navbar-right.FlipEndToStartFrontShort .dropdown-menu,
.navbar.FlipEndToStartFrontShort .navbar-right .dropdown-menu,
.navbar.FlipLeftToRightFrontShort .navbar-nav .dropdown-menu,
.navbar.FlipStartToEndFrontShort .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-animation-name: FlipLeftToRightFrontShort;
    animation-name: FlipLeftToRightFrontShort
}

.navbar .navbar-left .dropdown-menu.flipStartToEndBackShort,
.navbar .navbar-left.flipStartToEndBackShort .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.flipLeftToRightBackShort,
.navbar .navbar-nav.flipLeftToRightBackShort .dropdown-menu,
.navbar .navbar-right .dropdown-menu.flipEndToStartBackShort,
.navbar .navbar-right.flipEndToStartBackShort .dropdown-menu,
.navbar.flipEndToStartBackShort .navbar-right .dropdown-menu,
.navbar.flipLeftToRightBackShort .navbar-nav .dropdown-menu,
.navbar.flipStartToEndBackShort .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-animation-name: flipLeftToRightBackShort;
    animation-name: flipLeftToRightBackShort
}

.navbar .navbar-left .dropdown-menu.flipEndToStartFrontShort,
.navbar .navbar-left.flipEndToStartFrontShort .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.flipRightToLeftFrontShort,
.navbar .navbar-nav.flipRightToLeftFrontShort .dropdown-menu,
.navbar .navbar-right .dropdown-menu.flipStartToEndFrontShort,
.navbar .navbar-right.flipStartToEndFrontShort .dropdown-menu,
.navbar.flipEndToStartFrontShort .navbar-left .dropdown-menu,
.navbar.flipRightToLeftFrontShort .navbar-nav .dropdown-menu,
.navbar.flipStartToEndFrontShort .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
    -webkit-animation-name: flipRightToLeftFrontShort;
    animation-name: flipRightToLeftFrontShort
}

.navbar .navbar-left .dropdown-menu.flipEndToStartBackShort,
.navbar .navbar-left.flipEndToStartBackShort .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.flipRightToLeftBackShort,
.navbar .navbar-nav.flipRightToLeftBackShort .dropdown-menu,
.navbar .navbar-right .dropdown-menu.flipStartToEndBackShort,
.navbar .navbar-right.flipStartToEndBackShort .dropdown-menu,
.navbar.flipEndToStartBackShort .navbar-left .dropdown-menu,
.navbar.flipRightToLeftBackShort .navbar-nav .dropdown-menu,
.navbar.flipStartToEndBackShort .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
    -webkit-animation-name: flipRightToLeftBackShort;
    animation-name: flipRightToLeftBackShort
}

@-webkit-keyframes twisterInDown {
    0% {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
        transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }

    100% {
        transform-origin: 100% 100%;
        -webkit-transform-origin: 100% 100%;
        transform: scale(1, 1) rotate(0) translateY(0);
        -webkit-transform: scale(1, 1) rotate(0) translateY(0)
    }
}

@keyframes twisterInDown {
    0% {
        -ms-transform-origin: 0 100%;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%);
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
        transform: scale(0, 0) rotate(360deg) translateY(-100%)
    }

    100% {
        -ms-transform-origin: 100% 100%;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -ms-transform: scale(1, 1) rotate(0) translateY(0);
        -webkit-transform: scale(1, 1) rotate(0) translateY(0);
        transform: scale(1, 1) rotate(0) translateY(0)
    }
}

@-webkit-keyframes twisterInUp {
    0% {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
        transform: scale(0, 0) rotate(360deg) translateY(100%)
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1, 1) rotate(0) translateY(0);
        transform: scale(1, 1) rotate(0) translateY(0)
    }
}

@keyframes twisterInUp {
    0% {
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
        -ms-transform: scale(0, 0) rotate(360deg) translateY(100%);
        transform: scale(0, 0) rotate(360deg) translateY(100%)
    }

    100% {
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1, 1) rotate(0) translateY(0);
        -ms-transform: scale(1, 1) rotate(0) translateY(0);
        transform: scale(1, 1) rotate(0) translateY(0)
    }
}

@-webkit-keyframes Bounce {

    0%, 100%, 20%, 40%, 60%, 80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes Bounce {

    0%, 100%, 20%, 40%, 60%, 80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        -ms-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -ms-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        -ms-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes flash {

    0%, 100%, 50% {
        opacity: 1
    }

    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {

    0%, 100%, 50% {
        opacity: 1
    }

    25%, 75% {
        opacity: 0
    }
}

@-webkit-keyframes pulse {

    0%, 100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

@keyframes pulse {

    0%, 100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        -ms-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

@-webkit-keyframes rubberBand {

    0%, 100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

@keyframes rubberBand {

    0%, 100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        -ms-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        -ms-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        -ms-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        -ms-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        -ms-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

@-webkit-keyframes shake {

    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {

    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        -ms-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        -ms-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        -ms-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        -ms-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        -ms-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@-webkit-keyframes tada {

    0%, 100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

@keyframes tada {

    0%, 100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

@-webkit-keyframes wobble {

    0%, 100% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

@keyframes wobble {

    0%, 100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes flipX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipY {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(1000px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(1000px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(1000px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(1000px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(1000px);
        transform: perspective(1000px)
    }
}

@keyframes flipY {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(1000px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(1000px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, -20deg);
        -ms-transform: perspective(1000px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(1000px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 10deg);
        -ms-transform: perspective(1000px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(1000px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, -5deg);
        -ms-transform: perspective(1000px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(1000px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(1000px);
        -ms-transform: perspective(1000px);
        transform: perspective(1000px)
    }
}

.navbar .navbar-nav .dropdown-menu.flipX,
.navbar .navbar-nav.flipX .dropdown-menu,
.navbar.flipX .navbar-nav .dropdown-menu {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipX;
    animation-name: flipX
}

.navbar .navbar-nav .dropdown-menu.flipY,
.navbar .navbar-nav.flipY .dropdown-menu,
.navbar.flipY .navbar-nav .dropdown-menu {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipY;
    animation-name: flipY
}

.navbar .navbar-nav .dropdown-menu.fadeIn,
.navbar .navbar-nav.fadeIn .dropdown-menu,
.navbar.fadeIn .navbar-nav .dropdown-menu {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.navbar .navbar-nav .dropdown-menu.Bounce,
.navbar .navbar-nav.Bounce .dropdown-menu,
.navbar.Bounce .navbar-nav .dropdown-menu {
    -webkit-animation-name: Bounce;
    animation-name: Bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.navbar .navbar-nav .dropdown-menu.flash,
.navbar .navbar-nav.flash .dropdown-menu,
.navbar.flash .navbar-nav .dropdown-menu {
    -webkit-animation-name: flash;
    animation-name: flash
}

.navbar .navbar-nav .dropdown-menu.pulse,
.navbar .navbar-nav.pulse .dropdown-menu,
.navbar.pulse .navbar-nav .dropdown-menu {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.navbar .navbar-nav .dropdown-menu.rubberBand,
.navbar .navbar-nav.rubberBand .dropdown-menu,
.navbar.rubberBand .navbar-nav .dropdown-menu {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

.navbar .navbar-nav .dropdown-menu.shake,
.navbar .navbar-nav.shake .dropdown-menu,
.navbar.shake .navbar-nav .dropdown-menu {
    -webkit-animation-name: shake;
    animation-name: shake
}

.navbar .navbar-nav .dropdown-menu.swing,
.navbar .navbar-nav.swing .dropdown-menu,
.navbar.swing .navbar-nav .dropdown-menu {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

.navbar .navbar-nav .dropdown-menu.tada,
.navbar .navbar-nav.tada .dropdown-menu,
.navbar.tada .navbar-nav .dropdown-menu {
    -webkit-animation-name: tada;
    animation-name: tada
}

.navbar .navbar-nav .dropdown-menu.wobble,
.navbar .navbar-nav.wobble .dropdown-menu,
.navbar.wobble .navbar-nav .dropdown-menu {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

.navbar .navbar-nav .dropdown-menu.twisterInDown,
.navbar .navbar-nav.twisterInDown .dropdown-menu,
.navbar.twisterInDown .navbar-nav .dropdown-menu {
    -webkit-animation-name: twisterInDown;
    animation-name: twisterInDown
}

.navbar .navbar-nav .dropdown-menu.twisterInUp,
.navbar .navbar-nav.twisterInUp .dropdown-menu,
.navbar.twisterInUp .navbar-nav .dropdown-menu {
    -webkit-animation-name: twisterInUp;
    animation-name: twisterInUp
}

@keyframes SkewRightTopToBottom {
    from {
        -webkit-transform: skew(0deg, -5deg);
        -ms-transform: skew(0deg, -5deg);
        transform: skew(0deg, -5deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@-webkit-keyframes SkewRightTopToBottom {
    from {
        -webkit-transform: skew(0deg, -5deg);
        transform: skew(0deg, -5deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@keyframes SkewRightBottomToTop {
    from {
        -webkit-transform: skew(0deg, 5deg);
        -ms-transform: skew(0deg, 5deg);
        transform: skew(0deg, 5deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@-webkit-keyframes SkewRightBottomToTop {
    from {
        -webkit-transform: skew(0deg, 5deg);
        transform: skew(0deg, 5deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@keyframes SkewLeftTopToBottom {
    from {
        -webkit-transform: skew(0deg, 5deg);
        -ms-transform: skew(0deg, 5deg);
        transform: skew(0deg, 5deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@-webkit-keyframes SkewLeftTopToBottom {
    from {
        -webkit-transform: skew(0deg, 5deg);
        transform: skew(0deg, 5deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@keyframes SkewLeftBottomToTop {
    from {
        -webkit-transform: skew(0deg, -5deg);
        -ms-transform: skew(0deg, -5deg);
        transform: skew(0deg, -5deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@-webkit-keyframes SkewLeftBottomToTop {
    from {
        -webkit-transform: skew(0deg, -5deg);
        transform: skew(0deg, -5deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@keyframes SkewBottomLeftToRight {
    from {
        -webkit-transform: skew(-10deg, 0deg);
        -ms-transform: skew(-10deg, 0deg);
        transform: skew(-10deg, 0deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@-webkit-keyframes SkewBottomLeftToRight {
    from {
        -webkit-transform: skew(-10deg, 0deg);
        transform: skew(-10deg, 0deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@keyframes SkewBottomRightToLeft {
    from {
        -webkit-transform: skew(10deg, 0deg);
        -ms-transform: skew(10deg, 0deg);
        transform: skew(10deg, 0deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@-webkit-keyframes SkewBottomRightToLeft {
    from {
        -webkit-transform: skew(10deg, 0deg);
        transform: skew(10deg, 0deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@keyframes SkewTopRightToLeft {
    from {
        -webkit-transform: skew(-10deg, 0deg);
        -ms-transform: skew(-10deg, 0deg);
        transform: skew(-10deg, 0deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@-webkit-keyframes SkewTopRightToLeft {
    from {
        -webkit-transform: skew(-10deg, 0deg);
        transform: skew(-10deg, 0deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@keyframes SkewTopLeftToRight {
    from {
        -webkit-transform: skew(10deg, 0deg);
        -ms-transform: skew(10deg, 0deg);
        transform: skew(10deg, 0deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

@-webkit-keyframes SkewTopLeftToRight {
    from {
        -webkit-transform: skew(10deg, 0deg);
        transform: skew(10deg, 0deg)
    }

    to {
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}

.navbar .navbar-left .dropdown-menu.SkewEndTopToBottom,
.navbar .navbar-left.SkewEndTopToBottom .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SkewRightTopToBottom,
.navbar .navbar-nav.SkewRightTopToBottom .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SkewStartTopToBottom,
.navbar .navbar-right.SkewStartTopToBottom .dropdown-menu,
.navbar.SkewEndTopToBottom .navbar-left .dropdown-menu,
.navbar.SkewRightTopToBottom .navbar-nav .dropdown-menu,
.navbar.SkewStartTopToBottom .navbar-right .dropdown-menu {
    transform-origin: 0 0;
    -webkit-animation-name: SkewRightTopToBottom;
    animation-name: SkewRightTopToBottom
}

.navbar .navbar-left .dropdown-menu.SkewEndBottomToTop,
.navbar .navbar-left.SkewEndBottomToTop .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SkewRightBottomToTop,
.navbar .navbar-nav.SkewRightBottomToTop .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SkewStartBottomToTop,
.navbar .navbar-right.SkewStartBottomToTop .dropdown-menu,
.navbar.SkewEndBottomToTop .navbar-left .dropdown-menu,
.navbar.SkewRightBottomToTop .navbar-nav .dropdown-menu,
.navbar.SkewStartBottomToTop .navbar-right .dropdown-menu {
    transform-origin: 0 0;
    -webkit-animation-name: SkewRightBottomToTop;
    animation-name: SkewRightBottomToTop
}

.navbar .navbar-left .dropdown-menu.SkewStartTopToBottom,
.navbar .navbar-left.SkewStartTopToBottom .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SkewLeftTopToBottom,
.navbar .navbar-nav.SkewLeftTopToBottom .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SkewEndTopToBottom,
.navbar .navbar-right.SkewEndTopToBottom .dropdown-menu,
.navbar.SkewEndTopToBottom .navbar-right .dropdown-menu,
.navbar.SkewLeftTopToBottom .navbar-nav .dropdown-menu,
.navbar.SkewStartTopToBottom .navbar-left .dropdown-menu {
    transform-origin: 100% 100%;
    -webkit-animation-name: SkewLeftTopToBottom;
    animation-name: SkewLeftTopToBottom
}

.navbar .navbar-left .dropdown-menu.SkewStartBottomToTop,
.navbar .navbar-left.SkewStartBottomToTop .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SkewLeftBottomToTop,
.navbar .navbar-nav.SkewLeftBottomToTop .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SkewEndBottomToTop,
.navbar .navbar-right.SkewEndBottomToTop .dropdown-menu,
.navbar.SkewEndBottomToTop .navbar-right .dropdown-menu,
.navbar.SkewLeftBottomToTop .navbar-nav .dropdown-menu,
.navbar.SkewStartBottomToTop .navbar-left .dropdown-menu {
    transform-origin: 100% 100%;
    -webkit-animation-name: SkewLeftBottomToTop;
    animation-name: SkewLeftBottomToTop
}

.navbar .navbar-left .dropdown-menu.SkewBottomStartToEnd,
.navbar .navbar-left.SkewBottomStartToEnd .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SkewBottomLeftToRight,
.navbar .navbar-nav.SkewBottomLeftToRight .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SkewBottomEndToStart,
.navbar .navbar-right.SkewBottomEndToStart .dropdown-menu,
.navbar.SkewBottomEndToStart .navbar-right .dropdown-menu,
.navbar.SkewBottomLeftToRight .navbar-nav .dropdown-menu,
.navbar.SkewBottomStartToEnd .navbar-left .dropdown-menu {
    transform-origin: 0 0;
    -webkit-animation-name: SkewBottomLeftToRight;
    animation-name: SkewBottomLeftToRight
}

.navbar .navbar-left .dropdown-menu.SkewBottomEndToStart,
.navbar .navbar-left.SkewBottomEndToStart .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SkewBottomRightToLeft,
.navbar .navbar-nav.SkewBottomRightToLeft .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SkewBottomStartToEnd,
.navbar .navbar-right.SkewBottomStartToEnd .dropdown-menu,
.navbar.SkewBottomEndToStart .navbar-left .dropdown-menu,
.navbar.SkewBottomRightToLeft .navbar-nav .dropdown-menu,
.navbar.SkewBottomStartToEnd .navbar-right .dropdown-menu {
    transform-origin: 0 0;
    -webkit-animation-name: SkewBottomRightToLeft;
    animation-name: SkewBottomRightToLeft
}

.navbar .navbar-left .dropdown-menu.SkewTopEndToStart,
.navbar .navbar-left.SkewTopEndToStart .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SkewTopRightToLeft,
.navbar .navbar-nav.SkewTopRightToLeft .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SkewTopStartToEnd,
.navbar .navbar-right.SkewTopStartToEnd .dropdown-menu,
.navbar.SkewTopEndToStart .navbar-left .dropdown-menu,
.navbar.SkewTopRightToLeft .navbar-nav .dropdown-menu,
.navbar.SkewTopStartToEnd .navbar-right .dropdown-menu {
    transform-origin: 100% 100%;
    -webkit-animation-name: SkewTopRightToLeft;
    animation-name: SkewTopRightToLeft
}

.navbar .navbar-left .dropdown-menu.SkewTopStartToEnd,
.navbar .navbar-left.SkewTopStartToEnd .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SkewTopLeftToRight,
.navbar .navbar-nav.SkewTopLeftToRight .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SkewTopEndToStart,
.navbar .navbar-right.SkewTopEndToStart .dropdown-menu,
.navbar.SkewTopEndToStart .navbar-right .dropdown-menu,
.navbar.SkewTopLeftToRight .navbar-nav .dropdown-menu,
.navbar.SkewTopStartToEnd .navbar-left .dropdown-menu {
    transform-origin: 100% 100%;
    -webkit-animation-name: SkewTopLeftToRight;
    animation-name: SkewTopLeftToRight
}

@keyframes ScaleBottomToTop {
    from {
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        transform: scale(1, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes ScaleBottomToTop {
    from {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes ScaleTopToBottom {
    from {
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        transform: scale(1, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes ScaleTopToBottom {
    from {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes ScaleLeftToRight {
    from {
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        transform: scale(0, 1)
    }

    to {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes ScaleLeftToRight {
    from {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1)
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes ScaleRightToLeft {
    from {
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        transform: scale(0, 1)
    }

    to {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes ScaleRightToLeft {
    from {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1)
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes ScaleLeftTopToRightBottom {
    from {
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes ScaleLeftTopToRightBottom {
    from {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes ScaleLeftBottomToRightTop {
    from {
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes ScaleLeftBottomToRightTop {
    from {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes ScaleRightTopToLeftBottom {
    from {
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes ScaleRightTopToLeftBottom {
    from {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes ScaleRightBottomToLeftTop {
    from {
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes ScaleRightBottomToLeftTop {
    from {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0)
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

.navbar .navbar-nav .dropdown-menu.ScaleBottomToTop,
.navbar .navbar-nav.ScaleBottomToTop .dropdown-menu,
.navbar.ScaleBottomToTop .navbar-nav .dropdown-menu {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-animation-name: ScaleBottomToTop;
    animation-name: ScaleBottomToTop
}

.navbar .navbar-nav .dropdown-menu.ScaleTopToBottom,
.navbar .navbar-nav.ScaleTopToBottom .dropdown-menu,
.navbar.ScaleTopToBottom .navbar-nav .dropdown-menu {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation-name: ScaleTopToBottom;
    animation-name: ScaleTopToBottom
}

.navbar .navbar-left .dropdown-menu.ScaleStartToEnd,
.navbar .navbar-left.ScaleStartToEnd .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.ScaleLeftToRight,
.navbar .navbar-nav.ScaleLeftToRight .dropdown-menu,
.navbar .navbar-right .dropdown-menu.ScaleEndToStart,
.navbar .navbar-right.ScaleEndToStart .dropdown-menu,
.navbar.ScaleEndToStart .navbar-right .dropdown-menu,
.navbar.ScaleLeftToRight .navbar-nav .dropdown-menu,
.navbar.ScaleStartToEnd .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation-name: ScaleLeftToRight;
    animation-name: ScaleLeftToRight
}

.navbar .navbar-left .dropdown-menu.ScaleEndToStart,
.navbar .navbar-left.ScaleEndToStart .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.ScaleRightToLeft,
.navbar .navbar-nav.ScaleRightToLeft .dropdown-menu,
.navbar .navbar-right .dropdown-menu.ScaleStartToEnd,
.navbar .navbar-right.ScaleStartToEnd .dropdown-menu,
.navbar.ScaleEndToStart .navbar-left .dropdown-menu,
.navbar.ScaleRightToLeft .navbar-nav .dropdown-menu,
.navbar.ScaleStartToEnd .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-animation-name: ScaleRightToLeft;
    animation-name: ScaleRightToLeft
}

.navbar .navbar-left .dropdown-menu.ScaleStartTopEndBottom,
.navbar .navbar-left.ScaleStartTopEndBottom .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.ScaleLeftTopToRightBottom,
.navbar .navbar-nav.ScaleLeftTopToRightBottom .dropdown-menu,
.navbar .navbar-right .dropdown-menu.ScaleEndTopStartBottom,
.navbar .navbar-right.ScaleEndTopStartBottom .dropdown-menu,
.navbar.ScaleEndTopStartBottom .navbar-right .dropdown-menu,
.navbar.ScaleLeftTopToRightBottom .navbar-nav .dropdown-menu,
.navbar.ScaleStartTopEndBottom .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation-name: ScaleLeftTopToRightBottom;
    animation-name: ScaleLeftTopToRightBottom
}

.navbar .navbar-left .dropdown-menu.ScaleStartBottomEndTop,
.navbar .navbar-left.ScaleStartBottomEndTop .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.ScaleLeftBottomToRightTop,
.navbar .navbar-nav.ScaleLeftBottomToRightTop .dropdown-menu,
.navbar .navbar-right .dropdown-menu.ScaleEndBottomStartTop,
.navbar .navbar-right.ScaleEndBottomStartTop .dropdown-menu,
.navbar.ScaleEndBottomStartTop .navbar-right .dropdown-menu,
.navbar.ScaleLeftBottomToRightTop .navbar-nav .dropdown-menu,
.navbar.ScaleStartBottomEndTop .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-animation-name: ScaleLeftBottomToRightTop;
    animation-name: ScaleLeftBottomToRightTop
}

.navbar .navbar-left .dropdown-menu.ScaleEndTopStartBottom,
.navbar .navbar-left.ScaleEndTopStartBottom .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.ScaleRightTopToLeftBottom,
.navbar .navbar-nav.ScaleRightTopToLeftBottom .dropdown-menu,
.navbar .navbar-right .dropdown-menu.ScaleStartTopEndBottom,
.navbar .navbar-right.ScaleStartTopEndBottom .dropdown-menu,
.navbar.ScaleEndTopStartBottom .navbar-left .dropdown-menu,
.navbar.ScaleRightTopToLeftBottom .navbar-nav .dropdown-menu,
.navbar.ScaleStartTopEndBottom .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-animation-name: ScaleRightTopToLeftBottom;
    animation-name: ScaleRightTopToLeftBottom
}

.navbar .navbar-left .dropdown-menu.ScaleEndBottomStartTop,
.navbar .navbar-left.ScaleEndBottomStartTop .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.ScaleRightBottomToLeftTop,
.navbar .navbar-nav.ScaleRightBottomToLeftTop .dropdown-menu,
.navbar .navbar-right .dropdown-menu.ScaleStartBottomEndTop,
.navbar .navbar-right.ScaleStartBottomEndTop .dropdown-menu,
.navbar.ScaleEndBottomStartTop .navbar-left .dropdown-menu,
.navbar.ScaleRightBottomToLeftTop .navbar-nav .dropdown-menu,
.navbar.ScaleStartBottomEndTop .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-animation-name: ScaleRightBottomToLeftTop;
    animation-name: ScaleRightBottomToLeftTop
}

@keyframes RotateLeftTopFixedDown {
    from {
        -webkit-transform: rotateZ(-90deg);
        -ms-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@-webkit-keyframes RotateLeftTopFixedDown {
    from {
        -webkit-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes RotateLeftTopFixedUp {
    from {
        -webkit-transform: rotateZ(90deg);
        -ms-transform: rotateZ(90deg);
        transform: rotateZ(90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@-webkit-keyframes RotateLeftTopFixedUp {
    from {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes RotateRightTopFixedDown {
    from {
        -webkit-transform: rotateZ(-90deg);
        -ms-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@-webkit-keyframes RotateRightTopFixedDown {
    from {
        -webkit-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes RotateRightTopFixedUp {
    from {
        -webkit-transform: rotateZ(90deg);
        -ms-transform: rotateZ(90deg);
        transform: rotateZ(90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@-webkit-keyframes RotateRightTopFixedUp {
    from {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes RotateLeftBottomFixedDown {
    from {
        -webkit-transform: rotateZ(-90deg);
        -ms-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@-webkit-keyframes RotateLeftBottomFixedDown {
    from {
        -webkit-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes RotateLeftBottomFixedUp {
    from {
        -webkit-transform: rotateZ(90deg);
        -ms-transform: rotateZ(90deg);
        transform: rotateZ(90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@-webkit-keyframes RotateLeftBottomFixedUp {
    from {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes RotateRightBottomFixedDown {
    from {
        -webkit-transform: rotateZ(-90deg);
        -ms-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@-webkit-keyframes RotateRightBottomFixedDown {
    from {
        -webkit-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes RotateRightBottomFixedUp {
    from {
        -webkit-transform: rotateZ(90deg);
        -ms-transform: rotateZ(90deg);
        transform: rotateZ(90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@-webkit-keyframes RotateRightBottomFixedUp {
    from {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes RotateCenterFixedToRight {
    from {
        -webkit-transform: rotateZ(-90deg);
        -ms-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@-webkit-keyframes RotateCenterFixedToRight {
    from {
        -webkit-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes RotateCenterFixedToLeft {
    from {
        -webkit-transform: rotateZ(90deg);
        -ms-transform: rotateZ(90deg);
        transform: rotateZ(90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@-webkit-keyframes RotateCenterFixedToLeft {
    from {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg)
    }

    to {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

.navbar .navbar-left .dropdown-menu.RotateStartTopFixedDown,
.navbar .navbar-left.RotateStartTopFixedDown .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.RotateLeftTopFixedDown,
.navbar .navbar-nav.RotateLeftTopFixedDown .dropdown-menu,
.navbar .navbar-right .dropdown-menu.RotateEndTopFixedUp,
.navbar .navbar-right.RotateEndTopFixedUp .dropdown-menu,
.navbar.RotateEndTopFixedUp .navbar-right .dropdown-menu,
.navbar.RotateLeftTopFixedDown .navbar-nav .dropdown-menu,
.navbar.RotateStartTopFixedDown .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation-name: RotateLeftTopFixedDown;
    animation-name: RotateLeftTopFixedDown
}

.navbar .navbar-left .dropdown-menu.RotateStartTopFixedUp,
.navbar .navbar-left.RotateStartTopFixedUp .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.RotateLeftTopFixedUp,
.navbar .navbar-nav.RotateLeftTopFixedUp .dropdown-menu,
.navbar .navbar-right .dropdown-menu.RotateEndTopFixedDown,
.navbar .navbar-right.RotateEndTopFixedDown .dropdown-menu,
.navbar.RotateEndTopFixedDown .navbar-right .dropdown-menu,
.navbar.RotateLeftTopFixedUp .navbar-nav .dropdown-menu,
.navbar.RotateStartTopFixedUp .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation-name: RotateLeftTopFixedUp;
    animation-name: RotateLeftTopFixedUp
}

.navbar .navbar-left .dropdown-menu.RotateEndTopFixedDown,
.navbar .navbar-left.RotateEndTopFixedDown .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.RotateRightTopFixedDown,
.navbar .navbar-nav.RotateRightTopFixedDown .dropdown-menu,
.navbar .navbar-right .dropdown-menu.RotateStartTopFixedUp,
.navbar .navbar-right.RotateStartTopFixedUp .dropdown-menu,
.navbar.RotateEndTopFixedDown .navbar-left .dropdown-menu,
.navbar.RotateRightTopFixedDown .navbar-nav .dropdown-menu,
.navbar.RotateStartTopFixedUp .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-animation-name: RotateRightTopFixedDown;
    animation-name: RotateRightTopFixedDown
}

.navbar .navbar-left .dropdown-menu.RotateEndTopFixedUp,
.navbar .navbar-left.RotateEndTopFixedUp .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.RotateRightTopFixedUp,
.navbar .navbar-nav.RotateRightTopFixedUp .dropdown-menu,
.navbar .navbar-right .dropdown-menu.RotateStartTopFixedDown,
.navbar .navbar-right.RotateStartTopFixedDown .dropdown-menu,
.navbar.RotateEndTopFixedUp .navbar-left .dropdown-menu,
.navbar.RotateRightTopFixedUp .navbar-nav .dropdown-menu,
.navbar.RotateStartTopFixedDown .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-animation-name: RotateRightTopFixedUp;
    animation-name: RotateRightTopFixedUp
}

.navbar .navbar-left .dropdown-menu.RotateStartBottomFixedDown,
.navbar .navbar-left.RotateStartBottomFixedDown .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.RotateLeftBottomFixedDown,
.navbar .navbar-nav.RotateLeftBottomFixedDown .dropdown-menu,
.navbar .navbar-right .dropdown-menu.RotateEndBottomFixedUp,
.navbar .navbar-right.RotateEndBottomFixedUp .dropdown-menu,
.navbar.RotateEndBottomFixedUp .navbar-right .dropdown-menu,
.navbar.RotateLeftBottomFixedDown .navbar-nav .dropdown-menu,
.navbar.RotateStartBottomFixedDown .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-animation-name: RotateLeftBottomFixedDown;
    animation-name: RotateLeftBottomFixedDown
}

.navbar .navbar-left .dropdown-menu.RotateStartBottomFixedUp,
.navbar .navbar-left.RotateStartBottomFixedUp .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.RotateLeftBottomFixedUp,
.navbar .navbar-nav.RotateLeftBottomFixedUp .dropdown-menu,
.navbar .navbar-right .dropdown-menu.RotateEndBottomFixedDown,
.navbar .navbar-right.RotateEndBottomFixedDown .dropdown-menu,
.navbar.RotateEndBottomFixedDown .navbar-right .dropdown-menu,
.navbar.RotateLeftBottomFixedUp .navbar-nav .dropdown-menu,
.navbar.RotateStartBottomFixedUp .navbar-left .dropdown-menu {
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-animation-name: RotateLeftBottomFixedUp;
    animation-name: RotateLeftBottomFixedUp
}

.navbar .navbar-left .dropdown-menu.RotateEndBottomFixedDown,
.navbar .navbar-left.RotateEndBottomFixedDown .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.RotateRightBottomFixedDown,
.navbar .navbar-nav.RotateRightBottomFixedDown .dropdown-menu,
.navbar .navbar-right .dropdown-menu.RotateStartBottomFixedUp,
.navbar .navbar-right.RotateStartBottomFixedUp .dropdown-menu,
.navbar.RotateEndBottomFixedDown .navbar-left .dropdown-menu,
.navbar.RotateRightBottomFixedDown .navbar-nav .dropdown-menu,
.navbar.RotateStartBottomFixedUp .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-animation-name: RotateRightBottomFixedDown;
    animation-name: RotateRightBottomFixedDown
}

.navbar .navbar-left .dropdown-menu.RotateEndBottomFixedUp,
.navbar .navbar-left.RotateEndBottomFixedUp .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.RotateRightBottomFixedUp,
.navbar .navbar-nav.RotateRightBottomFixedUp .dropdown-menu,
.navbar .navbar-right .dropdown-menu.RotateStartBottomFixedDown,
.navbar .navbar-right.RotateStartBottomFixedDown .dropdown-menu,
.navbar.RotateEndBottomFixedUp .navbar-left .dropdown-menu,
.navbar.RotateRightBottomFixedUp .navbar-nav .dropdown-menu,
.navbar.RotateStartBottomFixedDown .navbar-right .dropdown-menu {
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-animation-name: RotateRightBottomFixedUp;
    animation-name: RotateRightBottomFixedUp
}

.navbar .navbar-left .dropdown-menu.RotateCenterFixedToEnd,
.navbar .navbar-left.RotateCenterFixedToEnd .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.RotateCenterFixedToRight,
.navbar .navbar-nav.RotateCenterFixedToRight .dropdown-menu,
.navbar .navbar-right .dropdown-menu.RotateCenterFixedToStart,
.navbar .navbar-right.RotateCenterFixedToStart .dropdown-menu,
.navbar.RotateCenterFixedToEnd .navbar-left .dropdown-menu,
.navbar.RotateCenterFixedToRight .navbar-nav .dropdown-menu,
.navbar.RotateCenterFixedToStart .navbar-right .dropdown-menu {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: RotateCenterFixedToRight;
    animation-name: RotateCenterFixedToRight
}

.navbar .navbar-left .dropdown-menu.RotateCenterFixedToStart,
.navbar .navbar-left.RotateCenterFixedToStart .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.RotateCenterFixedToLeft,
.navbar .navbar-nav.RotateCenterFixedToLeft .dropdown-menu,
.navbar .navbar-right .dropdown-menu.RotateCenterFixedToEnd,
.navbar .navbar-right.RotateCenterFixedToEnd .dropdown-menu,
.navbar.RotateCenterFixedToEnd .navbar-right .dropdown-menu,
.navbar.RotateCenterFixedToLeft .navbar-nav .dropdown-menu,
.navbar.RotateCenterFixedToStart .navbar-left .dropdown-menu {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-name: RotateCenterFixedToLeft;
    animation-name: RotateCenterFixedToLeft
}

@keyframes SlideTopToBottom {
    0% {
        -webkit-transform: translate(0, -50px);
        -ms-transform: translate(0, -50px);
        transform: translate(0, -50px)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes SlideTopToBottom {
    0% {
        -webkit-transform: translate(0, -50px);
        transform: translate(0, -50px)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes SlideBottomToTop {
    0% {
        -webkit-transform: translate(0, 50px);
        -ms-transform: translate(0, 50px);
        transform: translate(0, 50px)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes SlideBottomToTop {
    0% {
        -webkit-transform: translate(0, 50px);
        transform: translate(0, 50px)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes SlideLeftToRight {
    0% {
        -webkit-transform: translate(-50px, 0);
        -ms-transform: translate(-50px, 0);
        transform: translate(-50px, 0)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes SlideLeftToRight {
    0% {
        -webkit-transform: translate(-50px, 0);
        transform: translate(-50px, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes SlideRightToLeft {
    0% {
        -webkit-transform: translate(50px, 0);
        -ms-transform: translate(50px, 0);
        transform: translate(50px, 0)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes SlideRightToLeft {
    0% {
        -webkit-transform: translate(50px, 0);
        transform: translate(50px, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes SlideLeftTopToRightBottom {
    0% {
        -webkit-transform: translate(-50px, -50px);
        -ms-transform: translate(-50px, -50px);
        transform: translate(-50px, -50px)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes SlideLeftTopToRightBottom {
    0% {
        -webkit-transform: translate(-50px, -50px);
        transform: translate(-50px, -50px)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes SlideRightTopToLeftBottom {
    0% {
        -webkit-transform: translate(50px, -50px);
        -ms-transform: translate(50px, -50px);
        transform: translate(50px, -50px)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes SlideRightTopToLeftBottom {
    0% {
        -webkit-transform: translate(50px, -50px);
        transform: translate(50px, -50px)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes SlideLeftBottomToRightTop {
    0% {
        -webkit-transform: translate(-50px, 50px);
        -ms-transform: translate(-50px, 50px);
        transform: translate(-50px, 50px)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes SlideLeftBottomToRightTop {
    0% {
        -webkit-transform: translate(-50px, 50px);
        transform: translate(-50px, 50px)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes SlideRightBottomToLeftTop {
    0% {
        -webkit-transform: translate(50px, 50px);
        -ms-transform: translate(50px, 50px);
        transform: translate(50px, 50px)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes SlideRightBottomToLeftTop {
    0% {
        -webkit-transform: translate(50px, 50px);
        transform: translate(50px, 50px)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.navbar .navbar-nav .dropdown-menu.SlideTopToBottom,
.navbar .navbar-nav.SlideTopToBottom .dropdown-menu,
.navbar.SlideTopToBottom .navbar-nav .dropdown-menu {
    -webkit-animation-name: SlideTopToBottom;
    animation-name: SlideTopToBottom
}

.navbar .navbar-nav .dropdown-menu.SlideBottomToTop,
.navbar .navbar-nav.SlideBottomToTop .dropdown-menu,
.navbar.SlideBottomToTop .navbar-nav .dropdown-menu {
    -webkit-animation-name: SlideBottomToTop;
    animation-name: SlideBottomToTop
}

.navbar .navbar-left .dropdown-menu.SlideStartToEnd,
.navbar .navbar-left.SlideStartToEnd .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SlideLeftToRight,
.navbar .navbar-nav.SlideLeftToRight .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SlideEndToStart,
.navbar .navbar-right.SlideEndToStart .dropdown-menu,
.navbar.SlideEndToStart .navbar-right .dropdown-menu,
.navbar.SlideLeftToRight .navbar-nav .dropdown-menu,
.navbar.SlideStartToEnd .navbar-left .dropdown-menu {
    -webkit-animation-name: SlideLeftToRight;
    animation-name: SlideLeftToRight
}

.navbar .navbar-left .dropdown-menu.SlideEndToStart,
.navbar .navbar-left.SlideEndToStart .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SlideRightToLeft,
.navbar .navbar-nav.SlideRightToLeft .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SlideStartToEnd,
.navbar .navbar-right.SlideStartToEnd .dropdown-menu,
.navbar.SlideEndToStart .navbar-left .dropdown-menu,
.navbar.SlideRightToLeft .navbar-nav .dropdown-menu,
.navbar.SlideStartToEnd .navbar-right .dropdown-menu {
    -webkit-animation-name: SlideRightToLeft;
    animation-name: SlideRightToLeft
}

.navbar .navbar-left .dropdown-menu.SlideStartTopToEndBottom,
.navbar .navbar-left.SlideStartTopToEndBottom .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SlideLeftTopToRightBottom,
.navbar .navbar-nav.SlideLeftTopToRightBottom .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SlideEndTopToStartBottom,
.navbar .navbar-right.SlideEndTopToStartBottom .dropdown-menu,
.navbar.SlideEndTopToStartBottom .navbar-right .dropdown-menu,
.navbar.SlideLeftTopToRightBottom .navbar-nav .dropdown-menu,
.navbar.SlideStartTopToEndBottom .navbar-left .dropdown-menu {
    -webkit-animation-name: SlideLeftTopToRightBottom;
    animation-name: SlideLeftTopToRightBottom
}

.navbar .navbar-left .dropdown-menu.SlideEndTopToStartBottom,
.navbar .navbar-left.SlideEndTopToStartBottom .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SlideRightTopToLeftBottom,
.navbar .navbar-nav.SlideRightTopToLeftBottom .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SlideStartTopToEndBottom,
.navbar .navbar-right.SlideStartTopToEndBottom .dropdown-menu,
.navbar.SlideEndTopToStartBottom .navbar-left .dropdown-menu,
.navbar.SlideRightTopToLeftBottom .navbar-nav .dropdown-menu,
.navbar.SlideStartTopToEndBottom .navbar-right .dropdown-menu {
    -webkit-animation-name: SlideRightTopToLeftBottom;
    animation-name: SlideRightTopToLeftBottom
}

.navbar .navbar-left .dropdown-menu.SlideStartBottomToEndTop,
.navbar .navbar-left.SlideStartBottomToEndTop .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SlideLeftBottomToRightTop,
.navbar .navbar-nav.SlideLeftBottomToRightTop .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SlideEndBottomToStartTop,
.navbar .navbar-right.SlideEndBottomToStartTop .dropdown-menu,
.navbar.SlideEndBottomToStartTop .navbar-right .dropdown-menu,
.navbar.SlideLeftBottomToRightTop .navbar-nav .dropdown-menu,
.navbar.SlideStartBottomToEndTop .navbar-left .dropdown-menu {
    -webkit-animation-name: SlideLeftBottomToRightTop;
    animation-name: SlideLeftBottomToRightTop
}

.navbar .navbar-left .dropdown-menu.SlideEndBottomToStartTop,
.navbar .navbar-left.SlideEndBottomToStartTop .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SlideRightBottomToLeftTop,
.navbar .navbar-nav.SlideRightBottomToLeftTop .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SlideStartBottomToEndTop,
.navbar .navbar-right.SlideStartBottomToEndTop .dropdown-menu,
.navbar.SlideEndBottomToStartTop .navbar-left .dropdown-menu,
.navbar.SlideRightBottomToLeftTop .navbar-nav .dropdown-menu,
.navbar.SlideStartBottomToEndTop .navbar-right .dropdown-menu {
    -webkit-animation-name: SlideRightBottomToLeftTop;
    animation-name: SlideRightBottomToLeftTop
}

@-webkit-keyframes SpeedRightToLeftShort {
    0% {
        -webkit-transform: translate3d(250px, 0, 0) skewX(-20deg);
        -ms-transform: translate3d(250px, 0, 0) skewX(-20deg);
        transform: translate3d(250px, 0, 0) skewX(-20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(10deg);
        transform: skewX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes SpeedRightToLeftShort {
    0% {
        -webkit-transform: translate3d(250px, 0, 0) skewX(-20deg);
        -ms-transform: translate3d(250px, 0, 0) skewX(-20deg);
        transform: translate3d(250px, 0, 0) skewX(-20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(10deg);
        -ms-transform: skewX(10deg);
        transform: skewX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        -ms-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes SpeedRightToLeftMedium {
    0% {
        -webkit-transform: translate3d(500px, 0, 0) skewX(-20deg);
        transform: translate3d(500px, 0, 0) skewX(-20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(10deg);
        transform: skewX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes SpeedRightToLeftMedium {
    0% {
        -webkit-transform: translate3d(500px, 0, 0) skewX(-20deg);
        -ms-transform: translate3d(500px, 0, 0) skewX(-20deg);
        transform: translate3d(500px, 0, 0) skewX(-20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(10deg);
        -ms-transform: skewX(10deg);
        transform: skewX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        -ms-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes SpeedRightToLeftLong {
    0% {
        -webkit-transform: translate3d(1000px, 0, 0) skewX(-20deg);
        transform: translate3d(1000px, 0, 0) skewX(-20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(10deg);
        transform: skewX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes SpeedRightToLeftLong {
    0% {
        -webkit-transform: translate3d(1000px, 0, 0) skewX(-20deg);
        -ms-transform: translate3d(1000px, 0, 0) skewX(-20deg);
        transform: translate3d(1000px, 0, 0) skewX(-20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(10deg);
        -ms-transform: skewX(10deg);
        transform: skewX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        -ms-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes SpeedLeftToRightShort {
    0% {
        -webkit-transform: translate3d(-250px, 0, 0) skewX(20deg);
        transform: translate3d(-250px, 0, 0) skewX(20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-10deg);
        transform: skewX(-10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes SpeedLeftToRightShort {
    0% {
        -webkit-transform: translate3d(-250px, 0, 0) skewX(20deg);
        -ms-transform: translate3d(-250px, 0, 0) skewX(20deg);
        transform: translate3d(-250px, 0, 0) skewX(20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-10deg);
        -ms-transform: skewX(-10deg);
        transform: skewX(-10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        -ms-transform: skewX(5deg);
        transform: skewX(5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes SpeedLeftToRightMedium {
    0% {
        -webkit-transform: translate3d(-500px, 0, 0) skewX(20deg);
        transform: translate3d(-500px, 0, 0) skewX(20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-10deg);
        transform: skewX(-10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes SpeedLeftToRightMedium {
    0% {
        -webkit-transform: translate3d(-500px, 0, 0) skewX(20deg);
        -ms-transform: translate3d(-500px, 0, 0) skewX(20deg);
        transform: translate3d(-500px, 0, 0) skewX(20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-10deg);
        -ms-transform: skewX(-10deg);
        transform: skewX(-10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        -ms-transform: skewX(5deg);
        transform: skewX(5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes SpeedLeftToRightLong {
    0% {
        -webkit-transform: translate3d(-1000px, 0, 0) skewX(20deg);
        transform: translate3d(-1000px, 0, 0) skewX(20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-10deg);
        transform: skewX(-10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes SpeedLeftToRightLong {
    0% {
        -webkit-transform: translate3d(-1000px, 0, 0) skewX(20deg);
        -ms-transform: translate3d(-1000px, 0, 0) skewX(20deg);
        transform: translate3d(-1000px, 0, 0) skewX(20deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-10deg);
        -ms-transform: skewX(-10deg);
        transform: skewX(-10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        -ms-transform: skewX(5deg);
        transform: skewX(5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.navbar .navbar-left .dropdown-menu.SpeedStartToEndShort,
.navbar .navbar-left.SpeedStartToEndShort .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SpeedEndToStartShort,
.navbar .navbar-right.SpeedEndToStartShort .dropdown-menu,
.navbar.SpeedEndToStartShort .navbar-right .dropdown-menu,
.navbar.SpeedStartToEndShort .navbar-left .dropdown-menu {
    -webkit-animation-name: SpeedLeftToRightShort;
    animation-name: SpeedRightToLeftShort;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.navbar .navbar-left .dropdown-menu.SpeedEndToStartShort,
.navbar .navbar-left.SpeedEndToStartShort .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SpeedRightToLeftShort,
.navbar .navbar-nav.SpeedRightToLeftShort .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SpeedStartToEndShort,
.navbar .navbar-right.SpeedStartToEndShort .dropdown-menu,
.navbar.SpeedEndToStartShort .navbar-left .dropdown-menu,
.navbar.SpeedRightToLeftShort .navbar-nav .dropdown-menu,
.navbar.SpeedStartToEndShort .navbar-right .dropdown-menu {
    -webkit-animation-name: SpeedRightToLeftShort;
    animation-name: SpeedRightToLeftShort;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.navbar .navbar-left .dropdown-menu.SpeedStartToEndMedium,
.navbar .navbar-left.SpeedStartToEndMedium .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SpeedEndToStartMedium,
.navbar .navbar-right.SpeedEndToStartMedium .dropdown-menu,
.navbar.SpeedEndToStartMedium .navbar-right .dropdown-menu,
.navbar.SpeedStartToEndMedium .navbar-left .dropdown-menu {
    -webkit-animation-name: SpeedLeftToRightMedium;
    animation-name: SpeedRightToLeftMedium;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.navbar .navbar-left .dropdown-menu.SpeedEndToStartMedium,
.navbar .navbar-left.SpeedEndToStartMedium .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SpeedRightToLeftMedium,
.navbar .navbar-nav.SpeedRightToLeftMedium .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SpeedStartToEndMedium,
.navbar .navbar-right.SpeedStartToEndMedium .dropdown-menu,
.navbar.SpeedEndToStartMedium .navbar-left .dropdown-menu,
.navbar.SpeedRightToLeftMedium .navbar-nav .dropdown-menu,
.navbar.SpeedStartToEndMedium .navbar-right .dropdown-menu {
    -webkit-animation-name: SpeedRightToLeftMedium;
    animation-name: SpeedRightToLeftMedium;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.navbar .navbar-left .dropdown-menu.SpeedStartToEndLong,
.navbar .navbar-left.SpeedStartToEndLong .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SpeedEndToStartLong,
.navbar .navbar-right.SpeedEndToStartLong .dropdown-menu,
.navbar.SpeedEndToStartLong .navbar-right .dropdown-menu,
.navbar.SpeedStartToEndLong .navbar-left .dropdown-menu {
    -webkit-animation-name: SpeedLeftToRightLong;
    animation-name: SpeedRightToLeftLong;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.navbar .navbar-left .dropdown-menu.SpeedEndToStartLong,
.navbar .navbar-left.SpeedEndToStartLong .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SpeedRightToLeftLong,
.navbar .navbar-nav.SpeedRightToLeftLong .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SpeedStartToEndLong,
.navbar .navbar-right.SpeedStartToEndLong .dropdown-menu,
.navbar.SpeedEndToStartLong .navbar-left .dropdown-menu,
.navbar.SpeedRightToLeftLong .navbar-nav .dropdown-menu,
.navbar.SpeedStartToEndLong .navbar-right .dropdown-menu {
    -webkit-animation-name: SpeedRightToLeftLong;
    animation-name: SpeedRightToLeftLong;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.navbar .navbar-nav .dropdown-menu.SpeedLeftToRightShort,
.navbar .navbar-nav.SpeedLeftToRightShort .dropdown-menu,
.navbar.SpeedLeftToRightShort .navbar-nav .dropdown-menu {
    -webkit-animation-name: SpeedLeftToRightShort;
    animation-name: SpeedLeftToRightShort;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.navbar .navbar-nav .dropdown-menu.SpeedLeftToRightMedium,
.navbar .navbar-nav.SpeedLeftToRightMedium .dropdown-menu,
.navbar.SpeedLeftToRightMedium .navbar-nav .dropdown-menu {
    -webkit-animation-name: SpeedLeftToRightMedium;
    animation-name: SpeedLeftToRightMedium;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.navbar .navbar-nav .dropdown-menu.SpeedLeftToRightLong,
.navbar .navbar-nav.SpeedLeftToRightLong .dropdown-menu,
.navbar.SpeedLeftToRightLong .navbar-nav .dropdown-menu {
    -webkit-animation-name: SpeedLeftToRightLong;
    animation-name: SpeedLeftToRightLong;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes SpaceTopToBottom {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: scale(.2) translate(0, -200%)
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@keyframes SpaceTopToBottom {
    0% {
        opacity: 0;
        transform-origin: 50% 0;
        transform: scale(.2) translate(0, -200%)
    }

    100% {
        opacity: 1;
        transform-origin: 50% 0;
        transform: scale(1) translate(0, 0)
    }
}

@-webkit-keyframes SpaceRightToLeft {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 50%;
        -webkit-transform: scale(.2) translate(200%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 50%;
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@keyframes SpaceRightToLeft {
    0% {
        opacity: 0;
        transform-origin: 100% 50%;
        transform: scale(.2) translate(200%, 0)
    }

    100% {
        opacity: 1;
        transform-origin: 100% 50%;
        transform: scale(1) translate(0, 0)
    }
}

@-webkit-keyframes SpaceBottomToTop {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        -webkit-transform: scale(.2) translate(0, 200%)
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 100%;
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@keyframes SpaceBottomToTop {
    0% {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: scale(.2) translate(0, 200%)
    }

    100% {
        opacity: 1;
        transform-origin: 50% 100%;
        transform: scale(1) translate(0, 0)
    }
}

@-webkit-keyframes SpaceLeftToRight {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 50%;
        -webkit-transform: scale(.2) translate(-200%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 0 50%;
        -webkit-transform: scale(1) translate(0, 0)
    }
}

@keyframes SpaceLeftToRight {
    0% {
        opacity: 0;
        transform-origin: 0 50%;
        transform: scale(.2) translate(-200%, 0)
    }

    100% {
        opacity: 1;
        transform-origin: 0 50%;
        transform: scale(1) translate(0, 0)
    }
}

.navbar .navbar-nav .dropdown-menu.SpaceTopToBottom,
.navbar .navbar-nav.SpaceTopToBottom .dropdown-menu,
.navbar.SpaceTopToBottom .navbar-nav .dropdown-menu {
    -webkit-animation-name: SpaceTopToBottom;
    animation-name: SpaceTopToBottom
}

.navbar .navbar-nav .dropdown-menu.SpaceBottomToTop,
.navbar .navbar-nav.SpaceBottomToTop .dropdown-menu,
.navbar.SpaceBottomToTop .navbar-nav .dropdown-menu {
    -webkit-animation-name: SpaceBottomToTop;
    animation-name: SpaceBottomToTop
}

.navbar .navbar-left .dropdown-menu.SpaceStartToEnd,
.navbar .navbar-left.SpaceStartToEnd .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SpaceLeftToRight,
.navbar .navbar-nav.SpaceLeftToRight .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SpaceEndToStart,
.navbar .navbar-right.SpaceEndToStart .dropdown-menu,
.navbar.SpaceEndToStart .navbar-right .dropdown-menu,
.navbar.SpaceLeftToRight .navbar-nav .dropdown-menu,
.navbar.SpaceStartToEnd .navbar-left .dropdown-menu {
    -webkit-animation-name: SpaceLeftToRight;
    animation-name: SpaceLeftToRight
}

.navbar .navbar-left .dropdown-menu.SpaceEndToStart,
.navbar .navbar-left.SpaceEndToStart .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.SpaceRightToLeft,
.navbar .navbar-nav.SpaceRightToLeft .dropdown-menu,
.navbar .navbar-right .dropdown-menu.SpaceStartToEnd,
.navbar .navbar-right.SpaceStartToEnd .dropdown-menu,
.navbar.SpaceEndToStart .navbar-left .dropdown-menu,
.navbar.SpaceRightToLeft .navbar-nav .dropdown-menu,
.navbar.SpaceStartToEnd .navbar-right .dropdown-menu {
    -webkit-animation-name: SpaceRightToLeft;
    animation-name: SpaceRightToLeft
}

@-webkit-keyframes Zoom {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Zoom {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes ZoomDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes ZoomDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes ZoomLeftToRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes ZoomLeftToRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes ZoomRightToLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes ZoomRightToLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes ZoomUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes ZoomUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.navbar .navbar-nav .dropdown-menu.Zoom,
.navbar .navbar-nav.Zoom .dropdown-menu,
.navbar.Zoom .navbar-nav .dropdown-menu {
    -webkit-animation-name: Zoom;
    animation-name: Zoom
}

.navbar .navbar-nav .dropdown-menu.ZoomDown,
.navbar .navbar-nav.ZoomDown .dropdown-menu,
.navbar.ZoomDown .navbar-nav .dropdown-menu {
    -webkit-animation-name: ZoomDown;
    animation-name: ZoomDown
}

.navbar .navbar-nav .dropdown-menu.ZoomUp,
.navbar .navbar-nav.ZoomUp .dropdown-menu,
.navbar.ZoomUp .navbar-nav .dropdown-menu {
    -webkit-animation-name: ZoomUp;
    animation-name: ZoomUp
}

.navbar .navbar-left .dropdown-menu.ZoomStartToEnd,
.navbar .navbar-left.ZoomStartToEnd .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.ZoomLeftToRight,
.navbar .navbar-nav.ZoomLeftToRight .dropdown-menu,
.navbar .navbar-right .dropdown-menu.ZoomEndToStart,
.navbar .navbar-right.ZoomEndToStart .dropdown-menu,
.navbar.ZoomEndToStart .navbar-right .dropdown-menu,
.navbar.ZoomLeftToRight .navbar-nav .dropdown-menu,
.navbar.ZoomStartToEnd .navbar-left .dropdown-menu {
    -webkit-animation-name: ZoomLeftToRight;
    animation-name: ZoomLeftToRight
}

.navbar .navbar-left .dropdown-menu.ZoomEndToStart,
.navbar .navbar-left.ZoomEndToStart .dropdown-menu,
.navbar .navbar-nav .dropdown-menu.ZoomRightToLeft,
.navbar .navbar-nav.ZoomRightToLeft .dropdown-menu,
.navbar .navbar-right .dropdown-menu.ZoomStartToEnd,
.navbar .navbar-right.ZoomStartToEnd .dropdown-menu,
.navbar.ZoomEndToStart .navbar-left .dropdown-menu,
.navbar.ZoomRightToLeft .navbar-nav .dropdown-menu,
.navbar.ZoomStartToEnd .navbar-right .dropdown-menu {
    -webkit-animation-name: ZoomRightToLeft;
    animation-name: ZoomRightToLeft
}

.navbar-carousel-indicators {
    position: relative;
    bottom: inherit;
    left: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: inherit;
    list-style: none
}

    .navbar-carousel-indicators li {
        width: 100%;
        height: auto;
        margin: 0;
        text-indent: inherit;
        cursor: pointer;
        border: 0;
        border-radius: 0;
        display: block
    }

    .navbar-carousel-indicators .active {
        width: 100%;
        height: auto;
        margin: 0;
        background-color: transparent
    }

.dropdown-menu,
.navbar {
    min-width: 35px
}

    .navbar .container,
    .navbar .container-fluid {
        position: relative
    }

    .navbar .navbar a,
    a:focus,
    a:hover {
        text-decoration: none
    }

    .navbar .navbar-text,
    .navbar a.navbar-link {
        line-height: 20px;
        padding: 15px;
        margin: 0
    }

    .navbar p > .navbar-text,
    .navbar p > a.navbar-link {
        padding: 15px 0
    }

    .navbar .dropdown-menu {
        overflow: visible !important;
        -webkit-transition: height 1ms;
        transition: height 1ms
    }

    .navbar .navbar-nav .dropdown-menu li.disabled:focus > a,
    .navbar .navbar-nav .dropdown-menu li.disabled:hover > a {
        cursor: not-allowed
    }

    .navbar.navbar-fixed-bottom,
    .navbar.navbar-fixed-top {
        -webkit-transform: none;
        -o-transform: none;
        -moz-transform: none;
        transform: none;
        -ms-transform: none
    }

    .navbar .nav > li > a {
        display: inline-block
    }

@media (max-width:767px) {

    .navbar.xs-height25.navbar-fixed-bottom .navbar-collapse,
    .navbar.xs-height25.navbar-fixed-top .navbar-collapse {
        max-height: calc((100vh - 50px) * 25/100)
    }

    .navbar.xs-height33.navbar-fixed-bottom .navbar-collapse,
    .navbar.xs-height33.navbar-fixed-top .navbar-collapse {
        max-height: calc((100vh - 50px) * 33/100)
    }

    .navbar.xs-height50.navbar-fixed-bottom .navbar-collapse,
    .navbar.xs-height50.navbar-fixed-top .navbar-collapse {
        max-height: calc((100vh - 50px) * 50/100)
    }

    .navbar.xs-height66.navbar-fixed-bottom .navbar-collapse,
    .navbar.xs-height66.navbar-fixed-top .navbar-collapse {
        max-height: calc((100vh - 50px) * 66/100)
    }

    .navbar.xs-height75.navbar-fixed-bottom .navbar-collapse,
    .navbar.xs-height75.navbar-fixed-top .navbar-collapse {
        max-height: calc((100vh - 50px) * 75/100)
    }

    .navbar.xs-height100.navbar-fixed-bottom .navbar-collapse,
    .navbar.xs-height100.navbar-fixed-top .navbar-collapse {
        max-height: calc(100vh - 50px)
    }

    .caret {
        margin-top: 9px
    }

    .navbar {
        border-bottom: 0
    }

        .navbar .navbar-nav > li.divider {
            display: none
        }

        .navbar .navbar-header a.navbar-link {
            display: block;
            margin: 0;
            padding: 15px
        }

        .navbar .navbar-text,
        .navbar a.navbar-link {
            display: block;
            margin: 0;
            padding: 10px 15px;
            line-height: 20px
        }

        .navbar p > a.navbar-link {
            display: inline-block;
            padding: 0 !important
        }

        .navbar .navbar-header .navbar-text {
            padding: 15px;
            margin: 0
        }

        .navbar .navbar-form {
            border: 0;
            margin: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }
}

.navbar .navbar-nav .dropdown-menu ul,
.navbar .navbar-nav .dropdown-menu ul .dropdown-menu {
    padding: 0
}

.navbar .navbar-nav .dropdown-menu li {
    list-style: none
}

.navbar .navbar-nav.navbar-right:last-child {
    margin-right: 0
}

.navbar .navbar-header {
    z-index: 1;
    position: relative
}

.navbar .container .navbar-collapse,
.navbar .container-fluid .navbar-collapse {
    position: relative;
    padding-right: 0;
    padding-left: 0
}

.navbar.navbar-static-top .container .navbar-collapse,
.navbar.navbar-static-top .container-fluid .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

.navbar.navbar-static-top .container .navbar-header,
.navbar.navbar-static-top .container-fluid .navbar-header {
    margin-left: -15px;
    margin-right: 0
}

.navbar.navbar-static-top.brand-right .container .navbar-header,
.navbar.navbar-static-top.brand-right .container-fluid .navbar-header {
    margin-left: 0;
    margin-right: -15px
}

.navbar.navbar-fixed-bottom.brand-right .container .navbar-header,
.navbar.navbar-fixed-bottom.brand-right .container-fluid .navbar-header,
.navbar.navbar-fixed-top.brand-right .container .navbar-header,
.navbar.navbar-fixed-top.brand-right .container-fluid .navbar-header {
    margin-left: 0;
    margin-right: 0 !important
}

.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    margin-left: 0
}

.navbar .dropdown-menu li.dropdown-header {
    display: block;
    padding: 5px 15px;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    font-weight: 700
}

.navbar .dropdown-short .dropdown-menu li.dropdown-header {
    display: block;
    padding: 5px 0;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    font-weight: 700
}

.navbar .h1,
.navbar .h2,
.navbar .h3,
.navbar h1,
.navbar h2,
.navbar h3 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 10px
}

.navbar .h4,
.navbar .h5,
.navbar .h6,
.navbar h4,
.navbar h5,
.navbar h6 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px
}

.navbar .panel-title {
    padding-top: 0;
    padding-bottom: 0
}

.navbar .label {
    line-height: 14px;
    margin: 0 0 0 10px;
    padding: 3px 5px;
    vertical-align: top
}

.navbar .dropdown-menu li > a,
.navbar .dropdown-menu li > a.dropdown-toggle {
    clear: both;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
    cursor: pointer;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden
}

.navbar-nav > .btn-group {
    margin: 8px 10px 8px 0
}

.navbar .btn-group > .dropdown-menu,
.navbar .navbar-form > .input-group .dropdown-menu {
    margin-top: 8px
}

.navbar .dropdown-menu li > a.dropdown-toggle {
    padding: 5px 30px 5px 15px
}

.navbar .navbar-nav .dropdown-menu li.caret-left > a.dropdown-toggle,
.navbar .navbar-nav .dropdown-menu li > a.caret-left.dropdown-toggle,
.navbar .navbar-nav .dropdown-menu.caret-left li > a.dropdown-toggle,
.navbar .navbar-nav.caret-left .dropdown-menu li > a.dropdown-toggle,
.navbar.caret-left .navbar-nav .dropdown-menu li > a.dropdown-toggle {
    padding: 5px 15px 5px 30px
}

.navbar .dropdown-menu li > a {
    padding: 5px 15px
}

.navbar a > span.desc {
    display: block;
    font-size: smaller;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (max-width:767px) {

    .navbar .navbar-collapse .navbar-nav > .navbar-form,
    .navbar .navbar-collapse > .navbar-form {
        margin: 0;
        border-top: none;
        border-bottom-width: 1px;
        border-bottom-style: solid
    }

    .navbar .navbar-collapse .navbar-nav > .navbar-text,
    .navbar .navbar-collapse .navbar-nav > a.navbar-link,
    .navbar .navbar-collapse .navbar-nav > li,
    .navbar .navbar-collapse > .navbar-text,
    .navbar .navbar-collapse > a.navbar-link {
        border-bottom-width: 1px;
        border-bottom-style: solid
    }

        .navbar .navbar-collapse .navbar-nav > li > a {
            padding-top: 9px;
            margin-top: 1px
        }

        .navbar .navbar-collapse .navbar-nav > li.open > a,
        .navbar .navbar-collapse .navbar-nav > li.xs-hover:hover > a,
        .navbar-nav > li.active > a {
            padding-top: 10px;
            padding-bottom: 11px;
            margin-top: 0
        }

    .navbar .navbar-nav > li {
        clear: both
    }

    .navbar .navbar-header .navbar-nav > li {
        clear: none
    }

    .navbar.navbar-fixed-bottom .navbar-collapse {
        position: absolute !important;
        bottom: 100%;
        width: 100%;
        border-bottom: 1px solid
    }

    .navbar .navbar-nav > li > a {
        display: block
    }

    .navbar .navbar-nav .dropdown-menu {
        padding: 0;
        border-radius: 0 !important
    }

    .navbar.navbar-fixed-bottom.brand-right .container .navbar-header,
    .navbar.navbar-fixed-bottom.brand-right .container-fluid .navbar-header,
    .navbar.navbar-fixed-top.brand-right .container .navbar-header,
    .navbar.navbar-fixed-top.brand-right .container-fluid .navbar-header {
        margin-left: -15px !important;
        margin-right: -15px !important
    }

    .navbar .navbar-nav > button {
        display: block;
        width: 100%
    }

    .navbar .navbar-nav > .btn-group {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-collapse: separate;
        margin: 8px 10px 8px 0
    }

        .navbar .navbar-nav > .btn-group > .btn-group {
            display: table-cell;
            float: none;
            width: 1%
        }

            .navbar .navbar-nav > .btn-group > .btn-group .btn {
                width: 100%
            }

    .navbar .navbar-header .navbar-nav.navbar-right {
        float: right
    }

    .navbar .navbar-header .navbar-nav.navbar-left {
        float: left
    }

    .navbar .navbar-toggle {
        margin-left: 15px
    }

    .navbar .navbar-nav {
        margin: 1px
    }
}

.navbar .no-border,
.navbar .no-border > *,
.navbar.no-border,
.navbar.no-border > * {
    border: none !important;
    border-radius: 0 !important
}

.navbar .no-border-radius,
.navbar .no-border-radius > *,
.navbar.no-border-radius,
.navbar.no-border-radius > * {
    border-radius: 0 !important
}

.navbar .no-padding {
    padding: 0 !important
}

.navbar .padding15 {
    padding: 15px !important
}

.navbar .no-margin {
    margin: 0 !important
}

.navbar .margin15 {
    margin: 15px !important
}

.navbar .no-shadow,
.navbar .no-shadow > *,
.navbar.no-shadow,
.navbar.no-shadow > * {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.navbar .navbar-nav li:not(.dropdown) > .dropdown-grid-wrapper > .dropdown-menu.bordered:not(.no-padding):after,
.navbar .navbar-nav li:not(.dropdown) > .dropdown-menu.bordered:not(.no-padding):after {
    content: '';
    display: block;
    z-index: -1;
    top: 15px;
    outline-width: 1px;
    outline-style: solid;
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px
}

@media (min-width:768px) {

    .navbar .navbar-form-expanded input,
    .navbar .navbar-form-expanded input:focus:hover {
        -webkit-transition: width .25s ease;
        transition: width .25s ease
    }

        .navbar .navbar-form-expanded input[data-width-expanded="70px"]:focus,
        .navbar .navbar-form-expanded:hover input[data-width-expanded="70px"],
        .navbar input[data-width="70px"] {
            width: 70px !important
        }

        .navbar .navbar-form-expanded input[data-width-expanded="80px"]:focus,
        .navbar .navbar-form-expanded:hover input[data-width-expanded="80px"],
        .navbar input[data-width="80px"] {
            width: 80px !important
        }

        .navbar .navbar-form-expanded input[data-width-expanded="90px"]:focus,
        .navbar .navbar-form-expanded:hover input[data-width-expanded="90px"],
        .navbar input[data-width="90px"] {
            width: 90px !important
        }

        .navbar .navbar-form-expanded input,
        .navbar .navbar-form-expanded input[data-width-expanded="100px"]:focus,
        .navbar .navbar-form-expanded:hover input[data-width-expanded="100px"],
        .navbar input[data-width="100px"] {
            width: 100px !important
        }

            .navbar .navbar-form-expanded input[data-width-expanded="110px"]:focus,
            .navbar .navbar-form-expanded:hover input[data-width-expanded="110px"],
            .navbar input[data-width="110px"] {
                width: 110px !important
            }

            .navbar .navbar-form-expanded input[data-width-expanded="120px"]:focus,
            .navbar .navbar-form-expanded:hover input[data-width-expanded="120px"],
            .navbar input[data-width="120px"] {
                width: 120px !important
            }

            .navbar .navbar-form-expanded input[data-width-expanded="130px"]:focus,
            .navbar .navbar-form-expanded:hover input[data-width-expanded="130px"],
            .navbar input[data-width="130px"] {
                width: 130px !important
            }

            .navbar .navbar-form-expanded input[data-width-expanded="140px"]:focus,
            .navbar .navbar-form-expanded:hover input[data-width-expanded="140px"],
            .navbar input[data-width="140px"] {
                width: 140px !important
            }

            .navbar .navbar-form-expanded input[data-width-expanded="150px"]:focus,
            .navbar .navbar-form-expanded:hover input[data-width-expanded="150px"],
            .navbar input[data-width="150px"] {
                width: 150px !important
            }

            .navbar .navbar-form-expanded input[data-width-expanded="160px"]:focus,
            .navbar .navbar-form-expanded:hover input[data-width-expanded="160px"],
            .navbar input[data-width="160px"] {
                width: 160px !important
            }

            .navbar .navbar-form-expanded input[data-width-expanded="170px"]:focus,
            .navbar .navbar-form-expanded:hover input[data-width-expanded="170px"],
            .navbar input[data-width="170px"] {
                width: 170px !important
            }

            .navbar .navbar-form-expanded input:focus,
            .navbar .navbar-form-expanded input[data-width-expanded="180px"]:focus,
            .navbar .navbar-form-expanded:hover input,
            .navbar .navbar-form-expanded:hover input[data-width-expanded="180px"],
            .navbar input[data-width="180px"] {
                width: 180px !important
            }

                .navbar .navbar-form-expanded input[data-width-expanded="190px"]:focus,
                .navbar .navbar-form-expanded:hover input[data-width-expanded="190px"],
                .navbar input[data-width="190px"] {
                    width: 190px !important
                }

                .navbar .navbar-form-expanded input[data-width-expanded="200px"]:focus,
                .navbar .navbar-form-expanded:hover input[data-width-expanded="200px"],
                .navbar input[data-width="200px"] {
                    width: 200px !important
                }

    .navbar .navbar-nav > li.divider {
        position: relative;
        width: 1px;
        height: 50px
    }
}

.navbar .navbar-nav .divided {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.navbar .navbar-nav .dropdown-short .divided > :before {
    margin: -1px -1px -1px 0
}

.navbar .navbar-nav .dropdown-short .divided > .h-divided:before {
    margin: -1px -1px 0 0
}

.navbar .navbar-nav .divided.row:before {
    display: block
}

.navbar .navbar-nav .divided > :before {
    margin: -1px -1px 0 0;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    border-width: 1px;
    border-style: solid;
    background: 0 0 !important
}

.navbar .navbar-nav .dropdown-menu .divided li:not(.row) > a,
.navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h1,
.navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h2,
.navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h3,
.navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h4,
.navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h5,
.navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h6 {
    margin-left: 1px;
    margin-bottom: 1px
}

.navbar .navbar-nav .h-divider:after {
    content: '';
    margin-top: -1px;
    width: 100%;
    display: block;
    height: 1px;
    z-index: 2
}

.navbar .navbar-nav .h-divider {
    position: relative !important
}

.navbar .navbar-nav .h-divided > :after,
.navbar .navbar-nav .h-divided > :first-child:before {
    content: '';
    margin-top: -1px;
    width: 100%;
    height: 1px;
    display: block;
    z-index: 1
}

.navbar .navbar-nav .h-divided > .collapse-down-onclick:after,
.navbar .navbar-nav .h-divided > .collapse-down-onhover:after,
.navbar .navbar-nav .h-divided > .collapse-up-onclick:after,
.navbar .navbar-nav .h-divided > .collapse-up-onhover:after {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: -1;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 1 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.navbar .navbar-header > .navbar-nav.navbar-left > li,
.navbar .navbar-header > .navbar-nav > li,
.navbar.brand-right .navbar-header > .navbar-nav.navbar-left > li {
    float: left
}

.navbar .navbar-header > .navbar-nav.navbar-right > li,
.navbar.brand-right .navbar-header > .navbar-nav.navbar-right > li,
.navbar.brand-right .navbar-header > .navbar-nav > li {
    float: right
}

.navbar.brand-right .navbar-header > .navbar-brand {
    float: right;
    margin-left: 0;
    margin-right: 0
}

.navbar.brand-right .navbar-header > .navbar-toggle {
    float: left;
    margin-left: 15px;
    margin-right: 15px
}

.navbar.brand-right .navbar-nav.navbar-right:last-child {
    margin-right: 0
}

.navbar .menu-lg .navbar-brand,
.navbar-brand.menu-lg,
.navbar.menu-lg .navbar-brand {
    padding: 10px 20px;
    font-size: 24px;
    line-height: 30px
}

.navbar .menu-sm .navbar-brand,
.navbar-brand.menu-sm,
.navbar.menu-sm .navbar-brand {
    padding: 10px;
    font-size: 16px;
    line-height: 30px
}

.navbar .menu-xs .navbar-brand,
.navbar-brand.menu-xs,
.navbar.menu-xs .navbar-brand {
    padding: 10px 5px;
    font-size: 14px;
    line-height: 30px
}

.navbar .menu-lg .navbar-toggle,
.navbar .navbar-toggle.menu-lg,
.navbar.menu-lg .navbar-toggle {
    margin-top: 7px;
    margin-right: 20px;
    margin-bottom: 7px
}

    .navbar .menu-lg .navbar-toggle > .icon-bar,
    .navbar .navbar-toggle.menu-lg > .icon-bar,
    .navbar.menu-lg .navbar-toggle > .icon-bar {
        height: 3px
    }

.navbar.brand-right .menu-lg .navbar-toggle,
.navbar.brand-right .navbar-toggle.menu-lg,
.navbar.brand-right.menu-lg .navbar-toggle {
    margin-left: 20px
}

.navbar .menu-sm .navbar-toggle,
.navbar .navbar-toggle.menu-sm,
.navbar.menu-sm .navbar-toggle {
    padding: 6px 7px;
    margin-top: 11px;
    margin-right: 10px;
    margin-bottom: 11px
}

.navbar.brand-right .menu-sm .navbar-toggle,
.navbar.brand-right .navbar-toggle.menu-sm,
.navbar.brand-right.menu-sm .navbar-toggle {
    margin-left: 10px
}

.navbar .menu-xs .navbar-toggle,
.navbar .navbar-toggle.menu-xs,
.navbar.menu-xs .navbar-toggle {
    padding: 3px 4px;
    margin-top: 14px;
    margin-right: 5px;
    margin-bottom: 14px
}

.navbar.brand-right .menu-xs .navbar-toggle,
.navbar.brand-right .navbar-toggle.menu-xs,
.navbar.brand-right.menu-xs .navbar-toggle {
    margin-left: 5px
}

@media (min-width:768px) {
    .navbar.brand-right .navbar-header {
        float: right
    }
}

@media (max-width:767px) {
    .navbar .navbar.brand-right .navbar-header {
        float: none
    }

    .navbar .navbar-header .nav.navbar-left {
        margin: 0 0 0 15px
    }

    .navbar .navbar-header .nav.navbar-right {
        margin: 0 15px 0 0
    }

    .navbar .navbar-header .nav > li > a {
        padding: 15px 8px;
        display: table;
        float: left
    }
}

@media (min-width:768px) {

    .navbar .navbar-nav.dropdown-onhover > li:hover.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu,
    .navbar .navbar-nav > li.dropdown-onhover:hover > ul,
    .navbar.dropdown-onhover .navbar-nav > li:hover.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu,
    .navbar.dropdown-onhover .navbar-nav > li:hover > ul {
        z-index: 1001
    }

    .navbar:not(.no-active-arrow) .navbar-nav > .active > a:after,
    .navbar:not(.no-border):not(.no-active-arrow) .navbar-nav > .active > a:before,
    .navbar:not(.no-border):not(.no-open-arrow) .navbar-nav.dropdown-onhover > li:hover > a.dropdown-toggle:before,
    .navbar:not(.no-border):not(.no-open-arrow) .navbar-nav > .open > a.dropdown-toggle:before,
    .navbar:not(.no-border):not(.no-open-arrow) .navbar-nav > li.dropdown-onhover:hover > a.dropdown-toggle:before,
    .navbar:not(.no-border):not(.no-open-arrow).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a.dropdown-toggle:before,
    .navbar:not(.no-open-arrow) .navbar-nav.dropdown-onhover > li:hover > a.dropdown-toggle:after,
    .navbar:not(.no-open-arrow) .navbar-nav > .open > a.dropdown-toggle:after,
    .navbar:not(.no-open-arrow) .navbar-nav > li.dropdown-onhover:hover > a.dropdown-toggle:after,
    .navbar:not(.no-open-arrow).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a.dropdown-toggle:after {
        content: " ";
        position: absolute;
        left: 50%;
        width: 0;
        height: 0;
        border-style: solid;
        line-height: 0;
        margin-left: -8px;
        border-color: transparent
    }

    .navbar .navbar-nav.dropdown-onhover.no-fix > .open:not(.active):not(:hover) > a.dropdown-toggle:after,
    .navbar .navbar-nav.dropdown-onhover.no-fix > .open:not(.active):not(:hover) > a.dropdown-toggle:before,
    .navbar .navbar-nav > .dropdown-onhover.no-fix.open:not(.active):not(:hover) > a.dropdown-toggle:after,
    .navbar .navbar-nav > .dropdown-onhover.no-fix.open:not(.active):not(:hover) > a.dropdown-toggle:before,
    .navbar.dropdown-onhover.no-fix .navbar-nav > .open:not(.active):not(:hover) > a.dropdown-toggle:after,
    .navbar.dropdown-onhover.no-fix .navbar-nav > .open:not(.active):not(:hover) > a.dropdown-toggle:before {
        content: none
    }

    .navbar.navbar-fixed-bottom .navbar-nav > .active > a:before {
        top: -8px;
        border-width: 0 8px 8px
    }

    .navbar.navbar-fixed-bottom .navbar-nav > .active > a:after {
        top: -7px;
        border-width: 0 8px 8px
    }

    .navbar.no-border.navbar-fixed-bottom .navbar-nav > .active > a:after {
        top: -8px
    }

    .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:before,
    .navbar.navbar-fixed-bottom .navbar-nav > .open > a:before,
    .navbar.navbar-fixed-bottom .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:before,
    .navbar.navbar-fixed-bottom.dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:before {
        top: 0;
        border-width: 8px 8px 0
    }

    .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:after,
    .navbar.navbar-fixed-bottom .navbar-nav > .open > a:after,
    .navbar.navbar-fixed-bottom .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:after,
    .navbar.navbar-fixed-bottom.dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:after {
        top: -1px;
        border-width: 8px 8px 0
    }

    .navbar.no-border.navbar-fixed-bottom .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:after,
    .navbar.no-border.navbar-fixed-bottom .navbar-nav > .open > a:after,
    .navbar.no-border.navbar-fixed-bottom .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:after,
    .navbar.no-border.navbar-fixed-bottom.dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:after {
        top: 0
    }

    .navbar:not(.navbar-fixed-bottom) .navbar-nav > .active > a:before {
        bottom: -9px;
        border-width: 8px 8px 0
    }

    .navbar:not(.navbar-fixed-bottom) .navbar-nav > .active > a:after {
        bottom: -8px;
        border-width: 8px 8px 0
    }

    .navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:before,
    .navbar:not(.navbar-fixed-bottom) .navbar-nav > .open > a:before,
    .navbar:not(.navbar-fixed-bottom) .navbar-nav > li:not(.disabled).dropdown-onhover:hover > a:before,
    .navbar:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:before {
        bottom: 0;
        border-width: 0 8px 8px
    }

    .navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:after,
    .navbar:not(.navbar-fixed-bottom) .navbar-nav > .open > a:after,
    .navbar:not(.navbar-fixed-bottom) .navbar-nav > li:not(.disabled).dropdown-onhover:hover > a:after,
    .navbar:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:after {
        bottom: -1px;
        border-width: 0 8px 8px
    }

    .navbar.no-border:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:after,
    .navbar.no-border:not(.navbar-fixed-bottom) .navbar-nav > .open > a:after,
    .navbar.no-border:not(.navbar-fixed-bottom) .navbar-nav > li:not(.disabled).dropdown-onhover:hover > a:after,
    .navbar.no-border:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:after {
        bottom: 0
    }

    .navbar.dropdown-onhover.no-fix.navbar-fixed-bottom .navbar-nav > .active > a:before,
    .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover.no-fix > .active > a:before,
    .navbar.navbar-fixed-bottom .navbar-nav > .dropdown-onhover.no-fix.active > a:before {
        top: -8px;
        border-width: 0 8px 8px
    }

    .navbar.dropdown-onhover.no-fix.navbar-fixed-bottom .navbar-nav > .active > a:after,
    .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover.no-fix > .active > a:after,
    .navbar.navbar-fixed-bottom .navbar-nav > .dropdown-onhover.no-fix.active > a:after {
        top: -7px;
        border-width: 0 8px 8px
    }

    .navbar.dropdown-onhover.no-fix:not(.navbar-fixed-bottom) .navbar-nav > .active > a:before,
    .navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover.no-fix > .active > a:before,
    .navbar:not(.navbar-fixed-bottom) .navbar-nav > .dropdown-onhover.no-fix.active > a:before {
        bottom: -9px;
        border-width: 8px 8px 0
    }

    .navbar.dropdown-onhover.no-fix:not(.navbar-fixed-bottom) .navbar-nav > .active > a:after,
    .navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover.no-fix > .active > a:after,
    .navbar:not(.navbar-fixed-bottom) .navbar-nav > .dropdown-onhover.no-fix.active > a:after {
        bottom: -8px;
        border-width: 8px 8px 0
    }
}

@media (max-width:768px) {
    .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap) > a.dropdown-toggle:not(.caret-bootstrap) > span:not(.caret-bootstrap).caret {
        float: right
    }
}

.navbar .navbar-nav li.caret-left > a.dropdown-toggle > span.caret,
.navbar .navbar-nav.caret-left li > a.dropdown-toggle > span.caret,
.navbar.caret-left .navbar-nav li > a.dropdown-toggle > span.caret {
    margin-right: 8px !important;
    margin-left: 0 !important;
    float: left !important
}

.navbar .navbar-nav .dropdown-menu li > a.dropdown-toggle:before {
    position: absolute;
    width: 10px;
    left: auto;
    right: 10px;
    font-family: FontAwesome;
    content: ""
}

.navbar .navbar-nav .dropdown-menu li.caret-left > a.dropdown-toggle:before,
.navbar .navbar-nav .dropdown-menu li > a.caret-left.dropdown-toggle:before,
.navbar .navbar-nav .dropdown-menu.caret-left li > a.dropdown-toggle:before,
.navbar .navbar-nav.caret-left .dropdown-menu li > a.dropdown-toggle:before,
.navbar.caret-left .navbar-nav .dropdown-menu li > a.dropdown-toggle:before {
    left: 10px;
    right: auto
}

.navbar .navbar-nav > li.dropdown-grid.open > .dropdown-grid-wrapper > .dropdown-menu {
    display: block
}

@media (min-width:768px) {

    .navbar .navbar-nav.dropdown-onhover.no-fix > li.dropdown-grid.open > .dropdown-grid-wrapper > .dropdown-menu,
    .navbar .navbar-nav.dropdown-onhover.no-fix > li > .dropdown-menu,
    .navbar .navbar-nav > li.dropdown-onhover.no-fix.dropdown-grid.open > .dropdown-grid-wrapper > .dropdown-menu,
    .navbar .navbar-nav > li.dropdown-onhover.no-fix > .dropdown-menu,
    .navbar.dropdown-onhover.no-fix .navbar-nav > li.dropdown-grid.open > .dropdown-grid-wrapper > .dropdown-menu,
    .navbar.dropdown-onhover.no-fix .navbar-nav > li > .dropdown-menu {
        display: none
    }

    .navbar:not(.no-border) .navbar-nav.dropdown-onhover > li:hover > a,
    .navbar:not(.no-border) li.dropdown-onhover:hover > a,
    .navbar:not(.no-border).dropdown-onhover .navbar-nav > li:hover > a {
        border-style: solid;
        margin-bottom: -1px;
        margin-top: 0;
        border-width: 0 0 1px
    }

    .navbar.navbar-fixed-bottom:not(.no-border) .navbar-nav.dropdown-onhover > li:hover > a,
    .navbar.navbar-fixed-bottom:not(.no-border) li.dropdown-onhover:hover > a,
    .navbar.navbar-fixed-bottom:not(.no-border).dropdown-onhover .navbar-nav > li:hover > a {
        border-style: solid;
        margin-bottom: 0;
        margin-top: -1px;
        border-width: 1px 0 0
    }

    .navbar .navbar-nav.dropdown-onhover > li:hover > .dropdown-grid-wrapper > .dropdown-menu,
    .navbar .navbar-nav.dropdown-onhover > li:hover > .dropdown-menu,
    .navbar li.dropdown-onhover:hover > .dropdown-grid-wrapper > .dropdown-menu,
    .navbar li.dropdown-onhover:hover > .dropdown-menu,
    .navbar.dropdown-onhover .navbar-nav > li:hover > .dropdown-grid-wrapper > .dropdown-menu,
    .navbar.dropdown-onhover .navbar-nav > li:hover > .dropdown-menu {
        display: block !important;
        visibility: visible;
        z-index: 1001 !important
    }
}

@media (max-width:767px) {
    .navbar .navbar-nav > li.dropdown-short > .dropdown-menu .h-divided {
        width: 100%
    }

    .navbar .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper {
        float: none !important
    }

        .navbar .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu,
        .navbar .navbar-nav > li > .dropdown-menu {
            border-top-style: solid;
            border-top-width: 1px !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            position: relative;
            left: 0 !important;
            right: 0 !important;
            top: 0 !important;
            bottom: auto !important
        }

    .navbar .navbar-nav > li.dropdown-full > .dropdown-menu,
    .navbar .navbar-nav > li.dropdown-wide > .dropdown-menu,
    .navbar.navbar-fixed-bottom .navbar-nav > li.dropdown-wide > .dropdown-menu,
    .navbar.navbar-fixed-top .navbar-nav > li.dropdown-wide > .dropdown-menu,
    .navbar.navbar-static-top .navbar-nav > li.dropdown-wide > .dropdown-menu {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%
    }

    .navbar .navbar-nav > li.dropdown-full.open > .dropdown-menu,
    .navbar .navbar-nav > li.dropdown-wide.open > .dropdown-menu {
        display: inline-block;
        visibility: visible
    }

    .navbar .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu,
    .navbar .navbar-nav > li.dropdown-grid > a {
        margin-right: 0 !important
    }

    .navbar .navbar-nav.navbar-right > li > .dropdown-grid-wrapper > .dropdown-menu,
    .navbar .navbar-nav.navbar-right > li > a,
    .navbar .navbar-nav.navbar-right > li > ul {
        margin-right: 1px !important
    }

    .navbar li.xs-hover:hover > .dropdown-grid-wrapper > .dropdown-menu,
    .navbar li.xs-hover:hover > .dropdown-menu {
        display: block;
        visibility: visible;
        height: inherit !important;
        float: none;
        width: auto;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

    .navbar li.xs-hover.no-fix:not(:hover) > .dropdown-grid-wrapper > .dropdown-menu,
    .navbar li.xs-hover.no-fix:not(:hover) > .dropdown-menu {
        display: none
    }

    .navbar li.dropdown-full.xs-hover:hover > .dropdown-menu,
    .navbar li.dropdown-wide.xs-hover:hover > .dropdown-menu {
        display: inline-block !important;
        visibility: visible
    }

    .navbar li.xs-hover:hover > .dropdown-grid-wrapper > .dropdown-menu .dropdown-menu,
    .navbar li.xs-hover:hover > .dropdown-menu .dropdown-menu {
        position: static;
        float: none;
        border: 0
    }
}

.navbar .navbar-nav > li ul li[class*="-onhover"]:not(.no-fix) > .dropdown-toggle.collapsed + .collapsing,
.navbar .navbar-nav > li ul li[class*="-onclick"] > .dropdown-toggle.collapsed + .collapsing {
    display: none;
    height: inherit !important
}

.navbar .navbar-nav > li ul li[class*="-onhover"]:not(.no-fix) > .dropdown-toggle:not(.collapsed) + .collapsing,
.navbar .navbar-nav > li ul li[class*="-onclick"] > .dropdown-toggle:not(.collapsed) + .collapsing {
    display: block;
    visibility: visible;
    height: inherit !important
}

.navbar .navbar-nav > li ul li[class*="-onhover"]:not([class*=collapse-]):hover > .dropdown-menu,
.navbar .navbar-nav > li ul li[class*="-onclick"]:hover > .dropdown-menu {
    z-index: 1002
}

.navbar .navbar-nav > li ul li.dropdown-center-onhover > .dropdown-menu,
.navbar .navbar-nav > li ul li.dropdown-left-onhover > .dropdown-menu,
.navbar .navbar-nav > li ul li.dropdown-right-onhover > .dropdown-menu,
.navbar .navbar-nav > li ul li.dropup-center-onhover > .dropdown-menu,
.navbar .navbar-nav > li ul li.dropup-left-onhover > .dropdown-menu,
.navbar .navbar-nav > li ul li.dropup-right-onhover > .dropdown-menu {
    display: none
}

.navbar .navbar-nav > li ul li.collapse-down-onhover > .dropdown-menu,
.navbar .navbar-nav > li ul li.collapse-up-onhover > .dropdown-menu {
    display: none;
    overflow: visible
}

.navbar .navbar-nav > li ul li[class*=collapse-up-] {
    float: none;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

    .navbar .navbar-nav > li ul li[class*=collapse-up-] > a,
    .navbar .navbar-nav > li ul li[class*=collapse-up-] > ul.dropdown-menu {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto
    }

.navbar .navbar-nav .dropdown-menu li[class*=collapse-] > .dropdown-menu li:not([class*=collapse-]) > .dropdown-menu li > a {
    padding-left: 15px !important
}

@media (max-width:767px) {
    .navbar .navbar-nav > li ul li[class*="-onhover"] > .dropdown-menu.collapse.in {
        display: block;
        visibility: visible;
        height: inherit !important
    }

    .navbar .navbar-nav > li ul li[class*="-onhover"] > .dropdown-toggle.collapsed + .dropdown-menu.collapsing {
        display: none;
        height: inherit !important
    }

    .navbar .navbar-nav > li ul li[class*="-onhover"] > .dropdown-toggle:not(.collapsed) + .dropdown-menu.collapsing {
        display: block;
        visibility: visible;
        height: inherit !important
    }

    .navbar .navbar-nav > li ul li[class*="-onhover"] > .dropdown-menu,
    .navbar .navbar-nav > li ul li[class*="-onclick"] > .dropdown-menu {
        padding: 0 !important;
        margin: 1px 0;
        width: auto
    }

    .navbar .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding-left: 15px
    }

    .navbar .navbar-nav .dropdown-menu {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .navbar-nav .open .dropdown-menu.caret-left > li > a.dropdown-toggle,
    .navbar-nav .open .dropdown-menu > li.caret-left > a.dropdown-toggle,
    .navbar-nav .open .dropdown-menu > li > a.dropdown-toggle.caret-left,
    .navbar-nav .open.caret-left .dropdown-menu > li > a.dropdown-toggle,
    .navbar-nav.caret-left .open .dropdown-menu > li > a.dropdown-toggle,
    .navbar.caret-left .navbar-nav .open .dropdown-menu > li > a.dropdown-toggle {
        padding-left: 30px
    }

    .navbar .navbar-nav > li ul li[class*=collapse-] .dropdown-menu li > a {
        padding-left: 15px !important
    }

    .navbar-nav .dropdown-menu .dropdown-menu {
        margin-left: 15px !important;
        margin-right: 0 !important;
        margin-top: 1px !important
    }
}

.navbar.navbar-blue-dark {
    background: #2a4b5a;
    border-color: #223d49;
    color: #abcad8
}

    .navbar.navbar-blue-dark .navbar-collapse {
        background-color: #2a4b5a;
        border-color: #223d49
    }

    .navbar.navbar-blue-dark .navbar-text {
        color: #cee0e8
    }

    .navbar.navbar-blue-dark a.navbar-link {
        color: #cee0e8;
        background-color: transparent
    }

        .navbar.navbar-blue-dark a.navbar-link:focus,
        .navbar.navbar-blue-dark a.navbar-link:hover {
            color: #fff;
            background-color: transparent
        }

    .navbar.navbar-blue-dark .navbar-brand {
        color: #cee0e8;
        background-color: #2a4b5a
    }

        .navbar.navbar-blue-dark .navbar-brand:focus,
        .navbar.navbar-blue-dark .navbar-brand:hover {
            color: #fff;
            background-color: #2a4b5a
        }

    .navbar.navbar-blue-dark .navbar-toggle {
        border-color: #4a85a0 !important;
        background-color: #2a4b5a
    }

        .navbar.navbar-blue-dark .navbar-toggle .icon-bar {
            background-color: #cee0e8
        }

        .navbar.navbar-blue-dark .navbar-toggle:focus,
        .navbar.navbar-blue-dark .navbar-toggle:hover {
            border-color: #4a85a0 !important;
            background-color: #355f72 !important
        }

            .navbar.navbar-blue-dark .navbar-toggle:focus .icon-bar,
            .navbar.navbar-blue-dark .navbar-toggle:hover .icon-bar {
                background-color: #fff
            }

    .navbar.navbar-blue-dark .navbar-nav > li.divider {
        background-color: #32596b
    }

    .navbar.navbar-blue-dark .btn-default {
        color: #cee0e8;
        background-color: #355f72;
        border-color: #4a85a0
    }

        .navbar.navbar-blue-dark .btn-default.active,
        .navbar.navbar-blue-dark .btn-default:active,
        .navbar.navbar-blue-dark .btn-default:focus,
        .navbar.navbar-blue-dark .btn-default:hover {
            color: #fff;
            background-color: #305768;
            border-color: #4a85a0
        }

    .navbar.navbar-blue-dark .form-control {
        color: #cee0e8;
        background-color: #355f72;
        border-color: #4a85a0
    }

        .navbar.navbar-blue-dark .form-control:focus {
            -webkit-box-shadow: inset 0 1px 1px transparent, 0 0 5px #4a85a0;
            box-shadow: inset 0 1px 1px transparent, 0 0 5px #4a85a0
        }

    .navbar.navbar-blue-dark input::-webkit-input-placeholder,
    .navbar.navbar-blue-dark textarea::-webkit-input-placeholder {
        color: rgba(206, 224, 232, .3)
    }

    .navbar.navbar-blue-dark input::-moz-placeholder,
    .navbar.navbar-blue-dark textarea::-moz-placeholder {
        color: rgba(206, 224, 232, .3)
    }

    .navbar.navbar-blue-dark input:-ms-input-placeholder,
    .navbar.navbar-blue-dark textarea:-ms-input-placeholder {
        color: rgba(206, 224, 232, .3)
    }

    .navbar.navbar-blue-dark input:-moz-placeholder,
    .navbar.navbar-blue-dark textarea:-moz-placeholder {
        color: rgba(206, 224, 232, .3)
    }

    .navbar.navbar-blue-dark .navbar-nav > li[class*=dropdown].dropdown-onhover:hover > a,
    .navbar.navbar-blue-dark.dropdown-onhover .navbar-nav > li:hover > a[class*=dropdown] {
        background-color: #223d49
    }

    .navbar.navbar-blue-dark .navbar-nav > li > a {
        color: #cee0e8;
        background-color: #2a4b5a
    }

    .navbar.navbar-blue-dark .navbar-nav > li:hover > a {
        color: #fff;
        background-color: #2a4b5a
    }

    .navbar.navbar-blue-dark .navbar-nav > li.active:hover > a,
    .navbar.navbar-blue-dark .navbar-nav > li.active > a,
    .navbar.navbar-blue-dark .navbar-nav > li.open:hover > a,
    .navbar.navbar-blue-dark .navbar-nav > li.open > a {
        color: #fff;
        background-color: #223d49
    }

    .navbar.navbar-blue-dark .navbar-nav > li.disabled:hover > a,
    .navbar.navbar-blue-dark .navbar-nav > li.disabled > a {
        color: #88b4c8;
        background-color: #2a4b5a
    }

@media (min-width:768px) {

    .navbar .navbar-nav > li ul li[class*="-onhover"]:hover > .dropdown-menu,
    .navbar .navbar-nav > li ul li[class*="-onhover"]:not(.no-fix) > .dropdown-menu.collapse.in {
        display: block !important;
        visibility: visible;
        height: inherit !important
    }

    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix > li > a,
    .navbar.navbar-blue-dark .navbar-nav > li.dropdown-onhover.no-fix > a,
    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav > li > a {
        color: #cee0e8;
        background-color: #2a4b5a
    }

    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix > li.active.open > a,
    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix > li.active:hover > a,
    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix > li.active > a,
    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix > li:hover > a,
    .navbar.navbar-blue-dark .navbar-nav > li.dropdown-onhover.no-fix.active.open > a,
    .navbar.navbar-blue-dark .navbar-nav > li.dropdown-onhover.no-fix.active:hover > a,
    .navbar.navbar-blue-dark .navbar-nav > li.dropdown-onhover.no-fix.active > a,
    .navbar.navbar-blue-dark .navbar-nav > li.dropdown-onhover.no-fix:hover > a,
    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav > li.active.open > a,
    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav > li.active:hover > a,
    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav > li.active > a,
    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav > li:hover > a {
        color: #fff;
        background-color: #223d49
    }

    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix > li.open > a,
    .navbar.navbar-blue-dark .navbar-nav > li.dropdown-onhover.no-fix.open > a,
    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav > li.open > a {
        color: #cee0e8;
        background-color: #2a4b5a
    }

    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix > li.open:hover > a,
    .navbar.navbar-blue-dark .navbar-nav > li.dropdown-onhover.no-fix.open:hover > a,
    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav > li.open:hover > a {
        color: #fff;
        background-color: #223d49
    }

    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix > li.disabled:hover > a,
    .navbar.navbar-blue-dark .navbar-nav.dropdown-onhover.no-fix > li.disabled > a,
    .navbar.navbar-blue-dark .navbar-nav > li.dropdown-onhover.no-fix.disabled:hover > a,
    .navbar.navbar-blue-dark .navbar-nav > li.dropdown-onhover.no-fix.disabled > a,
    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav > li.disabled:hover > a,
    .navbar.navbar-blue-dark.dropdown-onhover.no-fix .navbar-nav > li.disabled > a {
        color: #88b4c8;
        background-color: #2a4b5a
    }

    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix) > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix) > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix) > a {
        color: #cee0e8;
        background-color: #2a4b5a
    }

    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix).active:hover > a,
    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix).active > a,
    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix).open:hover > a,
    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix).open > a,
    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix):hover > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix).active:hover > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix).active > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix).open:hover > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix).open > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix):hover > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix).active:hover > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix).active > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix).open:hover > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix).open > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix):hover > a {
        color: #fff;
        background-color: #223d49
    }

    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix).disabled:hover > a,
    .navbar.navbar-blue-dark.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix).disabled > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix).disabled:hover > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix).disabled > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix).disabled:hover > a,
    .navbar.navbar-blue-dark:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix).disabled > a {
        color: #88b4c8;
        background-color: #2a4b5a
    }

    .navbar.navbar-blue-dark.navbar-fixed-bottom:not(.no-border) .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:before,
    .navbar.navbar-blue-dark.navbar-fixed-bottom:not(.no-border) .navbar-nav > .open > a:before,
    .navbar.navbar-blue-dark.navbar-fixed-bottom:not(.no-border) .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:before,
    .navbar.navbar-blue-dark.navbar-fixed-bottom:not(.no-border).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:before,
    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom) .navbar-nav > .active:hover > a:after,
    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom) .navbar-nav > .active > a:after,
    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav > .active > a:before {
        border-top-color: #223d49
    }

    .navbar.navbar-blue-dark:not(.no-border) .navbar-nav li.dropdown-onhover:hover > a,
    .navbar.navbar-blue-dark:not(.no-border) .navbar-nav.dropdown-onhover > li:hover > a,
    .navbar.navbar-blue-dark:not(.no-border).dropdown-onhover .navbar-nav > li:hover > a {
        border-color: #223d49
    }

    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:before,
    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav > .open > a:before,
    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:before,
    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom):not(.no-border).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:before {
        border-bottom-color: #223d49
    }

    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:after,
    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom) .navbar-nav > .open > a:after,
    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom) .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:after,
    .navbar.navbar-blue-dark:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:after {
        border-bottom-color: #3b5c6b
    }

    .navbar.navbar-blue-dark.navbar-fixed-bottom .navbar-nav > .active > a:after,
    .navbar.navbar-blue-dark.navbar-fixed-bottom:not(.no-border) .navbar-nav > .active > a:before {
        border-bottom-color: #223d49
    }

    .navbar.navbar-blue-dark.navbar-fixed-bottom .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:after,
    .navbar.navbar-blue-dark.navbar-fixed-bottom .navbar-nav > .open > a:after,
    .navbar.navbar-blue-dark.navbar-fixed-bottom .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:after,
    .navbar.navbar-blue-dark.navbar-fixed-bottom.dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:after {
        border-top-color: #3b5c6b
    }
}

.navbar.navbar-blue-dark .dropdown-menu {
    background: #3b5c6b;
    color: #e7eef1;
    border-color: #2a4b5a;
    -webkit-box-shadow: 0 9px 12px #324e5b;
    box-shadow: 0 9px 12px #324e5b
}

.navbar.navbar-blue-dark .navbar-nav.dropdown-onhover > li[class*=dropdown]:hover,
.navbar.navbar-blue-dark .navbar-nav > li[class*=dropdown].dropdown-onhover:hover,
.navbar.navbar-blue-dark.dropdown-onhover .navbar-nav > li[class*=dropdown]:hover {
    background-color: #223d49
}

.navbar.navbar-blue-dark a:hover > span.desc,
.navbar.navbar-blue-dark a > span.desc {
    color: #a5c1cd
}

.navbar.navbar-blue-dark .dropdown-menu .btn-default {
    color: #e7eef1;
    background-color: #4c6d7c;
    border-color: #6393a9
}

    .navbar.navbar-blue-dark .dropdown-menu .btn-default.active,
    .navbar.navbar-blue-dark .dropdown-menu .btn-default:active,
    .navbar.navbar-blue-dark .dropdown-menu .btn-default:focus,
    .navbar.navbar-blue-dark .dropdown-menu .btn-default:hover {
        color: #fff;
        background-color: #3b5c6b;
        border-color: #6393a9
    }

.navbar.navbar-blue-dark .dropdown-menu li.dropdown-header {
    color: #e7eef1
}

.navbar.navbar-blue-dark :not(li) > a {
    color: #b4dbfb
}

    .navbar.navbar-blue-dark :not(li) > a:hover {
        color: #84c6fb
    }

.navbar.navbar-blue-dark .dropdown-menu > li > a {
    color: #e7eef1;
    background-color: #3b5c6b
}

    .navbar.navbar-blue-dark .dropdown-menu > li > a:hover {
        color: #fff;
        background-color: #2a4b5a
    }

.navbar.navbar-blue-dark .navbar-nav > li .dropdown-menu:not([class*=collaps]) {
    background-color: #3b5c6b;
    color: #e7eef1;
    border-color: #2a4b5a;
    -webkit-box-shadow: 0 9px 12px #324e5b;
    box-shadow: 0 9px 12px #324e5b
}

.navbar.navbar-blue-dark.navbar-fixed-bottom .navbar-nav > li .dropdown-menu:not([class*=collaps]) {
    -webkit-box-shadow: 0 -9px 12px #324e5b;
    box-shadow: 0 -9px 12px #324e5b
}

.navbar.navbar-blue-dark .dropdown-menu .form-control {
    color: #e7eef1;
    background-color: #4c6d7c;
    border-color: #6393a9
}

    .navbar.navbar-blue-dark .dropdown-menu .form-control:focus {
        -webkit-box-shadow: inset 0 1px 1px transparent, 0 0 5px #6393a9;
        box-shadow: inset 0 1px 1px transparent, 0 0 5px #6393a9
    }

.navbar.navbar-blue-dark .dropdown-menu input::-webkit-input-placeholder,
.navbar.navbar-blue-dark .dropdown-menu textarea::-webkit-input-placeholder {
    color: rgba(231, 238, 241, .3)
}

.navbar.navbar-blue-dark .dropdown-menu input::-moz-placeholder,
.navbar.navbar-blue-dark .dropdown-menu textarea::-moz-placeholder {
    color: rgba(231, 238, 241, .3)
}

.navbar.navbar-blue-dark .dropdown-menu input:-ms-input-placeholder,
.navbar.navbar-blue-dark .dropdown-menu textarea:-ms-input-placeholder {
    color: rgba(231, 238, 241, .3)
}

.navbar.navbar-blue-dark .dropdown-menu input:-moz-placeholder,
.navbar.navbar-blue-dark .dropdown-menu textarea:-moz-placeholder {
    color: rgba(231, 238, 241, .3)
}

.navbar.navbar-blue-dark .navbar-nav .dropdown-menu > li[class*="-onhover"],
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu > li[class*="-onclick"] {
    color: #e7eef1;
    background-color: #3b5c6b
}

    .navbar.navbar-blue-dark .navbar-nav .dropdown-menu > li[class*="-onhover"]:hover > a,
    .navbar.navbar-blue-dark .navbar-nav .dropdown-menu > li[class*="-onclick"]:hover > a {
        color: #fff;
        background-color: #2a4b5a
    }

.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li:not(.list-group) > a {
    color: #e7eef1;
    background-color: #3b5c6b
}

    .navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.active > a,
    .navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.active > a:hover,
    .navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.open > a,
    .navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.open > a:hover,
    .navbar.navbar-blue-dark .navbar-nav .dropdown-menu li:not(.list-group) > a:hover,
    .navbar.navbar-blue-dark .navbar-nav .dropdown-menu li:not(.no-fix) > a.dropdown-toggle:not(.collapsed),
    .navbar.navbar-blue-dark .navbar-nav .dropdown-menu li:not(.no-fix) > a.dropdown-toggle:not(.collapsed):hover,
    .navbar.navbar-blue-dark .navbar-nav .dropdown-menu li[class*="-onhover"] > a:hover {
        color: #fff;
        background-color: #2a4b5a
    }

.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.disabled > a,
.navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.disabled > a:hover {
    color: #6393a9;
    background-color: #3b5c6b
}

    .navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.disabled > a:hover > span.desc,
    .navbar.navbar-blue-dark .navbar-nav .dropdown-menu li.disabled > a > span.desc {
        color: #6393a9
    }

.navbar.navbar-blue-dark .navbar-nav li:not(.dropdown) > .dropdown-grid-wrapper > .dropdown-menu.bordered:not(.no-padding):after,
.navbar.navbar-blue-dark .navbar-nav li:not(.dropdown) > .dropdown-menu.bordered:not(.no-padding):after {
    outline-color: #4c6d7c
}

.navbar.navbar-blue-dark .dropdown-menu li.divider,
.navbar.navbar-blue-dark .h-divided > :after,
.navbar.navbar-blue-dark .h-divided > :first-child:before,
.navbar.navbar-blue-dark .h-divider:after,
.navbar.navbar-blue-dark .v-divided > :after,
.navbar.navbar-blue-dark .v-divided > :before {
    background-color: #4c6d7c
}

.navbar.navbar-blue-dark .divided > :before {
    border-color: #4c6d7c
}

@media (max-width:767px) {
    .navbar.navbar-blue-dark .navbar-nav li.xs-hover > a {
        color: #cee0e8;
        background-color: #2a4b5a
    }

        .navbar.navbar-blue-dark .navbar-nav li.xs-hover.open:not(.no-fix) > a,
        .navbar.navbar-blue-dark .navbar-nav li.xs-hover.open:not(.no-fix) > a:hover,
        .navbar.navbar-blue-dark .navbar-nav li.xs-hover > a:hover {
            color: #fff;
            background-color: #223d49
        }

    .navbar.navbar-blue-dark .navbar-nav li.xs-hover.no-fix > a {
        color: #cee0e8;
        background-color: #2a4b5a
    }

        .navbar.navbar-blue-dark .navbar-nav li.xs-hover.no-fix > a:hover {
            color: #fff;
            background-color: #223d49
        }

    .navbar.navbar-blue-dark .navbar-collapse .navbar-nav > .navbar-form,
    .navbar.navbar-blue-dark .navbar-collapse .navbar-nav > .navbar-text,
    .navbar.navbar-blue-dark .navbar-collapse .navbar-nav > a.navbar-link,
    .navbar.navbar-blue-dark .navbar-collapse .navbar-nav > li,
    .navbar.navbar-blue-dark .navbar-collapse > .navbar-form,
    .navbar.navbar-blue-dark .navbar-collapse > .navbar-text,
    .navbar.navbar-blue-dark .navbar-collapse > a.navbar-link {
        border-bottom-color: #193a49 !important;
        -webkit-box-shadow: 0 1px 0 #3b5c6b !important;
        box-shadow: 0 1px 0 #3b5c6b !important
    }

    .navbar.navbar-blue-dark .navbar-nav .dropdown-menu .divider {
        background-color: #4c6d7c
    }

    .navbar.navbar-blue-dark .navbar-nav > li > .dropdown-grid-wrapper > .dropdown-menu,
    .navbar.navbar-blue-dark .navbar-nav > li > .dropdown-menu {
        border-top-color: #4c6d7c !important;
        -webkit-box-shadow: 0 -1px 0 #223d49 !important;
        box-shadow: 0 -1px 0 #223d49 !important
    }
}

/****** Start Content of thickbox.css *******/
* {
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px
}

#TB_window {
    FONT: 12px Arial, Helvetica, sans-serif;
    COLOR: #333333
}

#TB_secondLine {
    FONT: 10px Arial, Helvetica, sans-serif;
    COLOR: #666666
}

#TB_window A:link {
    COLOR: #666666
}

#TB_window A:visited {
    COLOR: #666666
}

#TB_window A:hover {
    COLOR: #000
}

#TB_window A:active {
    COLOR: #666666
}

#TB_window A:focus {
    COLOR: #666666
}

#TB_overlay {
    Z-INDEX: 100;
    POSITION: fixed;
    WIDTH: 100%;
    HEIGHT: 100%;
    TOP: 0px;
    LEFT: 0px
}

.TB_overlayMacFFBGHack {
    BACKGROUND: url(macFFBgHack.png)
}

.TB_overlayBG {
    FILTER: alpha(opacity=75);
    BACKGROUND-COLOR: #000;
    -moz-opacity: 0.75;
    opacity: 0.75
}

* HTML #TB_overlay {
    POSITION: absolute
}

#TB_window {
    Z-INDEX: 102;
    BORDER-BOTTOM: #525252 4px solid;
    POSITION: fixed;
    TEXT-ALIGN: left;
    BORDER-LEFT: #525252 4px solid;
    DISPLAY: none;
    BACKGROUND: #ffffff;
    COLOR: #000000;
    BORDER-TOP: #525252 4px solid;
    TOP: 30%;
    BORDER-RIGHT: #525252 4px solid;
    LEFT: 50%
}

* HTML #TB_window {
    POSITION: absolute
}

    #TB_window IMG#TB_Image {
        BORDER-BOTTOM: #ccc 1px solid;
        BORDER-LEFT: #666 1px solid;
        MARGIN: 15px;
        DISPLAY: block;
        BORDER-TOP: #666 1px solid;
        BORDER-RIGHT: #ccc 1px solid
    }

#TB_caption {
    PADDING-BOTTOM: 10px;
    PADDING-LEFT: 25px;
    PADDING-RIGHT: 30px;
    FLOAT: left;
    HEIGHT: 25px;
    PADDING-TOP: 7px;
    font-size: 15px;
}

#TB_closeWindow {
    PADDING-BOTTOM: 10px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 25px;
    FLOAT: right;
    HEIGHT: 25px;
    PADDING-TOP: 11px
}

#TB_closeAjaxWindow {
    TEXT-ALIGN: right;
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 10px;
    MARGIN-BOTTOM: 1px;
    FLOAT: right;
    PADDING-TOP: 7px
}

#TB_ajaxWindowTitle {
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 0px;
    MARGIN-BOTTOM: 1px;
    FLOAT: left;
    PADDING-TOP: 7px
}

#TB_title {
    BACKGROUND-COLOR: #e8e8e8;
    HEIGHT: 27px
}

#TB_ajaxContent {
    TEXT-ALIGN: left;
    PADDING-BOTTOM: 15px;
    /*LINE-HEIGHT: 1.4em;*/
    PADDING-LEFT: 15px;
    PADDING-RIGHT: 15px;
    CLEAR: both;
    OVERFLOW: auto;
    PADDING-TOP: 2px
}

.TB_modal#TB_ajaxContent {
    PADDING-BOTTOM: 15px;
    PADDING-LEFT: 15px;
    PADDING-RIGHT: 15px;
    PADDING-TOP: 15px
}

#TB_ajaxContent P {
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 5px
}

#TB_load {
    Z-INDEX: 103;
    POSITION: fixed;
    MARGIN: -6px 0px 0px -104px;
    WIDTH: 208px;
    DISPLAY: none;
    HEIGHT: 13px;
    TOP: 50%;
    LEFT: 50%
}

* HTML #TB_load {
    POSITION: absolute
}

#TB_HideSelect {
    Z-INDEX: 99;
    BORDER-BOTTOM: medium none;
    POSITION: fixed;
    FILTER: alpha(opacity=0);
    BORDER-LEFT: medium none;
    BACKGROUND-COLOR: #fff;
    WIDTH: 100%;
    HEIGHT: 100%;
    BORDER-TOP: medium none;
    TOP: 0px;
    BORDER-RIGHT: medium none;
    LEFT: 0px;
    -moz-opacity: 0;
    opacity: 0
}

* HTML #TB_HideSelect {
    POSITION: absolute
}

#TB_iframeContent {
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    MARGIN-TOP: 1px;
    MARGIN-BOTTOM: -1px;
    CLEAR: both;
    BORDER-TOP: medium none;
    BORDER-RIGHT: medium none;
    _margin-bottom: 1px
}

#ctl00_cphMain_ctl00_mainContentLoader_ctl02_favtoolbar {
    border-bottom: medium none !important;
    border-top: medium none !important;
}

#ctl00_cphMain_ctl00_mainContentLoader_ctl02_commentsDiv {
    padding: 0 !important;
}

#ctl00_cphMain_ctl00_mainContentLoader_ctl02_divCommentPage {
    background-color: #ececec !important;
    padding: 3px;
    width: auto !important;
}

    #ctl00_cphMain_ctl00_mainContentLoader_ctl02_divCommentPage span {
        font-family: b mitra, bmitra, tahoma !important;
        font-size: 16px !important;
        vertical-align: middle;
    }

#ctl00_cphMain_ctl00_mainContentLoader_ctl02_divIdeaPage {
    background-color: #ececec !important;
    padding: 5px;
    width: auto !important;
}

    #ctl00_cphMain_ctl00_mainContentLoader_ctl02_divIdeaPage span {
        font-family: b mitra, bmitra, tahoma !important;
        font-size: 16px !important;
        vertical-align: middle;
    }

/****** Start Content of TemplateCSS *******/
* {
    direction: rtl;
    outline: none !important;
}

.mainsection {
    background-color: #f8f8f8;
    /* background-image: url(https://qmb.ir/Dorsapax/userfiles/Sub0/template/page-bg.png); */
    background-repeat: repeat-x;
    background-position: bottom center;
    padding-bottom: 50px;
       padding-top: 45px;
}

.zones {
    margin: 0;
}

a {
    text-decoration: none !important;
}

body {
    overflow-x: hidden !important;
}

.header {
    background-color: #fff;
    box-shadow: 0 0 4px 2px #999999;
    position: relative;
}

#zonesContainer .modal {
    display: block !important;
    margin-top: 254px;
    overflow: unset !important;
    position: relative !important;
}

#zonesContainer .fade {
    opacity: 1 !important;
}

.DorsaContainer {
    background-color: #fff;
    box-shadow: 0 0 4px 2px #ccc;
    padding: 20px 30px !important;
    min-height: 500px;
    width: 100% !important;
}

#tool_dorsaetoolsenews_sample_news_block60 .bmiddle {
    height: 563px;
    margin-bottom: 20px;
    overflow: hidden;
}

#zone4 #tool_dorsaetoolsenews_sample_news_block60 {
    height: auto !important;
    margin: 0 !important;
    width: 100% !important;
}

#tool_dorsaetoolsenews_sample_news_block60 .h1 span {
    background-color: #d9e1fc;
    color: #112b88;
    display: block;
    font-family: iranyekan;
    font-size: 18px;
    margin-bottom: 15px;
    padding: 10px;
}

#tool_dorsaetoolsenews_sample_news_block60 .news1titr {
    margin-bottom: 20px;
}

    #tool_dorsaetoolsenews_sample_news_block60 .news1titr a {
        background-image: url("https://qmb.ir/Dorsapax/Data/Sub_0/Template/Main/img/bullet3.png");
        background-position: right 4px;
        background-repeat: no-repeat;
        border-bottom: 1px dotted #cfd0d3;
        color: #6D6E71;
        display: block;
        padding-bottom: 15px;
        padding-right: 15px;
        text-align: justify;
    }

        #tool_dorsaetoolsenews_sample_news_block60 .news1titr a:hover {
            color: #112B88;
        }

#tool_dorsaetoolsenews_sample_news_block60 .h4 {
    width: 100%;
}

    #tool_dorsaetoolsenews_sample_news_block60 .h4 a {
        background-color: #ffba00;
        border: 1px solid #da9f00;
        color: #000;
        display: block;
        float: left;
        padding: 7px;
        text-align: center;
        width: 120px;
    }

        #tool_dorsaetoolsenews_sample_news_block60 .h4 a:hover {
            background-color: #112B88;
            color: #fff;
        }

#tool_dorsaetoolsenews_sample_news_block60 .responsive-pagination .page-row:last-child .news1titr a {
    border: none !important;
}

.modiranbank {
    background-color: #eff7ff;
    border: 1px solid #d9e1fc;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 10px;
    min-height: 330px;
}

.modiranbankimg img {
    border: 1px solid #d9e1fc;
    border-radius: 5px;
    margin-bottom: 10px !important;
}

.morelinksimg {
    margin-left: 10px;
}

    .morelinksimg img {
        margin-bottom: 10px;
    }

.morelinks {
    padding-top: 5px;
}

    .morelinks a {
        color: #112b88;
    }

        .morelinks a:hover {
            color: #00A651;
        }

/* ---------------- Block Show ----------------- */
.shownews5secondtitr {
    color: #00a651;
    font-size: 15px;
    margin-bottom: 5px;
    text-align: justify;
}

.shownews5titr {
    color: #344b9a;
    font-family: iranyekan;
    font-size: 18px;
    margin-bottom: 10px;
    text-align: justify;
}

    .shownews5titr h1 {
        font-size: 18px;
        margin: 0 !important;
        line-height: 27px;
    }

.shownews5file1 {
    padding-bottom: 10px;
    padding-left: 10px;
    width: 300px;
}

.shownews5file2 {
    padding-bottom: 10px;
    padding-left: 10px;
    width: 300px;
}

.shownews5summery {
    font-size: 14px;
    line-height: 27px;
}

    .shownews5summery h2 {
        font-family: iranyekan;
        font-size: 14px;
        line-height: 27px;
    }

.shownews5comment {
    line-height: 27px;
    text-align: justify;
    font-size: 14px;
}

    .shownews5comment h3 {
        font-size: 14px;
        margin: 0 !important;
        line-height: 27px;
        text-align: justify;
    }

    .shownews5comment p,
    .shownews5comment a,
    .shownews5comment div,
    .shownews5comment span {
        line-height: 27px !important;
        font-size: 14px !important;
        font-family: iransans !important;
    }

    .shownews5comment img {
        max-width: 100%;
        display: block;
        height: auto;
    }

.shownews5date1txt,
.shownews5date1,
.shownews5reviewtxt,
.shownews5review,
.shownews5sourcetxt,
.shownews5source {
    color: #888;
    font-size: 13px;
}

.shownews5dateheader {
    margin-top: 50px;
}

.shownews5sourceheader {
    margin-bottom: 20px;
}

.advanced-slider .slide-wrapper {
    height: 100% !important;
    width: 100% !important;
}

.advanced-slider .slide .image {
    width: 100% !important;
    height: 100% !important;
}

.shownews5attachfiletitr {
    background-color: #d9e1fc;
    color: #112b88;
    font-family: iranyekan;
    font-size: 15px;
    padding: 10px;
}

.shownews5attachfile .circle .slide-wrapper {
    background-color: transparent !important;
    border: 1px solid #ccc !important;
    box-shadow: none !important;
}

.shownews5video {
    margin-bottom: 20px;
}

.shownews5videotitr {
    background-color: #d5ffe9;
    color: #00a651;
    font-family: iranyekan;
    font-size: 15px;
    padding: 10px;
    margin: 20px 0;
}

.shownews5video video {
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    display: table;
    margin: 0 auto;
    padding: 5px;
}

.shownews5video source {
    max-height: 400px !important;
    max-width: 600px !important;
}

.showcommunique3date1 {
    color: #00a651;
}

.showcommunique3titr {
    color: #344b9a;
    font-family: iranyekan;
    font-size: 18px;
    margin-bottom: 20px;
    text-align: justify;
}

    .showcommunique3titr h1 {
        background-color: transparent !important;
        color: #515151 !important;
        font-size: 15px !important;
        padding: 0 !important;
        margin-top: 17px !important;
    }

.showcommunique3comment {
    line-height: 27px;
    text-align: justify;
    font-size: 14px;
}

    .showcommunique3comment h2 {
        line-height: 27px !important;
        font-size: 14px !important;
        margin: 0 !important;
    }

    .showcommunique3comment p,
    .showcommunique3comment a,
    .showcommunique3comment div,
    .showcommunique3comment span {
        line-height: 27px !important;
        font-size: 14px !important;
        font-family: iransans !important;
    }

    .showcommunique3comment img {
        max-width: 100%;
        display: block;
        height: auto;
    }

.showcommunique3reviewtxt,
.showcommunique3review {
    color: #888;
    font-size: 13px;
}

.showcommunique3content1 {
    margin: 20px 0;
}

.form4name {
    background-color: #01a860;
    box-shadow: none !important;
    color: #ffffff;
    font-family: iranyekan;
    margin-bottom: 10px;
    padding: 8px 10px !important;
    border-radius: 4px;
}

    .form4name h1 {
        font-size: 22px;
        margin: 0 !important;
        line-height: 27px;
        padding: 0 !important;
    }

.DorsaContainer .head {
    font-family: iranyekan !important;
    margin-bottom: 10px;
    padding: 8px 0 2px 0;
    font-size: 16px;
    border-bottom: 1px solid #e6e6e6;
}

.form4htmlcode {
    line-height: 27px;
    text-align: justify;
    font-size: 14px;
    margin-bottom: 50px;
}

    .form4htmlcode h2 {
        font-size: 14px;
        line-height: 27px;
        margin: 0 !important;
    }

    .form4htmlcode p,
    .form4htmlcode a,
    .form4htmlcode div,
    .form4htmlcode span {
        line-height: 27px !important;
        font-size: 14px !important;
        font-family: iransans !important;
    }

    .form4htmlcode .link {
        background-image: url("https://qmb.ir/Dorsapax/Data/Sub_0/Template/Main/img/bullet3.png");
        background-position: right 8px;
        background-repeat: no-repeat;
        display: block;
        padding-right: 17px;
        color: #112b88;
        margin-right: 10px;
    }

        .form4htmlcode .link:hover {
            color: #00a651 !important;
        }

    .form4htmlcode img {
        max-width: 100%;
        display: block;
        height: auto;
    }

.form4datetext,
.form4date,
.form4reviewtext,
.form4review {
    color: #888;
    font-size: 13px;
}

#zone4 .link {
    background-image: url("https://qmb.ir/Dorsapax/Data/Sub_0/Template/Main/img/bullet3.png");
    background-position: right 4px;
    background-repeat: no-repeat;
    color: #112b88;
    display: block;
    margin-bottom: 5px;
    margin-right: 10px;
    padding-right: 17px;
}

    #zone4 .link:hover {
        color: #00a651 !important;
    }

#zone4 img {
    max-width: 100%;
    display: block;
    height: auto;
}

.toggletitle {
    background-color: #d5ffe9;
    background-image: url("https://qmb.ir/Dorsapax/Data/Sub_0/Template/show/img/bottomicon.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 11px auto;
    border: 1px solid #77ffc8;
    border-radius: 5px;
    cursor: pointer;
    padding: 3px 8px;
}

    .toggletitle:hover {
        background-color: #D9E1FC;
        border: 1px solid #D9E1FC;
        color: #9f9f9f;
    }

.togglecomment {
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
    display: none;
    margin-top: 5px;
    padding: 5px;
}

.showlinks3titr {
    background-color: #d9e1fc;
    box-shadow: none !important;
    color: #112b88;
    font-family: iranyekan;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 8px !important;
}

    .showlinks3titr h1 {
        font-size: 18px;
        margin: 0 !important;
        line-height: 27px;
    }

.showlinks3comment {
    line-height: 27px;
    text-align: justify;
    font-size: 14px;
    margin-bottom: 50px;
}

    .showlinks3comment img {
        max-width: 100%;
    }

    .showlinks3comment h2 {
        font-size: 14px;
        line-height: 27px;
        margin: 0 !important;
    }

    .showlinks3comment p,
    .showlinks3comment a,
    .showlinks3comment div,
    .showlinks3comment span {
        line-height: 27px !important;
        font-size: 14px !important;
        font-family: iransans !important;
    }

    .showlinks3comment .link {
        background-image: url("https://qmb.ir/Dorsapax/Data/Sub_0/Template/Main/img/bullet3.png");
        background-position: right 8px;
        background-repeat: no-repeat;
        display: block;
        padding-right: 17px;
        color: #112b88;
        margin-right: 10px;
    }

        .showlinks3comment .link:hover {
            color: #00a651 !important;
        }

    .showlinks3comment img {
        max-width: 100%;
        display: block;
        height: auto;
    }

.showlinks3datetext,
.showlinks3date,
.showlinks3reviewtext,
.showlinks3review {
    color: #888;
    font-size: 13px;
}

.showtender2header {
    background-color: #d9e1fc;
    color: #112b88;
    font-family: iranyekan;
    font-size: 16px;
    margin-bottom: 25px;
    padding: 10px;
}

.showtender2titr {
    color: #112b88;
    font-family: iranyekan;
    font-size: 16px;
    margin-bottom: 20px;
    text-align: justify;
}

.showtender2comment {
    margin-bottom: 20px;
    text-align: justify;
}

.showtender2file1text {
    padding-top: 6px;
}

#accordion .panel-title > a {
    cursor: pointer !important;
    display: block !important;
    padding: 7px !important;
}

#accordion .panel-default > .panel-heading {
    padding: 0 !important;
}

/* ---------------- Sitemap ----------------- */
.sitmaptitle {
    background-color: #d9e1fc !important;
    color: #112b88;
    padding: 8px !important;
    text-align: right !important;
}

    .sitmaptitle > span {
        font-family: iranyekan;
        font-size: 18px;
        text-align: right !important;
    }

div[id*="TreeView1"] {
    background-color: #f3fbfb;
    border: 1px solid #d9e1fc;
    border-radius: 5px;
    min-height: 300px;
    padding: 20px;
}

div[id*="TreeView1n"] {
    background-color: transparent !important;
    border: medium none !important;
    border-radius: 0 !important;
    min-height: auto !important;
    padding: 0 !important;
}

#btnTop.box {
    background-color: transparent !important;
    border: medium none !important;
}

.downSideRes .spnFoundCounter {
    float: left;
    position: relative;
    top: 5px;
    display: none
}

/* ---------------- Search ----------------- */
.panel-heading.pHeadRes {
    display: none !important;
}

.panel-body.pBodyRes {
    background-color: #d9e1fc !important;
    border: medium none !important;
}

.downSideRes {
    width: 100% !important;
}

    .downSideRes .panel-heading {
        background-color: #d9e1fc !important;
        border-radius: 0 !important;
    }

    .downSideRes select[id*="ddlPageSize"] {
        height: 28px !important;
        width: 50px !important;
    }

div[id*="ASearch"] select[id*="ddlLanguage"] {
    margin-bottom: 5px !important;
}

div[id*="ASearch"] select[id*="Droptype"] {
    margin-bottom: 5px;
}

div[id*="ASearch"] input[id*="btnAdvSearch"] {
    background-color: #00a651 !important;
    border: medium none !important;
    float: left !important;
    margin-left: 15px !important;
}

    div[id*="ASearch"] input[id*="btnAdvSearch"]:hover {
        background-color: #00AEFF !important;
    }

#Div7Res img {
    display: none;
}

#Div7Res a img {
    display: inline-block !important;
    transform: rotate(180deg);
}

.downSideRes #Td3 table {
    margin: 0 auto;
}

.downSideRes .searchresault {
    border-bottom: 1px dotted #344b9a;
    padding: 10px 15px;
}

.downSideRes .dtlList {
    width: 100%;
}

div[id*="SSearch"] .btn {
    height: 20px !important;
    width: 14px !important;
    font-size: 0 !important;
}

/* ---------------- GroupPage ----------------- */
div[id*="panelgroup"] .form-inline .control-label {
    padding: 6px 10px !important;
}

div[id*="panelgroup"] .margin-top-10 {
    margin-top: 15px;
}

div[id*="panelgroup"] .btn-search {
    padding: 8px 12px 3px !important;
    background-color: #76c000 !important;
    border-color: #76c000 !important;
    color: #fff !important;
}

div[id*="panelgroup"] .input-group-addon {
    background-color: #76c000 !important;
    border: 1px solid #76c000 !important;
    color: #fff !important;
}

div[id*="panelgroup"] .panel-heading {
    background-color: #ece9e2 !important;
    border-color: #ece9e2 !important;
    padding: 5px 15px 5px 15px;
}

div[id*="panelgroup"] .panel-default {
    background-color: #fff !important;
    border-color: #ece9e2 !important;
}

div[id*="panelgroup"] .groupListview {
    border-color: #ece9e2 !important;
}

div[id*="panelgroup"] .footable {
    border: medium none !important;
    background-color: transparent !important;
}

div[id*="panelgroup"] sapn[id*="lblFilter"] {
    color: #112b88 !important;
    font-family: iranyekan !important;
    font-size: 18px !important;
}

div[id*="panelgroup"] #Th1 {
    background-color: #ece9e2 !important;
    border: none !important;
    color: #373737 !important;
    font-family: iranyekan !important;
    font-size: 16px !important;
}

div[id*="panelgroup"] #Th2 {
    background-color: #ece9e2 !important;
    border: none !important;
    color: #373737 !important;
    font-family: iranyekan !important;
    font-size: 16px !important;
    text-align: center !important;
}

div[id*="panelgroup"] .footable-visible {
    text-align: justify;
}

div[id*="panelgroup"] .grouptitle a {
    background-image: url("https://qmb.ir/Dorsapax/Data/Sub_0/Template/Main/img/bullet3.png");
    background-position: right 7px;
    background-repeat: no-repeat;
    padding-right: 15px;
}

    div[id*="panelgroup"] .grouptitle a:hover {
        color: #112B88 !important;
    }

div[id*="panelgroup"] span[id*="Label4"] {
    display: none;
}

div[id*="panelgroup"] span[id*="lblCountOfFound"] {
    display: none;
}

div[id*="panelgroup"] a[id*="lnkbtnSearchTodayLabel"] {
    display: none;
}

div[id*="panelgroup"] a[id*="lnkbtnSearchToday"] {
    display: none;
}

div[id*="panelgroup"] a[id*="register"] {
    background-color: #76c000 !important;
    border: medium none !important;
    left: 26px;
    position: absolute;
    top: 4px;
}

    div[id*="panelgroup"] a[id*="register"]:hover {
        background-color: #00AEFF !important;
    }

div[id*="panelgroup"] .well {
    background-color: transparent !important;
    border: medium none !important;
    border-radius: 4px;
    box-shadow: none !important;
}

.groupListview span[id*="answerlbl"] {
    text-align: justify !important;
    display: block;
}

.grouptitle.question span {
    display: block;
    text-align: justify;
    color: #76c000;
}

.questionheader {
    background-color: #d9e1fc;
    box-shadow: none !important;
    color: #112b88;
    padding: 8px;
}

    .questionheader span {
        font-family: iranyekan;
        font-size: 18px;
    }

.grouptitle.complain span {
    display: block;
    text-align: justify;
    color: #00A651;
    background-image: url("https://qmb.ir/Dorsapax/Data/Sub_0/Template/Main/img/bullet3.png");
    background-position: right 5px;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.complainheader {
    background-color: #d9e1fc;
    box-shadow: none !important;
    color: #112b88;
    padding: 8px;
}

    .complainheader span {
        font-family: iranyekan;
        font-size: 18px;
    }

.mycontacts {
    font-size: 18px;
    margin: 0 !important;
    line-height: 27px;
    background-image: url(https://qmb.ir/Dorsapax/userfiles/Sub0/template/pages-icon.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 10px 70px 10px 0;
    background-color: transparent !important;
    color: #515151 !important;
}

.mainsection fieldset legend {
    border-bottom: none !important;
}

.mycontacts span {
    font-family: iranyekan;
    font-size: 18px;
}

.gpnewssecondtitr {
    color: #76c000;
    display: block;
    text-align: justify;
}

.gpnewstitr {
    color: #515151;
    display: block;
    font-family: iranyekan;
    text-align: justify;
}

.gpnewssummery {
    display: block;
    font-size: 13px;
    margin: 5px 0;
    text-align: justify;
    color: #727272;
}

.gpnewsdate1 {
    color: #112b88;
    display: block;
    font-size: 13px !important;
}

.gpnewsmore a {
    background-position: right 4px !important;
    color: #00a651 !important;
    float: left;
    padding-right: 10px !important
}

    .gpnewsmore a:hover {
        color: #112B88 !important;
    }

.gpnewsimg {
    border: 1px solid #ccc;
    padding: 2px;
    width: 130px;
}

/* ---------------- Login Show ----------------- */
.DorsaContainer .panel-heading {
    background-color: #76c000 !important;
    border-color: #76c000 !important;
    color: #ffffff !important;
}

.DorsaContainer .panel-default {
    border-color: #76c000 !important;
}

.DorsaContainer .panel-title {
    text-align: justify;
    margin-bottom: 0 !important;
}

.DorsaContainer .panel-heading .panel-title a.collapsed {
    background-image: url(https://qmb.ir/Dorsapax/userfiles/Sub0/caret-down.png);
}

.DorsaContainer .panel-heading .panel-title a {
    color: #fff !important;
    border: none !important;
    background-image: url(https://qmb.ir/Dorsapax/userfiles/Sub0/caret-up.png);
    display: block;
    background-repeat: no-repeat;
}

.DorsaContainer .panel-title span {
    font-family: iranyekan;
    font-size: 13px;
    color: #373737;
}

.DorsaContainer .memberbutton {
    background-color: #00a651;
    border: 1px solid #00a651;
    border-radius: 5px;
    padding: 8px;
    width: 100px;
    color: #fff;
}

    .DorsaContainer .memberbutton:hover {
        background-color: #d9e1fc;
        border: 1px solid #d9e1fc;
        color: #000;
    }

.DorsaContainer .payamsearch {
    float: right !important;
}

span[id*="lblTitlePage"].RegisterboldLabel {
    background-color: #d9e1fc !important;
    color: #112b88 !important;
    display: block;
    font-family: iranyekan !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    padding: 7px !important;
    font-size: 18px !important;
    text-align: justify !important;
}

div[id*="MessageBox1_grvMsg"] {
    border: none !important;
}

    div[id*="MessageBox1_grvMsg"] td {
        border: none !important;
    }

input[id*="FileUpload1"] {
    width: 200px !important;
}

/* ---------------- Bottom Panel ----------------- */
div[id*="commentsDiv"] {
    z-index: 0;
    position: relative;
    background-color: #f4f4f4 !important;
    border: 1px solid #dbdbdb !important;
    padding: 10px !important;
    margin-top: 10px;
}

div[id*="favtoolbar"] {
    height: 30px;
}

div[id*="divFavToolBar"] {
    display: table;
    float: left;
}

    div[id*="divFavToolBar"] img:hover {
        filter: saturate(10);
    }

div[id*="divIdeaPage"] hr {
    margin: 10px 0 !important;
}

#ideaDiv .form-group {
    margin-bottom: 5px !important;
}

#ideaDiv #ideaimgCap {
    border: 1px solid #50f6a1 !important;
}

#ideaDiv input[id*="txtSequre"] {
    width: 145px !important;
}

#ideaDiv div[id*="pnlIdea"] {
    display: none;
}

div[id*="commentsDiv"] #imgShowSendIdea {
    display: none !important;
}

span[id*='IdeaPage1_lbltitr1'] {
    background-image: url("https://qmb.ir/Dorsapax/Data/Sub_0/Template/show/img/bottomicon.png");
    background-position: 7px 8px;
    background-repeat: no-repeat;
    background-size: 10px auto;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    padding: 5px;
}

div[id*="commentsDiv"] .ShowCommentPnl {
    background-image: url("https://qmb.ir/Dorsapax/Data/Sub_0/Template/show/img/bottomicon.png");
    background-position: 7px 12px;
    background-repeat: no-repeat;
    background-size: 10px auto;
    border-radius: 5px;
    padding: 2px;
    cursor: pointer;
}

    div[id*="commentsDiv"] .ShowCommentPnl:hover {
        background-color: #d9e1fc;
    }

span[id*='IdeaPage1_lbltitr1']:hover {
    background-color: #d9e1fc;
}

input[id*="IdeaPage1_btnsend"] {
    background-color: #00a651 !important;
    border-color: #00a651 !important;
    color: #fff !important;
}

    input[id*="IdeaPage1_btnsend"]:hover {
        background-color: #00AEFF !important;
        border-color: #00AEFF !important;
        color: #fff !important;
    }

div[id*="favtoolbar"] .addbookmark {
    opacity: 1 !important;
}

#commentsDiv .pnlAnswer {
    background-color: #d4fbe7;
    border: 1px solid #a2f7cb;
    border-radius: 5px;
    margin: 3px;
}

/* ---------------- Sent To Another ----------------- */
.senttoanother {
    background-color: #d9e1fc;
    margin: 0 0 20px;
    padding: 7px;
}

    .senttoanother span {
        color: #112b88;
        font-family: iranyekan;
        font-size: 18px;
    }

/* ---- Rich Pages --- */
.DorsaContainer h1 {
    background-color: #01a860;
    box-shadow: none !important;
    color: #ffffff;
    font-family: iranyekan;
    margin-bottom: 10px;
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 22px;
    text-align: justify;
}

.DorsaContainer h3 {
    box-shadow: none !important;
    color: #1e9811;
    font-family: iranyekan;
    margin-bottom: 10px !important;
    font-size: 21px;
    text-align: justify;
}

.DorsaContainer h4 {
    box-shadow: none !important;
    color: #158d11;
    font-family: iranyekan;
    margin-bottom: 10px !important;
    font-size: 18px;
    text-align: justify;
}

.DorsaContainer .p1 {
    border-right: 2px solid #dcdcdc;
    padding-right: 10px;
    text-align: justify;
}

.DorsaContainer a[data-toggle] {
    border-bottom: 1px dashed #00a8ff;
    color: #00a8ff;
    cursor: pointer;
}

    .DorsaContainer a[data-toggle]:hover {
        color: #1e9811;
        border-bottom: 1px dashed #1e9811;
    }

.DorsaContainer h3.popover-title {
    display: none;
}

.DorsaContainer .popover-content {
    background-color: #f4f4f4 !important;
    text-align: justify;
}

.DorsaContainer .popover {
    background-color: #f4f4f4 !important;
    border-color: #f4f4f4 !important;
    box-shadow: 0 2px 4px -1px #ccc !important;
}

    .DorsaContainer .popover.bottom > .arrow:after {
        border-bottom-color: #f4f4f4 !important;
    }

    .DorsaContainer .popover.bottom > .arrow {
        border-color: transparent !important;
    }

.DorsaContainer .fullimg {
    border-radius: 4px;
    margin: 0 auto;
}

.DorsaContainer ul {
    margin-right: 20px;
    list-style: none;
}

    .DorsaContainer ul li {
        position: relative;
        padding-right: 15px;
    }

        .DorsaContainer ul li:before {
            content: "\2022";
            color: #158d11;
            font-weight: bold;
            display: inline-block;
            margin-left: 5px;
            font-size: 30px;
            top: 3px;
            position: absolute;
            right: 0;
        }

.DorsaContainer .ultitle {
    box-shadow: none !important;
    color: #158d11;
    font-size: 15px !important;
    margin-right: 20px;
}

.DorsaContainer .table1 {
    overflow-x: auto;
}

    .DorsaContainer .table1 table {
        border-spacing: 4px !important;
        width: 100%;
        border-collapse: separate !important;
    }

    .DorsaContainer .table1 th {
        padding: 10px;
        text-align: center;
        background-color: #01a860;
        color: #fff;
    }

        .DorsaContainer .table1 th:first-child {
            border-top-right-radius: 5px;
        }

        .DorsaContainer .table1 th:last-child {
            border-top-left-radius: 5px;
        }

    .DorsaContainer .table1 td {
        padding: 10px;
        text-align: center;
        background-color: #f4f4f4;
    }

    .DorsaContainer .table1 tr:last-child td:first-child {
        border-bottom-right-radius: 5px;
    }

    .DorsaContainer .table1 tr:last-child td:last-child {
        border-bottom-left-radius: 5px;
    }

    .DorsaContainer .table1 tr:hover td {
        background-color: #e4fbeb;
    }

.DorsaContainer .box1 {
    background-color: #aaedb8;
    padding: 15px 115px 15px 15px;
    opacity: 0.8;
    position: relative;
    margin-bottom: 30px;
}

    .DorsaContainer .box1:hover {
        opacity: 1;
    }

    .DorsaContainer .box1:before {
        width: 100px;
        min-height: 100px;
        content: '';
        position: absolute;
        background-color: #aaedb8;
        right: 0;
        border-left: 5px solid #fff;
        background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/show/img/know-icon.png);
        background-position: center center;
        background-repeat: no-repeat;
        margin-top: -15px;
        height: 100%;
        background-size: contain;
    }

    .DorsaContainer .box1:after {
        content: '';
        width: 35px;
        height: 19px;
        background-color: #aaedb8;
        position: absolute;
        left: 29px;
        bottom: -17px;
        background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/show/img/more-icon1.png);
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 0 0 10px 10px;
        cursor: pointer;
        background-size: 16px;
    }

    .DorsaContainer .box1 span {
        display: block;
        position: relative;
        transition: max-height 1s ease 0s;
        overflow: hidden;
        max-height: 77px;
        text-align: justify;
    }

    .DorsaContainer .box1.open span {
        max-height: 1000px !important;
    }

    .DorsaContainer .box1.open:after {
        background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/show/img/less-icon1.png) !important;
    }

.DorsaContainer .box2 {
    background-color: #fef5d7;
    padding: 15px 115px 15px 15px;
    opacity: 0.8;
    position: relative;
    margin-bottom: 30px;
}

    .DorsaContainer .box2:hover {
        opacity: 1;
    }

    .DorsaContainer .box2:before {
        width: 100px;
        min-height: 100px;
        content: '';
        position: absolute;
        background-color: #fef5d7;
        right: 0;
        border-left: 5px solid #fff;
        background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/show/img/economy-icon.png);
        background-position: center center;
        background-repeat: no-repeat;
        margin-top: -15px;
        height: 100%;
        background-size: contain;
    }

    .DorsaContainer .box2:after {
        content: '';
        width: 35px;
        height: 19px;
        background-color: #fef5d7;
        position: absolute;
        left: 29px;
        bottom: -17px;
        background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/show/img/more-icon2.png);
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 0 0 10px 10px;
        cursor: pointer;
        background-size: 16px;
    }

    .DorsaContainer .box2 span {
        display: block;
        position: relative;
        transition: max-height 1s ease 0s;
        overflow: hidden;
        max-height: 77px;
    }

    .DorsaContainer .box2.open span {
        max-height: 1000px !important;
    }

    .DorsaContainer .box2.open:after {
        background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/show/img/less-icon2.png) !important;
    }

.DorsaContainer .box3 {
    background-color: #f5d3d6;
    padding: 15px 115px 15px 15px;
    opacity: 0.8;
    position: relative;
    margin-bottom: 30px;
}

    .DorsaContainer .box3:hover {
        opacity: 1;
    }

    .DorsaContainer .box3:before {
        width: 100px;
        min-height: 100px;
        content: '';
        position: absolute;
        background-color: #f5d3d6;
        right: 0;
        border-left: 5px solid #fff;
        background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/show/img/safe-icon.png);
        background-position: center center;
        background-repeat: no-repeat;
        margin-top: -15px;
        height: 100%;
        background-size: contain;
    }

    .DorsaContainer .box3:after {
        content: '';
        width: 35px;
        height: 19px;
        background-color: #f5d3d6;
        position: absolute;
        left: 29px;
        bottom: -17px;
        background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/show/img/more-icon3.png);
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 0 0 10px 10px;
        cursor: pointer;
        background-size: 16px;
    }

    .DorsaContainer .box3 span {
        display: block;
        position: relative;
        transition: max-height 1s ease 0s;
        overflow: hidden;
        max-height: 77px;
    }

    .DorsaContainer .box3.open span {
        max-height: 1000px !important;
    }

    .DorsaContainer .box3.open:after {
        background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/show/img/less-icon3.png) !important;
    }

.DorsaContainer .biglink {
    padding: 25px 10px;
    background-color: #f4f4f4;
    border-radius: 10px;
}

    .DorsaContainer .biglink a {
        display: block;
        background-color: #01a860;
        padding: 10px;
        border-radius: 8px;
        text-align: center;
        background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/show/img/gear-icon.png);
        background-repeat: no-repeat;
        background-position: right -40px top -70px;
        font-weight: bold;
        font-size: 20px !important;
        color: #fff;
        width: 290px;
        border: 2px solid #01a860;
        margin: 10px auto 10px auto;
        box-shadow: 0 2px 4px 1px #49d498;
    }

        .DorsaContainer .biglink a:hover {
            background-color: #23c57f;
        }

.DorsaContainer .popover {
    max-width: 320px !important;
    width: 320px !important;
    min-width: 320px !important;
    padding: 5px 20px;
}

    .DorsaContainer .popover .popovertext {
        text-align: justify;
        margin-bottom: 10px;
        font-size: 13px !important;
    }

    .DorsaContainer .popover .popoverlink a {
        background-color: #78cc9a;
        display: block;
        padding: 5px 15px;
        color: #fff;
        border-radius: 4px;
        margin-bottom: 10px;
        font-size: 13px !important;
    }

        .DorsaContainer .popover .popoverlink a:hover {
            background-color: #b0dec2;
            color: #555;
        }

    .DorsaContainer .popover .popovermore a {
        background-color: #78cc9a;
        display: block;
        padding: 0px;
        color: #fff;
        border-radius: 4px;
        text-align: center;
        width: 120px;
        margin: 0 auto 10px auto;
    }

        .DorsaContainer .popover .popovermore a:hover {
            background-color: #b0dec2;
            color: #555;
        }

/* ---- End Rich Pages --- */
@media (min-width:1200px) {
    .DorsaContainer .head {
        font-size: 15px !important;
    }

    .mymainpage {
        display: table !important;
        margin: 10px auto !important;
    }

    #zone2 {
        display: table-cell !important;
        float: none !important;
        vertical-align: top;
        padding-right: 0 !important;
        width: 80% !important;
    }

    #zone4 {
        background-color: #fff;
        box-shadow: 0 0 4px 2px #ccc;
        display: table-cell !important;
        float: none !important;
        padding: 15px;
        width: 20% !important;
    }

    input[id*="txtStartDate"] {
        width: 150px !important;
        padding: 5px !important;
    }

    input[id*="txtExpDate"] {
        width: 150px !important;
        padding: 5px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .DorsaContainer .head {
        font-size: 15px !important;
    }

    .mymainpage {
        display: table !important;
        margin: 10px auto !important;
    }

    #zone2 {
        display: table-cell !important;
        float: none !important;
        vertical-align: top;
        width: 80% !important;
    }

    #zone4 {
        background-color: #fff;
        box-shadow: 0 0 4px 2px #ccc;
        display: table-cell !important;
        float: none !important;
        padding: 15px;
        width: 20% !important;
    }

    input[id*="txtStartDate"] {
        width: 85px !important;
        padding: 5px !important;
    }

    input[id*="txtExpDate"] {
        width: 85px !important;
        padding: 5px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .DorsaContainer .head {
        font-size: 15px !important;
    }

    input[id*="txtStartDate"] {
        width: 83px !important;
    }

    input[id*="txtExpDate"] {
        width: 83px !important;
    }

    .mymainpage {
        padding: 0 15px !important;
        margin: 10px auto !important;
    }

    #zone4 {
        background-color: #fff;
        box-shadow: 0 0 4px 2px #ccc;
        padding: 15px;
        margin-top: 10px !important;
    }

    #zone2 {
        padding: 0 !important;
    }

    .DorsaContainer {
        min-height: auto !important;
    }

    #tool_dorsaetoolsenews_sample_news_block60 .bmiddle {
        height: auto !important;
    }
}

@media (min-width: 450px) and (max-width: 767px) {
    .mymainpage {
        padding: 0 15px !important;
        margin: 10px auto !important;
    }

    #zone4 {
        background-color: #fff;
        box-shadow: 0 0 4px 2px #ccc;
        padding: 15px;
        margin-top: 10px !important;
    }

    #zone2 {
        padding: 0 !important;
    }

    .form4name {
        font-size: 15px !important;
    }

    .DorsaContainer .head {
        font-size: 13px !important;
    }

    div[id*="panelgroup"] .form-group {
        float: none !important
    }

    #tool_dorsaetoolsenews_sample_main_block4 {
        height: 250px !important;
        width: 380px !important;
        margin: 0 auto !important;
    }

        #tool_dorsaetoolsenews_sample_main_block4 .advanced-slider {
            height: 250px !important;
            width: 380px !important;
        }

    #tool_dorsaetoolsenews_sample_news_block60 {
        height: 250px !important;
        width: 380px !important;
        margin: 0 auto !important;
    }

    #zone4 #tool_dorsaetoolsenews_sample_news_block60 {
        height: auto !important;
        margin: 0 !important;
        width: 100% !important;
    }

    #tool_dorsaetoolsenews_sample_news_block60 .advanced-slider {
        height: 250px !important;
        width: 380px !important;
    }

    .shownews5video video {
        height: 250px !important;
        width: 380px !important;
    }

    .DorsaContainer {
        min-height: auto !important;
    }

    #tool_dorsaetoolsenews_sample_news_block60 .bmiddle {
        height: auto !important;
    }
}

@media (min-width: 320px) and (max-width: 449px) {
    .mymainpage {
        padding: 0 15px !important;
        margin: 10px auto !important;
    }

    #zone4 {
        background-color: #fff;
        box-shadow: 0 0 4px 2px #ccc;
        padding: 15px;
        margin-top: 10px !important;
    }

    #zone2 {
        padding: 0 !important;
    }

    .form4name {
        font-size: 13px !important;
    }

    .DorsaContainer .head {
        font-size: 12px !important;
    }

    div[id*="panelgroup"] .form-group {
        float: none !important
    }

    #tool_dorsaetoolsenews_sample_main_block4 {
        height: 180px !important;
        width: 280px !important;
        margin: 0 auto !important;
    }

        #tool_dorsaetoolsenews_sample_main_block4 .advanced-slider {
            height: 180px !important;
            width: 280px !important;
        }

    #tool_dorsaetoolsenews_sample_news_block60 {
        height: 180px !important;
        width: 280px !important;
        margin: 0 auto !important;
    }

    #zone4 #tool_dorsaetoolsenews_sample_news_block60 {
        height: auto !important;
        margin: 0 !important;
        width: 100% !important;
    }

    #tool_dorsaetoolsenews_sample_news_block60 .advanced-slider {
        height: 180px !important;
        width: 280px !important;
    }

    .shownews5video video {
        height: 180px !important;
        width: 280px !important;
    }

    .DorsaContainer {
        min-height: auto !important;
    }

    #tool_dorsaetoolsenews_sample_news_block60 .bmiddle {
        height: auto !important;
    }
}

@media (max-width:319px) {
    .mymainpage {
        padding: 0 15px !important;
        margin: 10px auto !important;
    }

    #zone4 {
        background-color: #fff;
        box-shadow: 0 0 4px 2px #ccc;
        padding: 15px;
        margin-top: 10px !important;
    }

    #zone2 {
        padding: 0 !important;
    }

    .form4name {
        font-size: 13px !important;
    }

    .DorsaContainer .head {
        font-size: 12px !important;
    }

    div[id*="panelgroup"] .form-group {
        float: none !important
    }

    #tool_dorsaetoolsenews_sample_main_block4 {
        height: 140px !important;
        width: 200px !important;
        margin: 0 auto !important;
    }

        #tool_dorsaetoolsenews_sample_main_block4 .advanced-slider {
            height: 140px !important;
            width: 200px !important;
        }

    #tool_dorsaetoolsenews_sample_news_block60 {
        height: 140px !important;
        width: 200px !important;
        margin: 0 auto !important;
    }

    #zone4 #tool_dorsaetoolsenews_sample_news_block60 {
        height: auto !important;
        margin: 0 !important;
        width: 100% !important;
    }

    #tool_dorsaetoolsenews_sample_news_block60 .advanced-slider {
        height: 140px !important;
        width: 200px !important;
    }

    .shownews5video video {
        height: 140px !important;
        width: 200px !important;
    }

    .DorsaContainer {
        min-height: auto !important;
    }

    #tool_dorsaetoolsenews_sample_news_block60 .bmiddle {
        height: auto !important;
    }
}

.DorsaContainer .headcolor {
    font-family: iranyekan !important;
    margin-bottom: 10px;
    padding: 8px 0 2px 0;
    font-size: 16px;
    border-bottom: 1px solid #e6e6e6;
}

.DorsaContainer {
    background-color: #fff;
    border-top: 5px solid #76c000;
    border-radius: 5px 5px 0 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.shownews7file1 {
    padding-bottom: 10px;
    padding-left: 10px;
    width: 300px;
}

.shownews7secondtitr {
    color: #00a651;
    font-size: 15px;
    margin-bottom: 5px;
    text-align: justify;
    display: none;
}

.shownews7titr {
    color: #515151;
    font-family: iranyekan;
    margin-bottom: 10px;
    text-align: justify;
}

    .shownews7titr h1 {
        font-size: 18px;
        margin: 0 !important;
        line-height: 27px;
    }

.shownews7summery h2 {
    font-size: 14px;
    line-height: 27px;
    text-align: justify;
    color: #727272;
}

    .shownews7summery h2:before {
        content: 'خلاصه: ';
        padding-left: 5px;
        display: inline-block;
        color: #ed8719;
    }

.shownews7date1 {
    text-indent: 18px;
    color: #8a8a8a;
    font-size: 13px;
}

    .shownews7date1:before {
        background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/date-icon.png);
        background-repeat: no-repeat;
        background-position: right center;
        content: '';
        width: 14px;
        height: 14px;
        position: absolute;
        margin-top: 1px;
        margin-right: -18px;
    }

.morebox {
    display: inline-block;
    width: 100%;
    background-color: #f2f9e9;
    border-top: 1px solid #e4f2d1;
    border-bottom: 1px solid #e4f2d1;
    padding: 10px 0;
}

.DorsaContainer .row .morebox {
    margin: 0;
    width: 100%;
    display: inline-block !important;
}

.DorsaContainer .morebox {
    margin: 0 -15px;
    width: calc(100% + 30px);
}

.shownews7review {
    display: inline-block;
    float: right;
    background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/review-icon.png);
    background-repeat: no-repeat;
    background-position: right 0px center;
    padding-right: 20px;
    margin-right: 15px;
    color: #8a8a8a;
}

.sharebox {
    display: inline-block;
    float: left;
    margin-left: 15px;
}

    .sharebox span {
        color: #8a8a8a;
        font-size: 12px;
        float: right;
        padding-top: 3px;
    }

.shownews7telegram {
    display: inline-block;
    margin: 0 10px;
}

    .shownews7telegram img {
        cursor: pointer;
    }

.shownews7linkedin {
    display: inline-block;
}

    .shownews7linkedin img {
        cursor: pointer;
    }

.shownews7comment h3 {
    font-size: 14px;
    color: #727272;
    line-height: 27px;
    margin: 0;
    padding: 20px 40px;
    text-align: justify;
}

.shownews7attachfiletitr {
    background-image: url(https://qmb.ir/Dorsapax/userfiles/Sub0/template/image-icon.png);
    background-repeat: no-repeat;
    background-position: right;
    padding: 10px 30px 10px 0;
    color: #76c000;
}

.shownews7attachfile .slide-wrapper img.image {
    width: 100% !important;
    height: 100% !important;
}

.shownews7attachfile .slide-buttons {
    display: none !important;
}

.shownews7attachfile {
    padding: 0px 40px !important;
}

.form5name {
    padding: 0 !important;
}

    .form5name h1 {
        font-size: 18px;
        margin: 0 !important;
        line-height: 27px;
        background-image: url(https://qmb.ir/Dorsapax/userfiles/Sub0/template/pages-icon.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding: 10px 70px 10px 0;
        background-color: transparent !important;
        color: #515151 !important;
    }

.form5name {
    color: #515151;
    font-family: iranyekan;
    margin-bottom: 10px;
    text-align: justify;
}

.form5htmlcode {
    padding: 0 !important;
}

    .form5htmlcode h2 {
        font-size: 14px;
        color: #727272;
        line-height: 27px;
        margin: 0;
        padding: 15px;
        text-align: justify;
    }

.form5date {
    text-indent: 18px;
    color: #8a8a8a;
    font-size: 13px;
    padding-bottom: 20px !important;
    width: 100% !important;
}

    .form5date:before {
        background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/date-icon.png);
        background-repeat: no-repeat;
        background-position: right center;
        content: '';
        width: 14px;
        height: 14px;
        position: absolute;
        margin-top: 1px;
        margin-right: -18px;
    }

.form5review {
    display: inline-block;
    float: right;
    background-image: url(https://qmb.ir/Dorsapax/Data/Sub_0/Template/default/img/review-icon.png);
    background-repeat: no-repeat;
    background-position: right 0px center;
    padding-right: 20px;
    margin-right: 15px;
    color: #8a8a8a;
}

.form5telegram {
    display: inline-block;
    margin: 0 10px;
}

    .form5telegram img {
        cursor: pointer;
    }

.form5linkedin {
    display: inline-block;
}

    .form5linkedin img {
        cursor: pointer;
    }

/* ---- Comments ---- */
div[id*="commentsDiv"] {
    background-color: #ece9e2 !important;
    border-top: 3px solid #5e4b3c !important;
    padding: 10px !important;
    margin-top: 10px;
}

    div[id*="commentsDiv"] .ShowCommentPnl {
        background-image: url(https://qmb.ir/Dorsapax/userfiles/Sub0/template/caret-down2.png);
        background-position: 7px 12px;
        background-repeat: no-repeat;
        background-size: 16px auto;
        border-radius: 5px;
        padding: 5px;
        cursor: pointer;
    }

        div[id*="commentsDiv"] .ShowCommentPnl:hover {
            background-color: #c7c5bf;
        }

span[id*='IdeaPage1_lbltitr1'] {
    background-image: url(https://qmb.ir/Dorsapax/userfiles/Sub0/template/caret-down2.png);
    background-position: 7px 12px;
    background-repeat: no-repeat;
    background-size: 16px auto;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    padding: 10px 5px;
}

    span[id*='IdeaPage1_lbltitr1']:hover {
        background-color: #c7c5bf;
    }

div[id*="commentsDiv"] #imgShowSendIdea {
    display: none !important;
}

input[id*="IdeaPage1_btnsend"] {
    background-color: #5e4b3b !important;
    border-color: #5e4b3b !important;
    color: #fff !important;
    border-radius: 50px;
    padding: 3px 22px;
}

div[id*="favtoolbar"] div {
    float: left;
    margin-top: 2px;
}

div[id*="favtoolbar"] img {
    filter: hue-rotate(170deg);
}

#ideaDiv div[id*="pnlIdea"] {
    display: none;
}

.form5htmlcode img {
    max-width: 100%;
}

@media (min-width:1200px) {
    .container {
        width: 1117px !important;
    }

    .mynavigator .container {
        width: 1085px !important;
    }

    .DorsaContainer {
        width: 1085px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        width: unset !important;
    }

    .mynavigator .container {
        width: 875px !important;
    }

    .DorsaContainer {
        width: 875px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .container {
        width: unset !important;
    }

    .mynavigator .container {
        width: 658px !important;
    }

    .DorsaContainer {
        width: 658px !important;
    }
}

@media (min-width: 450px) and (max-width: 767px) {
    .zones {
        margin: 0 !important;
    }
}

@media (min-width: 320px) and (max-width: 449px) {
    .zones {
        margin: 0 !important;
    }
}

@media (max-width:319px) {
    .zones {
        margin: 0 !important;
    }
}

button[id*="MessageBox1_close_message"] {
    float: left;
}

div[id*="favtoolbar"] .addbookmark {
    opacity: 1 !important;
    display: none;
}

/****** Start Content of armDorsaStyle.css *******/
.linkarm {
    font-family: Arial;
    font-size: x-small;
    width: 100%;
    text-align: center;
}

.textarm {
    text-decoration: none
}

/****** Start Content of jquery.fs.zoomer.css *******/
/*  * Zoomer v3.0.9 - 2014-05-28  * A jQuery plugin for smooth image exploration. Part of the formstone library.  * http://formstone.it/components/zoomer/  *  * Copyright 2014 Ben Plum; MIT Licensed  */
html,
body {
    -ms-content-zooming: none;
    -ms-touch-action: none;
}

.zoomer .zoomer-holder {
    -ms-touch-action: none;
}

.zoomer,
.zoomer * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.zoomer {
    background: #eee url(jquery.fs.zoomer-loading.gif) no-repeat center;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

    .zoomer .zoomer-positioner {
        margin: 0;
        height: 1px;
        position: absolute;
        width: 1px;
    }

    .zoomer .zoomer-holder {
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
        opacity: 0;
        position: relative;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

    .zoomer .zoomer-image {
        cursor: move;
        float: left;
        height: 100%;
        width: 100%;
        -webkit-transition: opacity 0.25 linear;
        -moz-transition: opacity 0.25 linear;
        -ms-transition: opacity 0.25 linear;
        -o-transition: opacity 0.25 linear;
        transition: opacity 0.25 linear;
    }

    .zoomer .zoomer-tiles {
        height: 100%;
        position: relative;
        width: 100%;
    }

    .zoomer .zoomer-tile {
        height: auto;
        position: absolute;
        width: auto;
    }

    /* CONTROLS */
    .zoomer .zoomer-controls {
        background: rgba(0, 0, 0, 0.8);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
        border-radius: 3px;
        padding: 5px;
        position: absolute;
        -webkit-transition: opacity 0.25 linear;
        -moz-transition: opacity 0.25 linear;
        -ms-transition: opacity 0.25 linear;
        -o-transition: opacity 0.25 linear;
        transition: opacity 0.25 linear;
    }

        .zoomer .zoomer-controls span {
            border-radius: 3px;
            color: #fff;
            cursor: pointer;
            display: block;
            font-size: 20px;
            font-weight: bold;
            height: 30px;
            line-height: 30px;
            margin: 0;
            text-align: center;
            width: 30px;
        }

        .zoomer .zoomer-controls .zoomer-next,
        .zoomer .zoomer-controls .zoomer-previous {
            display: none;
        }

    .zoomer.zoomer-gallery .zoomer-controls .zoomer-next,
    .zoomer.zoomer-gallery .zoomer-controls .zoomer-previous {
        display: block;
    }

    /* CONTROLS - TOP, BOTTOM */
    .zoomer .zoomer-controls-top,
    .zoomer .zoomer-controls-bottom {
        left: 50%;
        margin: 0 0 0 -35px;
    }

    .zoomer .zoomer-controls-top {
        bottom: auto;
        top: 10px;
    }

    .zoomer .zoomer-controls-bottom {
        bottom: 10px;
        top: auto;
    }

    .zoomer.zoomer-gallery .zoomer-controls-top,
    .zoomer.zoomer-gallery .zoomer-controls-bottom {
        margin: 0 0 0 -65px;
    }

    .zoomer .zoomer-controls-top span,
    .zoomer .zoomer-controls-bottom span {
        float: left;
    }

        .zoomer .zoomer-controls-top span:first-child,
        .zoomer .zoomer-controls-bottom span:first-child {
            margin: 0 1px 0 0;
        }

    /* CONTROLS - LEFT, RIGHT, TOP LEFT, TOP RIGHT, BOTTOM LEFT, BOTTOM RIGHT */
    .zoomer .zoomer-controls-left,
    .zoomer .zoomer-controls-top-left,
    .zoomer .zoomer-controls-bottom-left .zoomer .zoomer-controls-right,
    .zoomer .zoomer-controls-top-right,
    .zoomer .zoomer-controls-bottom-right {
        height: 71px;
        width: 40px;
    }

    .zoomer.zoomer-gallery .zoomer-controls-left,
    .zoomer.zoomer-gallery .zoomer-controls-top-left,
    .zoomer.zoomer-gallery .zoomer-controls-bottom-left .zoomer.zoomer-gallery .zoomer-controls-right,
    .zoomer.zoomer-gallery .zoomer-controls-top-right,
    .zoomer.zoomer-gallery .zoomer-controls-bottom-right {
        height: 131px;
    }

    .zoomer .zoomer-controls-left,
    .zoomer .zoomer-controls-right {
        margin: -35px 0 0 0;
        top: 50%;
    }

    .zoomer.zoomer-gallery .zoomer-controls-left,
    .zoomer.zoomer-gallery .zoomer-controls-right {
        margin: -65px 0 0 0;
    }

    .zoomer .zoomer-controls-left {
        left: 10px;
    }

    .zoomer .zoomer-controls-top-left {
        left: 10px;
        top: 10px;
    }

    .zoomer .zoomer-controls-bottom-left {
        bottom: 10px;
        left: 10px;
    }

    .zoomer .zoomer-controls-right {
        right: 10px;
    }

    .zoomer .zoomer-controls-top-right {
        right: 10px;
        top: 10px;
    }

    .zoomer .zoomer-controls-bottom-right {
        bottom: 10px;
        right: 10px;
    }

@media screen and (min-width: 980px) {
    .zoomer .zoomer-controls span:hover {
        background: #000;
    }
}

.zoomer_wrapper {
    height: 500px;
}




















body {
    font-size: 13px;
}



#slider_wrapper {
    /* background: url(../img/page-bg.png); */
    background-color: #f8f8f8;
    background-repeat: repeat-x;
    background-position: bottom center;
    min-height: 300px;
    margin-bottom: 10px;
}

    #slider_wrapper #form-row {
        /* display: flex; */
        /* justify-content: center */
    }




    #slider_wrapper .search_main {
        min-height: 200px;
        padding: 20px;
        padding-top: 70px !important;
        width: 100%;
        margin-top: 40px !important;
        background: rgba(255, 255, 255, 0.85) !important;
        margin-bottom: 45px;
    }


    #slider_wrapper .searchbox_holder {
        position: relative;
    }

    #slider_wrapper .search_main input#search_suggest {
       display: block;
    width: 100%;
    /* height: 34px; */
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    /* border: 1px solid #ccc; */
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color 
ease-in-out .15s, -webkit-box-shadow 
ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color 
ease-in-out .15s, box-shadow 
ease-in-out .15s;
    min-height: 45px;
    background: rgba(255, 255, 255, 0.85);
    color: #888;
    border: 0;
    box-shadow: 0 0;
    width: 510px !important;
    color: #818fa3;
    height: 100%;
background-color: transparent;
    }

        #slider_wrapper .search_main input:focus {
            box-shadow: 0 0;
            outline: none;
            border: 1px solid #76c000;
            box-shadow: 0 0 7px #76c00094 !important;
        }

#slider_wrapper .search_popup .radio_holder {
    display: flex;
    justify-content: space-around;
}



        /* #slider_wrapper .search_main input:focus,
#slider_wrapper .search_main select:focus {
    outline: none !important;
    box-shadow: 0 0 7px #76c00094 !important;
    border: 1px solid rgb(102 175 233) !important;
} */

        #slider_wrapper .search_main input::placeholder {
            color: #999;
        }

    #slider_wrapper .search_main select {
        background: rgba(255, 255, 255, 0.85);
        display: block;
        width: 100%;
        height: 38px;
        padding: 0px 12px;
        font-size: 14px;
        /* line-height: 1.42857143; */
        /* background-image: none; */
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        background-color: #ffffff !important;
        /* color: #5e4b3c; */
        box-shadow: 0 0;
        border: 1px solid #cfd3db;
        border-radius: 6px !important;
        /* margin-right: 20px;*/
        cursor: pointer;
    }


    #slider_wrapper .search_main button {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        /* background-color: #4ab9da !important; */
        border-radius: 1px;
        border: 0px;
        color: #fff;
        /* transition: 300ms all; */
        min-width: 100px;
        min-height: 45px;
        background-color: #fdd001;
        /* padding: 7px 15px 7px 40px; */
        border-radius: 25px;
        color: #363636;
    }

        #slider_wrapper .search_main button:hover {
            opacity: 0.8;
        }

        #slider_wrapper .search_main button a {
            color: #fff;
            text-decoration: none;
        }

        #slider_wrapper .search_main button:focus {
            outline: none;
            box-shadow: 0 0 5px rgb(111 171 217);
        }


    #slider_wrapper #sug {
        position: absolute;
        top: 100%;
        right: 12px;
        z-index: 1000;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fffffff0;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border-radius: 0px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        width: 96%;
        padding: 8px 0;
        direction: rtl;
        text-align: right;
        display: none;
    }

        #slider_wrapper #sug a {
            padding: 2px 20px;
            width: 100%;
            height: 100%;
            display: block;
            text-decoration: none;
            color: #333;
            cursor: pointer;
        }

            #slider_wrapper #sug a:hover {
                background-color: #337ab7;
                color: white;
            }




    #slider_wrapper #links {
        direction: ltr;
        height: 60px;
    }

        #slider_wrapper #links > div[class ^="col-"] {
            direction: ltr;
            height: 60px;
            direction: rtl;
            display: flex;
            align-items: flex-end;
            justify-content: flex-end;
            height: 30px;
        }


    #slider_wrapper .item {
        font-size: 12.5px;
        font-weight: 300;
        height: 30px;
        transition: 0.3s ease;
        width: 100%;
    }

        #slider_wrapper .item:hover {
            height: 35px;
            transition: 0.3s ease;
            /* Decrease the top margin of the parent div by 10px */
        }

        /* .item:hover div {
    height: 36px;
    transition: 0.3s ease;
} */

        #slider_wrapper .item a {
            background-color: #394041;
            overflow: hidden;
            display: inline-flex;
            height: 100%;
            color: white;
            text-decoration: none;
            width: 100%;
            justify-content: space-between;
        }


            #slider_wrapper .item a:hover {
                color: #fff;
            }

        #slider_wrapper .item span {
            padding: 5px 13px;
        }

        #slider_wrapper .item a div {
            display: inline-block;
            background-color: #252a2d75;
            font-size: 18px;
            padding: 0px 10px;
            padding-top: 4px;
        }




@media only screen and (max-width: 992px) {
    #Search-page #slider_wrapper .form-group {
        display: block;
        margin-bottom: 10px;
    }
}


#Search-page #slider_wrapper .col-md-2 {
    text-align: left;
    display: flex;
    justify-content: flex-end;
    text-wrap: nowrap;
    align-items: center;
}

#Search-page #slider_wrapper .search_main {
    margin-top: 0px !important;
    min-height: unset;
        padding: 30px 15px 35px 15px !important;
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
        margin-bottom: 40px;
}

#Search-page #slider_wrapper .other_options {
    margin-top: 35px;
    padding: 0 21px;
    display: flex;
    justify-content: center;
}


    #Search-page #slider_wrapper .other_options label {
        text-wrap: nowrap;
        margin-left: 10px;
        color: #333;
        font-weight: 400;
        font-size: 14px;
    }


#Search-page #slider_wrapper #result-count {
    color: #888;
    /* float: left; */
    border: 1px solid #8a8a8a;
    padding: 5px 10px 2px 40px;
    border-radius: 5px;
    /* margin-bottom: 5px; */
    /* margin-top: -6px; */
    /* position: relative; */
    width: 100%;
}


    #Search-page #slider_wrapper #result-count label {
        display: inline-block;
    }

    #Search-page #slider_wrapper #result-count div {
        display: inline-block;
    }


@media only screen and (max-width: 1199px) {
    #Search-page #slider_wrapper .other_options label {
        /* text-wrap: balance; */
    }
}


#Search-page #slider_wrapper .other_options select {
    display: inline-block;
    min-height: 30px;
}

#Search-page #slider_wrapper .other_options #result-count div {
    color: #727272;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
}








#slider_wrapper {
    min-height: unset;
    margin: 0;
   /* padding: 60px 0;*/
}

div.main {
    padding: 60px 0;
}

#slider_wrapper #form-row {
    padding: 0 21px;
}

#slider_wrapper #links {
    height: unset;
}

    #slider_wrapper #links #adv_search a {
        background-color: #394041;
    }

    #slider_wrapper #links #rss_container a {
        background-color: #2fb7bf;
    }

    #slider_wrapper #links #export_container a {
        background-color: #80bf2f;
    }

    #slider_wrapper #links #alert_container a {
        background-color: #d6bb4b;
    }







#Search-page #sidebar h4,
#Search-page #sidebar h5 {
    color: #444;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 12px;
    font-family: iranyekan;
    font-size: 19px;
    font-weight: normal;
}



#Search-page #sidebar .content {
    padding: 0 !important;
    direction: unset !important;
}

#Search-page #sidebar .box .content table tr:nth-child(n+7) {
    display: none;
}

#Search-page #sidebar .more {
    display: flex;
    justify-content: space-between;
    direction: ltr;
    border-top: 1px solid #e6e6e6;
    margin-top: 12px;
    padding-top: 12px;
}

    #Search-page #sidebar .more span {
        display: flex;
        align-items: center;
    }


    #Search-page #sidebar .more input[type="submit"] {
        color: #fff;
        padding: 0px 15px;
        font-size: 12px;
        font-weight: 400;
        white-space: nowrap;
        border-radius: 3px;
        min-width: 55px;
        height: 28px;
        outline: 0;
        border: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #373737 ;
        border-radius: 25px;
        color: #363636;
        direction: ltr;
    }

.dir_rtl {
    direction: rtl !important
}

.show-more-content {
    display: none;
}


#Search-page #sidebar .more .btn-orange {
    background-color: #4e2e1d !important;
    transition: 0.15s;
    color: white !important;
}


#Search-page #sidebar .btn-orange:hover {
    opacity: 0.8;
    transition: 0.15s
}


#Search-page #sidebar .btn-green {
    background-color: #4e2e1d12 !important;
    color: white !important;
    transition: 0.15s;
    color: #4e2e1d !important;
}

    #Search-page #sidebar .btn-green:hover {
        opacity: 0.8;
        transition: 0.15s;
    }




#Search-page #sidebar .content .search-holder {
    position: relative;
}

    #Search-page #sidebar .content .search-holder span {
        position: absolute;
        left: 6px;
        top: 4px;
        font-size: 17px;
        opacity: 0.5;
        ;
        transition: 0.1s;
        display: none;
    }

        #Search-page #sidebar .content .search-holder span:hover {
            opacity: 0.8;
            transition: 0.1s;
            cursor: pointer;
        }

#Search-page #sidebar .content input.search {
    width: 100%;
    border: 1px solid #0000001f;
    text-align: right;
    border-radius: 4px;
    padding: 0 8px;
    color: #727272;
    height: 32px;
    margin-bottom: 10px;
    font-weight: 300;
    background-color: #ece9e221;
}

::placeholder {
    color: #9b9faf;
    opacity: 1;
    /* Firefox */
}

::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: #9b9faf;
}


#Search-page #sidebar .more input[type="text"] {
    width: 43px;
    border: 1px solid #d1d6ee;
    border: 1px solid #8a8a8a;
    text-align: left;
    border-radius: 4px;
    padding: 0 4px;
    color: #888;
    margin: 0 8px;
    font-family: 'iranyekanfn';
}


    #Search-page #sidebar .more input[type="text"]:focus {
        outline: none;
        box-shadow: 0 0;
        border: 1px solid #76c000;
        color: #444;
    }


#Search-page #sidebar .more .more_options {
    display: flex;
}

#Search-page .box {
    margin: 15px 0px 15px 0px;
    background: #fff;
    /* box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); */
    padding: 13px 15px 12px 15px !important;
    padding: 20px 20px 10px 20px;
    /* background-color: #f4f3ef; */
    border-radius: 10px;
    /* border: 1px solid #00578f; */
    border-top: 3px solid #73a535;
    /* border-bottom: 2px solid #00578f; */
    color: #393738;
    font-weight: 300;
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
}

    #Search-page .box * {
        font-family: iranyekanfn;
    }

#Search-page #result-list .box {
    background: #fff;
    font-family: iransansweb !important;
    color: #363636;
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
}

#Search-page #slider_wrapper .form-group {
    /* display: flex; */
    /* align-items: center; */
    width: 100%;
    height: 100%;
    padding: 12px 40px;
    margin: 0;
}


@media only screen and (max-width: 992px) {
    #Search-page #slider_wrapper .form-group {
        padding: 12px 0px;
    }
}



#Search-page #sidebar .box .card {
    box-shadow: 0 0;
    margin: 0;
}

#Search-page #sidebar .box table {
    width: 100%;
}

    #Search-page #sidebar .box table .grid {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }

    #Search-page #sidebar .box table input[type="checkbox"] {
        width: 18px;
        height: 18px;
    }

    #Search-page #sidebar .box table svg {
        width: 18px;
        height: 18px;
    }

    #Search-page #sidebar .box table tr {
        border-bottom: 1px solid #0000000a;
        cursor: pointer;
    }

        #Search-page #sidebar .box table tr:hover {
            background-color: #ece9e26e;
        }


        #Search-page #sidebar .box table tr:last-child {
            border-bottom: 0;
        }




        #Search-page #sidebar .box table tr td:nth-child(1) {
            width: 24px;
            height: 30px;
            padding: 0px 0;
        }


        #Search-page #sidebar .box table tr td:nth-child(3) {
            text-align: left;
        }












#Search-page #result-list .title div.grid {
    display: inline-flex;
    height: 25px;
    align-items: center;
}

#Search-page .checkbox {
    --background: #fff;
    --border: #D1D6EE;
    --border-hover: #BBC1E1;
    --border-active: #1E2235;
    --tick: #fff;
    position: relative;
}

    #Search-page .checkbox input,
    #Search-page .checkbox svg {
        width: 21px;
        height: 21px;
        display: block;
    }

    #Search-page .checkbox input {
        -webkit-appearance: none;
        -moz-appearance: none;
        position: relative;
        outline: none;
        background: var(--background);
        border: none;
        margin: 0;
        padding: 0;
        cursor: pointer;
        border-radius: 4px;
        transition: box-shadow 0.3s;
        box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
    }

#Search-page #result-list .checkbox input:hover {
    --s: 2px;
    --b: var(--border-hover);
}

#Search-page #sidebar table tr:hover .checkbox input {
    --s: 2px;
    --b: var(--border-hover);
}

#Search-page .checkbox input:checked {
    --b: var(--border-active);
}

#Search-page .checkbox svg {
    pointer-events: none;
    fill: none;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: var(--stroke, var(--border-active));
    position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 21px;
    transform: scale(var(--scale, 1)) translateZ(0);
}

#Search-page .checkbox.path input:checked {
    --s: 2px;
    transition-delay: 0.4s;
}

    #Search-page .checkbox.path input:checked + svg {
        --a: 16.1 86.12;
        --o: 102.22;
    }

#Search-page .checkbox.path svg {
    stroke-dasharray: var(--a, 86.12);
    stroke-dashoffset: var(--o, 86.12);
    transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;
}

#Search-page .checkbox.bounce {
    --stroke: var(--tick);
}

    #Search-page .checkbox.bounce input:checked {
        --s: 11px;
    }

        #Search-page .checkbox.bounce input:checked + svg {
            animation: bounce 0.4s linear forwards 0.2s;
        }

    #Search-page .checkbox.bounce svg {
        --scale: 0;
    }

@keyframes bounce {
    50% {
        transform: scale(1.2);
    }

    75% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

html {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

* {
    /* box-sizing: inherit; */
}

    *:before,
    *:after {
        box-sizing: inherit;
    }









#Search-page #result-list a {
    text-decoration: none;
    color: #666;
}

#Search-page #result-list .content {
    padding-bottom: 0px;
}


#Search-page #result-list .title {
    display: inline-flex;
    font-size: 15px;
    color: #5f5f5f;
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    padding: 3px 0;
}


@media only screen and (max-width: 350px) {
    #Search-page #result-list .title {
        display: block;
    }
}



#Search-page #result-list .title .title_options {
    display: inline-flex;
}

#Search-page #result-list .title a {
    display: inline-flex;
    transition: 0.3s;
}

    #Search-page #result-list .title a:hover {
        color: #53a1ea;
        ;
        transition: 0.15s
    }

    #Search-page #result-list .title a h6 {
        color: #444 !important;
        margin-top: 0;
        font-size: 19px;
        font-weight: normal;
        line-height: 1.4;
    }


#Search-page #result-list .title .irandoc-logo-edited {
    display: inline-flex;
    height: 25px;
    align-items: center;
    font-family: 'iranyekan';
    font-weight: 300;
}

    #Search-page #result-list .title .irandoc-logo-edited img {
        width: 27px;
        margin: 0 8px;
    }


@media only screen and (max-width: 450px) {
    #Search-page #result-list .title .irandoc-logo-edited img {
    }
}


#Search-page #result-list .content .row {
    margin: 12px -12px;
    color: #333;
}


#Search-page #result-list .content span.square {
    font-size: 11px;
    margin-left: 5px;
    transition: 300ms all;
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #8ac63f;
    border-radius: 3px;
}

#Search-page #result-list .content span.bg_red {
    background-color: #d28686;
}

#Search-page #result-list .content span.bg_yellow {
    background-color: #d8ce8d;
}

#Search-page #result-list .content span.bg_purple {
    background-color: #bcb0c9;
}


#Search-page #result-list .content span.red {
    color: #ddb2b2;
}

#Search-page #result-list .content span.yellow {
    color: #9d8c23;
}

#Search-page #result-list .content span.purple {
    color: #825cab;
}

#Search-page #result-list .content span.green {
    color: #5d9b50;
}




#result-list .content .head {
    font-weight: 600;
}

#result-list .content .sub {
    margin-left: 12px;
}

#result-list .content #field .square {
    background-color: #bcb0c9 !important;
}

#result-list .content #field .head {
    color: #825cab !important;
}

#result-list .content #field .sub {
}

#result-list .content #writers .square {
    background-color: #c3a000 !important;
}

#result-list .content #writers .head {
    color: #c3a000 !important;
}

#result-list .content #writers .sub {
}

#result-list .content #university .square {
    background-color: #d28686 !important;
}

#result-list .content #university .head {
    color: #9d8c23 !important;
}

#result-list .content #university .sub {
}







#Search-page #result-list .content .btn {
    /* min-width: 120px; */
    color: white;
    font-weight: 300;
    font-size: 13px;
    padding: 5px 1px;
    border-radius: 2px;
    box-shadow: 0 0;
    width: 100%;
    text-wrap: nowrap;
}

#Search-page #result-list .content .sample_access {
    background-color: #4ab9da00;
    color: #373737;
    transition: 0.4s;
    border: 1px solid #373737;
}

@media only screen and (min-width: 576px) {
    #Search-page #result-list .content .sample_access {
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 450px) {
    #Search-page #result-list .result_dl_btn {
        padding: 0;
    }
}


@media only screen and (min-width: 576px) {
    #Search-page #result-list .result_dl_btn .container-fluid {
        padding: 0 3px;
    }
}

@media only screen and (max-width: 300px) {
    #Search-page #result-list .result_dl_btn .col-md-12.col-sm-12.col-xxs-12.col-6 {
        padding: 0 2px;
    }
}



#Search-page #result-list .content .full_access {
    background-color: #373737;
    transition: 0.4s;
}

#Search-page #result-list .content .sample_access:hover {
       background-color: #4e2e1d;
    color: white;
    transition: 0.15s;
}

#Search-page #result-list .content .full_access:hover {
    background-color: #3c3938;
    transition: 0.15s;
}




#Search-page #result-list .more {
    min-height: 40px;
    /* background: #f5f5f5; */
    /* margin: -12px -15px; */
    padding: 15px 0;
    border-top: 1px solid #00578f1f;
    padding-bottom: 0;
}

#Search-page #result-list i.bi {
    font-size: 17px;
    margin-left: 7px;
    color: #666;
}

@media only screen and (max-width: 540px) {
    #Search-page #result-list i.bi {
        font-size: 13px;
        margin-left: 3px;
    }
}

@media only screen and (max-width: 330px) {
    #Search-page #result-list .more i.bi {
        display: none;
    }
}



#Search-page #result-list .more .nav {
    /* height: 40px; */
    padding: 0;
}

@media only screen and (max-width: 350px) {
    #Search-page #result-list .more .nav {
        height: unset;
    }
}

@media only screen and (max-width: 540px) {
    #Search-page #result-list .more .nav {
        padding-right: 2px;
    }
}


#Search-page #result-list .more .tab-header {
    padding: 0;
}

    #Search-page #result-list .more .tab-header div {
        height: 100%;
        display: flex;
        align-items: center;
        display: inline-flex;
        padding: 0 15px;
        border-radius: 5px;
        cursor: pointer;
        background-color: unset;
        transition: 0.2s;
    }

        #Search-page #result-list .more .tab-header div:hover {
            background-color: #e7e7e7;
            transition: 0.15s;
        }

#Search-page #result-list .more button {
    box-shadow: 0 0 0 !important;
    outline: none;
    /* background-color: #e69c9c; */
    transition: 0.15s;
    padding: 0 35px;
    background-color: unset;
    border-top: 2px solid transparent !important;
    display: inline-flex;
    align-items: center;
    background-color: #00578f0d;
    color: #00578f !important;
    border-radius: 5px;
    border: 2px solid transparent !important;
    font-weight: 500;
    height: 35px;
}

@media only screen and (max-width: 540px) {
    #Search-page #result-list .more button {
        padding: 0 15px;
    }
}


@media only screen and (max-width: 450px) {
    #Search-page #result-list .more button {
        padding: 0 10px;
    }
}


@media only screen and (max-width: 360px) {
    #Search-page #result-list .more button {
        padding: 0 5px;
    }
}


#Search-page #result-list .more .tab-content {
    display: block;
    background-color: white;
    padding: 15px;
    color: #333;
    font-size: 14px;
    font-family: 'iranyekanfn' !important;
    line-height: 1.9;
    display: none;
    border-top: 1px solid #00578f26;
    margin-top: 13px;
    padding: 20px;
}

    #Search-page #result-list .more .tab-content .tab-pane {
        font-family: 'iranyekanfn' !important;
        text-align: justify;
    }

#Search-page #result-list .more button:not(.active):hover {
    background-color: #00578f26 !important;
    transition: 0.15s;
}

#Search-page #result-list .more .nav-tabs {
    border-bottom: none !important;
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    margin-bottom: 0 !important;
}


#Search-page #result-list .more .active {
    background-color: white;
    transition: 0.2s;
    color: #5e4b3c;
    background-color: #fff !important;
    border: 2px solid #00578f !important;
    position: relative;
}



    #Search-page #result-list .more .active:after {
        content: "";
        background-color: #00578f26;
        position: absolute;
        top: 32px;
        right: 50%;
        left: 50%;
        width: 1px;
        height: 15px;
    }


    #Search-page #result-list .more .active i {
        /* color: #2a9bbd !important; */
    }



#Search-page #result-list .more a.keyword_item {
    background-color: #e2e7ec36;
    border: 1px solid #e2e6ec;
    margin-left: 5px;
    margin-bottom: 7px;
    color: #666;
    border-radius: 7px;
    white-space: nowrap;
    display: inline-block;
    padding: 4px 9px;
    /* font-size: 14px; */
    font-weight: 300;
    line-height: 1.42857143;
    transition: 0.2s;
    font-size: 13px;
}

b,
strong {
    font-weight: bolder !important;
}

#Search-page #result-list .more a.keyword_item:hover {
    background-color: #00578f14;
    transition: 0.15s;
    color: #424242;
}


#Search-page #result-list .more a.share_item {
    display: flex;
    margin-left: 11px;
    background-color: #f7f7f7;
    padding: 4px 10px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    transition: 0.15s;
}

    #Search-page #result-list .more a.share_item:hover {
        background-color: #eee;
        transition: 0.15s;
    }

    #Search-page #result-list .more a.share_item .badge {
        color: #a3a3a3;
        background-color: white;
        border: 1px solid #ccc;
        padding: 2px;
        min-width: 15px;
        margin-right: 10px;
    }

    #Search-page #result-list .more a.share_item img {
        width: 25px;
        margin-left: 8px;
    }




#Search-page #result-list .more #nav-report .container {
    padding: 15px;
    max-width: 100%;
}

    #Search-page #result-list .more #nav-report .container .row {
        margin-top: 15px;
    }

#Search-page #result-list .more #nav-report #nav-report {
    font-size: 13px !important;
}

#Search-page #result-list .more #nav-report .col-2 {
    font-weight: 500;
}

#Search-page #result-list .more #nav-report p {
}

#Search-page #result-list .more #nav-report select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#Search-page #result-list .more #nav-report textarea {
    display: block;
    width: 100%;
    font-size: 13px;
    padding: 15px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#Search-page #result-list .more #nav-report input[type="submit"] {
    padding: 7px 30px;
    float: left;
    color: #fff;
    background-color: #337ab7;
    /* border-color: #2e6da4; */
    border: 0;
    transition: 0.2s;
}

    #Search-page #result-list .more #nav-report input[type="submit"]:hover {
        background-color: #265f91;
        transition: 0.15s;
    }










.navbar-nav {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    flex-direction: row;
}

.navbar .navbar-inverse {
    font-family: iranyekan;
    font-size: 15px;
}




#slider_wrapper .search_box_wrapper {
    text-align: center;
    margin-bottom: 20px;
}



#slider_wrapper .search_and_results {
    display: inline-flex;
    flex-direction: column;
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; */
    border-radius: 11px;
    border: 1px solid #dee1e6;
    position: relative;
    transition: 0.1s;
    border: 1px solid #c2c7d1;
}

    #slider_wrapper .search_and_results.focused {
        transition: 0.1s;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }


#slider_wrapper .search_box_holder {
    /* border: 1px solid #e6e9eb; */
    display: inline-flex;
    justify-content: center;
    /* border-radius: 12px; */
    height: 50px;
}

    #slider_wrapper .search_box_holder.focus {
        border: 1px solid #000e;
    }

    #slider_wrapper .search_box_holder input {
        border: 0;
        box-shadow: 0 0;
        width: 510px;
        color: #818fa3;
        height: 100%;
    }

        #slider_wrapper .search_box_holder input:focus {
            border: 0;
            box-shadow: 0 0 !important;
        }

        #slider_wrapper .search_box_holder input::placeholder {
            color: #818fa3;
            opacity: 0.7;
            /* Firefox */
        }

        #slider_wrapper .search_box_holder input::-ms-input-placeholder {
            /* Edge 12 -18 */
            color: #818fa3;
        }

    #slider_wrapper .search_box_holder button.btn-search {
        color: #818fa3;
        padding: 0 15px;
        width: auto;
        min-width: unset;
        /* margin: 0 15px; */
        /* padding: 3px 10px; */
        background-color: transparent;
        display: inline-block;
        transition: 0.15s;
    }

        #slider_wrapper .search_box_holder button.btn-search:focus {
            outline: none;
            box-shadow: 0 0;
        }


        #slider_wrapper .search_box_holder button.btn-search i {
            display: flex;
        }


#slider_wrapper .shortkey_holder {
    display: flex;
    align-items: center;
    /* margin-left: 10px; */
    color: #818fa3;
    padding: 0 15px 0 0;
}

#slider_wrapper .shortkey {
    background-color: #eeeeee;
    color: #8692a6;
    padding: 0px 4px;
    border-radius: 4px;
    margin: 0 3px;
    font-size: 13px;
    min-width: 19px;
    text-align: center;
    height: 19px;
    display: inline-flex;
    align-items: center;
    text-shadow: 0 0 0px #fff;
    justify-content: center;
}


    #slider_wrapper .shortkey i {
        display: flex;
    }



#slider_wrapper .search_popup {
    padding: 0px;
    text-align: right;
    border-top: 1px solid #7abf22;
    /* display: none; */
    position: absolute;
    top: 50px;
    right: -1px;
    left: -1px;
    background-color: white;
    z-index: 3;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    border: 1px solid #dee1e6;
    display: none;
}

    #slider_wrapper .search_popup h5 {
        margin: 0 0 15px 0;
        color: #818fa3;
        font-weight: 400;
        margin-left: 10px;
    }

    #slider_wrapper .search_popup .res_count {
        font-weight: 300;
        background-color: #00578f1f;
        color: #073654;
        /* text-shadow: 0px 0px 1px #fff; */
        margin-right: 8px;
    }


    #slider_wrapper .search_popup .results_holder {
        padding: 15px;
    }

    #slider_wrapper .search_popup .fields_holder {
        padding: 12px 15px;
        border-bottom: 1px solid #dee1e6;
    }

    #slider_wrapper .search_popup .fields {
        display: flex;
        justify-content: space-around;
    }

        #slider_wrapper .search_popup .fields a {
            border-radius: 8px;
            color: #555555c2;
            padding: 8px;
            width: 100%;
            text-align: center;
            cursor: pointer;
            font-weight: 300;
            font-family: 'iranyekan';
        }

            #slider_wrapper .search_popup .fields a:hover {
                background-color: #eee;
            }

            #slider_wrapper .search_popup .fields a.active {
                background-color: #00578f;
                color: #fff;
            }

            #slider_wrapper .search_popup .fields a i {
                margin-left: 5px;
                display: none;
            }

            #slider_wrapper .search_popup .fields a.active i {
                display: inline-block;
            }

    #slider_wrapper .search_popup .results_holder ul {
        list-style: none;
        padding: 0;
        margin-bottom: 0px;
    }

        #slider_wrapper .search_popup .results_holder ul li {
            padding: 1px 0;
        }

    #slider_wrapper .search_popup .results_holder a {
        color: #555;
        color: #555;
        width: 100%;
        display: block;
        padding: 6px 4px;
        border-radius: 5px;
    }

        #slider_wrapper .search_popup .results_holder a.active {
            background-color: #eee;
        }

        #slider_wrapper .search_popup .results_holder a:hover {
            background-color: #eee;
        }

        #slider_wrapper .search_popup .results_holder a i {
            margin-left: 5px;
            color: #818fa3;
        }


    #slider_wrapper .search_popup .search_bottom_bar {
        padding: 15px;
        border-top: 1px solid #dee1e6;
        display: flex;
        align-items: center;
        color: #818fa3;
    }

#slider_wrapper label {
    margin: 0;
    text-wrap: nowrap;
    font-weight: 400;
    font-size: 15px;
    display: block;
    margin-bottom: 0px;
    cursor: pointer;
}




@media (min-width: 1200px) {
    .container {
        width: unset !important;
    }
}

@media (max-width: 992px) {
    .box2 {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 768px) {
    #slider_wrapper .search_box_holder input {
        width: unset;
    }

    #slider_wrapper .search_popup .search_bottom_bar {
        display: none;
    }

    #slider_wrapper .search_popup .fields a.active i {
        display: none;
    }




    .navbar > .container,
    .navbar > .container-fluid,
    .navbar > .container-lg,
    .navbar > .container-md,
    .navbar > .container-sm,
    .navbar > .container-xl,
    .navbar > .container-xxl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: flex-start;
    }
}








.box2 {
    border-radius: 10px;
    padding: 21px;
    backdrop-filter: blur(39px);
    background-color: #fff2;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 35px 30px -7px;
    background: rgb(255 255 255 / 96%);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    /* text-shadow: 0 2px 6px #0002; */
    height: 100%;
}

    .box2 h4 {
        text-align: center;
        margin: 0;
        display: flex;
        align-items: center;
        font-weight: 500;
    }

        .box2 h4 i {
            font-size: 28px;
            padding: 13px;
            display: inline-flex;
            border: 2px solid #fff6;
            border-radius: 50%;
            margin-left: 5px;
        }

    .box2 hr {
        margin: 20px 0;
    }

    .box2 .title {
        margin-bottom: 15px;
        font-size: 15px;
        margin-top: 4px;
    }

    .box2 .subtitle {
        display: flex;
        justify-content: space-between;
        font-weight: 200;
    }

    .box2 .fanum {
        margin-right: 10px;
        font-weight: 300;
    }

.fanum {
    font-family: iranyekanfn;
}

.dir_ltr {
    direction: ltr;
}


.myfooter .f-title {
    font-size: 14px;
    color: #f1801f;
    margin-top: 15px;
}

.myfooter .f-content,
.myfooter .f-content a {
    font-size: 14px;
    color: #fff;
    line-height: 2;
}

* {
    font-family: iransansweb;
}

@media (min-width: 1200px) {
    .zones {
        padding-top: 0 !important;
    }
}





div.dtsp-panesContainer {
    display: none;
}

#results_table td {
    padding: 0;
        border-top: 0;
}



/* searchable table */
div.dtsp-panesContainer {
    display: none;
}

table.dataTable td,
table.dataTable th {
    background-color: transparent;
    padding: 0;
}

.table > :not(caption) > * > * {
    border-bottom: transparent;
}

table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:after {
    display: none;
}

table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
    display: none;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
    font-size: 0.9rem !important;
}

#example_length.dataTables_length {
    margin-bottom: 25px;
    font-size: 0.9rem !important;
}

.dataTables_length label {
    /* margin-bottom: 25px; */
    font-size: 0.9rem !important;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0em;
    display: inline-block;
    width: auto;
    border: 1px solid #b9bfcf;
    border-radius: 8px;
    height: 40px;
    color: #444;
    background-color: #ffffff70;
    padding: 6px;
    border-radius: 7px;
    /* box-shadow: rgb(4 21 58 / 9%) 0px 6px 21px 0px; */
}

    div.dataTables_wrapper div.dataTables_filter input:focus {
        border: 1px solid #9ba2b3;
        outline: none;
        box-shadow: none;
        border: 1px solid #697185;
    }

div.dataTables_wrapper div.dataTables_length select {
    border: 1px solid #b9bfcf;
    border-radius: 8px;
    height: 40px;
    color: #444;
    height: 40px;
    color: #444;
    background-color: #ffffff70;
    /* padding: 6px; */
    border-radius: 7px;
    /* box-shadow: rgb(4 21 58 / 9%) 0px 6px 21px 0px;*/
}

.active > .page-link,
.page-link.active {
      background-color: #73a535 !important;
    border-color: #6980ccc2 !important;
    color: #eee !important;
    box-shadow: 0 0 !important;
}

.page-item .page-link {
    border-radius: 7px;
    /* margin-right: 5px; */
    background-color: #fcfdff;
    padding: 6px 4px;
    border-radius: 21px;
    box-shadow: rgb(4 21 58 / 11%) 0px 2px 5px 0px;
    padding: 4px 10px;
    min-width: 31px;
    /* height: 31px; */
    color: #445164;
    border: 1px solid #57874238 ! IMPORTANT;
    font-size: 0.9rem !important;
    text-align: center;
    font-weight: 400;
}

    .page-item .page-link:hover {
        box-shadow: rgb(4 21 58 / 0%) 0px 3px 6px 0px !important;
    }

.page-item:not(:first-child) .page-link {
    margin-right: 0px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    background-color: #ebf1fa;
    display: inline-flex;
    padding: 4px 0;
    background-color: #ffffffc2;
    padding: 4px 0;
    border-radius: 18px;
    box-shadow: rgb(4 21 58 / 12%) 0px 1px 8px 0px;
    margin-bottom: 15px;
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: left;
}

.disabled > .page-link,
.page-link.disabled {
    background-color: transparent !important;
    box-shadow: 0 0 !important;
    color: #0006 !important;
}

/* END OF searchable table */









@media (max-width:992px) {
    #logo-aro {
        display: none;
    }

    .main .col-lg-4 {
        margin-bottom: 15px;
    }

    #ctl01_Banner_imgLogofa-IR {
        /* width: 210px; */
    }

    .nav-image {
        border: 0;
    }
}

.res-parent {
    display: none !important;
}





header .nav-image {
    flex-direction: row-reverse;
}

header #ctl01_Banner_imgLogofa-IR {
    height: 100px;
    /* display: none; */
}

header .nav-image ul {
    display: none;
}

header .elementor-icon-box-wrapper {
    display: flex;
    align-items: center;
    color: white;
    gap: 5px;
    font-weight: 300;
}

header .elementor-icon {
    display: flex;
    align-items: center;
}

header .elementor-icon-box-title {
    margin: 0;
}

    header .elementor-icon-box-title span {
        font-size: 15px;
        font-weight: 300;
    }

#main-nav > ul > li:hover > a {
    animation: none !important;
    color: #f1801f;
    transition: .15s !important;
}

#main-nav > ul > li > a {
    background: none !important;
    transition: .2s !important;
}

.main-header {
    border-right: 1px solid #e0e0e047 !important;
}

.nav-image {
    border-bottom: 1px solid #e0e0e047 !important;
}




#slider_wrapper .search_box_holder input {
    border: 0;
    box-shadow: 0 0;
    width: 510px;
    color: #818fa3;
    height: 100%;
}
@media (max-width: 767px) {
#slider_wrapper .search_main input#search_suggest{
      width: 338px !important;
}
#slider_wrapper label {
    font-size: 13px;
}
}
@media (max-width: 400px) {
    header .elementor-icon-box-wrapper{
        display: none;
    }
    .main-header {
        border-right: 1px solid transparent !important;
    }
}

@media (max-width: 576px) {
#searchBoxContainer{
  padding: 0;
}
#searchBoxContainer .container-xl{
      padding: 0 10px;
}
#Search-page #slider_wrapper .search_main{
      padding: 46px 10px 20px 10px !important;
}
#slider_wrapper .search_box_holder {
    width: 100% !important;
}
#slider_wrapper .search_box_holder .searchbox{
    width: 100% !important;
}
#slider_wrapper .search_main input#search_suggest{
  width: 100% !important;
}
#slider_wrapper label {
    padding: 2px 5px;
}
#slider_wrapper .search_popup .radio_holder {
    overflow-x: auto;
}
#slider_wrapper .search_and_results{ width: 100% !important;}
#slider_wrapper .shortkey_holder{display: none  !important;;}
}





footer{
    background-color: #003D90;
    color: white;
margin-top: -25px;
}
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1140px;
}
.elementor-section .elementor-container {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
@media (min-width: 768px) {
    .elementor-column.elementor-col-25, .elementor-column[data-col="25"] {
        width: 25%;
    }
}

.elementor-7596 .elementor-element.elementor-element-7d78990 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 25px;
    margin-bottom: 0px;
}
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1140px;
}
@media (min-width: 768px) {
    .elementor-column.elementor-col-100, .elementor-column[data-col="100"] {
        width: 100%;
    }

}


@media (max-width: 768px) {

.elementor-section .elementor-container {

    flex-direction: column;
}
}


.elementor-7596 .elementor-element.elementor-element-ed02d4d.elementor-column > .elementor-widget-wrap {
    justify-content: center;
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: row;
}
.elementor-7596 .elementor-element.elementor-element-478f6e0 {
    width: auto;
    max-width: auto;
    align-self: flex-start;
    display: flex;
    justify-content: center;
}
.elementor-7596 .elementor-element.elementor-element-478f6e0 > .elementor-widget-container {
    background-color: #003d90;
    margin: -45px 0px 0px 0px;
    padding: 15px 15px 15px 15px;
    border-radius: 59px 59px 59px 59px;
    width: 80px;
}
.elementor-7596 .elementor-element.elementor-element-478f6e0 img {
    width: 50px;
    max-width: 50px;
    height: 50px;
}
.elementor-widget-image img {
    display: inline-block;
    vertical-align: middle;
}

.elementor-7596 .elementor-element.elementor-element-fe23ac1 .elementor-heading-title {
    font-family: "iransans", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #F8F8F8;
}
.elementor-7596 .elementor-element.elementor-element-e10ef85 {
    text-align: justify;
    font-family: "iransans", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    color: #FFFFFF;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 10px;
}
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
    display: flex;
    flex-direction: column;
}
.elementor-7596 .elementor-element.elementor-element-7807ef9 .elementor-heading-title {
    font-family: "iransans", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #F8F8F8;
}
.elementor-7596 .elementor-element.elementor-element-ea75ce3 .elementor-heading-title {
    font-family: "iransans", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #F8F8F8;
}
.elementor-7596 .elementor-element.elementor-element-989a9c5 .elementor-heading-title {
    font-family: "iransans", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #F8F8F8;
}

footer ul{
    list-style: none;
}
footer ul li a{
    color: white;
    fill: white;
    padding: 2px 0;
    display: block;
    font-weight: 300;
    transition: 0.1s;
}
footer ul li a:hover{
    color: #005BD7;
    fill: #005BD7;
    transition: 0.2s;
    
}
footer a {
    color: #c36;
}

.hidden{
  display: none 
}





.elementor-171 .elementor-element.elementor-element-182c8ea {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 80px 0px 80px 0px;
}
@media (min-width: 768px) {
    .elementor-171 .elementor-element.elementor-element-6cb7000 {
        width: 40.131%;
    }
}
@media (min-width: 768px) {
    .elementor-column.elementor-col-50, .elementor-column[data-col="50"] {
        width: 50%;
    }
}
@media (min-width: 768px) {
    .elementor-171 .elementor-element.elementor-element-23ffdad {
        width: 59.825%;
    }
}
@media (min-width: 768px) {
    .elementor-column.elementor-col-50, .elementor-column[data-col="50"] {
        width: 50%;
    }
}
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
    display: flex;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 10px;
}
.elementor-widget-wrap>.elementor-element {
    width: 100%;
}
.elementor-widget-image {
    text-align: center;
}
.elementor-171 .elementor-element.elementor-element-bfb8978:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-bfb8978 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #F8F8F8;
}
.elementor-171 .elementor-element.elementor-element-bfb8978 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 40px 0px 40px 0px;
}
.elementor-171 .elementor-element.elementor-element-dbf33fe .elementor-divider {
    padding-block-start: 15px;
    padding-block-end: 15px;
}
.elementor-171 .elementor-element.elementor-element-dbf33fe {
    --divider-border-style: solid;
    --divider-color: #00000021;
    --divider-border-width: 1px;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 10px;
}
.elementor-171 .elementor-element.elementor-element-dbf33fe .elementor-divider-separator {
    width: 100%;
}

.elementor-171 .elementor-element.elementor-element-bfb8978 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 40px 0px 40px 0px;
}
.elementor-171 .elementor-element.elementor-element-d88c1a3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated {
    align-content: center;
    align-items: center;
}
.elementor-171 .elementor-element.elementor-element-d88c1a3.elementor-column > .elementor-widget-wrap {
    justify-content: center;
}
.elementor-171 .elementor-element.elementor-element-d88c1a3:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-171 .elementor-element.elementor-element-d88c1a3 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #003D90;
}
.elementor-171 .elementor-element.elementor-element-d88c1a3 > .elementor-element-populated {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 5px 5px 5px 5px;
    --e-column-margin-right: 5px;
    --e-column-margin-left: 5px;
}
.elementor-171 .elementor-element.elementor-element-4a76a81 > .elementor-widget-container {
    padding: 15px 15px 15px 15px;
}
.elementor-171 .elementor-element.elementor-element-d2a852b {
    text-align: center;
    font-family: "iransans", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
}
.elementor-171 .elementor-element.elementor-element-d88c1a3 > .elementor-element-populated, .elementor-171 .elementor-element.elementor-element-d88c1a3 > .elementor-element-populated > .elementor-background-overlay, .elementor-171 .elementor-element.elementor-element-d88c1a3 > .elementor-background-slideshow {
    border-radius: 8px 8px 8px 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.blueCard{
    background-color: #003d90;
    color: white;
    border-radius: 8px;
    height: 100%;
    width: 100%;
    padding: 25px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blueCard p{
    margin: 0;
    text-align: center;
    color: white;
    font-weight: 300;
}

.myCols .card{
    background-color: transparent;
    border: 0;
}
.elementor-171 .elementor-element.elementor-element-a5e3d09 {
    padding: 50px 0px 0px 0px;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 10px;
}
.elementor-171 .elementor-element.elementor-element-738af6e .elementor-divider {
    padding-block-start: 15px;
    padding-block-end: 15px;
}
.elementor-171 .elementor-element.elementor-element-574cbdd:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-574cbdd > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #f8f8f8;
    padding: 40px 0;
}

.elementor-171 .elementor-element.elementor-element-558efdb .elementor-divider {
    padding-block-start: 15px;
    padding-block-end: 15px;
}


.elementor-171 .elementor-element.elementor-element-564dd0b {
    font-family: "iransans", Sans-serif;
    font-weight: 400;
    line-height: 41px;
    color: #444444;
}

.elementor img {
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: auto;
    max-width: 100%;
    border-radius: 4px;
}


.elementor-171 .elementor-element.elementor-element-d6d0058 > .elementor-element-populated {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #1820413B;
    margin: 15px 15px 15px 15px;
    --e-column-margin-right: 15px;
    --e-column-margin-left: 15px;
}

.elementor-171 .elementor-element.elementor-element-9cfd745 > .elementor-element-populated {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #1820413B;
    margin: 15px 15px 15px 15px;
    --e-column-margin-right: 15px;
    --e-column-margin-left: 15px;
}

.elementor-171 .elementor-element.elementor-element-b7089af > .elementor-element-populated {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #1820413B;
    margin: 15px 15px 15px 15px;
    --e-column-margin-right: 15px;
    --e-column-margin-left: 15px;
}
.elementor-171 .elementor-element.elementor-element-795b0db > .elementor-element-populated {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #1820413B;
    margin: 15px 15px 15px 15px;
    --e-column-margin-right: 15px;
    --e-column-margin-left: 15px;
}.elementor-171 .elementor-element.elementor-element-94c1601 > .elementor-element-populated {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #1820413B;
    margin: 15px 15px 15px 15px;
    --e-column-margin-right: 15px;
    --e-column-margin-left: 15px;
}.elementor-171 .elementor-element.elementor-element-ff3cfbd > .elementor-element-populated {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #1820413B;
    margin: 15px 15px 15px 15px;
    --e-column-margin-right: 15px;
    --e-column-margin-left: 15px;
}.elementor-171 .elementor-element.elementor-element-b8228f2 > .elementor-element-populated {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #1820413B;
    margin: 15px 15px 15px 15px;
    --e-column-margin-right: 15px;
    --e-column-margin-left: 15px;
}.elementor-171 .elementor-element.elementor-element-b36aa6d > .elementor-element-populated {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #1820413B;
    margin: 15px 15px 15px 15px;
    --e-column-margin-right: 15px;
    --e-column-margin-left: 15px;
}.elementor-171 .elementor-element.elementor-element-b8d0564 > .elementor-element-populated {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #1820413B;
    margin: 15px 15px 15px 15px;
    --e-column-margin-right: 15px;
    --e-column-margin-left: 15px;
}


.pics h2.elementor-heading-title{
    text-align: center;
    font-size: 16px !important;
 
}

.pics .elementor-widget-image img{
margin-bottom: 15px;
 
}

.elementor-widget:not(:last-child) {
    margin-block-end: 5px;
}
.elementor-widget-wrap>.elementor-element {
    width: 100%;
}
.elementor-171 .elementor-element.elementor-element-8c9bc69:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-8c9bc69 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #063B9F;
    margin-top: 70px;

}
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1140px;
}
.elementor-section .elementor-container {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
@media (min-width: 768px) {
    .elementor-column.elementor-col-100, .elementor-column[data-col="100"] {
        width: 100%;
    }
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 10px;
}
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
    display: flex;
}
.elementor-171 .elementor-element.elementor-element-0810a80 .elementor-button {
    background-color: #FFFFFF;
    font-family: "iransans", Sans-serif;
    font-weight: 500;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    fill: #203569;
    color: #203569;
    padding: 5px;
    border-radius: 5px;
}
.elementor-kit-6300 button, .elementor-kit-6300 input[type="button"], .elementor-kit-6300 input[type="submit"], .elementor-kit-6300 .elementor-button {
    background-color: var(--e-global-color-bf61146);
    font-size: 14px;
    color: #FFFFFF;
    border-style: none;
}
.elementor-align-center {
    text-align: center;
}
.elementor-171 .elementor-element.elementor-element-8c9bc69 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 20px 20px 20px 20px;
}

.bottomBtn span.elementor-button-text{

}

.elementor-kit-6300 h2 {
    font-family: "iransans", Sans-serif;
    font-size: 22px;
}

.h2, h2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
}
p{
    text-align: justify;
    line-height: 1.8;
    font-weight: 400;
    color: #444;
    font-size: 14px;
}

.elementor-divider-separator span.elementor-divider__text.elementor-divider__element{
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
}

.pics .elementor-element-populated{border-radius: 8px;}

footer p{
color: white !important;
}

.irandocLogoHolder img{height:50px}


@media screen and (max-width: 1024px) {
    .menu-header, #main-nav {
        /* display: none; */
        display: block !important;
    }
}
.nav-tabs .nav-link {
  
    border-radius: 26px !important;
    color: #666 !important;
        background-color: #37373708;
}
.nav-tabs {
    border-bottom: 1px solid #dee2e6;
    border-bottom: 0 !important;
        margin-bottom: 30px !important;
}
.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active,.nav-tabs .nav-link.active:hover,.nav-tabs .nav-link.active:focus {
    border: 0 !important;
        background-color: #373737 !important;
    color: white !important;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
   
    background-color: #0001;
    border: 1px solid transparent !important;
}


.dataTables_length label{
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    margin-bottom: 15px;
    gap: 5px;
}



#result-list .article_info .nav-tabs{
gap: 10px;
}
#result-list .article_info .nav-link{
        display: flex;
    align-items: center;
    padding: 4px 9px;
}